about@charset "utf-8";
/* CSS Document */

/*公共部分*/
.topbox,.menubox,.gonggaobox,.footerbox{ width:100%; min-width:978px; margin:0 auto;}
.top,.menu,.gonggao,.main,.footer{ width:978px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}


/*topbox*/
.topbox{ background:#fff; height:133px; overflow:hidden;}
.logo{ width:692px; height:133px;}
.logo img{ width:100%; height:100%;}
.top_r{ width:250px;}
.top_r span{ display:block; margin:5px 0; line-height:20px; text-align:right; color:#666666;}
.top_r span a{ color:#666666; display:inline-block; padding:0 3px 0 15px;}
.top_r span a:hover{ color:#f00;}
.top_r span a.top_swsy{ background:url(../img/topico.png) no-repeat left center; margin:0 5px 0 0;}
.top_r span a.top_jrsc{ background:url(../img/topico1.png) no-repeat left center;margin:0 5px 0 0;}
.top_r span a.top_qqzx{ background:url(../img/topico2.png) no-repeat left center;}
.top_r p{ font-size:18px; font-weight:bold; font-family:"黑体";color:#ee0202; padding:0px 0 3px;}
.top_r b{font-size:16px; font-weight:bold; font-family:"黑体";color:#f90303;text-align:right;display:block;}
.top_r em{ color:#f90303;font-size:20px; font-weight:bold; font-family:"黑体"; display:block; background:url(../img/phonebg.png) no-repeat 106px 5px;text-align:right;}

/*menubox*/
.menubox{ background:url(../img/menubg.jpg) repeat-x center center; height:38px; line-height:38px;}
.menu li{ float:left; width:96px; text-align:center; font-family:"微软雅黑"; font-size:14px; border-left:1px solid #fff;}
.menu li a{ color:#fff; display:block;}
.menu li a:hover,.menu li a.current{ background:url(../img/menuhbg.jpg) no-repeat center center; display:block; color:3fff;}

/*bannerbox*/
.bannerbox{ width:100%; min-width:978px; margin:0 auto;max-width:100%; position:relative; z-index:4;height:364px;}
.indexbanner .shadow{position:absolute; top:0px; left:0px; width:100%; height:0px;z-index:4 !important;min-width:978px;}
.indexbanner_item{position:absolute; top:0px; left:0px; width:100%; height:364px;display:none;z-index:5 !important; min-width:978px; text-align:center; background-position: center top !important;}
.indexbanner_item a{display:block; width:978px; height:364px; margin:0px auto;}
.indexbanner_tab{position:absolute; width:50%;right:10px; height:15px;bottom:10px; text-align:center;z-index:50}
.indexbanner_tab span{display:inline-block;margin:0 1px; width:15px; height:15px; line-height:15px; color:#777575; font-size:12px; text-align:center; background:#9cbbe7;}
.indexbanner_tab .cur{width:15px; height:15px; cursor:pointer; background:#f90303; color:#fff;}

/*.gonggaobox*/
.gonggaobox{ background:url(../img/gonggaobg.png) repeat-x center top; line-height:35px; height:38px; position:relative; z-index:5;}
.gonggao_l{ width:340px;}
.gonggao_l b{ float:left; color:#777575; font-family:"微软雅黑"; font-size:18px;}
.notice{float:left;height:26px;overflow:hidden; margin:7px 0 0;}
.noticTipTxt{color:#777575;height:22px;line-height:22px;overflow:hidden;margin:0 0 0 10px;}
.noticTipTxt li{height:22px;line-height:22px;}
.noticTipTxt a{color:#777575;font-size:12px;text-decoration:none;}
.noticTipTxt a:hover{color:#f00; text-decoration:underline;}

.gonggao_r{ width:600px;}
.gonggao_r dd{ width:176px;}
.gonggao_r dt{ width:420px; text-align:left; color:#777575; font-size:12px;}
.gonggao_r dt a{ padding:0 3px; color:#777575;}
.gonggao_r dt a:hover{ color:#f00;}
.input_search{ width:127px; height:22px; border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-top:1px solid #dadada;border-right:0px; line-height:22px; color:#b3b3b3; padding:0 5px; margin:5px 0 0; background:#f0f1ec;}
.bnt_search{ background:url(../img/searchbntbg.jpg) no-repeat center center; width:30px; height:24px; border:1px solid #dadada; cursor:pointer;margin:5px 8px 0 0;}


/*main*/
.main{ background:#fff; padding:20px 0 5px; position:relative; top:-3px; z-index:2;}
.left{ width:225px; margin:0 0 0 5px; display:inline;}
.subbox{ width:223px; border:1px solid #ecebea; background:#fff;position:relative; margin:0 5px;/*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/-moz-box-shadow:0px 3px 2px #acaaaa; -webkit-box-shadow:0px 3px 2px #acaaaa; box-shadow:0px 3px 2px #acaaaa;behavior: url(pie.htc); padding:0 0 10px; margin:0 0 15px;}
.subtitle{ color:#f90303; font-family:"黑体"; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; background:url(../img/leftico.jpg) no-repeat 20px center; text-indent:55px; line-height:30px; width:199px; margin:0 auto; padding:5px 0;}
.subbox dl{width:199px; margin:0 auto;padding-top:10px;}
.subbox dt{ color:#f90303;font-family:"黑体"; font-size:14px; font-weight:bold; line-height:35px;}
#my_menu{width:199px;}
div.sdmenu {width:199px;}
div.sdmenu div {overflow: hidden;}
div.sdmenu div.collapsed {height: 34px;text-decoration: none; margin:5px 0 8px;}
div.sdmenu div span {display: block;cursor: pointer;background:url(../img/leftsubbg.jpg) no-repeat left center; height:34px; line-height:36px; color:#fbfafa;font-family:"黑体"; font-size:14px; font-weight:bold;text-indent:35px; margin:0 0 5px;}
div.sdmenu div.collapsed span {color:#fbfafa; display:block;background:url(../img/leftsubhbg.jpg) no-repeat left center;}

div.sdmenu div a {line-height: 30px;display: block;color:#6a6a6a; background:url(../img/leftico1.jpg) no-repeat 5px center; padding:0 0 0 28px; border-top:1px solid #ddd;}
div.sdmenu div a.current {line-height: 30px;display: block;color:#da251c;text-decoration: none; font-size:12px;}
div.sdmenu div a:hover {line-height: 30px;font-size:12px;display: block;color:#da251c;text-decoration: none;}

.sublist01{ width:199px; border-top:1px solid #e4e3e2; margin-top:15px !important;}
.sublist01 dt{ float:left; line-height:24px; padding:5px 0 0; margin:0}
.sublist01 dd{ width:199px; float:left; margin:5px 0 0;}
.sublist01 dd span{display: block;color:#fbfafa; line-height:36px; color:#fbfafa;font-family:"黑体"; font-size:14px; font-weight:bold;text-indent:35px;background:url(../img/leftsubhbg.jpg) no-repeat left top; cursor:pointer;}
.sublisthover span{width:199px; float:left;display: block;cursor: pointer;background:url(../img/leftsubbg.jpg) no-repeat left top;line-height:36px; color:#fbfafa;font-family:"黑体"; font-size:14px; font-weight:bold;text-indent:35px; margin:0 0 5px;}
.sublist01 dd a{ width:35px; height:35px; line-height:35px; text-align:center; background:#dcdbdb; color:#464545; display:none; float:left; margin:2px 0px 2px 3px; text-indent:0; font-weight:normal; font-family:"宋体";}
.sublist01 dd.sublisthover a{display:block;}
.sublist01 dd a:hover{ color:#f90303;}
.subtitle01{ color:#f90303; font-family:"黑体"; font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; background:url(../img/catico.jpg) no-repeat 5px center; text-indent:25px; line-height:30px; width:199px; margin:0 auto; padding:5px 0;}
#demo{ width:215px; overflow:hidden; position:relative; margin:10px auto 0;}
#demo img{ border:1px solid #e8e7e7; margin:3px 5px;}

.right{ width:730px;margin:0 5px 0 0px; display:inline;}
.r_indexpro{ width:728px; border:1px solid #ecebea; background:#fff;position:relative; margin:0 5px 15px;/*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/-moz-box-shadow:0px 3px 2px #acaaaa; -webkit-box-shadow:0px 3px 2px #acaaaa; box-shadow:0px 3px 2px #acaaaa;behavior: url(pie.htc); padding:0 0 10px; margin:0 0 15px;}
.subtitle02 h1{color:#fff;font-family:"黑体";font-size:16px;font-weight:bold;background:url(../img/catico.png) no-repeat left center;text-indent:43px;}
.subtitle02{background:url(../img/li_01.png) repeat-x left bottom;line-height:34px;}
.subtitle02 span{ float:right; color:#676565; text-transform:capitalize; font-size:12px; font-weight:normal; font-family:"宋体";margin-right:5px;}
.subtitle02 span a{color:#676565;}

#demo01{ width:715px; overflow:hidden; position:relative; margin:10px auto 0;}
#demo01 img{ border:1px solid #e8e7e7;}
.tuijianpro{ position:relative; z-index:2; width:169px; height:142px; margin:5px 8px 5px;}
.tuijianpro:hover{ background:#f00;text-align:center; color:#fff;}
.tuijianpro  img{ max-width:165px; max-height:115px; overflow:hidden;border:1px solid #e7e7e6; background:#f5f6f6; margin:1px 0 0;}
.tuijianpro h1{ color:#333; line-height:24px; height:24px; overflow:hidden;}
.tuijianpro:hover h1{ color:#fff;}

.indexabout{width:715px;margin:20px auto;}
.indexabout dt{ float:left; width:230px;}
.indexabout dd{ line-height:24px; color:#464545; width:405px; float:left; margin:0 0 0 25px; display:inline;}
.indexabout dd a{ color:#f60707;}

.newsindexlist{ padding:10px 0 5px;}
.newsindexlist li{ width:310px; float:left; line-height:24px; background:url(../img/bot.jpg) no-repeat left center; padding:0 0 0 12px; margin:0 21px; display:inline;}
.newsindexlist li a{ color:#464545;}
.newsindexlist li a:hover{ color:#f90303;}
.newsindexlist li span{ float:right; color:#737171;}

#demo02{ width:715px; overflow:hidden; position:relative; margin:10px auto 0;}
#demo02 img{ border:1px solid #e8e7e7;}
#demo_case{ width:715px; overflow:hidden; position:relative; margin:10px auto 0;}
#demo_case img{ border:1px solid #e8e7e7;}
.tuijianpro2{ position:relative; z-index:2; width:165px;height:115px;margin:5px 8px 5px;border:1px solid #e7e7e6; background:#f5f6f6;}
.tuijianpro2  img{ max-width:165px; max-height:115px; overflow:hidden;}
.tuijianpro2 h1{ color:#fff; line-height:21px; height:21px; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; background:url(../img/casrtitlebg.png) repeat-x center bottom; z-index:5}

#demo03{ width:715px; overflow:hidden; position:relative; margin:10px auto 0;}
#demo03 img{ border:1px solid #e8e7e7; margin:6px 5px;}


/*footerbox*/
.footerbox{ background:url(../img/footerbg.jpg) repeat center top; color:#fff; line-height:24px;}
.footer{ padding:25px 0 0}
.footer dl{ min-width:95px; float:left; padding:0px 20px; display:inline; background:url(../img/footerborderbg.png) no-repeat right center;}
.footer dl a{ color:#b0afaf}
.footer dl a:hover{ color:#fff;}
.footer dl dt{ color:#fbfafa; font-size:14px; font-weight:bold; font-family:"黑体"; margin:0 0 5px;}
.footer dl dd{ color:#b0afaf;}
.footer dl dt a{color:#fbfafa;}
.footer_r{ float:right;margin:0px 0 0 60px; color:#fff;width:335px;}
.footer_r a{ color:#fff;}
.footer_r img{ vertical-align:middle; padding:0 3px;}

#back_to_top, #view_cart_link { position: fixed; left: 50.5%; bottom: 45px; display: none; z-index: 9999; padding: 0; text-align: center; margin-left:482px;}
/*#view_cart_link { bottom: 70px; }
#view_cart_link a { padding: 5px 0 5px 0; font-size: 20px; height: 24px; width: 36px; border: 0 none; display: block; background: #000; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.5; filter: alpha(opacity=50); }
*/
#back_to_top a{font-size: 20px; height: 97px; width: 30px; border: 0 none; display: block; color: #fff; text-decoration: none}
#back_to_top a:hover, #view_cart_link a:hover { color: #fff; }


/*产品列表*/
.subtitle02 em{ float:right; color:#6a6a6a; font-size:12px; font-weight:normal;}
.subtitle02 em a{ padding:0 3px; color:#6a6a6a;}
.subtitle02 em a:hover{ color:#f90303;}
.prolist{ margin:10px auto; width:720px;}
.prolistny{ float:left; width:338px; margin:12px 11px 15px; display:inline;}
.prolistny dt{ width:161px; float:left; position: relative; z-index:2; border:1px solid #8b8b8b; height:115px; text-align:center;}
.prolistny dt img{ max-width:161px; height:115px;}
.prolistny dt h2{ position:absolute; bottom:0; left:0; width:100%; color:#fff; background:url(../img/casrtitlebg.png) repeat-x center bottom; line-height:21px; height:21px; overflow:hidden;}
.prolistny dd{ width:158px; float:right;}
.prolistny dd h3{ color:#f90303;font-size:14px; font-weight:bold; font-family:"黑体"; line-height:26px; height:26px; overflow:hidden;}
.prolistny dd p{ color:#676565; line-height:21px; height:84px; overflow:hidden;}

.pages{ margin:20px auto; text-align:center;}
.pages span{ color:#999999; display:inline-block;  line-height:26px;}
.pages span.current{padding:0 10px;}
.pages span b{ font-weight: bold; padding:0 2px;}
.pages a{ border:1px solid #e4e4e4; color:#f00; padding:4px 8px; display:inline-block; vertical-align:top; margin:0 2px;}
.pages a:hover{ color:#000;}


/*产品详细页*/
.proinfor_l{}
#preview {text-align: center; margin: 0px auto 0px; width: 355px; float:left;}
.jqzoom {width: 355px; margin-bottom: 0px; height: 253px; overflow: hidden; border:1px solid #868686; position: relative; float:left;  margin-bottom:5px;}
#spec {position: relative; width: 355px; height: 78px; margin-left: 0px; overflow: hidden;float:left; margin-bottom:5px;}
.specLeftT {position: absolute; width: 18px; background: url(../img/pre.png) no-repeat 0px 0px; float: left; height: 68px;  cursor: pointer; bottom:0px; left: 0px}
.specRightT {position: absolute; width: 18px; background: url(../img/next.png) no-repeat 0px 0px; float: left; height: 68px;  cursor: pointer;bottom:0px; right: 0px}
.specLeftF {position: absolute; width: 18px; background: url(../img/pre.png) no-repeat 0px 0px; float: left; height: 68px;  cursor: pointer;bottom:0px; left: 0px}
.specRightF {position: absolute; width: 18px; background: url(../img/next.png) no-repeat 0px 0px; float: left; height: 68px;cursor: pointer;bottom:0px; right: 0px}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 93px; height:65px;display: inline; text-align:center; margin-right: 8px; margin-bottom:11px;_margin-bottom:8px; background:#fff; position: relative; float:left;}
#specList UL LI IMG {height: 65px;width: 93px;border:1px solid #868686;}
#specList {POSITION: absolute; TEXT-ALIGN: left; width: 302px; HEIGHT: 75px; OVERFLOW: hidden; TOP: 11px; LEFT: 26px
}
#specList UL {POSITION: absolute; width: 355px; LEFT: 0px}

.proinfor_r{ width:335px;color:#6a6a6a; font-family:"微软雅黑"; font-size:14px; line-height:28px;margin-top:10px;}
.proinfor_r h2{color:#ff0819}
.proinfor_r li{line-height:28px;font-family:"微软雅黑"; font-size:14px; background:url(../img/proinfortbot.jpg) no-repeat left center; padding:0 0 0 8px;}
.proinfor_r span{ display:block; padding:10px 0 0}
.proinfor_r span a{ color:#fff; background:url(../img/proinfrobnt.png) no-repeat left center; width:108px; height:30px; text-align:center; font-size:18px; font-family:"黑体"; margin:0 12px 0 0; display:inline-block;}
.proinfortop,.proinfortitle,.proinforcon,.syy{ width:715px; margin:15px auto 0;}
.proinfortitle{ background:url(../img/proinfortitlebg.jpg) repeat-x center center; height:33px; line-height:33px; color:#464749;font-size:14px; font-family:"黑体"; font-weight:bold; border:1px solid #d3d3d3;}
.proinfortitle h3{ font-weight:bold; background:url(../img/proinfottitlebot.png) no-repeat 10px center; padding:0 0 0 23px;}
.proinforcon{ line-height:24px; font-size:13px;}
.proinforcon img{ max-width:715px; overflow:hidden;}
.syy{ display:block; padding:15px 0;}
.syy a{ color:#464545; display:inline-block; padding:10px 40px 0 10px;}
.syy a:hover{ color:#f00;}

.about,.jszclist{ font-size:14px; font-family:"微软雅黑"; color:#5a5959; line-height:26px; width:700px; margin:15px auto;}
.about img{max-width:700px;}
.jszclist li{ border-bottom:1px dotted #bcbcbc; background:url(../img/jszcbot.jpg) no-repeat left center; font-family:"宋体"; line-height:30px;}
.jszclist li a{ color:#444444; padding:0 0 0 15px;}
.jszclist li a:hover{ color:#f00;}
.jszclist li span{ float:right; color:#bcbcbc;}
.jszctitle{ width:700px; margin:15px auto; line-height:35px; text-align:center; border-bottom:1px dotted #575757;}
.jszctitle h3{ font-weight:bold; color:#575757; font-weight:bold; font-family:"黑体"; font-size:16px;}
.jszctitle span{ color:#575757;}
.jszctitle span em{ color:#f00;}
.proinforcon table{ margin:15px 0}
.proinforcon caption,.proinforcon tr td{ border:1px solid #d6d6d6; line-height:35px; text-align:center; color:#464545;}
.proinforcon caption{ background:url(../img/proinfortitlebg.jpg) repeat-x center center;}

.proinforcon01{ width:700px; margin:15px auto}
.shfw{ line-height:30px; margin:0 0 15px;}
.shfw dt{ background:#f3f1f2; color:#6a6a6a; font-weight:bold; font-size:14px; font-weight:bold;}
.shfw dd{ color:#6a6a6a; background:url(../img/shfwbot.jpg) no-repeat 10px center; padding:0 20px;}

.prolist tr th{ text-align:right; padding:0 10px; color:#706e6c; line-height:35px;}
.input_online{ width:260px; height:24px; line-height:24px; padding:0 5px; color:#000; border:1px solid #a1a1a1;}
.input_online01{ width:60px; height:24px; line-height:24px; padding:0 5px; color:#000; border:1px solid #a1a1a1;}
.text_online{ width:410px; height:150px; padding:5px;border:1px solid #a1a1a1; margin:5px 0;}
.bnt_tj{ background:url(../img/online_11.jpg) no-repeat center center; width:70px; height:25px; text-align:center; color:#fff; border:0; cursor:pointer;}
.bnt_tj01{ background:url(../img/online_13.jpg) no-repeat center center; width:70px; height:25px; margin:0 0 0 15px; border:0; cursor:pointer; color:#706e6c;}


/*在线留言*/
.bot02{ width:67px; height:26px; background:url(../img/bot02.jpg) no-repeat; border:none;}
.b1{ text-align:right;}
.b2{ color:#f81e49;}
.message{}
.message table td{padding:10px 5px 10px 5px;font-size:15px;}
.txt02{ width:160px; height:22px; }