﻿html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,table,tr,th,td {margin:0;padding:0}
body,input,textarea,select{font:12px/1.5 tahoma,arial,"Hiragino Sans GB","Microsoft Yahei","\5b8b\4f53"; color:#010101; -webkit-font-size-adjust: none; }
h1,h2,h3,h4,h5,h6 {font-size: 12px;}
h6 {font-weight: normal;}
input, textarea, select, button {font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
em,i,b {font-style: normal;font-weight: normal}
ul{list-style:none;}
img {border:none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,textarea,select{resize:none;}
.cl:before,.cl:after{content:"";display:table;clear:both;}
.cl{*zoom:1;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#717171; cursor:pointer}
a:hover{ text-decoration:none; color:#ee7200;}
.fr {float: right;}.fl { float: left;}.cred { color: #b70404;}
body { background: #fff; }
#header { clear: both; width: 100%; margin-bottom: 2px; }
#top { height: 116px; width: 1140px; margin: auto; background: url(img/top.jpg) no-repeat; }
#top #logo a { display: block; width: 760px; height: 110px; }
#nav { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.navcon { width: 1300px; margin: auto; height: 46px; }
.menu { float: left; width:1350px; height: 46px;}
.menu li { float: left; background: url(img/navline.png) no-repeat left center; padding-left: 24px; position: relative; z-index: 9999;}
.menu li a { display: inline-block; padding: 0 22px; font-size: 16px; line-height: 46px; height: 46px; }
.menu li.home { background: none; }
.menu li.current a,.menu li.on a { color: #ee7200;}
.menu li ul { position: absolute; left: 0; top: 100%; width: 125px; padding: 5px; border: 1px solid #e7e7e7; background-color: #fff; display: none;}
.menu li ul li { border-bottom: 1px solid #d3d3d3; height: 27px; background: none; padding: 0; width: 125px;}
.menu li ul li a,.menu li.on ul li a {  padding: 0; height: 27px; line-height: 27px; padding-left: 21px; background: url(img/arrow.png) no-repeat 8px 10px; white-space: nowrap; -ms-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; color: #868686;}
.menu li.on ul li a:hover { color: #f0771a;}
.rlink { float: right; margin-top: 8px;}
.rlink a { display: inline-block; width: 29px; height: 29px; background: url(img/qq.png) no-repeat; margin-left: 15px; }
.rlink a.wx { background-image: url(img/wx.png); }
#banner { position: relative; height: 648px; width: 100%; }
#banner .bd { height: 648px; width: 100%; overflow: hidden; }
#banner .bd li { background-repeat: no-repeat; background-position: center 0; height: 648px; width: 100%; float: left; }
#banner .bd li a { display: block; width: 100%; height: 648px; }
#banner .hd ul {}
#banner a.prev,#banner a.next { position: absolute; width:  }
#main { padding: 30px 0; }
.block1 { width: 1140px; margin:0 auto 25px; }
.block1 h2 { padding: 20px; text-align: center; }
.blockcon1 { position: relative; width: 1140px; height: 600px; }
.lxlist li { position: absolute; width: 328px; height: 280px; background: url(img/box.png) no-repeat; text-align: center; color: #595959; padding-top: 48px; }
.lxlist li.b1 { left: -84px; top: 0; }
.lxlist li.b2 { left: 245px; top: 0; }
.lxlist li.b3 { left: 573px; top: 0; }
.lxlist li.b4 { left: 900px; top: 0; }
.lxlist li.b5 { left: 75px; top: 220px; }
.lxlist li.b6 { left: 405px; top: 220px; background: url(img/box2.png) no-repeat; }
.lxlist li.b7 { left: 735px; top: 220px; }
.lxlist li h3 { font: 32px/1.5 Impact; text-transform: uppercase; color: #7c7c7c; }
.lxlist li h4 { font-weight: normal; font-size: 24px; color: #ee7200; }
.lxlist li p { font-size: 16px; }
.lxlist li:hover { width: 375px; height: 328px; background: url(img/box1.png) no-repeat; color: #fff; z-index: 2;}
.lxlist li.b6:hover { width: 375px; height: 328px; background: url(img/box3.png) no-repeat; color: #fff; z-index: 2;}
.lxlist li:hover h3,.lxlist li:hover h4 { color: #fff; }
.mbanner { text-align: center; margin-bottom: 50px; }
.block2 { height: 400px; background: url(img/block1.jpg) no-repeat center top; margin-bottom: 50px;}
.partner { width: 1140px; margin:0 auto 50px; }
.partner h2 { text-align: center; padding: 35px 0;}
.partnerlist li { float: left; text-align: center; width: 25%; padding: 14px 0; }
.partnerlist li img { border: 1px solid #d4d4d4; width: 250px; height: 180px; }
.friendlink { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; }
.friendlinkcon { width: 1100px; padding: 20px; margin: auto; font-size: 14px; color: #666; }
.friendlinkcon label { font-size: 16px; }
.friendlinkcon a { padding: 0 5px; color: #666; }
.friendlinkcon a:hover { color: #f60; }
.ft { padding: 45px; width: 1050px; margin: auto; }
.ftleft { float: left; width: 545px; border-right: 1px solid #84a83c; height: 145px;}
.ftleft .ftewm { float: left; text-align: center; width: 170px; margin-right: 10px; }
.ftleft .ftcont { float: left; }
.blink { height: 79px; margin-bottom: 10px;}
.blink li { margin-right: 1px; float: left;}
.blink li a { display: block; width: 99px; text-align: center; height: 31px; color: #fff; font-size: 14px; background: #ee805b url(img/bicon.png) no-repeat center -90px; padding-top: 48px; }
.blink li a.b2 { background-position: center -289px;}
.blink li a.b3 { background-position: center -490px;}
.blink li a:hover { background-color: #ef7301; color: #fff; background-position: center 10px;}
.blink li a.b2:hover { background-position: center -189px;}
.blink li a.b3:hover { background-position: center -390px;}
.btel { font-size: 18px; }
.btel strong { font: 30px/1.4 Impact; color: #535353; vertical-align: middle; margin-left: 10px; }
.ftright { float: right; width: 430px; padding-right: 20px; }
.ftright h2 { font-size: 18px;  margin-bottom: 18px;}
.ftright p { font-size: 16px; color: #6e6e6e; font-weight:bold; }
.copyright { padding: 20px; border-top: 1px solid #ccc; text-align: center; font-size: 14px; color: #8b8b8b; width: 760px; margin: auto; }
.about { width: 1140px; margin:0 auto 25px; }
.about h2 { text-align: center; margin-bottom: 20px; }
.aboutbanner { text-align: center; }
.aboutcon { padding: 15px 0; font-size: 14px; color: #696969; }
.aboutcon p { text-indent: 30px; }
.philoso { margin-bottom: 40px; }
.philoso h2 { text-align: center; margin-bottom: 35px; }
.phibanner { height: 500px; background: url(img/block3.jpg) no-repeat center top; }
.news { clear: both; margin-bottom: 30px; }
.news h2 { text-align: center; padding: 20px; }
.newsbox { background: url(img/newsbg.jpg) no-repeat center top; height: 1100px; }
.newscon { width: 1140px; margin: auto; }
.nleft { float: left; width: 395px; padding-top: 66px; }
.picnews li { margin-bottom: 39px; position: relative; width: 372px; height: 277px; border: 8px solid #fff; overflow: hidden;}
.picnews li .info { position: absolute; left: 0; top: 0; width: 162px; height: 237px; padding: 20px 15px; background-color: rgba(0,0,0,.5); color: #fff; display: none;}
.picnews li .info h5 { font-size: 18px; font-weight: normal; }
.picnews li .info h5 a { color: #fff; }
.picnews li .info p { font-size: 14px; }
.picnews li .info a.more { border: 1px solid #fff; height: 22px; line-height: 22px; width: 77px;text-align: center; text-transform: uppercase; font-size: 14px; color: #fff; position: absolute; left: 15px; bottom: 18px; }
.picnews li:hover .info { display: block;}
.nright { float: right; width: 690px; }
.newslist li { border-bottom: 1px solid #d9d9d9; }
.newslist li a { display: block; width: 690px; height: 121px; color: #8b8b8b; }
.newslist li .date { float: left; width: 100px; text-align: center; padding-top: 16px; color: #474747;}
.newslist li .date .day { font-size: 42px; }
.newslist li .date p { font-size: 16px; }
.newslist li .ninfo { float: right; width: 575px; padding-right: 10px; padding-top: 20px; font-size: 14px;}
.newslist li .ninfo h5 { font-weight: normal; font-size: 18px; margin-bottom: 5px; color: #4c4c4c; }
.newslist li a:hover { color: #fff; background-color: #ef7301; }
.newslist li a:hover h5,.newslist li a:hover .date { color: #fff; }
.pages { text-align: center; padding: 25px; }
.pages a,.pages span { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; border: 1px solid #c6c6c6; border-radius: 3px; margin: 0 2px;}
.pages a.cur { background-color: #b61f24; color: #fff; border-color: #b61f24 }
.honor { width: 1140px; margin: auto; }
.zzbox { margin-bottom: 30px; }
.zzbox h2 { margin-bottom: 25px; }
.zzbox h2 span { display: inline-block; height: 51px; line-height: 51px; background-color: #e17e06; padding: 0 24px; color: #fff; font-size: 24px; }
.zzbox h2 span.blue { background-color: #083a7f; }
.rollbox { width: 1140px; overflow: hidden; }
.rollbox .bd { height: 1140px; overflow: hidden; height: 330px; }
.rollbox .bd li { float: left; width: 252px; margin-right: 42px; }
.rollbox .bd li img { border: 1px solid #ccc; padding:3px; }
.lxm { margin-bottom: 25px; }
.lxm h2 { text-align: center; padding: 25px; }
.lxmcon { width: 1140px; overflow: hidden; }
.lxmlist { width: 120%; }
.lxmlist li { float: left; margin-right: 125px; width: 506px; height: 118px; overflow: hidden; background: url(img/titlebg.png) no-repeat 0 5px; }
.lxmlist li h5 { padding-left: 13px; font-size: 20px; margin-bottom: 3px; }
.lxmlist li h5 span { color: #f17104; font-family: Impact; font-weight: normal; font-size: 22px; margin-right: 5px;}
.lxmlist li p { padding-left: 13px; font-size: 14px; color: #4d4d4d; }
.hrbanner { height: 295px; background: url(img/mbanner1.jpg) no-repeat center top; }
.hrintro { width: 1140px; margin:0 auto 39px;}
.hrintro h2 { text-align: center; padding: 10px; margin-bottom: 15px;}
.hrintro p { font-size: 16px; padding: 0 20px; text-align: center; margin-bottom: 35px; line-height: 1.8;}
.intropic li { float: left; text-align: center; width: 33%;}
.mline { clear: both; border-top: 1px solid #bebebe; height: 35px; }
.jobbox { width: 1140px; margin: auto;}
.jobbox h2 { text-align: center;}
p.tc { text-align: center; padding: 5px 0; margin-bottom: 10px;}
span.yhl { display: inline-block; background: url(img/dou.png) no-repeat;}
span.yhr { display: inline-block; padding: 5px 38px; font-size: 16px; background: url(img/yinhao.png) no-repeat right bottom;}
.jobnav { width: 1092px; overflow: hidden; margin:0 auto 10px;}
.jobnav ul { width: 110%;}
.jobnav ul li { float: left; margin-right: 56px; margin-bottom: 21px; border: 1px solid #cfcfcf; width: 229px; height: 55px; overflow: hidden; line-height: 55px;}
.jobnav ul li a { display: block; padding-left: 72px; height: 55px; font-size: 16px; background: url(img/person.png) no-repeat 36px center;}
.jobnav ul li span { display: block; width: 100%; height: 55px; font-size: 48px; text-align: center; color: #919191; line-height: 35px;}
.jobcon { width: 1090px; margin:0 auto 35px;}
.joblist li { border-bottom: 1px solid #d4d4d4; padding: 25px;}
.joblist li .jobtxt { float: left; width: 850px;}
.joblist li .jobtxt h5 {margin-bottom: 10px; font-size: 18px; font-weight: normal;}
.joblist li .jobtxt p { color: #767676; font-size: 14px; line-height: 1.6;}
.joblist li .joblink { float: right; width: 138px; padding-top: 30px;}
.joblist li .joblink a { display: block; width: 138px; height: 37px; line-height: 37px; font-size: 16px; background-color: #df8000; color: #fff; text-align: center;}
.joblist li .joblink a:hover { background-color: #ca7502;}
.joblist li:hover { background-color: #f1f1f1;}
.hrmbanner { text-align: center; background-color: #003577;}
.formbox { background: url(img/hrbg.jpg) no-repeat center top; height: 391px; margin-bottom: 60px;}
.formcon { width: 570px; margin: auto; padding: 60px 0 0 570px;}
.formcon h3 { font-size: 16px; font-weight: normal; margin-bottom: 28px; color: #5c5c5c;}
.formlist li { float: left; margin-right: 21px; height: 90px;}
.formlist li h5 { font-size: 14px; font-weight: normal; color: #2f2f2f; margin-bottom: 5px;}
.formlist li .ftxt1,.formlist li .ftxt2,.formlist li .sele1 { border: 1px solid #cacaca; height: 20px; line-height: 20px; width: 142px; padding: 10px; font-size: 14px;}
.formlist li .ftxt2 { width: 280px}
.formlist li .sele1 { height: 40px; width: 162px;}
.formcon .op { text-align: center; padding-top: 15px;}
.fbtn { border: 1px solid #003677; width: 129px; height: 43px; background: none; cursor: pointer; font-size: 18px; color: #003677;}
.probanner { height: 440px; background: url(img/mbanner2.jpg) no-repeat center top;}
.products { width: 1140px; margin:0 auto 40px;}
.pleft { width: 277px; float: left;}
.pnav { margin-bottom: 20px;}
.ptitle { background-color: #ef7301; padding: 28px 0 18px 40px; color: #fff;}
.ptitle h2 { font-size: 30px; line-height: 30px; font-weight: normal;}
.ptitle p { font-family: "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 32px; color: #f7b994; text-transform: uppercase; line-height: 35px;}
.catelist dt { margin-top: 1px; background-color: #535353; padding: 10px 0 10px 58px; color: #fff; font-size: 16px;}
.catelist dt a { color: #fff;}
.catelist dt.active { background-color: #ae5402;}
.catelist dd { background-color: #dcdcdc; margin-top: 1px; display: none;}
.catelist dd li { border-bottom: 1px dotted #000; padding: 10px 0 10px 90px; font-size: 14px;}
.catelist dd li a { color: #464646;}
.catelist dd li.current a,.catelist dd li a:hover { color: #ee7200;}
.catelist dd li:last-child { border-bottom: 0 none;}
.pright { float: right; width: 810px;}
.location { padding: 15px 0; font-size: 14px; color: #868686;}
.location .locat { color: #ee7200;}
.probox { width: 810px; overflow: hidden;}
.prolist { width: 110%;}
.prolist li { float: left; width: 255px; margin-right: 17px; margin-bottom: 17px; height: 234px; overflow: hidden; text-align: center;}

.prolist li .pic { padding: 5px; border: 1px solid #c1c1c1;}
.prolist li h5 { padding: 10px 0; font-size: 14px; font-weight: normal;}
.case { margin-bottom: 40px;}
.case h2 { text-align: center;}
.casebox { width: 1120px; margin: auto;}
.bigpic { position: relative; width: 560px; height: 568px; overflow: hidden; float: left;}
.thumblist { float: left; width: 560px; height: 568px; overflow: hidden;}
.thumblist li { position: relative; float: left; width: 280px; height: 284px; overflow: hidden;}
.thumblist li .info,.bigpic .info { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 10px 20px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,.6); height: 40px;}
.thumblist li .info .more,.bigpic .info .more { display: none;}
.thumblist li .info h5,.bigpic .info h5 { font-size: 16px; font-weight: normal; position: absolute; left: 10px; bottom: 10px;}
.thumblist li:hover .info,.bigpic:hover .info { height: 100%;}
.thumblist li:hover .info .more,.bigpic:hover .info .more { position: absolute; width: 115px; height: 29px; line-height: 29px; font-size: 18px; color: #ef7303; display: block; text-align: center; left: 50%; top: 50%; margin-top: -40px; margin-left: -58px; border: 1px solid #ef7303}
.contact {width: 1140px; margin:0 auto 45px;}
.cleft { float: left; width: 430px;}
.ctitle { padding: 12px 0 12px 80px; width: 350px; font-size: 16px; background:#ef7301 url(img/tel.png) no-repeat 28px center; height: 36px; line-height: 36px; color: #fff;}
.ctitle span { font: 33px/1 Impact; vertical-align: middle;}
.ladress { padding: 40px 25px;}
.ladress h5 { padding-left: 40px; background: url(img/ip.png) no-repeat left center; height: 35px; line-height: 32px; font-size: 18px; color: #ea5420; font-weight: normal; margin-bottom: 10px;}
.ladress p { padding-left: 40px; font-size: 16px; color: #616161;}
.lewm { font-size: 16px; color: #ea653c; }
.lewm img { float: left; border: 1px solid #e7e7e7; margin-right: 15px;}

.cright {float: right; width: 647px; }



.qs_pages{
}
.qs_pages ul{
 float:left;
 padding:12px 0px 12px 16px;
}
.qs_pages ul li{
 float:left;
 font-family:Tahoma;
 line-height:17px;
 margin-right:6px;
}
.qs_pages ul li a{
 float:left;
 padding:2px 4px 2px;
 color:#666;
 border-bottom:1px solid #EEE;
}
.qs_pages ul li a:hover{
 color:#690;
 text-decoration:none;
 padding:2px 4px 1px;
 border-bottom:2px solid #690;
}
.qs_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
 color:#F63;
 padding:2px 4px 1px;
 border-bottom:2px solid #F63;
 font-weight:bold;
}
.qs_pages .pageinfo{
 float:right;
 line-height:21px;
 padding:12px 10px 12px 16px;
 color:#999;
}
.qs_pages .pageinfo strong{
 color:#666;
 font-weight:normal;
 margin:0px 2px;
}





