﻿@charset "utf-8";
/*head*/

.head { width: 100%; height: 179px; overflow: hidden; background: url(head_545034.jpg) repeat-x; }
.top { width: 980px; height: 29px; line-height: 28px; margin: 0 auto; }
.wellcome { width: 300px; float: left; color: #666; }
.sub-menu { width: 170px; float: right; }
.sub-menu-list li { float: left; color: #666; }
.sub-menu-list li a { display: inline-block; padding: 0 2px; color: #666; }
.logo-box { width: 980px; height: 112px; margin: 0 auto; }
.logo { width: 320px; height: 90px; float: left; padding-top: 10px; }
.tel { width: 636px; height: 90px; float: right; padding-top: 10px; }
.nav { width: 980px; height: 38px; line-height: 38px; margin: 0 auto; overflow: hidden; }
.nav-list li { float: left; }
.nav-list .bd { width: 2px; height: 38px; background: url(bd_524830.jpg) no-repeat; }
.nav-list li a { display: inline-block; padding-left: 21px; padding-right: 20px; font-size: 14px; color: #FFF; font-family: "微软雅黑"; font-weight: bold; }
.nav-list li a:hover, .nav-list li a.hover { text-decoration: none; background: url(hover_555180.jpg) repeat-x; }
/*搜索栏*/

.serach-box { width: 980px; height: 45px; line-height: 45px; margin: 0 auto; overflow: hidden; }
.search-link { width: 650px; float: left; }
.search-link a { display: inline-block; padding: 0 5px; color: #666; }
.search { width: 278px; height: 24px; float: right; padding: 10px 0; }
.ipt01 { width: 202px; height: 22px; line-height: 22px; border: #CCC solid 1px; border-right: 0; float: left; }
.btn01 { width: 71px; height: 24px; background: url(serach-btn_605631.jpg) no-repeat; border: 0; float: left; cursor: pointer; }
/*banner*/

.banner { width: 978px; margin: 0 auto; }
.banner-list li { float: left; }
.banner-list li img { width: 970px; height: 352px; border: #CCC solid 1px; padding: 3px; }
.banner_bg { width: 990px; height: 22px; margin: 0 auto; background: url(banner_bg_595558.jpg) no-repeat; }
/*center*/

.more { float: right; padding-right: 10px; color: #666; font-size: 12px; }
.more02 { float: right; padding-right: 10px; color: #FFF; font-size: 12px; }
.more02:hover { color: #FFF; }
.title01 { width: 208px; height: 36px; line-height: 36px; background: url(title01_575275.jpg) no-repeat; color: #FFF; }
.title01 strong { font-size: 14px; padding: 0 8px; }
.title01 span { color: #ADBDCE; font-family: Arial; font-size: 11px; }
.title02 { width: 760px; height: 36px; line-height: 36px; background: url(title02_575276.jpg) no-repeat; }
.title02 strong { color: #002C59; font-size: 14px; padding-left: 25px; }
.title03 { width: 980px; height: 44px; line-height: 44px; background: url(title03_575281.png) no-repeat 0 12px; }
.title03 strong { font-size: 14px; padding-left: 25px; padding-right: 10px; }
.title03 span { font-size: 14px; color: #666; font-family: Arial; }
.center { width: 980px; height: auto; margin: 0 auto; overflow: hidden; }
.box-l { width: 208px; height: auto; float: left; }
.sub-box { width: 208px; height: auto; margin-bottom: 10px; }
.pro-menu { width: 206px; border: #CCC solid 1px; border-top: 0; background: #F2F2F2; padding-bottom : 8px; overflow: hidden; }
.menu-list { width: 190px; padding: 8px; }
.menu-list li { width: 190px; height: 28px; line-height: 28px; background: url(list_545076.jpg) bottom no-repeat; }
.menu-list li a { display: block; height: 28px; background: url(li_524845.jpg) no-repeat 5px 10px; padding-left: 25px; }
.menu-list li a:hover, .on { text-decoration: none; color: #F00; }
.box-r { width: 760px; height: auto; float: right; }
.product { width: 754px; border: #CCC solid 1px; border-top: 0; overflow: hidden; padding: 0 2px; }
.product-list li { width: 176px; height: auto; float: left; padding: 15px 6px 0px; }
.product-list li img { width: 170px; height: 190px; border: #CCC solid 1px; padding: 2px; }
.product-list li img:hover { border: #06F solid 1px; }
.product-list li span { display: block; text-align: center; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; }
.sub-news { width: 206px; height: auto; border: #CCC solid 1px; }
.sub-news-list { width: 190px; padding: 0 8px; }
.sub-news-list li { width: 170px; height: 30px; line-height: 30px; font-size: 12px; background: url(list_bg_575372.jpg) no-repeat 12px; border-bottom: #CCC dashed 1px; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub-contact { width: 186px; border: #CCC solid 1px; border-top: 0; padding: 10px; overflow: hidden; line-height: 24px; }
.sub-contact strong { display: block; }
.sub-contact img { vertical-align: middle }
.aboutus { width: 728px; height: auto; border: #CCC solid 1px; border-top: 0; overflow: hidden; line-height: 28px; font-size: 13px; padding: 15px; }
.about-t { width: 322px; height: 222px; padding-top: 10px; padding-right: 10px; }
.about-t img { width: 314px; height: 214px; border: #CCC solid 1px; padding: 3px; }
.gun-box-03 { width: 728px; padding-top: 10px; overflow: hidden; }
.left { width: 17px; height: 156px; float: left; }
.right { width: 17px; height: 156px; float: right; }
.gun-box-c { width: 684px; float: left; padding: 0 4px; }
.about-list li { width: 208px; float: left; padding-left: 10px; padding-right: 10px; }
.about-list li img { width: 202px; height: 144px; border: #CCC solid 1px; padding: 2px; }
.about-list li span { display: block; text-align: center; padding-top: 8px; }
.tuijin-box { width: 760px; height: auto; margin-top: 0px; overflow: hidden; }
.tuijin { width: 758px; height: 220px; border: #CCC solid 1px; border-top: 0; overflow: hidden; }
.contact { width: 728px; height: auto; border: #CCC solid 1px; border-top: 0; overflow: hidden; line-height: 28px; font-size: 13px; padding: 15px; background: url(9999_544860.jpg) no-repeat right top; }
.contact .hr { display: block; height: 35px; line-height: 35px; border-bottom: #e2e2e2 solid 1px; }
.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 }
.box03 { width: 728px; padding: 0 15px; border: #CCC solid 1px; border-top: 0; overflow: hidden; }
.xz { width: 728px; height: auto; }
.xz dl { padding: 10px 5px; margin: 0px 0; }
.xz dt { border-bottom: 1px dashed #666; padding: 4px 0; }
.xz dd { color: #747474; line-height: 24px; font-size: 12px; border-bottom: #CCC solid 1px; padding-bottom: 4px; }
.xz em { display: block; float: left; background: url(xz_em_555168.gif) no-repeat; width: 15px; height: 15px; line-height: 15px; font-weight: bold; color: #fff; text-align: center; margin-right: 8px; }
.zx .cl { margin: 6px 20px 0; padding-bottom: 15px; border-bottom: 1px dashed #ccc; }
.hfr { float: right; font-size: 12px; margin: 0 10px; font-weight: normal; color: #4b4b4b; }
.biaoti01 { height: 24px; line-height: 24px; padding-top: 6px; }
.riqi { height: 24px; line-height: 24px; text-align: center; font-size: 12px; }
.zhaiyao { height: auto; overflow: hidden; padding: 6px 0px 24px 0px; font-size: 12px; color: #666; line-height: 24px; }
.text001 { color: #333; }
.news-neirong { height: auto; line-height: 28px; text-align: left; padding-bottom: 10px; overflow: hidden; }
.news-neirong p { text-indent: 24px; }
.news-neirong a { font-size: 14px; color: Blue; }
.news-neirong span { display: block; }
.news-neirong table tr td { padding: 5px; }
.back { width: 708px; height: auto; line-height: 30px; text-align: left; padding-right: 30px; border-top: 1px solid #ccc; margin-top: 8px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; font-size: 12px; }
.back a { color: #333; }
.fenye { width: 500px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin: 20px auto; font-family: "微软雅黑"; }
/*分页代码*/

div.pageb { PADDING-BOTTOM: 4px; DISPLAY: inline; FLOAT: left; HEIGHT: 20px; MARGIN-LEFT: 20px; PADDING-TOP: 1px; width: 490px; }
div.pageb A { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BACKGROUND-POSITION: 50% bottom; COLOR: #000; BORDER-TOP: #ccc 1px solid; MARGIN-RIGHT: 3px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 3px }
div.pageb SPAN.current { PADDING-BOTTOM: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #000; FONT-WEIGHT: 700; MARGIN-RIGHT: 3px; PADDING-TOP: 2px }
div.pageb SPAN.disabled { DISPLAY: none }
div.pageb A.next { BORDER-BOTTOM: #ccdbe4 2px solid; BORDER-LEFT: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-TOP: #ccdbe4 2px solid; BORDER-RIGHT: #ccdbe4 2px solid }
div.pageb A.prev { BORDER-BOTTOM: #ccdbe4 2px solid; BORDER-LEFT: #ccdbe4 2px solid; MARGIN: 0px 1px 0px 0px; BORDER-TOP: #ccdbe4 2px solid; BORDER-RIGHT: #ccdbe4 2px solid }
div.pageb A:hover { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BACKGROUND: #666; COLOR: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid }
div.pageb A:active { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BACKGROUND: #666; COLOR: #fff; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid }
div.pageb A.next:hover { BORDER-BOTTOM: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-RIGHT: #2b55af 2px solid }
div.pageb A.prev:hover { BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid }
div.pageb A.pagedot { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px }
div.pageInfo { TEXT-ALIGN: right; PADDING-RIGHT: 3px }
/*分页代码 end*/



.faq-list li { width: 708px; background: url(list_bg_575372.jpg) no-repeat 10px; border-bottom: #CCC dashed 1px; height: 34px; line-height: 34px; overflow: hidden; padding-left: 20px; white-space: nowrap; text-overflow: ellipsis; }
.faq-list li span { float: left; width: 600px; height: 34px; float: left; overflow: hidden; }
.faq-list li em { float: right; height: 34px; padding-right: 8px; }
.sub_honor { position: relative; width: 206px; height: 260px; border: #CCC solid 1px; border-top: 0; overflow: hidden; text-align: center; }
.sub-honor-list li { width: 168px; height: 216px; float: left; overflow: hidden; padding: 10px 19px; }
.sub-honor-list li img { width: 162px; height: 208px; border: #CCC solid 1px; padding: 2px; }
#honor { width: 206px; height: 250px; overflow: hidden; }
#idNum { position: absolute; right: 66px; bottom: 10px; }
#idNum li { float: left; margin: 0 3px; width: 16px; height: 16px; background: #000; filter: Alpha(Opacity=60); opacity: 0.8; cursor: pointer; line-height: 16px; font-family: Arial; font-size: 10px; color: #FFF; text-align: center; }
#idNum li.navOn { background: #900; }
.case-list li { width: 296px; height: auto; float: left; padding: 10px 34px; }
.case-list li .case_bg { width: 296px; height: 234px; background: url(case_bg_575340.jpg) no-repeat bottom; }
.case-list li img { width: 290px; height: 218px; border: #CCC solid 1px; padding: 2px; }
.case-list li img:hover { border: #06F solid 1px; }
.case-list li span { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.honor-box { width: 754px; height: auto; border: #CCC solid 1px; border-top: 0; padding: 8px 2px; overflow: hidden; }
.honor-list li { width: 168px; float: left; padding: 10px; }
.honor-list li .ry_bg { width: 168px; height: 229px; background: url(ry_bg_555163.jpg) no-repeat bottom; }
.honor-list li img { width: 162px; height: 208px; border: #CCC solid 1px; padding: 2px; }
.honor-list li img:hover { filter: Alpha(Opacity=50); opacity: 0.8; }
.honor-list li span { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*JopsList*/

.JopsList th { color: #003366; font-size: 14px; border-bottom: 1px dotted #cccccc; }
.JopsList td { padding: 5px; line-height: 20px; border-bottom: 1px dotted #cccccc; }
.JopsList tr.hover { background: #ccc; }
.JopsList .tl { text-align: left; padding-left: 20px; }
.Welfare { padding: 20px 0 0 20px; }
.Welfare li { float: left; width: 335px; height: 160px; line-height: 25px; font-size: 14px; font-weight: bold; font-family: "微软雅黑"; }
.ResumeTab td { padding: 5px 2px; }
.resume { display: block; padding-left: 10px; width: 88px; height: 27px; line-height: 27px; color: #003366; background: url(resume_565278.gif) no-repeat 0 0; }
.CotntentBox { padding: 38px 30px 20px; overflow: hidden; border: #CCC solid 1px; border-top: 0; }
.about, .ContactUs { font-family: "微软雅黑"; line-height: 25px; }
.ResumeTab td { padding: 5px 2px; }
.input { width: 200px; height: 20px; line-height: 20px; border: 1px solid #ccc; }
.btn2 { width: 44px; height: 20px; line-height: 20px; color: #666666; border: 0; cursor: pointer; background: url(btn_534945.gif) no-repeat 0 0; }
.jqzoom-box { width: 758px; height: auto; padding-bottom: 8px; border: #CCC solid 1px; border-top: 0; overflow: hidden; }
.jqzoom-l { width: 350px; height: 400px; background: #FFF; padding: 15px 10px; float: left; }
.jqzoom-t { width: 394px; height: 288px; }
.jqzoom-t img { width: 350px; height: 400px; border: #CCC solid 1px; padding: 6px; }
.jqzoom-menu { width: 320px; height: 22px; margin: 12px auto; overflow: hidden; }
.jqzoom-menu span { display: block; min-width: 84px; max-width: 126px; height: 22px; line-height: 22px; margin-left: 4px; margin-right: 4px; float: left; }
.jq01 { display: block; width: 84px; height: 22px; cursor: pointer; }
.jq02 { display: block; width: 126px; height: 22px; cursor: pointer; }
.jq03 { display: block; width: 84px; height: 22px; cursor: pointer; }
.sub-jqzoom { width: 394px; height: 90px; margin: 0 auto; overflow: hidden; }
.jqzoom-list li { width: 126px; float: left; padding-left: 2px; padding-right: 3px; }
.jqzoom-list li img { width: 120px; height: 83px; border: #CCC solid 1px; padding: 2px; }
.jqzoom-list li img:hover { border: #006AEB solid 1px; cursor: pointer; }
.jqzoom-r { width: 314px; float: right; padding: 10px 15px; }
.jqzoom-r .biaoti01 { height: 40px; line-height: 40px; border-bottom: #CCC solid 1px; font-size: 16px; }
.jqzoom-r span { display: block; height: 38px; line-height: 38px; border-bottom: #CCC dashed 1px; overflow: hidden; }
.jqzoom-r em { color: #666; }
.jqzoom-r p { line-height: 30px; max-height: 180px; overflow: hidden; }
.jqzoom-r .ljzx { width: 190px; height: 44px; margin-top: 20px; margin-left: 10px; }
.cur_on { border: #006AEB solid 1px; }
.fenxiang02 { width: 304px; height: 30px; line-height: 30px; font-size: 12px; padding-top: 20px; padding-left: 10px; overflow: hidden; }
.youshi { width: 758px; height: auto; border: #CCC solid 1px; margin-top: 10px; overflow: hidden; }
.ding10 { width: 758px; margin-top: 10px; overflow: hidden; }
.youshi img { width: 758px; height: auto; }
.ys01 { width: 758px; height: 150px; overflow: hidden; }
.ys02 { width: 758px; height: 150px; overflow: hidden; }
.ys03 { width: 758px; height: 160px; overflow: hidden; }
.case-show { width: 728px; height: auto; padding-bottom: 20px; overflow: hidden; }
.case-show strong { display: block; height: 35px; line-height: 35px; font-size: 20px; text-align: center; padding: 10px 0; }
.left_all { width: 23px; height: 220px; float: left; padding-left: 3px; padding-top: 100px; }
.right_all { width: 23px; height: 220px; float: right; padding-right: 3px; padding-top: 100px; }
.gun-case { width: 676px; height: 480px; float: left; overflow: hidden; }
.gun-case li { width: 636px; height: 480px; display: block; float: left; padding: 0 20px; }
.gun-case li img { width: 626px; height: 470px; border: #CCC solid 1px; padding: 4px; }
.case-title { width: 728px; height: 29px; background: url(phone_bg_585466.jpg) no-repeat; margin: 0 auto; }
.xiangxi { width: 708px; padding: 10px; line-height: 30px; overflow: hidden; margin: 0 auto; }
.co-brand-list li { width: 168px; float: left; padding: 10px; }
.co-brand-list li img { width: 166px; height: 94px; border: #CCC solid 1px; }
.co-brand-list li span { display: block; height: 20px; line-height: 20px; padding-top: 5px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.co-brand-list li a:hover img { border: #06F solid 1px; filter: Alpha(Opacity=50); opacity: 0.8; }
/*footer*/

.footer { width: 100%; height: 300px; background: #2E5882; overflow: hidden; margin-top: 20px; }
.footer a {color: #fff; }
.btm { width: 980px; height: 270px; margin: 0 auto; }
.sub-nav { width: 980px; height: 45px; line-height: 45px; border-bottom: #FFF dashed 1px; overflow: hidden; }
.sub-nav-list { width: 880px; margin: 0 auto; }
.sub-nav-list li { float: left; color: #FFF; text-align: center; }
.sub-nav-list li a { display: inline-block; padding: 0 17px; color: #FFF; }
.weixin { width: 145px; height: auto; float: left; padding-top: 15px; padding-left: 5px; padding-right: 25px; }
.weixin span { display: block; height: 24px; line-height: 24px; text-align: center; padding-top: 5px; color: #FFF; }
.fenxiang { width: 145px; height: 24px; }
.fenxiang p { height: 24px; line-height: 24px; color: #FFF; }
.bd02 { width: 2px; height: 202px; background: url(bd02_544928.jpg) no-repeat; float: left; margin-top: 10px; }
.copy { width: 500px; height: auto; float: left; padding: 15px 20px 0; line-height: 25px; color: #FFF; }
.copy p img { vertical-align: middle; padding: 0 5px; }
.btm_link { width: 490px; height: 40px; padding-top: 10px; }
.map { width: 234px; height: auto; float: right; padding-top: 15px; padding-right: 5px; }
h2 { text-align: center; }
/*banner背景*/
.ban_bg{height:455px;width:100%; position:relative; z-index:0 }
.ban_bg .bgitem{ position:absolute; top:0;display:block; z-index:0;}
.ban_bg .btn{  bottom: 5px;margin-right: -450px;padding: 42px 6px;position: absolute;right: 50%;z-index: 7;}
.ban_bg .btn span {background: none repeat scroll 0 0 #1181c2;border: 1px solid #1181c2;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left: 5px;padding: 2px 5px;}
.ban_bg .btn span.cur {font-weight: bold;padding: 4px 8px;}
