/*Version:             1.0.0(2013-03-12)*/
html,body{-webkit-text-size-adjust:none;}
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:12px/130%  Arial,Tahoma,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#000; background:#fff url(../images/bg.gif) repeat-x; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:12px/130%  Arial,Tahoma,"Lucida Grande",Verdana, Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a{color:#000;text-decoration:none; outline:none;}
a:hover{color:#b92525;text-decoration:underline;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.systemAlert{color:#b42424;font-weight:bold;}
a.systemAlert{color:#b42424;}

.row{overflow:auto;zoom:1;}
.nav{ float:right; padding:30px 0px 5px; font-size:12px;}
.nav a{}
.content{ padding:10px;}

/* __header----------------------------*/
#header { width:948px; margin:0 auto; overflow:hidden; }
.headerBox{ height:82px; overflow:auto; zoom:1;}
.logo{ float:left;}
.logo a { text-indent:-9999px; display:block; width:230px; height:79px; background: url(../images/logo.gif) no-repeat center center; }
.topBar{ float:right; text-align:right; padding:14px 0 13px;}
.topLogin{ padding:10px 0;}
.topNav{ font-size:12px;}

.topMenu{ background:url(../images/topMenu.gif) no-repeat; text-align:center;}
.topMenu .menuDiv{ background:url(../images/menuDiv.gif) no-repeat center 2px; width:2px; overflow:hidden;}
/*.topMenu li{ display:inline;}
.topMenu li a{ padding:8px 20px 9px; line-height:37px; font-size:14px; font-weight:bold; color:#fff;}
.topMenu li a:hover{ padding:8px 18px 9px; background:url(../images/active.gif) repeat-x; border:2px solid #b92525; text-decoration:none;}
.topMenu .active a{ padding:8px 18px 9px; background:url(../images/active.gif) repeat-x; border:2px solid #b92525;}*/

/*start define menus*/
.menus { height:37px; line-height:37px;background: url(../images/topMenuBg.gif) repeat-x;}
.menus li.top {display:block; float:left; color:#fff;}
.menus li a.top_link {display:block; float:left; height:37px; line-height:37px; text-decoration:none; padding:0 32px; cursor:pointer;font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase;}
.menus li a.active{ height:33px; line-height:33px; color:#fff; background:#666 url(../images/active.gif) repeat-x center center; border:2px solid #706e6f; padding:0 33px; }
.menus li a.top_link span {float:left; display:block; padding:0; height:28px;}
.menus li a.top_link span.down {float:left; display:block; padding:0; height:28px; }
.menus li a.top_link:hover { height:33px; line-height:33px; color:#fff; background:#666 url(../images/active.gif) repeat-x center center; border:2px solid #706e6f; padding:0 33px;}
.menus li a.top_link:hover span {}
.menus li a.top_link:hover span.down {}
.menus li:hover > a.top_link { height:33px; line-height:33px;  color:#fff; background:#666 url(../images/active.gif) repeat-x center center; border:2px solid #706e6f; padding:0 33px;}
.menus li:hover > a.top_link span {}
.menus li:hover > a.top_link span.down {}

.menus table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menus a:hover {visibility:visible; position:relative; z-index:200;}
.menus li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menus ul, 
.menus :hover ul ul, 
.menus :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

.menus :hover ul.sub {left:-359px;top:35px; background: #706e6f; border:1px solid #07926D; border-width:0 5px 5px; white-space:nowrap; width:938px; height:auto; z-index:300;}
.menus :hover ul.sub li {display:block; position:relative; float:left; width:136px; padding:3px 10px;  _padding:3px 5px; font-weight:normal; text-transform:none; text-align:left; }
.menus :hover ul.sub li a {display:block; font-size:12px; line-height:22px; text-decoration:none; cursor:pointer;color:#fff;}
.menus :hover ul.sub li a.fly {background:#fff;}
.menus :hover ul.sub li a:hover { text-decoration:none;}
.menus :hover ul.sub li a.fly:hover {background:#f9f9f9;}
.menus :hover ul li:hover > a.fly {background:#F54D8D;} 

.menus :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:0; background: #F54D8D; padding:0px; border:none; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menus :hover ul :hover ul li { float:left}

.menus :hover ul.sub dl{ clear:both; border-top:1px solid #000; }
.menus :hover ul.sub dl a{ text-indent:5px;}
.menus :hover ul.sub dl a:hover{ background:#999;}
/*end define menus*/

.banner{ height:368px;}


/* __pageBody----------------------------*/
#pageBody { width:948px; margin:0 auto;  overflow:hidden;}
.bannerMenu{ background:#525561; overflow:auto; zoom:1; margin-bottom:10px;}
.cateBox{ float:left; width:156px; text-align:center; padding:0px 1px 0px 1px; background:url(../images/menuDiv2.gif) no-repeat right 0;}
.cateBox .cateImg{}
.cateBox h4 a{ color:#fff;}
.cateBox h4 a:hover{ color:#000; text-decoration:none;}

.banner01{ height:172px; margin-bottom:10px;}

.leftBox{ float:left; width:300px; padding-left:10px;}
.partnerBox{ padding:10px; background:url(../images/partnerBoxBg.gif) no-repeat;}
.partnerBox h3{ font-weight:bold; font-family:Arial; font-size:14px;}
.partnerBox a{ color:#b92525;}
.partnerBox .content{ padding:10px 0; height:68px; font-size:11px;}

.searchBox{ padding:10px; background:url(../images/searchBg.gif) no-repeat; height:46px;}
.searchBox h3{ font-size:14px; color:#fff; padding-bottom:5px;}
.searchBox .input{ background:url(../images/inputBg.gif) no-repeat left top; border:0; width:140px; height:16px; padding:2px 5px 3px 25px;}

.centerBox{ float:left; padding:10px; width:294px; height:172px; overflow:hidden; background:url(../images/centerBoxBg.gif) no-repeat;}
.centerBox h3{ font-weight:bold; font-family:Arial; font-size:14px;}
.eventsBox{ padding:5px 0;overflow:auto;zoom:1;}
.eventsBox .eventsImg{ float:left; width:90px; overflow:hidden;}
.eventsBox .eventsInfo{ float:right; width:200px; overflow:hidden;}
.eventsBox h4{ font-weight:bold;}
.eventsBox a{ color:#b92525;}

.eventsBox2 dl{ padding:2px 0; overflow:auto;zoom:1;}
.eventsBox2 dd{ float:left; width:200px; height:16px; overflow:hidden; margin:0; background:url(../images/icon01.gif) no-repeat 0 5px; padding-left:10px;}
.eventsBox2 dd a{ color:#666;}
.eventsBox2 dt{ float:right; width:70px; color:#666;}
.eventsBox2 .more{ text-align:right;}
.eventsBox2 .more a{color:#b92525;}

.rightBox{ float:right; padding:10px; width:296px; height:172px; overflow:hidden; background:url(../images/contactBg.jpg) no-repeat;}
.rightBox h3{ font-weight:bold; font-family:Arial; font-size:14px; color:#f5eb83;}
.rightBox .content{ padding:10px 0; font-size:12px; color:#f5eb83;}
.rightBox span{ display:block}
.rightBox .content div{ float:left; margin-right:15px; margin-top:15px;}


/* __sideBar----------------------------*/
#sideBar { width:220px; float:left; overflow:hidden; }
.searchBox2{ padding:10px; background:url(../images/search2Bg.gif) no-repeat; height:76px; margin-bottom:10px;}
.searchBox2 h3{ font-size:14px; color:#fff; padding-bottom:5px;}
.searchBox2 .input{ font-size:12px; background:url(../images/inputBg.gif) no-repeat left top; border:0; width:80px; height:16px; padding:2px 5px 3px 25px;}
.searchBox2 .select{ font-size:12px; margin:5px 0; padding:1px; width:148px;}

.sideBox{ background:url(../images/sideBoxBg.gif) repeat-y; margin-bottom:10px;}
.sideBox h3{ background:url(../images/sideBoxTop.gif) no-repeat; padding:10px; font-size:18px;}
.sideBox .bottom{ background:url(../images/sideBoxBottom.gif) no-repeat 0 bottom; height:20px; overflow:hidden;}
.sideMenu{ padding:0 10px;}
.sideMenu li a{ background:url(../images/sideMenu2.gif) no-repeat left bottom; display:block; padding:8px 3px 8px 15px; font-size:12px; font-weight:bold; }
.sideMenu li a:hover{ background:url(../images/sideMenu.gif) no-repeat; border:0; color:#000; text-decoration:none; }
.sideMenu .active a{ background:url(../images/sideMenu.gif) no-repeat; border:0; color:#000; text-decoration:none; }
.sideMenu li li a{ padding:5px 3px 5px 20px; background:none; border:none; color:#b52e05;}
.sideMenu li li a:hover{ padding:5px 3px 5px 20px; color:#f60; text-decoration:underline;background:url(../images/sideMenu.gif) no-repeat center center;}


.sideNews{ padding:0 10px 15px; background:url(../images/sideNewsBg.jpg) no-repeat;}
.sideNews h3{ padding:10px; font-size:18px; color:#fff;}
.sideNews dl{ padding:2px 0; color:#fff;}
.sideNews dl a{ color:#fff;}
.sideNews dd{ margin:0; background:url(../images/icon01.gif) no-repeat 0 5px; padding-left:10px;}
.sideNews dt{ }

/* __mainBody----------------------------*/
#mainBody { width:708px; float:right; overflow:hidden; }
.mainBox h3{ font-size:18px; font-weight:bold; color:#000; border-bottom:1px dashed #ddd; padding:5px 0; margin-bottom:30px;}
.mainBox .content{ border-bottom:1px solid #eee; margin-bottom:10px;}

.cateBox2{ padding:15px; overflow:auto;zoom:1; background:url(../images/cateBox2Bg.gif) no-repeat; margin-bottom:10px;}
.cateBox2 h4{ font-size:18px;}
.cateBox2 ul{ padding:10px 0; overflow:auto;zoom:1;}
.cateBox2 li{ float:left; padding:5px 10px; background:url(../images/icon001.gif) no-repeat 0 12px;}
.cateBox2 .cateInfo{ float:left; width:570px;}
.cateBox2 .cateImg{ float:right; width:100px; overflow:hidden;}
.cateBox2 .more a{ color:#E60D1E;}

.productsBox{padding:10px; overflow:auto;zoom:1; border-bottom:1px solid #eee;}
.productsBox .proImg{ float:left; margin:0 auto; text-align:center; display: table-cell;vertical-align:middle; *display: block; *font-size: 160px; *font-family:Arial; width:175px; height:175px; border:1px solid #ddd; }
.productsBox .proImg img{vertical-align:middle;}
.productsBox .proInfo{ float:right; width:500px; padding-top:20px;}
.productsBox h4{ float:left; width:450px; font-size:14px; font-weight:bold; overflow:hidden;}
.productsBox h4 a{ color:#000;}
.productsBox .more{ float:right; width:50px;}
.productsBox .more a{ color:#b92525;}

.searchBox3{ padding:15px 15px 15px 110px; background:url(../images/search3Bg.gif) no-repeat; height:46px;}
.searchBox3 h4{ font-size:14px; color:#fff; padding-bottom:5px;}
.searchBox3 .input{ width:175px; height:16px; padding:1px;}
.searchBox3 .select{ width:240px; padding:2px;}

.cateBox3{ margin-bottom:10px;}
.cateBox3 h4{ font-size:18px; padding:10px 0 30px; background:url(../images/cateBox3Top.gif) no-repeat left bottom;}
.cateBox3 ul{ overflow:auto;zoom:1; background:url(../images/cateBox3Bg.gif) repeat-y left center;}
.cateBox3 li{ float:left; width:150px; padding:3px 10px 3px 25px; background:url(../images/icon02.gif) no-repeat 10px 8px;}
.cateBox3 li a{ color:#E60D1E;}
.cateBox3 .bottom{ background:url(../images/cateBox3Bottom.gif) no-repeat left bottom; height:15px; overflow:hidden;}

.eventsBox3{ padding:10px 0;overflow:auto;zoom:1; border-bottom:1px dotted #eee;}
.eventsBox3 .eventsImg{ float:left; width:90px; overflow:hidden;}
.eventsBox3 .eventsInfo{ float:left; padding-left:5px; width:590px; overflow:hidden;}
.eventsBox3 h4{ font-weight:bold;}
.eventsBox3 .data{color:#a1a0a0;}
.eventsBox3 .more a{ color:#b92525;}

.newsBox2{ padding:20px;}
.newsBox2 h4{ font-weight:bold; text-align:center; font-size:14px;}
.newsBox2 .data{ color:#666; text-align:right;margin:10px 0;}

.productBox{ padding:10px 0;}
.productBox h4{ color:#000; font-size:18px; font-weight:bold; background:url(../images/proTop.gif) no-repeat; padding:10px;}
.productBox h4 .select{ width:150px; margin-right:10px;}
.productBox .proImgBox{float:left; width:300px; padding:10px 0;}
.productBox .proImg{ text-align:center; width:300px; height:100%; display:block; border:1px solid #eee;background:#fff; margin-bottom:10px;}
.smallBox{ clear:both; overflow:auto;zoom:1;}
.smallBox img{border:1px solid #ddd; margin:5px 5px 5px 0px;}
.click{ text-align:center;}
.click a,.click a:visited{color:#5faae5;}

.productBox .proInfo{ float:right; width:400px;}
.productBox .item{ border-bottom:1px dotted #ddd; padding:8px 0;color:#666;}
.productBox .item strong{ color:#333;}
.productBox .prev{ text-align:center; padding:5px 0;}
.productBox .prev a{ padding:0 5px;}

.proDetail{ padding:10px 0; font-size:12px;}
.proDetail h3{font-size:13px; border-bottom:1px solid #C4BEB5; padding:5px 0; margin:5px 0; color:#000; font-weight:bold;}
.proDetail .top {overflow:auto; zoom:1; border-bottom:1px solid #ddd; }
.proDetail .top li { float:left; font-size:14px; text-align:center; width:80px; padding:5px 10px; cursor:pointer; background:url(../images/nor.gif) no-repeat;}
.proDetail .top .Active { padding:5px 10px;  background:url(../images/act.gif) no-repeat; color:#fff; }
.proDetail table{ border:1px solid #333;}
.proDetail table td{ border:1px solid #333;}

/* __footer----------------------------*/
#footer { clear:both; width:928px; margin:0 auto; padding:10px; font-size:12px; color:#666; overflow:hidden; }

/* Nav Pages */
.navpages{padding:5px; }
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #333;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #B9CE01;color:#fff;background:#CBE102; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #B9CE01;color:#fff;background:#CBE102;padding:1px 4px;}

.sitemap h4{ font-weight:bold; font-size:12px; padding:15px 0;}
.sitemap h4 a{color:#b92525;}
.sitemap ul{overflow:auto; zoom:1; padding-bottom:10px;border-bottom:1px solid #ddd;}
.sitemap li{ font-size:12px; float:left; padding:5px 10px; width:150px; overflow:hidden; background:url(../images/icon001.gif) no-repeat 3px 11px;}
.sitePro{float:left; padding:5px 10px; width:150px;}
.sitePro h5 a{color:#000; font-weight:bold;}
.sitePro dl{ padding:10px 0;}
.sitePro dt a{ color:#999;}

.down h4{ font-weight:bold; font-size:14px; padding:15px 0;}
.down h4 a{color:#000;}
.down ul{overflow:auto; zoom:1; padding-bottom:10px;border-bottom:1px solid #ddd;}
.down li{ font-size:12px; float:left; padding:5px 5px 5px 15px; width:150px; overflow:hidden; background:url(../images/iconDown.gif) no-repeat 0px 8px;}

.sideSign{ padding:0 10px;}
.sideSign li strong{ background:url(../images/icon02.gif) no-repeat 0 13px; display:block; padding:8px 3px 8px 10px; font-weight:bold; }
/*.sideSign table{ padding-left:10px;}*/
.sideSign td{ padding:3px;}
.sideSign td .input{ border:1px solid #ddd; width:120px; padding:2px;}
.sideSign td a{ padding:0; display:inline; border:0; font-weight:normal; }
.sideSign td a:hover{ padding:0; background:none;}

.signBox h4{ background:#DF4F1C; color:#fff; font-size:18px; padding:5px 15px; margin-bottom:20px;}
.signBox h5{ text-align:center; color:#DF4F1C; font-size:18px; padding:5px 15px; margin-bottom:20px;}
.signBox p{ background:#eee; font-weight:bold; color:#000; padding:5px 15px;}
.signBox td{ padding:5px 0; font-size:12px;}
.signBox .input{border:1px solid #ccc; width:95px; padding:2px;}
.signBox .input2{border:1px solid #ccc; width:210px; padding:2px;}
.signBox .signBtn{ background:url(../images/signBtn.gif) repeat-x; border:1px solid #db4e00; padding:4px 10px; font-weight:bold; color:#fff;}

.feedBox td{ padding:5px; font-size:16px;}
.feedBox .input{ padding:2px; border:1px solid #9AAAAF; background:#F5F8FA; width:200px;}
.feedBox .textarea{border:1px solid #9AAAAF; background:#F5F8FA; width:244px;}
.feedBox .signBtn{ background:url(../images/signBtn.gif) repeat-x; border:1px solid #db4e00; padding:4px 10px; font-weight:bold; color:#fff;}


.productsBox2{float:left;width:202px;text-align:center;font-size:13px; margin:0px 15px 20px; overflow:hidden; }
.productsBox2 .proImg{ display: table-cell;vertical-align:middle; *display: block; *font-size: 105px; *font-family:Arial; width:200px; height:200px; background:#fff; padding-bottom:1px; border: 1px solid #ddd; }
.productsBox2 .proImg img{vertical-align:middle; border:none;}
.productsBox2 h4{  font-size:12px; font-weight:100; height:40px; line-height:20px;}