@import url("public.css");
/* CSS Document */
/*------------------------------------*/

.head{ width:1002px; height:99px;}
.logo{ float:left; padding:25px 0 0 12px;}
.head_r{ width:450px; height:99px; float:right;}
.tel{ width:420px; height:73px; background:url(../images/jjj.jpg) no-repeat; padding:12px 0 7px 0;}
.sousuo{ width:225px; height:25px;}
.sousuo_l{ width:33px; height:23px; background:url(../images/search_l.jpg) no-repeat; float:left;}
.search{ width:134px; height:23px; background:url(../images/search_m.jpg) repeat-x; border:none; padding-top:5px; float:left; color:#999;}
.sousuo_r{ width:58px; height:23px; background:url(../images/search_r.jpg) no-repeat; float:left;}
.button{ width:53px; height:18px; background:url(../images/button.jpg) no-repeat; border:none; margin-top:2px; cursor:pointer;}

.nav{ width:1002px; height:36px;}
.nav li{ width:110px; text-align:center; float:left; line-height:36px;}
.nav li a{ font-size:14px; color:#fff; font-weight:bold; display:block;}
.nav li a:hover{ width:110px; height:36px; background:url(../images/mouseover.jpg) no-repeat; text-decoration:none;}

#erji{width:110px; height:auto; overflow:hidden; position:absolute;*margin-left:-65px; z-index:1000;}
#erji li{width:110px; height:25px; border-bottom:1px solid #fff; filter: Alpha(Opacity=95);}
#erji li a{ width:110px; color:#fff; line-height:25px; background:#80979d; font-size:12px; font-weight:normal; display:block;}
#erji li a:hover{ width:110px; font-size:12px; background:#4a6268; line-height:25px; font-size:12px;}
.banner{ width:1002px; height:250px; margin-top:5px;}

.diyipai{ width:1002px; rheight:335px; margin-top:8px;}
.list{ width:269px; height:auto; float:left;}
.list_title,.video_tltle,.contact_title{ width:269px; height:37px; background:url(../images/list_title.jpg) no-repeat;}
.list_title h2,.product_title h2,.video_tltle h2,.about_title h2,.news_title h2,.zhengshu_title h2,.contact_title h2,.right_title h2{ line-height:37px; font-family:"微软雅黑"; font-size:16px; color:#6e6e6e; padding-left:30px; float:left;}
.list_box{ width:267px; height:auto; border:1px solid #e3e3e3; background:#f3f4f6;}
.list_box li{ width:267px; height:41px; line-height:40px; border-bottom:1px dotted #d2d3d5;}
.list_box li a{ padding-left:30px; background:url(../images/list_li.jpg) no-repeat; background-position:15px;}
.list_box li a:hover{ font-size:12px; color:#ec0000; text-decoration:none; font-weight:bold;}

.product{ width:722px; rheight:335px; margin-bottom:10px;float:right;}
.product_title,.zhengshu_title,.right_title{ width:722px; height:37px; background:url(../images/right_title.jpg) no-repeat;}
.zhengshu_title{ width:1002px; height:37px; background:url(../images/trt.jpg) no-repeat;}
.more{ width:53px; height:35px; float:right; line-height:38px; background:url(../images/more.jpg) no-repeat; background-position:0px 13px; padding-left:15px; color:#666; overflow:hidden;}
.product_box{ width:720px; rheight:296px;  overflow: hidden;
    rpadding-bottom: 15px;border:1px solid #e3e3e3;}
.product_box li{ width:166px; height:126px; float:left; margin:17px 0 0 11px; display:inline;}
.product_box img{ width:158px; height:90px; padding:3px; border:1px solid #d2d2d2;}
.product_box li p{ text-align:center; line-height:27px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.product_box li a:hover{ text-decoration:none;}

.dierpai{ width:1002px; height:247px; margin-top:8px;}
.video{ width:269px; rheight:248px; float:left;}
.video_box{ width:241px; height:183px; border:1px solid #e3e3e3; padding:13px;}

.about{ width:353px; height:235px; float:left; rmargin-left:11px;}
.about_title{ width:353px; height:37px; background:url(../images/about_title.jpg) no-repeat;}
.about_box{ width:351px; height:195px; border:1px solid #e3e3e3;}
.about_box p{ text-indent:2em; line-height:24px;}

.news{ width:360px; height:235px; float:right;}
.news_title{ width:360px; height:37px; background:url(../images/news_title.jpg) no-repeat;}
.news_box{ width:358px; height:195px; border:1px solid #e3e3e3;}
.news_box ul{ margin:5px 0 0 5px;}
.news_box li{ width:347px; height:27px; float:left; line-height:27px; border-bottom:1px dotted #d4d4d4;}
.news_box li a{ padding-left:17px; background:url(../images/new_li.jpg) no-repeat; background-position:8px; float:left;}
.news_box li span{ width:65px; height:27px; float:right; color:#666;}

.shangxiapian,.xiangguan{ width:670px; height:25px; border-bottom:1px solid #cfb4b4; margin-top:15px;}
.shangxiapian_l{  height:auto; float:left;}
.shangxiapian_r{  height:auto; float:right;}

.xiangguan h2{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#0099FF;}
.xiangguan li{ height:25px; line-height:25px;}
.xiangguan li a{ color:#333;}

.disanpai{ width:1002px; height:227px; margin-top:8px;}
.zhengshu{ width:1002px; height:227px; float:left;}
.zhengshu_box{ width:1002px; height:188px; border:1px solid #e3e3e3;}
.zsgd{ width:990px; height:171px; margin-top:12px; overflow:hidden;}
.zsgd ul li{ float:left; margin:5px 5px;}
.zsgd ul li img{ width:174px; height:134px;}
.zsgd ul li span{ width:174px; height:35px; font-size:12px; line-height:35px; text-align:center; display:block; overflow:hidden;}
#indemo{ float:left; width:800%;}
#demo1{ float:left;}
#demo2{ float:left;}

.contact{ width:269px; height:auto; float:right;}
.contact_box{ width:247px;  float:right; border:1px solid #e3e3e3; padding:10px;}
.contact_box p{ line-height:25px;}

.navb{ height:31px; line-height:31px; text-align:center; background:#ebebeb; margin:8px 0 8px 0;}
.navb a{ margin:0 26px 0 26px;}

.foot{ width:1002px; height:120px;}
.foot_l{ width:639px; height:120px; float:left;}
.foot_l img{ margin:8px 0 0 3px;}
.foot_l p{ line-height:28px;}
.foot_r{ width:180px; height:115px; float:right;}
.yuzihao{ margin-top:5px;}
.yuzihao img{ float:left;}
.yuzihao p{ width:138px; margin-left:3px; float:left; line-height:20px;}



.allcontont{ width:1002px; height:auto; margin-top:8px;}
.left{ width:269px; height:auto; float:left;}
.right{ width:722px; height:auto; float:right; position:relative;}
.jk{ color:#666; position:absolute; font-weight:100; font-size:12px; top:13px; right:6px; }
.nyabout_box{ width:700px; height:auto; border:1px solid #e3e3e3; padding:10px;}
.nyabout_box p{ line-height:27px; text-indent:2em;}

.nyproduct_box,.nynews_box{ width:720px; height:auto; border:1px solid #e3e3e3;}
.nyproduct_box li{ width:166px; height:126px; float:left; margin:10px 0 10px 11px; display:inline;}
.nyproduct_box img{ width:158px; height:90px; padding:3px; border:1px solid #d2d2d2;}
.nyproduct_box li p{ text-align:center; line-height:27px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.nyproduct_box li a:hover{ text-decoration:none;}
.fanye{ width:500px; height:30px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; line-height:30px; margin:15px 0 15px 120px;}

.nynews_box ul{ margin-top:5px; padding:7px;}
.nynews_box li{ width:700px; height:29px; line-height:29px; border-bottom:1px dotted #CCC; color:#666;}
.nynews_box li a{ color:#666; background:url(../images/news_li.gif) no-repeat; background-position:5px; padding-left:20px; float:left;}
.nynews_box li a:hover{ color:#000; text-decoration:none;}
.nynews_box p{ line-height:29px; float:right; padding-right:25px;}

.newsnei2{ width:700px; height:auto; padding-top:20px;}
.newsnei2 h3 { font-weight:bold; font-size:14px; text-align:center; border-bottom:#cacaca solid 1px; padding-bottom:10px; margin-bottom:8px; }
.newsnei2 h4 { text-align:center; margin-bottom:8px; }
.newsnei2 p{ width:700px; line-height:23px; margin:0 auto;}
.newsnei2 a{ color:#0066FF;}
.newsnei2 span { margin:8px;}

.shebei_box{ width:694px; height:auto; border:1px solid #e3e3e3; padding:13px;}
.shebei_box img{ width:280px; height:195px; border:1px solid #CCC; padding:5px;}
.shebei_box li{ float:left; margin: 0 20px 0 20px;}
.shebei_box li p{ display:block; text-align:center; line-height:25px;}

.rongyu_box{ width:694px; height:auto; border:1px solid #e3e3e3; padding:13px;}
.rongyu_box img{ width:280px; height:195px; border:1px solid #CCC; padding:5px;}
.rongyu_box li{ float:left; margin: 0 20px 0 20px;}
.rongyu_box li p{ display:block; text-align:center; line-height:25px;}

.liuyan_title{ width:654px; height:28px; background:url(../images/kaidian_title.gif) no-repeat; float:left; font-size:14px; font-weight:bold; padding-left:29px; color:#fff; line-height:28px;}
.liuyan_box{ width:683px; height:500px; background:#fff; float:left; padding:7px 0 0 7px;}
.liuyan{ width:650px; margin-top:10px;}
.liuyan h2{ width:654px; font-weight:bold; text-align:center; color:#103e66;}
.liuyan p{ color:#525252; margin:10px 0 10px 0;}
.anniu{ width:130px; height:20px; margin:0 auto;}
.tijiao{ width:45px; height:20px; background:url(../images/tijiao.jpg) no-repeat; float:left; border:none; cursor:pointer; margin-top:5px;}
.quxiao{ width:45px; height:20px; background:url(../images/quxiao.jpg) no-repeat; float:right; border:none; cursor:pointer; margin-top:5px;}

.nycontact_box{ width:659px; height:auto; padding:0 0 0 30px;}
.nycontact_box h2{ width:305px; font-weight:bold; color:#0099FF; border-bottom:1px dotted #999999; padding:20px 0 10px 0;}
.nycontact_box p{ line-height:25px;}

.nyproducts_show{ width:700px; height:auto; border:1px solid #e3e3e3;}
.proo { padding:16px 20px 20px 16px }
.proo h2 { font-size:14px; }
.proo-a{ padding:10px 10px 0 30px;}
.proo-al { float:left; }
.proo-al li { float:left; margin:10px; }
.proo-al p { text-align:center; line-height:25px; }
.proo-ar { float:right; width:260px;}
.proo-ar1 li { border-bottom:#787878 solid 1px; height:35px; line-height:35px;}
.proo-ar1 li.imgg img { padding-top:5px;}
.proo-all img { border:#ccc solid 1px; width:350px; height:252px;}
.proo-ar2 li { padding:8px 0 0; font-weight:700; }
.proo-ar2 li img { }
.proo-bl { width:700px; margin-top:30px;}
.proo-bl h2, .proo-b h2 { font-size:14px; height:26px; border-bottom:3px solid #666; padding-left:16px; font-weight:bold;}
.proo-d { margin:12px; }
.proo-b{ width:700px; margin-top:20px;}
.proo-b li { line-height:25px; float:left; margin:20px 10px 20px 4px;}
.proo-b li a{ color:#666666;}
.proo-b p { text-align:center; display:block; }
.proo-b img { border:1px solid #ccc; }




#fanye { width:690px;padding:10px 0 10px;text-align:center;font:12px; overflow:hidden;}
#fanye a { display:inline-block; padding:0px 8px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#fanye a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#fanye a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#fanye span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }

.kefu {width:152px;height:60px;position:absolute;top:0px;}
.kefu .kftop{background:url(../images/qq/kefu_top.gif) no-repeat;height:22px;width:152px; cursor:pointer;}
.kefu .kfbottom{background:url(../images/qq/kefu_bottom.gif) no-repeat;height:43px;width:152px;}
.kefu .kfbox {background:url(../images/qq/kexian.jpg) repeat-y;}
.kefu .kfbox ul { padding-left: 3px; padding-right: 3px;}
.kefu .kfbox ul li{height: 32px;line-height: 30px; border-bottom: 1px solid #ccc;overflow: hidden;padding-right: 5px;padding-left: 20px;}
.kefu .kfbox ul li.tit {color:#000000;font-size:0;height:0;overflow:hidden;}
.kefu .kfbox ul li a{ color:#000000;}
.kefu .kfbox ul li img {vertical-align:middle;margin-right: 10px;}
#dianhuan{width:152px;background:url(../images/qq/kexian.jpg) repeat-y;text-align: center;padding-top: 4px;padding-bottom: 7px;}

.wb{ width:40px; height:16px; float:left; margin:68px 0 0 240px;}

#zoom_list {width:320px;height:60px;background:#EFEFEF; float:left; margin-left:20px}
#zoom_list .pre{float:left;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(/Grzx/Tpl/Home/Default/Public/images/pre.gif) no-repeat -3px 18px;}
#zoom_list .next {float:right;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(/Grzx/Tpl/Home/Default/Public/images/next.gif) no-repeat -3px 18px}
#zoom_list #zoom_list_box {float:left;width:290px;overflow:hidden;height:56px;position:relative;}
#thumblist {position: absolute;}
#thumblist li {width:58px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:52px;height:52px;}
#thumblist li span a {width:50px;height:50px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img {max-height:50px;max-width:50px;_height:expression(this.height > 50 && this.height>this.width ? "50px" : this.height);_width:expression(this.width > 50 && this.width>this.height ? "50px" : ''); margin-top:5px}