/* CSS Document */ body{ color:#333333; font-size:13px; font-family:"微软雅黑"; } #header{ width:100%; background:url(../Image/header.jpg) repeat-x left top; } .content{ width:1002px; margin:0 auto; position:relative; } #nav{ width:1002px; margin:0 auto; height:117px; overflow:hidden; position:relative; } #nav ul { position:absolute; right:0; top:57px; } #nav ul li{ float:left; } #nav ul li a{ display:block; width:86px ; text-align:center; line-height:54px; color:#333; font-size:14px; } #nav ul li a.current, #nav ul li a:hover{ color:#fff ; background:#2c97f9; } .logo{ display:inline-block; padding-top:30px;} .phone{ position:absolute; right:0; top:15px; padding-left:60px; font-size:22px; color:#015fb7; } .phone span{ display:inline-block; font-size:28px; color:#fcb100; font-weight:bold;} /*首页主题内容*/ #indexMain{ width:100%; overflow:hidden; padding-top:40px; background:#f1f1f1; } #indexMain .title{ height:46px; width:295px; position:relative; overflow:hidden; margin-bottom:20px; padding-left:20px; background:url(../Image/title.jpg) no-repeat left top; } #indexMain .indexProduct .title{ width:982px; overflow:hidden; background:url(../Image/title.jpg) no-repeat left top #fff; } #indexMain .title h2{ font-size:18px; } #indexMain .title span{ font-size:18px; color:#3b97ff; font-family:Arial, Helvetica, sans-serif; display:block;} #indexMain .title a{ display:block; width:18px; height:18px; overflow:hidden; position:absolute; right:20px; top:0;} #indexMain .indexProduct .title a{ top:8px;} #indexMain .title a img{ display:block; width:18px; height:18px;} .companyLine .lie{ width:315px; overflow:hidden; padding:20px 0; background:#fff; height:290px; } .companyLine .con{ padding:0 15px;} .indexCompany .con .details{ margin-top:10px; line-height:2.0;} .indexNews { margin-left:28px; } .indexNews ul{ margin-top:10px; padding:0 15px;} .indexNews ul li a{ display:block; line-height:36px; text-indent:2em; background:url(../Image/li.jpg) no-repeat left 10px; } .indexNews ul li a:hover{ background:url(../Image/liH.jpg) no-repeat left 10px; color:#f90; } .indexContact{ margin-left:29px;} .indexContact ul{ margin-top:10px; } .indexContact ul li{ line-height:1.8; } .indexProduct{ margin-top:30px; padding-bottom:40px;} #marqueeDiv1{ height:230px; width:1002px; overflow:hidden;} #marqueeDiv1 ul li{ float:left; margin-left:30px;} #marqueeDiv1 ul li img{ width:250px; height:190px; } #marqueeDiv1 ul li .title1{ display:block; padding:8px 0; width:250px;; text-align:center; font-size:14px; background:#8e8e8e; color:#fff;} #marqueeDiv1 ul li .title1:hover, #marqueeDiv1 ul li:hover .title1{ background:#387ad1;} /*底部*/ #footer{ height:45px; background:url(../Image/index_39.jpg) repeat-x left top; width:100%; } #footer .content{ position:relative; width:1002px; margin:0 auto; color:#eee; line-height:45px; } #footer .content span{ float:left;} #footer a{ color:#eee; float:right; } #footer a:hover{ color:#fff;} /*内页样式*/ #listMain{ padding-top:40px; padding-bottom:60px;} #listMain .content{ width:1002px; margin:0 auto; overflow:hidden; } #listMain .left{ float:left; overflow:hidden; width:240px; } /*此网站首页复用*/ .typeList{ width:238px; overflow:hidden; padding-bottom:30px; background:url(../Image/company_13.jpg) no-repeat center bottom; } .typeList .title{ width:100%; padding-top:20px; height:70px; background-color:#387ad1; font-size:20px; text-align:center; color:#fff; font-weight:bold; } .typeList .title span{ font-size:16px; font-weight:normal; } .typeList ul { width:238px; } .typeList ul li{ border:1px solid #d5d5d5; border-top:0; } .typeList ul li:hover{ border:1px solid #f90; border-top:0;} .typeList ul li a{ display:block; padding-left:30px; line-height:46px; background:url(../Image/company_10.jpg) no-repeat 20px 22px; color:#555555; font-size:14px; } .typeList ul li a:hover{ color:#fff;background:url(../Image/company_03.jpg) no-repeat 20px 22px #f90; } .leftContact{ background:#387AD1; } .leftContact ul{ padding:10px; color:#fff; line-height:2.0;} #listMain .right{ padding-bottom:45px; float:left; margin-left:25px; width:727px; } #listMain .mainContent{/* border:1px solid #f00;*/ padding-top:20px;} #listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;} #listMain .right .title{ padding-top:8px; position:relative; padding-bottom:14px; border-bottom:3px solid #eee; } #listMain .right .title h4{ font-size:25px ; color:#387AD1; font-weight:bold; padding-left:15px; border-left:5px solid #387AD1; line-height:25px; display:inline-block; } #listMain .right .title .yPosition{ position:absolute; right:0px; bottom:9px; color:#fff; padding:4px 8px; background-color:#387AD1;} #listMain .right .title .yPosition a{ color:#fff; position:relative; left:0; top:0; font-size:12px;} #listMain .right .title .yPosition a:hover{ color:#fff;} .newsList ul li{ padding-top:15px; padding-bottom:15px; border-bottom:1px dotted #d1d1d1; overflow:hidden; display:block; } .newsList ul li a{ display:block; float:left; text-decoration:none; color:#363636; } .newsList ul li a:hover{ color:#f90;} .newsList ul li .time{ float:right; display:block; padding-right:5px;} .newsInfo{ line-height:1.8;} .newsInfo p{ text-indent:2em;} .newsContent{ padding-bottom:45px; padding-top:10px; border-bottom:1px dotted #d1d1d1; font-size:14px;} .newsInfo .author{ font-size:12px; text-align:center; color:#ccc;} .newsInfo .context{ margin-top:15px; } .newsInfo .context a{ color:#363636; } .newsInfo .context p{ text-indent:0;} .newsInfo .context a:hover{ color:#f90;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#f90;} .proPage{ margin-top:40px; padding-right:40px; float:right; margin-bottom:30px;} .company { line-height:2.0;} /*产品列表页*/ .productMain{ padding-top:20px; } .productMain ul li{ float:left; margin-right:10px; text-align:center; padding-bottom:10px; border-bottom:15px solid #fff; } .productMain ul li:nth-child(3n){ margin-right:0;} .productMain ul li a{ display:block; color:#363636;} .productMain ul li a img{ width:226px; height:170px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; } .productMain ul li a img:hover{ border:1px solid #f90;} .productMain ul li a:hover{ color:#f90;} /*产品列表页*/ /*招聘*/ .zhaopin, #listMain .yingpin{ font-size:14px; } .zhaopin .job { border-bottom:1px dotted #dedede; margin-bottom:30px; padding-top:25px; overflow:hidden;} .zhaopin .job ul li, #listMain .zhaopinXx ul li{ line-height:3.0; overflow:hidden; width:700px; text-align:left; } .zhaopin .job .zhiwei{ color:#f90; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#f90; position:relative; top:-150px;} .zhaopin ul li a{ color:#f90; float:right;} .zhaopin a{ color:#ffffff;} .yingpin table tr{ display:block; margin-bottom:15px;} .yingpin .zhiwei{ color:#f90;} .yingpin .yanzhengma{ position:relative; top:8px;} #allmap { width:700px; height:450px;} .contactUs li{ float:left; width:350px; line-height:2.0;} /*在线留言页面*/ #message th{ font-size:14px; color:#4c4a55 ; font-weight:normal; font-family:"宋体"; } #message input{ outline:none; height:22px; border:1px solid #aaa;} #message tr{ display:block; padding-bottom:15px;} #message textarea{ border:1px solid #aaa;} #message button{ outline:none;} #message .but{ width:120px; height:35px; background-color:#f90; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#f90; font-size:14px; display:block; margin-top:30px; } .detailTitle{ width:700px; height:30px; background-color:#d1d1d1; margin:45px 0 30px;} .detailTitle h6{ background:#656565; font-size:14px; border-right: 1px solid #fff;color: #222; display: inline-block; height: 100%; line-height: 30px; padding-left: 10px; font-weight:bold; padding-right:10px;} .qqOnline{ width:145px; height:213px; position:fixed; top:80px; right:0px; background:url(../Image/qqBg.png) no-repeat; z-index:99999;} .qqOnline .left{ width:23px; height:100%; float:left; } .qqOnline ul{ float:left; width:82px; padding-top:38px; padding-left:40px; padding-bottom:0; } .qqOnline ul li{ line-height:36px; list-style:none;} .qqOnline ul li a{ color:#4c4a55; font-size:13px;} .qqOnline .phone{ font-size:12px ; color:#629759; padding-left:0px; } .backToTop{ display: block; margin-right: -540px; position: fixed;right: 50%; top: 80%;width: 15px;z-index: 9999; padding:15px 8px; color:#fff; background-color:#2d2d2d;} .backToTop:hover{ cursor:pointer; background-color:#D70415;} /*轮播图*/ .DB_tab25 {width:100%;height:550px;position:relative;overflow:hidden} .DB_tab25 .DB_bgSet{position:relative;} .DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:550px;display:none} .DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-600px;} .DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0px;top:80px;} .DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:0px;top:120px} .DB_tab25 .DB_imgSet .DB_1_3{position:absolute; left:910px; /*left:500px;*/top:170px} .DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:450px;top:370px;} .DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:440px;top:70px} .DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:650px;top:0px} .DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:300px;} .DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:600px} .DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:650px;top:0px} .DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:0px;top:80px;} .DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:60px;top:120px} .DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:0px;top:150px} .DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:0px;top:180px} .DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:650px;top:0px} .DB_tab25 .DB_menuWrap{position:absolute;width:1200px;left:50%;margin-left:-600px; } .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:650px;text-align:center;} .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline} .DB_tab25 .DB_prev{position:absolute;left:-10px;top:228px;cursor:pointer;display:none} .DB_tab25 .DB_next{position:absolute;right:-10px;top:228px;cursor:pointer;display:none}