﻿@charset "utf-8";
*{ margin:0px; padding:0px;}
a{ text-decoration:none}
li{list-style:none;}
a:link, a:visited{text-decoration:none; }
a:hover{ text-decoration:none; color:#d2b186;}
a img{ border:none;}
img{ vertical-align:top;}
#clear{ clear:both;}
body{font-size:12px; text-align:left;font-weight:normal; line-height:24px; font-family:"宋体";  color:#535353; background:#fff ;}
a{blr:expression(this.onFocus=this.blur())} /* */
 /*a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  去掉链接触摸高亮 */
a{outline:none;} /*for Firefox*/
ol,p,dl,li{margin:0;pading:0; list-style:none;}
h1,h2,h3,h4,h5{font-size:12px;margin:0;padding:0; font-weight:normal;}
.wrap{ width:100%; height:auto; overflow:hidden; min-width:1000px;}
.public{ width:1000px; height:auto; overflow:hidden; margin:0px auto;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.top{ background:url(../images/top-bg.jpg) left top repeat-x; width:100%; height:auto; overflow:hidden;}
.header{ height:101px; position:relative;}
.home{  position:absolute; top:15px; right:15px; overflow:hidden; color:#535353;}
.home a{ color:#535353; padding:0px 4px;}
.home a:hover{ color:#ff0000;}
.red{ color:#ff0008; font-size:20px;}

.search{ width:209px; height:26px; overflow:hidden; margin-top:57px;}
.search .input{ width:177px; height:24px; border:1px solid #bfd8e0; color:#666666; background:#fff; overflow:hidden; float:left; display:inline; border-right:0px; border-top-left-radius:2px; border-top-right-radius:2px;}
.search .btn2{ width:31px; height:26px; overflow:hidden; cursor:pointer; border:0px; background:url(../images/search-icon.jpg) left top no-repeat; float:left; display:inline;}
.tell{ margin-right:10px;font-family:"微软雅黑"; background:url(../images/tell-icon.png) left center no-repeat; padding-left:16px; color:#535353; font-size:14px; height:26px; overflow:hidden; margin-top:57px;}

.menu{ height:41px; background:url(../images/menu-bg.jpg) left top repeat-x; width:100%;}
ul.nav{ }
ul.nav li{ width:102px; background:url(../images/menu-li.jpg) right center no-repeat; float:left; font-size:14px;line-height:41px;display:inline; text-align: center;  font-family:"微软雅黑";  }
ul.nav li.i1{ width:82px;}
ul.nav li a{ color:#fff; width:100%; height:41px; display:block; }
ul.nav li a:hover,ul.nav li a.cu{ color:#fee902}

.baner{ width:1920px; height:445px;overflow:hidden; position: relative; left:50%; margin-left:-960px; }
/* 本例子css */
.focusBox { height:445px;width:1920px; position: relative; overflow: hidden; text-align:center;}
.focusBox .pic li{height:445px;width:1920px; text-align:center}
.focusBox .pic img {height:445px; }
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:48%; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:18px; height:16px; cursor:pointer; overflow:hidden; background: url(../images/dot.png) left top no-repeat; margin-left:4px; }
.focusBox .hd .on{background: url(../images/dot.png) left bottom no-repeat; }

.pro-class{ width:100%; height:58px; padding:6px 0px; background:url(../images/bg1.png) left top repeat; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:888}
.pro-class-box{ height:58px;}
.pro-class-box a{ width:87px; height:29px; overflow:hidden; line-height:29px; background:url(../images/sty.png) left center no-repeat; text-indent:15px; float:left; display:inline; margin-right:10px; color:#000000}
.pro-class-box a:hover{ color:#ff0000;}
.content{ height: auto; overflow:hidden; margin:10px auto 10px;}
.box{ border:1px solid #c5c5c5; height:auto; overflow:hidden; background:url(../images/title-bg.jpg) left top repeat-x #fff;}
.about{ width:258px;}
.box-top{ height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #e4e4e4; background:url(../images/title.jpg) 14px center no-repeat; text-indent:26px;font-family:"微软雅黑"; font-size:16px; color:#2051b0}
.more{ float:right; font-size:14px; padding-right:9px;}
.more a{ color:#2051b0}
.about-m{ padding:11px; height:auto; overflow:hidden;}
.about-img{ height:92px; overflow:hidden;}
.about-nr{ height:112px; overflow:hidden; line-height:28px; overflow:hidden; padding-top:3px;}
.about-nr a{ color:#ff0000}
.about-nr a:hover{ text-decoration:underline;}
.news{ width:720px;}

/* 本例子css */
.slideGroup{ width:100%; height:auto; overflow:hidden; }
.slideGroup .parHd{height:38px; line-height:38px; overflow:hidden; border-bottom:1px solid #e4e4e4;font-size:16px;font-family:"微软雅黑";}
.slideGroup .parHd ul{height:38px;   }
.slideGroup .parHd ul li{ width:119px; float:left; display:inline; text-align:center; line-height:38px;color:#7f7f7f; position:relative; cursor: pointer; border-right:1px solid #c7c7c7 }
.slideGroup .parHd ul li.on{ color:#fff; background:#2051b0 }
.slideGroup .parBd{position:relative; height: 203px; overflow:hidden; padding:13px 10px;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; }

.news-list{ height:80px; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #bfbfbf}
.news-list img{ height:72px; border:4px solid #dfe4e0; width:122px; float:left; display:inline; margin-right:10px;}
.news-list dt{ height:20px; line-height:20px; font-size:14px; font-weight:bold}
.news-list dt a{ color:#535353}
.news-list dt a:hover{ color:#ff0000}
.news-list dd{ height:60px; line-height:20px; overflow:hidden; background-size:cover;}

ul.news_list1{ margin:0px; padding:0px; overflow:hidden;}
ul.news_list1 li a{ color:#535353; display:block; width:100%; height:26px; line-height:26px; overflow:hidden; background:url(../images/sty1.jpg) 4px center no-repeat; text-indent:17px; }
ul.news_list2 li a{ border-bottom:1px dotted #a9a9a9; height:29px; line-height:29px;}
ul.news_list1 li a:hover{ color:#ff0000;}
.date{ float:right; display:inline;}


/* 本例子css */
.tmall-brand{ position: relative; height:202px; width:273px; overflow: hidden; border:1px solid #c5c5c5; margin-right:15px; }
.tmall-brand .fCl-slide a{ display: block; height:202px; width:273px; text-align: center; color: #666; overflow: hidden; }
.tmall-brand .fCl-slide a img{ }
.tmall-brand .fCl-nav{ height:15px;  position: absolute; bottom: 0; width:100%;background: url(../images/title-bg.png) left top no-repeat; }
.tmall-brand .fCl-nav li{ float: right; width:25px; height:15px; line-height:15px; overflow:hidden; text-align:center; border-left:1px solid #eaedf2; color: #fafeff; cursor: pointer;}
.tmall-brand .fCl-nav li.on{ background:#e40a00 }

.pro{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:10px 0px 15px;}
.pro-top{ height:38px; line-height:38px; overflow:hidden; background:url(../images/title.jpg) 14px center no-repeat; text-indent:26px;font-family:"微软雅黑"; font-size:16px; color:#2051b0}
.pro-top-c{ padding:0px 16px;  color:#828282; font-family:"宋体"; font-size:12px;}
.pro-top-c a{ padding:0px 5px; color:#828282;}
.pro-top-c a:hover{ color:#ff0000}
.pro-m{ width:1044px; height:auto; overflow:hidden;}
ul.pro-list{ margin:0px; padding:0px;}
ul.pro-list li{ width:304px; float:left; display:inline; margin-right:44px; margin-top:15px; height:auto; overflow:hidden;}
ul.pro-list li img{ width:304px; height:69px; overflow:hidden; vertical-align:top;}
ul.pro-list li dt{ height:33px; overflow:hidden; line-height:37px; font-size:16px; font-weight:bold; color:#2051b0}
ul.pro-list li dd{ height:72px; overflow:hidden;}
ul.pro-list li dd a{ color:#ff0000}
ul.pro-list li dd a:hover{ text-decoration:underline;}
.pro1{ background:#fff;}

.pro1-m{ padding:18px 0px 0px; width:1014px;}
ul.pro-list1{ margin:0px; padding:0px;}
ul.pro-list1 li{ width:145px; float:left; display:inline; margin-right:24px; height:auto; overflow:hidden;}
ul.pro-list1 li img{ width:145px; height:126px; overflow:hidden; vertical-align:top;}
ul.pro-list1 li dt{ height:33px; overflow:hidden; line-height:33px; text-align:center;}
ul.pro-list1 li a{ color:#444444}
ul.pro-list1 li a:hover{ text-decoration:underline; color:#000}
.case{ width:685px; height:auto; overflow:hidden; float:left; display:inline}
.case-m{ width:693px; padding-top:20px;}

ul.case-list{ margin:0px; padding:0px;}
ul.case-list li{ width:212px; float:left; display:inline; margin-right:19px; margin-bottom:5px; height:auto; overflow:hidden;}
ul.case-list li img{ width:212px; height:61px; overflow:hidden; vertical-align:top;}
ul.case-list li dt{ height:40px; overflow:hidden; line-height:40px; text-align:center; }
ul.case-list li a{ color:#444444}
ul.case-list li a:hover{ text-decoration:underline; color:#ff0000}
.faq{ width:289px;}

/* 本例子css */
.txtMarquee-top{ overflow:hidden; position:relative; width:274px; margin:0px auto;}
.txtMarquee-top .bd{ height:225px; overflow:hidden; padding:5px 0px; }
ul.faq-list{ margin:0px; padding:0px;}
ul.faq-list li{ height: auto; overflow:hidden; padding-bottom:10px; border-bottom:1px dashed #c7c7c7; overflow:hidden;}
ul.faq-list li .ask{ height:39px; overflow:hidden; line-height:39px; background:url(../images/wen.jpg) 10px center no-repeat; text-indent:37px; font-size:14px; font-weight:bold;}
ul.faq-list li .answer{ padding:5px 10px 6px 40px; height:auto; overflow:hidden; background:url(../images/da.jpg) 10px 7px no-repeat #f2f2f2;}

.link{ width:100%; height:37px; line-height:37px; overflow:hidden; background:#252525; border-bottom:1px solid #000000}
.link-top{ width:118px; overflow:hidden; float:left; display: inline; background:url(../images/link-top.jpg) 10px center no-repeat; height:37px; color:#929292;font-family:"微软雅黑"; font-size:16px; text-indent:20px;}
.link-m{ width:882px; float:right; display:inline; height:37px; overflow:hidden;}
.link-m a{ color:#929292; padding:0px 4px;}
.link-m a:hover{ color:#ff0012;}

.f-menu{ height:103px; overflow:hidden; border-top:1px solid #292929; border-bottom:1px solid #000; background:#191919; padding:15px 0px 10px;}
.f-menu .menu-list{ width:111px; height:102px; overflow:hidden; float:left; display:inline;text-align:center;}
.f-menu .menu-list h2.t{ height:24px; overflow:hidden; font-weight:bold; color:#8c8c8c; }
.f-menu .menu-list dl{ height:78px; overflow:hidden; line-height:26px;}
.f-menu .menu-list dl dd{ height:26px; overflow: hidden;}
.f-menu .menu-list dl dd a{ color:#555555}
.f-menu .menu-list dl dd a:hover{ color:#ff0012}

.foot{ padding:17px 0px; height:auto; overflow:hidden; border-top:1px solid #292929; text-align:center; background:#191919;  color:#8c8c8c}
.foot a{ color:#8c8c8c}
.foot a:hover{ color:#ff0012}

.ny-content{ margin:10px auto 10px;}

.left{ width:239px; height:auto; overflow:hidden;}
.class{ height:auto; overflow: hidden;}
.class-m{ padding:10px 13px; height:auto; overflow:hidden;}

ul.first{ padding:0px; overflow:hidden;}
ul.first li a{ color:#535353; height:37px; line-height:37px;overflow:hidden;display:block; background:url(../images/class-li.jpg) 9px center no-repeat;text-indent:28px; border-bottom:1px dotted #787878 }
ul.first li a:hover,ul.first li a.cu{ color:#fff; background:url(../images/class-hover.jpg) left bottom no-repeat;}
ul.second{ padding:0px;}
ul.second li a{ color:#333333; background:none; height:21px; font-weight:normal;line-height:21px; font-size:12px;}
ul.second li a:hover{ background:none;}

.contact{ margin:10px auto 0px;}
.contact-m{ padding:15px; height:auto; overflow:hidden; background:url(../images/contact-m.jpg) right top no-repeat;}

.right{ width:750px;}
.right-top{ color:#535353}

.lujin{ float:right; display:inline; padding-right:10px;font-size:12px;color:#6a6a6a; font-size:12px; font-family: "宋体"; font-weight:bold   }
.lujin a{ color:#6a6a6a;}
.lujin a:hover{ color:#ff0000;}

.right_m{ height:auto; overflow:hidden; padding:15px;}
.next2{text-align:center; padding-top:10px; line-height:30px; font-weight:normal;color:#333; clear:both;}
.next2 a{ color:#333; padding:4px 5px; background:#ededed;}
.next2 a:hover{ color:#fff; background:#2051b0}

.next2  .cu{ color:#fff; background:#2051b0; padding:4px 5px; }

.ny-news-list{ background:url(../images/news-bg1.jpg) left bottom no-repeat; border-bottom:0px; margin-bottom:10px; padding:6px 0px 10px;}


.right_news_detail{height:auto;overflow:hidden;}
.right_news_detail h1{ padding:7px 0px;text-align:center;font-size:16px; font-weight:bold;}
.right_news_detail .much{ height:28px; line-height:28px; text-align: center;  border-bottom:1px solid #d8d7d2}
.right_news_detail .much a{color:#ff0000;}
.next1{ height:auto; overflow:hidden;color:#333333; padding:10px 0px; font-size:12px; clear:both; border-top:1px solid #d8d7d2}
.next1 li{ height:25px; line-height:25px;}
.next1 li a{color:#333333;}
.next1 li a:hover{ color:#ff0000;}
.detail{ height:auto; overflow:hidden; padding:10px 0px;  }

ul.pro-class-list{ margin:0px; padding:0px}
ul.pro-class-list li{ width:50%; float:left; display:inline;  border-bottom:1px dotted #787878}
ul.pro-class-list li a{ display:block;height:29px; line-height:29px; overflow:hidden; background:url(../images/class-li.jpg) 3px center no-repeat; padding:0px 10px 0px 23px; color:#535353}
ul.pro-class-list li a:hover{ color:#ff0000;}

ul.pro-list3{ margin:0px; padding:0px;}
ul.pro-list3 li{ width:158px; float:left; display:inline; margin:0px 11px; height:auto; overflow:hidden;}
ul.pro-list3 li img{ width:158px; height:137px; overflow:hidden; vertical-align:top;}
ul.pro-list3 li dt{ height:46px; overflow:hidden; line-height:46px; text-align:center;}
ul.pro-list3 li a{ color:#444444}
ul.pro-list3 li a:hover{ text-decoration:underline; color:#ff0000}


.right_big_img{ width:310px; height:269px;display:inline;margin:10px; float:left; margin-left:0px; margin-top:0px;}
.right_details{  height:auto; overflow:hidden;line-height:30px;}
.right_products_conyent h3{ clear:both;font-weight:bold; color:#ff0000; font-size:14px;}
.right_protext{  height:auto; overflow:hidden;}
