body { font-family: "微软雅黑"; background: #F4F4F4 url(images/herder_bg.jpg) repeat-x 0 0; font-size:12px; color:#222; margin: 0; padding: 0;}
div,form,images,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #DF0000; text-decoration:none;}
a:active { color: #222;}
img{border: none;}
.cRed{ color: #f00;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 19px; line-height: 19px; text-align:center; width: 19px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong{ border: 1px solid #c00; color: #fff; background: #c00; font-weight:normal;}
.Header{ width: 1000px; margin: 0 auto; height: 163px;}
.HedeerBg{ background: url(images/herder_bg_L.jpg) repeat-x 0 0; height: 55px; position: absolute; left: 0; width: 600px; z-index: -10; top: 108px; text-indent: -5000px;}
.Header .logo{ float:left; height: 91px; padding-top: 17px;}
.Header .search{ float:right; background:url(images/ico_tel.jpg) no-repeat 0 0; padding-left: 300px; margin-top: 58px;}
.Header .search span{ width: 152px; height: 20px; display:block; }
.Header .search span .input{ width: 127px; height: 18px; line-height: 18px; border: none; background: none; text-indent: 10px; float:left; color: #999; }
.Header .search span .but{ background: none; border: none; width: 22px; height: 18px; line-height: 0; cursor: pointer; float:right;}
.Header .menu{ height: 55px; clear:both;  background: url(images/herder_bg.jpg) repeat-x 0 -108px;}
.Header .menu li{ float:left; background: url(images/nav_line.gif) no-repeat 0 23px; height: 55px; width: 90px; text-align:center; line-height: 55px; font-size: 14px; }
.Header .menu li ul{display: none;}
.Header .menu .home{ background: none;}
.Header .menu .left{ width: 161px; background:url(images/herder_L.jpg) no-repeat 0 0; padding: 11px 0 0 2px; line-height: 0; height: 44px; }
.Header .menu .left a{ display:block; width: 28px; height: 28px; float:left; font-size: 0; overflow:hidden; line-height: 0; margin-right: 11px;}
.Header .menu .end{ background:url(images/herder_ico.jpg) no-repeat 0 0; width: 99px; height: 31px; float:right; margin-top: 10px;}
.Header .menu .end a{ display:block; width: 99px; height: 31px;}
.QQbox {right: 0px; width: 150px; position:absolute; top: 300px;}
.QQbox .Qlist {	background:url(images/qq_bg.jpg) right top no-repeat;width:150px; height:362px;}
.QQbox .Qlist ul{ padding-top: 108px;}
.QQbox .Qlist ul li {padding: 0 0 15px 25px;}
.Flash{ width: 100%;clear:both; height: 300px; background:url(images/banner_bg.jpg) repeat-x 0 0; }
#flash{ width: 1000px; margin: 0 auto;  height: 300px; overflow:hidden; }
#flash images{ width: 1000px; height: 380px;}
#flash #pic{ margin: 0 auto; width: 1000px;}
#flash .num{ margin: 0 auto; position: absolute; bottom: 18px; right: 465px; display: none;}
#flash .num li{font-size: 0; background: url(images/ico_flash.gif) no-repeat 0 -24px; float: left; margin: 0 0 0 6px; width: 11px; height: 11px; cursor: pointer; line-height: 0; font-size: 0; line-height: 0; overflow:hidden;}
#flash .num li.on{ background: url(images/ico_flash.gif) no-repeat 0 0; font-size: 0;width: 11px; height: 11px; line-height: 0; font-size: 0; line-height: 0;}
.Home{ width: 1003px; margin: 12px auto 0;}
.Home .HotNew{ height: 32px; margin: 10px 0 0;background: #fff url(images/bg_1_r.jpg) no-repeat right 0; padding-right: 4px; width: 987px;}
.Home .HotNew h2{ height: 30px; padding-top: 2px; width: 99px; background:url(images/bg_1.jpg) no-repeat 0 0; line-height: 30px; text-align:center; font-weight:bold; float:left;}
.Home .HotNew h2 a,.Home .HotNew h2 a:visited{color:#DF0000; }
.Home .HotNew .line{ border: 1px solid #ccc; border-left: none; border-right: none; height: 28px; line-height: 28px; padding: 2px 0 0 10px; overflow:hidden;}
.Home .HotNew #HomeHot{ float:left; width: 780px; height: 28px;}
.Home .HotNew #HomeHot li{ float: left; width: 356px; background:url(images/ico_1.gif) no-repeat 0 10px; padding: 0 15px 0 9px; height: 28px; line-height: 28px; color: #999; font-size: 11px; text-align:right; overflow:hidden; }
.Home .HotNew #HomeHot li a,.Home .HotNew #HomeHot li a:visited{ float:left; font-size: 12px;}
.Home .HotNew .r{ float:right;}
.Home .HotNew .r images{ margin: 6px 4px 0 0;}
.Home .list .left{ width: 16px; height: 15px; float:left; padding: 5px 5px 0;}
.Home .list .left a{display:block; width: 16px; height: 15px; background:url(images/ico_2.jpg) no-repeat -16px 0;}
.Home .list .left a:hover{ background:url(images/ico_2.jpg) no-repeat -16px -15px; }
.Home .list .right{ width: 16px; height: 15px; float:left; padding: 5px 10px 0;}
.Home .list .right a{display:block; width: 16px; height: 15px; background:url(images/ico_2.jpg) no-repeat 0 0; }
.Home .list .right a:hover{ background:url(images/ico_2.jpg) no-repeat 0 -15px;  }
.Home .list .mit{ width: 1000px;overflow:hidden; position:relative; margin-top: 12px;}
/*
.Home .list .mit ul{ position:absolute;}
.Home .list .mit li{ float:left; width: 325px; height: 180px; background: #F4F4F4 url(images/bg_2.jpg) no-repeat 0 0; padding: 16px 0 0 8px; }
.Home .list .mit li images{ width: 160px; height: 130px; float:left;}
.Home .list .mit li p{ margin: 0; padding: 5px 0 0 10px; width: 140px; float:left; color: #666; line-height: 19px;}
.Home .list .mit li p strong { display:block; height: 28px;  font-size: 14px; color: #222;}
.Home .list .mit li .more,.Home .list .mit li .more:visited{ background:url(images/more.gif) no-repeat 0 0; height: 13px; width: 31px; font-size: 0; line-height: 0; display:block; margin-top: 4px;}
.Home .list .mit li a:hover{ color: #c00;}
*/
.Home .list .about{ padding: 3px 12px 0 0;}
.Home .list .about h2{ font-weight:bold; height: 26px; padding-left: 5px;}
.Home .list .about p{ margin: 0; padding: 0 0 15px; color: #222; line-height: 24px; }
.Home .list .about p images{ float:left; margin-right: 15px;}
.BannerAbout{ background:#C3CAD1 url(banner/about.jpg) no-repeat center 0; height: 230px; clear:both; width: 100%; }
.BannerService{ background:#C3CAD1 url(banner/service.jpg) no-repeat center 0; height: 230px; clear:both; width: 100%; }
.BannerProducts{ background:#C3CAD1 url(banner/Products.jpg) no-repeat center 0; height: 230px; clear:both; width: 100%; }
.Content{ width: 1000px; margin: 12px auto 0;}
.ContentLeft{ float: left; width: 216px;}
.ContentLeft .menu{ background:url(images/menu_bg.jpg) repeat-y 0 0;}
.ContentLeft .menu h2{ height: 53px; line-height: 53px; font-size: 14px; font-weight:bold; padding: 10px 0 0 40px; background:url(images/menu_top.jpg) no-repeat 0 0;}
.ContentLeft .menu ul{ background:url(images/menu_bottom.jpg) no-repeat 0 bottom; padding: 5px 20px 25px;}
.ContentLeft .menu ul li{ height: 42px; line-height: 42px; border-bottom: 1px solid #DFDFDF; background: url(images/menu_ico2.jpg) no-repeat 10px 15px; padding-left: 30px;}
.ContentLeft .menu ul li ul{display: none;}
.ContentLeft .menu ul .tag{background: url(images/menu_ico1.jpg) no-repeat 10px 15px;}
.ContentLeft .menu ul .tag a,.ContentLeft .menu ul .tag a:visited{ color: #DF0000;}
.ContentLeft .contact{ line-height: 28px;height: 300px; background:url(images/menu_contact_bg.jpg) no-repeat 0 0; margin-top: 10px; padding: 15px 0 0 20px;}
.ContentLeft .contact h3{ font-weight:bold; height: 25px; line-height: 25px;}
.ContentLeft .contact li{ height: 28px; line-height: 28px;}
.ContentRight{ float:right; width: 730px; background: #fff; border: 1px solid #E3E3E3; padding: 5px 20px 20px;}
.ContentRight .links{ height: 55px; line-height: 55px; background:url(images/line_1.gif) no-repeat 0 bottom; text-align:right;}
.ContentRight .links .home{ background:url(images/ico_3.gif) no-repeat 0 3px; padding-left:18px;}
.ContentRight .links h2{ float:left; font-size: 14px; font-weight:bold; background:url(images/ico_4.gif) no-repeat 0 16px; padding-left: 15px;}
.ContentRight .links span{ float:right;}
.ContentRight .about{ line-height: 25px; padding-top: 10px;}
.ContentRight .aboutP{}
.ContentRight .case li{ float:left; width: 162px; height: 130px; margin-right: 27px; text-align:center;}
.ContentRight .case li images{ display:block; margin-bottom: 10px; width: 162px; height: 72px;}
.ContentRight .case .r{ float:right; margin-right: 0;}
.ContentRight .shebei { padding-top: 5px;}
.ContentRight .shebei li{ float:left; width: 226px; height: 180px; margin-top: 10px; background:url(images/bg_4.jpg) no-repeat 0 0; margin-right: 17px; padding: 6px 0 0 6px;}
.ContentRight .shebei li images{ width: 220px; height: 161px; }
.ContentRight .shebei .r{ float:right; margin-right: 0;}
.ContentRight .Honor{ padding-top: 10px;}
.ContentRight .Honor li{ float:left; width: 238px; height: 230px; background:url(images/bg_10.jpg) no-repeat 0 0; padding: 7px 0 0 0; margin-right: 8px; text-align:center;}
.ContentRight .Honor li images{ display:block; width: 224px; height: 174px; display:block; margin: 0 auto 12px;}
.ContentRight .Honor .r{ margin-right: 0; float:right;}
.ContentRight .newslist{ padding-top: 10px;}
.ContentRight .newslist li{ height: 32px; line-height: 32px; background:url(images/line_2.gif) repeat-x 0 bottom;color: #999; text-align:right;}
.ContentRight .newslist li a{ float:left; background:url(images/ico_1.gif) no-repeat 0 13px; padding-left: 15px;}
.ContentRight .newsview{ padding-top: 15px;}
.ContentRight .newsview h1{ text-align:center; height: 38px; line-height: 38px; font-size: 18px; font-weight:bold;}
.ContentRight .newsview .time{ text-align:center;}
.ContentRight .newsview .text{ line-height: 25px;}
.ContentRight .newsview .text table{ width: 100%; border-collapse:collapse;}
.ContentRight .newsview .text table td{ border: 1px solid #ccc; padding-left: 7px; line-height: 27px;}
.ContentRight .newsview .next{ height: 30px; padding-top: 10px; line-height: 30px; background:url(images/line_2.gif) repeat-x 0 0;}
.ContentRight .newsview .next .l{ float:left; background:url(images/next_L.gif) no-repeat 0 10px; padding-left: 20px;}
.ContentRight .newsview .next .r{ float:right; background:url(images/next_R.gif) no-repeat right 10px; padding-right: 20px;}
.ContentRight .newsview .back{ height: 32px; line-height: 32px; padding-top: 5px;}
.ContentRight .newsview .back a,.ContentRight .newsview .back a:visited{ color: #00349A;}
.ContentRight .newsview .back a:hover{ color: #f60;}
.ContentRight .newsview .back .hui{ background:url(images/ico_back.gif) no-repeat 0 9px; padding: 0 20px 0 16px; float:right;}
.ContentRight .newsview .back .top{ background:url(images/ico_top.gif) no-repeat 0 9px; padding-left: 16px; float:right;}
.ContentRight .Productslist p{ line-height: 25px; margin: 0; padding: 15px 0 0; }
.ContentRight .Productslist li{ float:left; width: 175px; height: 200px; padding-top: 20px; margin-right: 5px;}
.ContentRight .Productslist li img{ width: 173px; height: 130px; border: 1px solid #E3E3E3; border-bottom: none;}
.ContentRight .Productslist li strong{ display:block; height: 40px; line-height: 40px; text-align:center; font-weight:normal; color:#000;}
.ContentRight .Productslist li a,.ContentRight .Productslist li a:visited{ color: #fff; display:block;}
.ContentRight .Productslist li a:hover,.ContentRight .Productslist li a:hover strong{ background: #DF0000;}
.ContentRight .Productslist .r{ float:right; margin-right: 0;}
.ContentRight .Productslist .search{ height: 40px; padding-top: 25px;}
.ContentRight .Productslist .search .input{border: 1px solid #ccc; height: 18px; line-height: 18px; width: 260px;}
.ContentRight .Productslist .search .search_but{ background: #DF0000; height: 22px; line-height: 22px; color: #fff; font-weight:bold; width: 47px; border: 0; cursor: pointer; }
.ContentRight .productview{ padding-top: 25px;}
.ContentRight .productview .top{ background:url(images/bg_3.jpg) no-repeat 0 0; width: 730px;}
.ContentRight .productview .top .pic{ float:right; width: 360px; padding-right: 26px;}
.ContentRight .productview .top .miaoshu{ float:left; width: 300px; padding: 40px 0 0 30px;}
.ContentRight .productview .top .miaoshu h1{ font-size: 14px; font-weight:bold; height: 30px;}
.ContentRight .productview .top .miaoshu p{ line-height: 32px;}
.ContentRight .productview .top .miaoshu .down{ padding-top: 20px;}
.ContentRight .productview .title{ background:url(images/line_3.jpg) no-repeat center 0; padding-top: 40px; height: 22px; margin-top: 15px; font-size: 14px; font-weight:bold;}
.ContentRight .productview .text{ line-height: 25px; padding-bottom: 30px;}
.ContentRight .productview .text table{ width: 100%; border-collapse:collapse; margin-top: 15px; background: #f8f8f8;}
.ContentRight .productview .text table td{ line-height: 25px; border: 1px solid #E3E3E3; padding-left: 7px;}
.ContentRight .productview .text h2{ font-weight:bold; border-bottom: 1px solid #E3E3E3; height: 28px; line-height: 28px;}
.ContentRight .productview .next{ height: 30px; padding-top: 10px; line-height: 30px; background:url(images/line_2.gif) repeat-x 0 0;}
.ContentRight .productview .next .l{ float:left; background:url(images/next_L.gif) no-repeat 0 10px; padding-left: 20px;}
.ContentRight .productview .next .r{ float:right; background:url(images/next_R.gif) no-repeat right 10px; padding-right: 20px;}
.ContentRight .productview .Related{ padding-top: 30px;}
.ContentRight .productview .Related h3{ height: 27px; line-height: 27px; font-weight:bold; padding-left: 12px; background: #f1f1f1;}
.ContentRight .productview .Related li{ float:left; width: 222px; height: 260px; padding-top: 20px; margin-right: 32px;}
.ContentRight .productview .Related li images{ width: 220px; height: 210px; border: 1px solid #E3E3E3; border-bottom: none;}
.ContentRight .productview .Related li strong{ display:block; height: 40px; line-height: 40px; text-align:center; font-weight:normal; background: #949494;}
.ContentRight .productview .Related li a,.ContentRight .productview .Related li a:visited{ color: #fff; display:block;}
.ContentRight .productview .Related li a:hover,.ContentRight .productview .Related li a:hover strong{ background: #DF0000;}
.ContentRight .productview .Related .r{ float:right; margin-right: 0;}
.ContentRight .productview .News{ padding-top: 10px;}
.ContentRight .productview .News h3{ height: 27px; line-height: 27px; font-weight:bold; padding-left: 12px; background: #f1f1f1;}
.ContentRight .productview .News ul{ margin-top: 10px;}
.ContentRight .productview .News li{ float:left; width: 353px; height: 27px; line-height: 27px; padding-left: 12px; background:url(images/ico_1.gif) no-repeat 0 10px;}
.ContentRight .downlist{ padding-top: 10px;}
.ContentRight .downlist li{ height: 38px; line-height: 38px; background:url(images/line_2.gif) repeat-x 0 bottom;color: #999; text-align:right;}
.ContentRight .downlist li a{ float:left; background:url(images/ico_5.gif) no-repeat 0 13px; padding-left: 15px;}
.ContentRight .downlist .down{ float:right;background:url(images/ico_6.gif) no-repeat 0 8px; padding-left: 20px;}
.ContentRight .service li{ float:left; width: 346px; height: 145px; margin-top: 25px;}
.ContentRight .service li a{ display:block; padding: 95px 0 0 25px; height: 45px; width: 321px;}
.ContentRight .service .s1{ background:url(images/s_1.jpg) no-repeat 0 0;}
.ContentRight .service .s2{ background:url(images/s_2.jpg) no-repeat 0 0; float:right;}
.ContentRight .service .s3{ background:url(images/s_3.jpg) no-repeat 0 0;}
.ContentRight .service .s4{ background:url(images/s_4.jpg) no-repeat 0 0; float:right;}
.ContentRight .service .s5{ background:url(images/s_5.jpg) no-repeat 0 0;}
.ContentRight .service .s6{ background:url(images/s_6.jpg) no-repeat 0 0; float:right;}
.ContentRight .yan{ padding-bottom: 15px;}
.ContentRight .yan td{ line-height: 23px; padding-top: 10px;}
.ContentRight .yan input{ width: 180px; height: 17px; line-height: 17px; border: 1px solid #999;}
.ContentRight .yan textarea{ height: 90px; width:550px; border: 1px solid #999;}
.ContentRight .yan .but{ border: none; cursor: pointer; font-weight:bold; color: #fff; background: #DF0000; width: 47px; height: 22px; line-height: 22px;}
.box0{ display:block;}
.box1{ display:none;}
.ContentRight .web{ line-height: 28px;}
.ContentRight .web .top{ height: 170px;}
.ContentRight .web .top p{}
.ContentRight .web .tag{}
.ContentRight .web .tag li{ float:left; width:86px; height: 30px; margin-right: 6px;}
.ContentRight .web .tag li a{ display:block; background: #EFEFEF; border: 1px solid #D9D9D9; border-bottom: none; text-align:center; height: 29px; line-height: 29px;}
.ContentRight .web .tag .r{ float:right; margin-right: 0;}
.ContentRight .web .tag .tag_a0,.ContentRight .web .tag .tag_b0,.ContentRight .web .tag .tag_c0{ background: #E21A2B; color: #fff; border: 1px solid #E21A2B;}
.ContentRight .web .box0{ border: 1px solid #D9D9D9; background: #F9F9F9; clear:both; margin: 0; padding: 15px;}
.ContentRight .web .clr_10{ height: 30px;}
.ContentRight .job li{ height: 35px; line-height: 35px; background:#F2EAEA; padding-left: 15px; width: 150px; float:left; margin: 10px 10px 0 0; font-weight:bold;}
.ContentRight .job h4{ height: 32px; line-height: 32px; border-bottom: 1px solid #DFDFDF; color: #f30; font-weight:bold; margin-top:20px;}
.ContentRight .job p{ line-height: 21px;}
.Foot{ clear:both; width: 100%; background:url(images/foot_bg.jpg) repeat-x 0 0; height: 64px; text-align:center; padding-top: 15px; margin-top: 12px; color: #777; line-height: 28px;}
.Footbg{ color: #ccc;width: 1034px;margin:0 auto; text-align: left;}
.Footbg a{ margin: 0 15px; }
.Foot p{padding:0;margin:0;}
.Foot a,.Foot a:visited{ color: #777;}
.Foot a:hover{ color: #DF0000;}
.Foot address{ font-style:normal;}
/* 分页-------------------------------------------------------------------*/
.paglist {
    text-align: center;
    height: 24px;
    line-height: 24px;
    background-color: #dedede;
    margin: 6px 0 6px 0;
}

.paglist a {
    margin-left: 3px;
}
/*产品滚动*/
.rollBox{width:788px;overflow:hidden;margin-bottom: 15px;}
.rollBox .LeftBotton{height:100px;width:10px;background:url(images/zy.jpg) no-repeat 0px -1px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:100px;width:10px;background:url(images/zy.jpg) no-repeat 0px -106px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:768px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:138px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;margin:0 auto; width:130px; height:100px;border: #626466 1px solid; }

.rollBox .Cont .pic a span{color:#fff; background:#000; padding:0; display:block; width:130px; height:24px; margin:-24px 0 0 4px!important;margin:-24px 0 0 0px;left:4px; overflow:hidden; line-height:24px; filter: Alpha(opacity=60); opacity:.6; text-align:center;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}
/*首页*/
.mit1{float: left; width:210px;margin-right: 10px;}
.mit1 ul li{  background: url("images/menu_ico2.jpg") no-repeat scroll 10px 15px transparent;border-bottom: 1px solid #DFDFDF;height:41px;line-height:41px;padding-left:30px;}
.mit2{float: left;width: 320px;}
.mit2 ul li {background: url("images/line_2.gif") repeat-x scroll 0 bottom transparent;color: #999999;height: 34px;line-height: 34px;text-align: right;}
.mit2 ul li a {background: url("images/ico_1.gif") no-repeat scroll 0 13px transparent;float: left;padding-left: 15px;}
.mit3{float: right;margin-right: 15px; width: 420px;line-height:26px;}
.mit3 img{float: left;padding: 0 5px 5px}
.title{  background: url("images/line_1.gif") no-repeat scroll 0 bottom transparent;height: 30px;line-height: 30px;}
.title h2{background: url("images/ico_4.gif") no-repeat scroll 0 6px transparent;float: left;font-size: 14px;font-weight: bold;padding-left: 15px;}
.mit4{float: left;width: 800px;}
.mit4 .title{margin-bottom: 5px;}
.mit5{float: right;width: 200px;line-height: 20px;}
