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;}