html{ background:#fff; color:#4c4c4c; overflow-x:hidden;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}img{border:0;}ol,ul,li{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{background:#fff; color:#4c4c4c;font-size:12px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
a{ color:#4c4c4c;}
a:hover{color:#008ac8;}
/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.jj_pic{ float:left; margin-right:10px;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}
#indexNews li {
line-height: 28px;
padding: 0 0 0 15px;
position: relative;
height: 28px;
list-style: none;
overflow: hidden;
text-align: left;
background:url(../Image/icon.jpg) no-repeat left center;
}
#indexNews li a{ float:left;}
.Newstime {
font-family: Arial, Helvetica, sans-serif;
float:right;
color:#999;
}
#lianxi {
margin: 0 20px 20px;
}
#lianxi p {
line-height: 28px;
height: 28px;
border-bottom: 1px dotted #ccc;
padding-left: 20px;
}
/** header **/
#top_bj{ background:url(../Image/top_bj.jpg) repeat-x center top; height:92px; width:100%;}
#top{ width:1100px; height:92px;}
#logo{ float:left; padding:5px 0 0 0;}
#top_right{ float:right; padding-top:10px; width:350px;}
#top_right a{ color:#fff;}
#top_right a:hover{ color:#ccc;}
#top_right p{ float:right; width:68px; height:25px; line-height:25px; text-align:center; background:#bcbcbc; color:#fff;}
#top_tel{ background:url(../Image/tel.png) no-repeat left center; height:32px; line-height:32px; float:right; padding-left:40px; margin-top:10px; color:#008ac8; font-size:16px; font-weight:bold;}
#nav_bj{ background:url(../Image/nav_bj.jpg) repeat-x center top; height:40px; width:100%;}
.suckerdiv{ height:40px; width:1100px; position:relative;}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 1100px;
}
.suckerdiv ul li{ position:relative; z-index:99999; display:block; float:left; height:40px; line-height:40px; width:122px; text-align:center; font-size:14px;}
.suckerdiv ul li a{ color:#fff;}
.suckerdiv ul li:hover{ background:#008ac8;}
.suckerdiv ul li ul{
position: absolute;
width: 122px;
height:auto;
overflow:hidden;
top: 40px;
+left:0px;
display: none;
padding:5px 0 0;
background:url(../Image/nav_zi.png) repeat;
}
.suckerdiv ul li ul li ul{ width:122px; height:30px;}
.suckerdiv ul li ul li{ height:30px; margin-bottom:5px; width:122px; background:none !important;}
.suckerdiv ul li ul li a{
display: block;
text-decoration: none;
font-size:12px;
height:30px;
line-height:30px;
width:122px;
color:#fff;
text-align:center;
border-bottom:1px dotted #8dc5fd;
}
.suckerdiv ul li ul li a:hover{ color:#ff0 !important; height:30px; line-height:30px; background:none !important;}
#flash{ width:100%; text-align:center; height:509px;}
/** footer **/
#end{ height:50px; width:100%; line-height:50px; text-align:center; color:#989898;}
#end_nav_bj{ width:100%; height:auto; overflow:hidden; background:#2c2a2a;}
#end_nav{ width:1100px; height:auto; overflow:hidden; padding:20px 0;}
#end_nav_1{ height:30px; line-height:30px; background:#4a4a4a; border:1px solid #727272; float:left; width:1097px;}
#end_nav_1 a{ padding:0 32px; float:left; color:#fff; font-size:14px;}
#end_nav_2{ border-left:1px solid #4a4a4a; float:left;}
#end_nav_2 ul{ float:left; width:121px; border-right:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; height:auto !important; min-height:330px; padding-top:20px;}
#end_nav_2 ul li{ height:25px; line-height:25px; text-align:center; font-size:12px;}
#end_nav_2 ul p{ text-align:center;}
#end_lx{ background:#126ca5; height:70px; width:100%;}
#end_lx_nr{ width:955px; height:70px; background:url(../Image/lxwm.png) no-repeat left center; padding-left:145px;}
#end_lx_nr .left{ color:#fff; line-height:2.0; font-size:12px;}
#end_lx_nr .left p{ font-size:18px; padding-top:3px; font-weight:bold; }
#end_lx_nr .left span{ padding:0 10px 0 15px;}
#end_lx_nr .right{ padding-top:22px;}
#end_lx_nr .right span{ float:right; color:#fff; font-weight:bold; font-size:18px; padding-right:10px;}
/** main **/
.main{ width:1100px; height:auto; overflow:hidden; padding:20px 0;}
#hui{ background:#f4f4f4; width:100%; height:auto; overflow:hidden;}
#cplb li{ height:44px; border:1px solid #d4d4d4; font-size:22px; padding:0 30px; float:left; margin-right:1px; line-height:44px; font-weight:bold; margin-bottom:1px;}
#cplb li a{ color:#727272;}
#cplb li:hover{ background:#008ac8;}
#cplb li:hover a{ color:#fff;}
.xwzx{ width:350px; height:auto; overflow:hidden; float:left; margin-right:25px;}
.title_bj{ height:30px; border-bottom:1px solid #d6d6d6;}
.title{ background:url(../Image/title_icon.jpg) no-repeat left top; height:26px; line-height:26px; padding-left:20px; font-size:14px; font-weight:bold;}
.content{ padding:10px 0; line-height:2.0;}
#gsjj{ width:349px; height:auto; overflow:hidden; float:right;}
.holder{overflow:hidden;width:349px;height:130px;position:relative;background:#e4e4e4; float:left;}
.holder .image{position:absolute;left:-0px;}
.holder span{background:#e4e4e4;font-size:14px;color:#000; position:absolute; left:0px; top:95px; width:329px; height:35px; line-height:35px; text-align:left; padding-left:20px;}
.holder .text{padding:20px;display:none;line-height:26px;position:absolute;top:180px;font-size:16px;color:#fff;width:300px;}
/** sidebar **/
#sidebar{ width:208px; height:auto; overflow:hidden; float:left;}
#left_title{ background:url(../Image/sidebar_title.jpg) no-repeat center top; width:173px; height:69px; color:#fff; font-size:24px; font-weight:bold; padding:25px 0 0 35px;}
#left_title span{ color:#4584aa; font-weight:normal;}
#pro_list{ padding:20px 15px;}
#pro_list li{ height:28px; background:#f0f0f0; margin-bottom:5px; line-height:28px; text-align:left; padding-left:20px;}
#pro_list li:hover{ background:#008ac8;}
#pro_list li:hover a{ color:#fff;}
/** zy **/
#flash_zi{ width:100%; height:275px; text-align:center;}
#main_zi{ width:1100px; height:auto; overflow:hidden; padding:0; background:url(../Image/left_bj.png) repeat-y left top;}
#main_right{ width:870px; height:auto; overflow:hidden; float:right;}
#right_title_bj{ border-bottom:1px solid #f3f3f3; height:60px; font-size:24px; color:#008bdf; font-weight:bold; line-height:1.0; margin-top:30px;}
#right_title_bj span{ color:#6a6a6a; font-size:12px; font-weight:normal;}
#content_zi{ padding:20px; line-height:2.0;}
.news_lb li{ border-bottom:1px dashed #ccc; padding:10px 10px 10px 15px; color:#999; background:url(../Image/icon.png) no-repeat 5px 20px;}
.news_lb li a{ color:#000;}
.title_lm{ color:#FFF; font-weight:bold; background:#666; height:30px; line-height:30px; width:90%; margin-top:20px;}
.deal_Title { height:30px; line-height:30px; border-bottom:#ccc solid 1px; cursor:pointer; width:90%;}
.deal_Title .job,.title_lm .job{ display:block; padding:0 30px 0 10px; width:90px;}
.deal_Title.deaTi{ background:url(../img/job_titbg1.gif) left bottom no-repeat;}
.deal_menuCont {line-height:28px; border-bottom:1px solid #c5c5c5; padding:10px; color:#999; background:#fafafa;width:88%;}
.deal_menuCont a{ color:#999;}
.deal_left{ float:left;}
.deal_right{ width:68px; float:left; height:20px; padding-top:140px;}
.dealCon{ bottom:10px; right:10px;}
/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro_index li{float:left;overflow:hidden;margin:0 7px;width:165px;text-align:center;white-space:nowrap;*margin:0 10px;}
.pro_index span{padding-left:15px;background-position:0 -114px;}
.pro_index img{padding:3px;width:157px;height:126px;border:1px solid #dcdcdc;}
.pro_index a{*color:#444;}
.pro_index a:hover{color:#da020d;}
.pro_index img:hover{border:1px solid #999;}
.pro li{float:left;overflow:hidden; margin:0 10px 20px;width:230px;text-align:center;white-space:nowrap; font-size:14px; border:1px solid #ccc; padding:10px;}
.pro span{background-position:0 -114px;}
.pro img{width:230px;height:170px;}
.pro a{*color:#444; font-size:12px;}
.pro li:hover{ background:#999;}
.pro li:hover a{ color:#fff;}
/*************index&goods**************/
.news{ width:100%;}
.news li{width:100%;height:35px;text-indent:2em;line-height:35px; font-size:14px; border-bottom:1px dotted #ccc; background:url(../Image/icon.jpg) no-repeat 10px center;}
.news li:hover{background-color:#f2f2f2;}
.news li:hover a{color:#000;}
/****************news*****************/
.news_title{color:#666;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 18px 28px;border-bottom:1px dotted #666;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:44px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center; font-size:18px;}
.info_title{margin:10px 0 0 0;width:100%;height:30px;background:#999; margin-bottom:10px;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 350px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order1{margin:20px 0 20px 150px;line-height:40px;}
.order1 img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}
.f{ float:right; margin-right:10px; _margin-top:7px;}