﻿@charset "utf-8";



/********************* 以下(结束标识)代码请在实际开发中删除 *********************/


/*头部区域*/
/*头部*/
.top{ width:100%; height:40px; border-top:5px solid #0090d6; overflow:hidden;}
.top_right{ width:150px; height:40px; line-height:40px; float:right;}
.header{ width:1200px; height:65px; margin:0 auto; overflow:hidden;}
.logo{ height:65px; float:left;}
.logo img{ width:436px; height:65px;}
.htitle{ width:323px; height:65px; float:left; margin-left:10px; display:inline;}
.htitle img { width:323px; height:65px;}
.search{ width:310px; height:35px; float:right; overflow:hidden; margin-top:10px; display:none;}
.htext{ width:234px; height:33px; border:1px solid #cecdcd; text-indent:20px; font-size:12px; float:left;}
.botton{ width:74px; height:35px; float:left; background:url(../images/index_02.png) no-repeat; border:none;}
/*头部end*/
/*nav*/
.nav{ width:100%; height:45px; background-color:#01608e; overflow:hidden; margin-top:35px;}
.nav li{ width:132px; height:45px; float:left; line-height:45px; text-align:center; border-left:1px solid #80b0c7;}
.nav li:first-child{ border:none;}
.nav li a{ color:#FFFFFF; font-size:16px;}
.nav li a:hover{ background:#1da8ec; display:block; color:#333333;}
.nav li a.on{}
.nav li a.on2{background:#01608E;text-decoration:none;}
.nav li:hover.on{background:#01608E;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav li ul li{float:none;display:block;position:relative;line-height:35px;_display:inline;} 
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:132px;height:45px; line-height:45px;background:#01608E;text-align:center;font-weight:normal;font-size:14px;color:#ccc;}
.nav li ul li a:hover{color:#f10000;}

/*nav end*/
/*banner*/
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:45%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:20px;  width:100px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#01608e;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:1920px; height:600px; display:block;}
/*banner end*/
/*公共*/
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; outline:none;} table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 微软雅黑,Arial,sans-serif; } a{text-decoration:none; }
.wp{width: 1200px;margin: 0 auto;}
.h100{height: 100px;clear: both;overflow: hidden;}
.wrap{width: 100%;height: 100%;overflow: hidden; position:relative; margin:0 auto}
.wp1{margin-left: 50%;}
.wp2{width: 1920px; margin-left: -960px;}
a{ color:#666666; font-size:12px;}


/*页脚区域*/
/*底部悬浮*/
.bottom{ width:100%; height:60px; border-top:5px solid #0090d6; background:#eef9fe;overflow:hidden; z-index:999;}
.bl{ float:left; margin-top:20px; width:291px; height:24px;}
.posf{ position:fixed;  bottom:0;left:0; }
.bc{ float:left; margin-top:15px; width:320px; height:33px; margin-left:100px; display:inline;}
.bc-s{ width:200px; height:33px; border:1px solid #dedede; float:left;}
.br{ width:301px; height:38px; float:right; margin-top:15px;}
.but{ background:url(../images/index_19.png) no-repeat; width:108px; float:left; height:33px; border:none; display:inline; margin-left:10px;}
/*底部*/
.foot{ width:100%; height:100%;overflow:hidden; margin-top:30px;}
.link{ width:100%; min-height:40px; float:left; height:40px; background:#999999;}
.fri{ width:70px; height:100%; float:left; color:#FFFFFF; font-size:14px; line-height:40px;}
.friend{ width:1130px; height:100%; float:left; overflow:hidden;}
.friend ul li{ float:left; padding-right:20px; line-height:40px;}
.friend ul li a{ font-size:14px; color:#FFFFFF;}
.foot-nav{ width:100%; height:312px; float:left; background:#1f2229; overflow:hidden;}
.fn-l{ width:865px; height:100%; float:left; overflow:hidden; margin-top:40px;}
.fn1{ width:120px; height:auto; overflow:hidden; margin-right:20px; float:left; display:inline;}
.fn1 p{ width:120px; height:30px; line-height:30px; font-size:16px; color:#FFFFFF;}
.fn1 ul li{ width:120px; float:left; height:30px; line-height:30px;}
.fn1 ul li a{ color:#999999; font-size:14px;}
.fn-r{ width:330px; height:215px; float:left; border-left:1px solid #383c44; margin-top:40px;}
.wx{ width:191px; height:215px; float:right; overflow:hidden;}
.wx p{ text-align:right; color:#9e9e9f;}
.copy{ width:100%; height:50px; background:#0e1116; float:left; overflow:hidden;}
.cl{ width:650px; /*height:50px;*/ float:left; color:#999999; line-height:50px; font-size:14px;}
.cr{ width:200px; height:50px; float:right; color:#999999; line-height:50px; font-size:14px;}
.cr a{ color:#999999;}
/*子页样式*/
.subBanner, .subBody{width:1200px;margin:0 auto;}
.subBody{margin-bottom:25px; margin-top:25px;}
.subBody .OneOfTwo{width:900px;float:right;}
.subBody .TwoOfTwo{width:267px;float:left;}
.subBody .subTitle{ width:900px; height:55px;text-align:right; background:url(../images/rtitl.jpg) no-repeat; line-height:55px;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#06F; padding-left:23px;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}
.subCont{line-height:26px;color:#666; min-height:500px; padding:15px;}

.nleft{ width:267px; height:auto; float:left;}
.nleft .t{ width:265px; height:57px; background:url(../images/nltit.jpg) no-repeat; line-height:57px;font-size:24px;font-weight:bold;float:left; text-align:center; color:#FFF;}
.nleft .c{ width:265px; height:auto; border:1px solid #CCC;}
.nleft .c li{ width:265px; height:42px; text-align:center; line-height:42px; float:left; margin-top:1px;}
.nleft .c a{ background:url(../images/nlli.jpg) no-repeat; display:block; font-size:15px; color:#FFF;}
.nleft .c a:hover{ color:#FFF;}
.nlcont{ width:265px; margin-top:18px; float:left;}

/********************* 以上(结束标识)代码请在实际开发中删除 *********************/

/*新闻栏目*/
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a:hover{text-decoration:none;color:#999;}
.news_list span{float:right;font-family:Arial;color:#5868bf;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}

.news_list2 li{height:50px;line-height:25px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;}
.news_list2 li span.title a{float:left;color:#0f5fbb;font-weight:bold;}
.news_list2 li span.title a:hover{text-decoration:none;color:#000;}
.news_list2 li span.time{float:left;}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;}
.textarea{ min-height:500px;}

/*产品栏目*/
.product_list li{width:33.3%;float:left;margin-bottom:7px;}
.product_list li a.img{width:220px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{vertical-align:middle; width: 260px; height: 210px}
.product_list li a.img:hover{border:1px solid #F90;}
.product_list li p.info{line-height:30px; text-align:center;}
.product_list li p.info a{color:#555;}



/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title1{font-size:18px;text-align:center;line-height:40px;color:#000;}
.listConts .title{width:380px;line-height:28px;text-align:center;margin:15px auto;border-left:none;border-right:none;color:#666;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

/*招聘详细*/
.jobConts { line-height: 30px; color: #666666; }
.jobConts table tr td { border: #39F 1px solid; text-align: center; color: #666666; }
.jobConts .line { background: #39Fu; height: 1px; overflow: hidden; font-size: 0; margin: 10px 0; }
.jobConts .jobdesc { padding: 10px; color: #666666; text-align: left; }
.jobConts strong { color: #666666; }
/*我要应聘加上背景*/
.woyao { width: 100px; height: 30px; overflow: hidden; background: #1e57b0; display: block; text-align: center; color: #FFF; font-weight: bold; margin: 0 auto; }
.woyao:hover { color: #FFF; }



/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}



/*分页样式*/
.page_info{margin-top:10px;color:#333; text-align:center;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

