body, h1,h2,h3,h4,h5,h6,ul,li,form{margin:0px;padding:0px; line-height:180%;color:#555; float:left;font: normal 12px 微软雅黑;}
body{ background:#fff; float:none}
.index{ background:#f6f6f6}
ul,li{float:left}
img{ border:0}
li {list-style:none; font-size:12px}
.logo {display:block;}
a{ text-decoration: none; color:#555;}
a:hover{ text-decoration: underline;color:#f60 }
.clear{clear:both;}
.blank5,.blank10,.blank20,.blank30 {clear:both;overflow:hidden;}
.blank5 {height:5px;}
.blank10 {height:10px;}
.blank30 {height:30px;}
.blank20 {height:20px;}
.margintop{ margin-top:10px; float:left}
.margintop20{ margin-top:20px; float:left}
.block{ display:block;}
.overflow{overflow:hidden;}
.pr{position:relative;}
.pa{position: absolute;}
.box{clear:both;width:1155px;margin:0px auto;}
.top{height:116px; background:#fff; width:100%}
.logo_box{float:left;padding:16px 0 0 0 ;}
.top_r{float:rgiht; padding-top:13px}
.rss{line-height:45px;height:45px;text-align:right; }
.rss a{margin:0 10px;}
.rss a.aa {height:22px;margin:11px 0 0 10px;line-height:22px;padding:0 8px;background:red;color:#FFF;}
.rss a.aa:hover{text-decoration: none;}
.sousuo10{height:27px;width:195px;float:right;margin:0;background:url(sousuo10.gif) left top no-repeat;}
.text10{float:left;height:27px;width:140px;line-height:27px;color:#979797;padding:0px 10px;border:none;background:none;}
.btn10{float:right;height:27px;width:32px;border:none;background:none;}
.menu{height:50px;background:url(menu.gif) left bottom repeat-x;z-index:9999;}
.menu_ul{height:40px;padding:0 0 0 25px ;background:url(menu_li.gif) 25px 12px no-repeat;z-index:9999}
.menu_ul li.one{position:relative;float:left;width:157px;padding:0 2px 0 0;background:url(menu_li.gif) right center no-repeat;z-index:9999}
.menu_ul li.one a.aa{display:block;width:157px;height:40px;text-align:center;line-height:40px;padding:5px 0 0 0;color:#FFF;font-size: 14px;font-weight:bold;z-index:9999}
.menu_ul li.one:hover a.aa,.menu_ul li.on a.aa{font-size: 16px;color:#333; text-decoration: none; background:url(menu_a.png) left top no-repeat;z-index:9999}
.menu_ul li#this a.aa,.menu_ul li.on a.aa{font-size: 16px;color:#333; text-decoration: none; background:url(menu_a.png) left top no-repeat;z-index:9999}
.menu_ul li.one:hover div.menu_ul2{display:block;z-index:9999}
.menu_ul li.one div.menu_ul2{display:none;z-index:5;position: absolute;left:0;top:45px;width:157px;z-index:9999}
.menu_ul li.one div.menu_ul2 ul{background:#FF9B0A;padding:0 0px 0px;width:157px;z-index:9999}
.menu_ul li.one div.menu_ul2 li.tow{height:36px;width:157px;z-index:9999}
.menu_ul li.one div.menu_ul2 li.tow a.bb{display:block;height:36px;line-height:36px;text-align:center;font-size: 14px;background:url(tow_a.gif) left top repeat-x;z-index:9999}
.menu_ul li.one div.menu_ul2 li.tow a.bb:hover{ text-decoration: none; background:url(tow_a.gif) left bottom repeat-x;z-index:9999}
.menu_ul li.one div.menu_ul2 div.menu_ul2_b{height:7px;width:157px;background:url(menu_a.png) left bottom no-repeat;z-index:9999; float:left}
.banner { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background:url(shad.gif) repeat-x bottom; padding-bottom:11px }
.banner a:hover{text-decoration: none; }
.banner .gg { width: 100%; height: 180px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; }
.banner.index .gg{height: 365px; }
.banner .ggBox { height: 180px; margin: 0 auto; }
.banner.index .ggBox {height: 365px; }
.banner .ggBox a { background-position:center top; display: block; width: 100%; height: 180px; position: absolute; z-index: 1; }
.banner.index .ggBox a{height: 365px; }
.banner .ggb { position: absolute; width: 100%; left: 1000px; bottom: 0; height: 30px; z-index: 4;}
.banner.index .ggb {bottom: 20px;}
.banner .ggBtns { width: 1155px; height: 56px; margin: 0 auto; border-right: none; }
.banner .ggBtns a {float: left;display: block;width:10px;height:10px; margin-left:8px; background:#fff; font-size:0}
.banner .ggBtns a:hover { color: #4a4a4a; }
.banner .ggBtns a:focus { outline: none; }
.banner .ggBtns a.ggOn { color: #e7e7e7; background-position: 0 0; background:#ff0000 }
.h_body_content{ width:1105px;margin:0px auto; padding:25px; background:#fff; position:relative; z-index:10000; margin-top:-30px; border-top:4px #ffba00 solid; overflow:hidden}
.h_block{ width:404px; float: left;border-right:1px #eee solid; margin-right:20px}
.h_block.contact{ width:255px; border-right:none; margin-right:0}
.h_block .title{ width:385px; border-bottom:1px #ddd dotted; float:left; padding-bottom:10px}
.h_block.contact .title{ width:255px}
.h_block .title H1,.app .leftLoop .title H1{ font-size:16px; float:left; background:url(dian2.gif) no-repeat 2px 3px; padding-left:15px; line-height:25px}
.app .leftLoop .title H1{ padding-left:20px; background-position:7px 3px; margin-bottom:10px}
.h_block .title a{ float: right; background:url(more.gif) no-repeat 0 5px; padding-left:20px; line-height:25px}
.h_block .h_comp,.h_block .n_head{ width:395px; float:left; padding-top:20px; padding-left:5px}
.h_block .h_comp .l_img{ width:160px; float:left; padding-top:5px}
.h_block .h_comp .r_txt{ width:230px; float:left; line-height:27px}
.h_block .n_head .img{ float:left; width:125px}
.h_block .n_head .img a img{ width:105px; height:70px; border:1px #ddd solid; padding:1px}
.h_block .n_head .img a:hover img{ border-color:#f90}
.h_block .n_head .txt{ width:260px; float:left}
.h_block .n_head .txt H1{ width:260px; font-size:15px}
.h_block .n_head .txt H2{ width:260px; color:#8c8c8c; padding-top:7px; line-height:22px;}
ul.h_newlist{ width:395px; padding-top:12px}
ul.h_newlist li{ width:395px; border-bottom:1px #eee dotted; line-height:30px}
ul.h_newlist li a{ float:left; background:url(list_icon.gif) no-repeat 6px 10px; padding-left:25px;}
ul.h_newlist li span{ float:right; width:50px; color:#999; font-size:11px}
.h_block.contact .h_contact{ width:255px;float:left; height:20px}
.h_block.contact .h_contact .tel{ width:255px; background:url(tel.gif) no-repeat 10px 15px; height:48px; border-bottom:1px #ebecec solid; padding:10px 0}
.h_block.contact .h_contact ul{ width:255px; background:url(c_icon.gif) no-repeat 10px 15px; padding-top:11px;}
.h_block.contact .h_contact ul li{ line-height:29px; padding-left:40px; width:215px; border-bottom:1px #eeeeee dashed}
.app,.footer{ width:1115px; height: 225px; background:#fff; margin:0 auto; margin-top:18px; padding:25px 20px 10px 20px}
.leftLoop{ overflow:hidden; position:relative;  width:100%; float:left;}
.leftLoop .title{ width:100%;float:left; padding-bottom:10px}
.leftLoop .hd{ overflow:hidden;  height:30px; }
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative;float:left;  width:12px; height:12px; margin-right:5px; background:url(circle.gif) no-repeat right; cursor:pointer}
.leftLoop .hd ul li.on{ background-position:left }
.leftLoop .bd{ padding:0px; float:left; padding-top:5px; width:100%}
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.picList li{ width:166px;}
.picList .pic{ text-align:center; line-height:0px;  }
.picList .pic a img{ width:155px; height:120px; padding:2px; border:3px solid #d4edff; }
.picList .pic a:hover img{ border-color:#fe0;  }
.picList .name { width:100%; height:40px; overflow:hidden;}
.picList .name a{ line-height:42px;}

/*内页CSS开始*/
.commonbody{width:1155px; margin:0 auto; margin-top:18px;}
.commonbody .left_part{ width:255px; float:left}
.commonbody .left_part .menu_head{ width:100%; background:url(menu_title.gif) no-repeat; height:63px; float:left}
.commonbody .left_part .menu_head H1{ font-size:18px; color:#222; padding:12px 0 0 18px; font-weight: bold; line-height:20px}
.commonbody .left_part .menu_head H1 span{ font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.commonbody .left_part ul{ width:244px;background:url(menu_bg.gif) repeat-y}
.commonbody .left_part ul li{ width:204px; padding-left:40px; background:url(menu_list_bg.gif) no-repeat 2px 0; height:36px; line-height:35px}
.commonbody .left_part ul li a{ font-size:14px}
.commonbody .left_part .menu_foot{ width:244px;background:url(menu_foot.gif) no-repeat 0 0; height:21px; line-height:21px; float:left}
.commonbody .left_part .left_cont{ width:250px; float:left}
.commonbody .left_part .left_cont H1{ background:url(left_cont.gif) no-repeat; width:210px; height:41px; line-height:34px; color:#fff; font-size:16px; padding-left:34px}
.commonbody .left_part .left_cont .contact_detail{ width:230px;background:url(contact.gif) no-repeat 10px bottom; padding:15px 0 75px 14px; line-height:25px;font-size:13px; float:left}

.commonbody .right_part{ width:100%; float:left;}
.commonbody .right_part .local{ width:100%; border-bottom:1px #a5a5a5 solid; height:36px; float:left}
.commonbody .right_part .local H1{ background:url(dian1.gif) no-repeat 10px 5px; padding-left:25px;line-height:30px;font-size:16px; color:#222; font-weight: bold; float:left  }
.commonbody .right_part .local H2{ background:url(local.gif) no-repeat 0 13px; padding-left:15px; float:right;line-height:30px; }
.commonbody .right_part .common_content{ width:98%; padding:20px 1%; float:left; font-size:14px; line-height:28px}
.commonbody .right_part .common_content.company{ padding-top:30px}
.honor{ width:425px; float:left; }
.honor H1{ width:425px; border-bottom:1px #ddd dashed;margin-bottom:15px; font-size:18px; line-height:40px; color:#f50}

.contacts{ width:100%; padding:20px 0}
.contacts .cont_info{ width:555px; padding-left:15px; padding-bottom:20px; float:left}
.contacts .cont_info h1{ width:100%; font-size:20px; line-height:20px; border-bottom:1px #ddd dotted; padding-bottom:20px; color:#0184b8}
.contacts .cont_info h2{ width:100%; line-height:30px; padding-top:20px; font-size:14px}
.contacts .cont_img{ float:right}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.iw_poi_content div{ float:none}
#dituContent{border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; width: 100%; height: 550px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; float:none}

ul.newslist{ width:100%; padding:10px 0 20px 0;}
.list_bg { background:url(ne_icon.gif) no-repeat 8px 15px; height:40px; line-height:40px; width:98%; text-indent:20px; border-bottom:1px #f1f1f1 dashed; color:#888; float:left}
.list_bg a{line-height:35px; font-size:14px; float:left}
.list_bg H1 a{ color:green;}
.list_bg H1 a:hover{ color:#cc0033}
.list_bg H2 a{margin-left:8px;}
.list_bg H3{ padding-top:10px;}
.list_bg H4 {line-height:35px; font-family:Arial; font-size:11px; color:#888; float: right}
.product{ width:99.9%; float:left; border-bottom:1px #f1f1f1 dashed; padding:15px 0; padding-left:0.1%}
ul.prudlist{ width:226px; height:210px; float:left;overflow:hidden; text-align:center}
ul.prudlist.device { height:190px}
ul.prudlist li{ width:212px;text-align: center;}
ul.prudlist li a{ line-height:15px; color:#444}
ul.prudlist li a:hover{ color:#f60}
ul.prudlist li a img{ margin-bottom:8px;border:1px #ccc solid; width:180px; height:160px; padding:3px;}
ul.prudlist.device li a img{ height:140px;}
ul.prudlist li a:hover img{ border-color:#fa0}

.common_content .prutlist{ width:100%}
.common_content .prutlist li{ width:18%; margin:1%; _display:inline; text-align:center}
.common_content .prutlist li a img{ width:96%; height:250px; border:1px #eee solid; padding:2px}
.common_content .prutlist li a:hover img{ border-color:#f80}

.productintro{ width:100%;float:left; padding:15px 0}
.productintro .pinfo{ width:60%; float:left;}
.productintro .pimg { width:37%; float:right;}
.productintro .pimg img{ width:100%}
.c_line{ display:block; width:340px; border-bottom:1px #dddad2 solid; clear:both; height:35px; line-height:35px; padding-left:10px}
.c_line span{ font-size:16px; color:#f20; font-weight:bold}
/*内页CSS结束*/

.footer{ width:1155px; padding:0;background: none; height:150px;text-align:center; clear:both}
.footer .friend{ border-bottom:2px #ddd solid; padding-bottom:13px; padding-top:10px}
.footer .copyright{ width:1155px; padding-top:20px;border-top:2px #ddd solid; margin-top:25px;  line-height:26px; float:left}
.footer.index .copyright{ border-top: none; margin-top:0}