@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body{background:#fff url(../images/bg01.jpg) center center repeat-x; font-size:12px; font-family:"微软雅黑","黑体", Arial;color:#333;margin:0;padding:0; position:relative; min-width:1280px;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{border:0;list-style:none;margin:0;padding:0;}
input,select,textarea{font-size:12px;font-family: Arial,"微软雅黑","黑体","宋体"; line-height:18px; padding:0; margin:0; color:#4F4F4F;outline: none}
p{ line-height:20px;}
a{text-decoration:none;outline:none; color:#1627F3}
a:hover{ color:#80BDE3}
a,a:focus{ outline:none;}
a,img{ border:none;}
.underline{ text-decoration:underline}
img{ vertical-align:middle;}
table{ border-collapse:collapse;  border-spacing: 0;}
td{ word-break:break-all; word-wrap:break-word}
textarea{　resize:none}
/*float*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block; }
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both}
/*common*/
.tc{ text-align:center}
.tr{ text-align:right}
.tl{ text-align:left}
.underline{ text-decoration:underline}
.hide{ display:none}
.pos-rel{ position:relative}
h1, h2, h3, h4, h5, h6{ font-weight:400; font-size:14px;}
.ft14{ font-size:14px !important;}
.ft16{ font-size:16px !important;}
.ft18{ font-size:18px !important;}

.wrapper{ width:1000px; margin:0 auto}
.wrapper2{ width:1024px; margin:0 auto}

/*margin*/
.mt0{ margin-top:0px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mb50{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
/*width*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w118{ width:118px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w210{ width:210px;}
.w220{ width:220px;}
.w230{ width:230px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w280{ width:280px;}
.w290{ width:290px;}
.w300{ width:300px;}
/*控件*/
input[type="checkbox"]{ _vertical-align:-1px; vertical-align:-2px; margin-right:3px;}
input[type="radio"]{  _vertical-align:-1px; vertical-align:-2px;  margin-right:3px;}
textarea{ border:1px solid #999;border-radius:5px; padding:5px;}
.areaSmall{ width:200px; height:40px; resize:none; }
.datagrid .areaSmall{ float:left}
.inp-txt{ height:18px; line-height:18px; border:1px solid #999; padding:5px; border-radius:3px; vertical-align:middle}
.inp-date{ background:url(../images/ico_date.png) 95% center no-repeat; padding-right:15px;}
.inp-error{ border-color:#f00}
.defaultVal{ color:#999}
.select{ height:30px; *height:22px; line-height:30px;*line-height:22px; padding:5px 0px;*padding:0; border-radius:5px; border:1px solid #999}

/*头部*/
.header{ height:72px; background:url(../images/hd.png) repeat-x}
.header .logo{ display:block; width:230px; height:60px; background: url(../images/logo.png); text-indent:-9999px; overflow:hidden; float:left; margin:5px 0 0 10px; display:inline}
.header .nav{ float:right; margin-top:18px; white-space:nowrap}
.header .nav li{ float:left;}
.header .nav li a{ display:block; color:#fff; font-size:16px; padding:10px 12px; margin-right:2px;}
.header .nav a:hover,.header .nav .current{ background:url(../images/navbg.png) bottom center no-repeat}

.img-border{ padding:3px; border:1px solid #DDDDDD}
.img-border img{ display:block;}

.primary{ overflow:hidden; zoom:1; padding:20px 0}
.primary dl{ float:left; width: 194px; padding:0 5px; }
.primary dt{ height:73px; padding:0px 0 0 82px;}
.primary dt a{ color:#0D386A; -webkit-transition:color .2s ease-out; -moz-transition:color .2s ease-out; transition:color .2s ease-out}
.primary dt strong{ display:block; font-size:16px; font-weight:700; line-height:30px;}
.primary dt a:hover{ color:#f70}
.primary dd{ font-size:14px; color:#333; line-height:25px;}
.primary .item1 dt{background:url(../images/ico01.png) left center no-repeat;}
.primary .item2 dt{background:url(../images/ico02.png) left center no-repeat;}
.primary .item3 dt{background:url(../images/ico03.png) left center no-repeat;}
.primary .item4 dt{background:url(../images/ico06.png) left center no-repeat;}
.primary .item5 dt{background:url(../images/ico07.png) left center no-repeat;}

.primary .more{ text-align:right; font-size:12px; padding-right:5px;}
.primary .more a{ color:#344964}
.primary .more a:hover{ color:#f70}
.boxA{ padding-bottom:15px;}
.i-about{ width:510px; float:left}
.i-about .hd{ height:30px; line-height:30px; background:url(../images/dot.png) left center repeat-x; padding:5px 0}
.i-about .hd h2{ background:#fff; color:#043C6F; float:left; height:30px; line-height:30px; padding-right:20px; font-size:18px;}
.i-about .hd h2 small{ font-size:12px; margin-left:10px;}
.i-about .bd{ overflow:hidden; zoom:1; font-size:14px;}
.i-about .bd .img-border{ float:left; margin-right:10px;}
.i-about .bd .txt{}
.i-about .bd .txt p{ text-indent:2em; line-height:23px;}
.i-about .bd .more{ display:block; float:right; padding:0 15px; height:23px; line-height:23px; color:#344964; font-size:12px;}
.i-about .bd .more:hover{color:#f70}

.i-news{ width:480px; float:right}
.i-news .hd{ height:30px; line-height:30px; background:url(../images/dot.png) left center repeat-x; padding:5px 0}
.i-news .hd h2{ background:#fff; color:#043C6F; float:left; height:30px; line-height:30px; padding-right:20px; font-size:18px;}
.i-news .hd h2 small{ font-size:12px; margin-left:10px;}

.picFocus{ position:relative; height:139px;}
.picFocus .hd{ width:54px; float:left; padding:0}
.picFocus .hd ul{ overflow:hidden; zoom:1;}
.picFocus .hd ul li{margin-bottom:1px;}
.picFocus .hd ul li img{ width:54px; height:34px; cursor:pointer; opacity:0.5}
.picFocus .hd ul li.on img{opacity:1}
.picFocus .bd{ float:left; width:200px; margin-right:1px; position:relative}
.picFocus .bd img{ width:200px; height:139px; display:block;}
.picFocus .focus-txt{ padding:20px 10px 0 10px; text-indent:2em; line-height:25px; font-size:14px; position:absolute; top:0px; left:255px; width:200px; height:119px; background:#F6FAFC}
.picFocus .focus-txt a{ color:#333;}
.picFocus .focus-txt a:hover{ color:#f70;}

/*幻灯片*/
.slideBox{ overflow:hidden; position:relative; }
.slideBox .hd{ height:13px; padding:10px 0 9px 0; background:url(../images/slide_bg.png) 0 -1px repeat-x;}
.slideBox .hd ul{ text-align:center; width:138px; height:13px; margin:0 auto}
.slideBox .hd ul li{ display:block; float:left; margin-right:10px; width:13px; height:13px; line-height:13px; background: url(../images/slide_btn.png) no-repeat; cursor:pointer;}
.slideBox .hd ul li.on{ background-position:-15px 0}
.slideBox .bd{ height:220px; z-index:0;}
.slideBox .bd li{ height:220px; text-indent:-9999px;}
.slideBox .bd .item1{ background:url(../images/pic01.jpg) top center no-repeat}
.slideBox .bd .item2{ background:url(../images/pic02.jpg) top center no-repeat}
.slideBox .bd .item3{ background:url(../images/pic03.jpg) top center no-repeat}
.slideBox .bd .item4{ background:url(../images/pic04.jpg) top center no-repeat}
.slideBox .bd .item5{ background:url(../images/pic05.jpg) top center no-repeat}
.slideBox .bd .item6{ background:url(../images/pic06.jpg) top center no-repeat}


/*内容区*/
.content{ background:#fafafa url(../images/bg.png) 0 150px repeat-x; padding-bottom:20px;}
.content .wrapper{ background:url(../images/cbg.png); width:960px; padding:20px;-moz-box-shadow:0 0 5px #ECECEC; -webkit-box-shadow:0 0 5px #ECECEC; box-shadow:0 0 5px #ECECEC; position:relative; z-index:1000; top:-15px;}
.bg{ background:#fff;}
.content .banner{ height:150px; text-indent:-9999px; background:url(../images/ban01.jpg) center center no-repeat}
.content .bannerA{ background:url(../images/ban01.jpg) center center no-repeat}
.content .bannerB{ background:url(../images/ban02.jpg) center center no-repeat}
.content .bannerC{ background:url(../images/ban03.jpg) center center no-repeat}
.content .bannerD{ background:url(../images/ban04.jpg) center center no-repeat}

.content .c-tit{ background:url(../images/tit_bg.png) bottom left no-repeat; font-size:22px; padding:10px 0; margin-bottom:18px;}
.content .c-con{ overflow:hidden; zoom:1}
/*左侧*/
.side{ width:230px; float:left;}
.side .link{ display:block; height:44px; line-height:44px; background:url(../images/sidelink.png) repeat-x; border:1px solid #DDDDDD; margin-top:15px; padding-left:70px; font-size:16px; color:#333; position:relative}
.side .link span{ display:block; width:32px; height:32px; position:absolute; top:6px; left:12px;}
.side .link .oa{ background:url(../images/ico_oa.png) no-repeat}
.side .link .mail{ background:url(../images/ico_mail.png) no-repeat}
.sub-menu{ background:url(../images/side.png) no-repeat; border:1px solid #ECECEC; box-shadow:0 0 5px #ECECEC; padding:8px;}
.sub-menu dt{ height:30px; line-height:30px; margin-bottom:10px; font-size:16px; background:url(../images/submenu_tit.png) bottom left no-repeat}
.sub-menu dd{ background:url(../images/ico04.png) left 9px no-repeat; padding-left:22px; font-size:14px; line-height:30px;}
.sub-menu dd a{ color:#4C9FFF}
.sub-menu dd .current,.sub-menu dd a:hover{ color:#FF7F00}
.sub-menu .sub a{ color:#333}
.sub-menu .sub li{ height:30px; line-height:30px; overflow:hidden}
/*右侧*/
.main{ width:700px; float:right}
.main .m-tit{ color:#4C9FFF; font-size:16px; height:20px; line-height:20px; margin-bottom:10px;}
/*公司概况*/
.main .about p{ text-indent:2em; line-height:26px; margin-bottom:10px;} 
.main .about .pic-show{ overflow:hidden; zoom:1}

/*企业文化*/
.culture dt{ color:#4C9FFF; line-height:25px;}
.culture dd{ line-height:25px;}

/*荣誉资质*/
.honor{ margin-top:20px;}
.honor li{ float:left; width:186px; height:210px; padding:0 22px; text-align:center; font-size:14px;}
.honor .pic{ padding:2px; border:1px solid #ddd; display:block; width:180px; height:140px; margin-bottom:5px; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; background:#fff;}
.honor .pic img{ width:180px; height:140px;}
.honor .pic:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1)}
.honor .txt{ display:block; text-align:center; color:#333; height:50px; line-height:25px; overflow:hidden;}
.honor .txt:hover{ color:#FF7F00; text-decoration:underline}
/*底部*/
.footer{ background:url(../images/ft.png) top repeat-x; padding-top:20px;}
.footer p{ text-align:center; line-height:30px;}
.footer p a{ color:#333; margin:0 10px; transition:all .2s ease-in-out}
.footer p a:hover{ color:#f70;}

/*详情页面*/
.info-box{}
.info-box p{ text-indent:2em; line-height:26px; margin-bottom:10px;} 
.info-box .pic-show{ overflow:hidden; zoom:1}

.info-list{ overflow:hidden; zoom:1}
.info-list li{ background:url(../images/ico05.png) 5px center no-repeat; padding-left:20px; height:35px; line-height:35px; overflow:hidden; font-size:14px; color:#333; border-bottom:1px dashed #ddd;}
.info-list li a{ color:#333}
.info-list li a:hover{ color:#f70}

/*翻页*/
.page{ height:22px; text-align:right; padding:20px 0 10px; 0}
.page a{ display:inline-block; height:20px; line-height:20px; color:#333; border:1px solid #ddd; padding:0 8px; background:#fff;}
.page a:hover{ color:#f70}
.page .current{ background:#f70; color:#fff; border:1px solid #f70}
.page .current:hover{ color:#fff}

/*招聘*/
.hr{ padding-left:155px; background:url(../images/ico_work.png) left center no-repeat; _height:100px; min-height:100px; margin:40px 0;}
.hr li{ line-height:25px;}
.work-info{ width:699px;}
.work-info .work-hd{border:1px solid #ddd; border-right:none; overflow:hidden; zoom:1}
.work-info .work-hd li{ float:left; line-height:27px; height:27px; overflow:hidden; border-right:1px solid #ddd; width:195px; padding-left:10px;}
.work-info .work-hd .label{ background:#eee; width:132px;}
.work-info .work-bd{ border:1px solid #ddd; padding:10px 20px; margin-top:-1px; line-height:25px; background:url(../images/bg_work.png) right bottom no-repeat; _height:120px; min-height:120px;}