/* CSS Document */ body{ color:#555555; font-size:14px; font-family:"微软雅黑"; } #header{ background:url(../Image/header.png) repeat-x left bottom; width:100%; } .content{ width:1002px; margin:0 auto; position:relative; } .logoLine{ height:100px; overflow:hidden; position:relative;} .links{ position:absolute; top:15px; right:0;} .links ul li{ float:left;} .links ul li a{ display:block; font-size:12px; color:#999999; padding:0 5px; background:url(../Image/index_05.jpg) no-repeat right top;} .links ul li:last-child a{ background:none; padding-right:0;} .searchAreaH{ background:url(../Image/search.jpg) no-repeat center top; width:240px; line-height:30px; position:absolute; right:0; top:48px; z-index:9999; height:32px; overflow:hidden;} #keyWordsH{ border:0; background:none; width:150px; /*border:1px solid #f00;*/ line-height:30px; position:absolute; left:0; top:0; padding-left:5px; color:#eee; display:inline-block; color:#999;} #submitH{ width:82px; line-height:30px; position:absolute; right:0; top:0; background:none; border:0; display:inline-block;} #submitH:hover{ cursor:pointer;} #nav{ height:52px; width:100%; background:#007fea; overflow:hidden; } #nav ul { width:1002px; margin:0 auto; } #nav ul li{ float:left; text-align:center; } #nav ul li a{ display:block; width:125px ; text-align:center; color:#fff; font-size:14px; font-family:"微软雅黑" ; line-height:52px; } #nav ul li a:hover, #nav ul li a.current{ background:#fa951d;} #slideShow{ height:586px; width:100%; background:url(../Image/banner.jpg) no-repeat center top;} /*首页主题内 */ #indexMain{ padding-top:50px; width:100%;} #indexMain .content{ width:1002px; margin:0 auto;} .products{ width:730px; overflow:hidden; margin-left:22px; padding-bottom:50px;} .titleP{ padding-bottom:8px; border-bottom:1px solid #d1d1d1; position:relative;} .titleP h2{ font-size:24px; color:#007fea; display:inline-block;} .titleP span{ font-size:20px; color:#007fea;} .titleP a{ position:absolute; right:0; bottom:4px;} #marqueeDiv1, #marqueeDiv2{ width:730px; height:252px; overflow:hidden ; margin-bottom:20px; } #marqueeDiv2{ margin-top:40px;} #marqueeDiv1{ margin-top:15px;} .products ul li{ float:left; margin-right:20px;} .products ul li img{ width:226px; height:159px; border:1px solid #d1d1d1;} .products ul li .title1{ display:block; line-height:55px; text-align:center; font-size:14px;} .products ul li .title2{ display:block; width:228px; line-height:30px; text-align:center; border:1px solid #d1d1d1;} .products ul li:hover .title1, .products ul li:hover .title2{ color:#f90; } .indexCompany{ width:100%; padding-top:85px; height:400px; overflow:hidden; background:url(../Image/bg1.jpg) no-repeat center top;} .indexCompany .title{ margin-bottom:50px;} .indexCompany .title h2{ text-align:center; font-size:60px; font-family:Arial, Helvetica, sans-serif; color:#fff; } .indexCompany .title p{ font-size:12px; color:#fff; text-align:center;} .indexCompany .intro{ line-height:2.0; width:886px; margin:0 auto 0; text-align:center; color:#fff;} .indexCompany .more{ display:block; margin:35px auto; width:130px; border-radius:5px; line-height:45px; border:1px solid #fff; text-align:center; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;} .indexCase{ margin-top:50px; width:100%; background:url(../Image/bg2.jpg) no-repeat center 112px; } .indexCase .title{ width:100%; background:url(../Image/t1.jpg) repeat-x left top; text-align:center; margin-bottom:55px;} .indexCase .title h2{ width:160px; margin:0 auto; font-size:30px; background:#fff;} .indexCase .title span{ font-size:16px; text-align:center; } .indexCase ul li{ float:left; margin-right:4px; margin-bottom:4px; width:327px; height:227px; position:relative;} #marqueeDiv3, #marqueeDiv4{ width:1002px; height:227px; overflow:hidden ; margin-bottom:20px; } /*.indexCase ul li:nth-child(3n){ margin-right:10px;}*/ .indexCase ul li img{ width:327px; height:227px; } .indexCase ul li .span{ font-size:14px; color:#fff; text-align:center; display:block; padding-top:105px; height:122px; background:url(../Image/span.png) no-repeat center top; position:absolute; left:0; top:0; width:100%; display:none; } .newsLine{ width:100%; background:#f7f7f7; padding:50px 0; height:445px;} .newsLine .title{ width:100%; height:34px; padding-top:7px; background:url(../Image/title.jpg) no-repeat right top; position:relative;} .newsLine .title h2{ font-size:20px; color:#fff; padding-left:14px; border-left:3px solid #fff; margin-left:10px;} .newsLine .title a{ position:absolute; right:0; top:0; display:block; width:42px; height:41px;} .indexNews{ width:590px; overflow:hidden; background:#fff; border-bottom:8px solid #007fea; height:410px; } .indexNews .con{ padding:20px 30px;} .indexNews .tuijian{ width:530px; overflow:hidden; position:relative; height:160px; margin-bottom:20px;} .indexNews .tuijian .details{ width:320px; overflow:hidden; position:absolute; right:0; top:0;} .indexNews .tuijian img{ width:180px; height:140px;} .indexNews .tuijian .details span{ display:block; line-height:30px; width:105px; text-align:center; color:#fff; font-size:13px; background:#f90;} .indexNews .tuijian .details a{ color:#333; font-size:15px; display:block; padding:12px 0;} .indexNews .tuijian .details p{ line-height:2.0; color:#666;} .indexNews ul li, .tech ul li{ margin-bottom:15px;} .indexNews ul li a, .tech ul li a{ display:block; line-height:35px;} .indexNews ul li:hover a, .indexNews .tuijian .details a:hover, .tech ul li:hover a, .tech ul li a:hover{ color:#f90;} .indexNews ul li:hover span,.tech ul li:hover span{ background:#f90;} .indexNews ul li span, .tech ul li span{ display:inline-block; margin-right:15px; line-height:35px; width:105px; text-align:center; color:#fff; background:#898989;} .tech{ width:362px; overflow:hidden; margin-left:50px; height:410px; background:#fff; border-bottom:8px solid #f90; } .tech .intro{ padding:20px 15px;} .tech ul li{} /*底部*/ #footer{ height:325px; background:url(../Image/footer.jpg) repeat-x center top; width:100%; overflow:hidden; } #footer .content{ position:relative;width:1002px; margin:0 auto; padding-top:43px; } #footer h2{ font-size:24px; color:#fff; margin-bottom:15px;} .fContact{ width:340px; float:left; overflow:hidden; } .fContact ul li{ line-height:45px; font-size:14px; color:#b9b9b9 ; padding-left:35px;} .fContact ul .li1{ background:url(../Image/c1.jpg) no-repeat left 11px; } .fContact ul .li2{ background:url(../Image/c2.jpg) no-repeat left 11px; } .fContact ul .li3{ background:url(../Image/c3.jpg) no-repeat left 11px; } .fContact ul .li4{ background:url(../Image/c4.jpg) no-repeat left 11px; } .fMessage form{ width:306px; height:165px; background:url(../Image/message.jpg) no-repeat center top; position:relative;} #messageF input, #messageF textarea{ border:0; background:none; color:#aeaeae; position:absolute; width:238px; height:38px; } #messageF #name{ left:67px; top:0; } #messageF #tel{ left:67px; top:40px; } #messageF #content{ left:67px; top:93px; } #messageF #captcha{ left:67px; top:131px; width:78px;} #messageF .yanzhengma{ left:150px; top:130px; position:absolute; height:34px;} #messageF #submit{ position:absolute; right:0; border:0; bottom:0; width:72px; height:34px; background:none;} .fLogo{ margin-left:75px;} #footer .copy{ padding-top:20px; line-height:2.0; color:#8f8e8e; font-size:14px; } #footer .copy a{ color:#8f8e8e; float:right;} #footer .copy a:hover{ color:#eee;} /*内页样式*/ #listMain{ overflow:hidden; padding-top:40px; padding-top:25px; padding-bottom:35px; } #listMain .content{ width:1002px; margin:0 auto; overflow:hidden; } #listMain .left{ float:left; overflow:hidden; width:250px;} /*此网站首页复用*/ .typeList{ width:250px; overflow:hidden; background-color:#f4f4f4; } .typeList .title{ padding-top:40px; padding-left:65px; height:75px; width:185px; background:url(../Image/pT.jpg) no-repeat center top;} .typeList .title h2{ color:#fff; font-size:30px; font-family:Arial, Helvetica, sans-serif;} .typeList .title span{ font-size:14px; display:block; padding-left:24px; font-family:Arial, Helvetica, sans-serif; color:#fff;} .typeList ul { } .typeList ul li{ border-bottom:1px dashed #d1d1d1; } .typeList ul li a{ display:block; line-height:55px; color:#4c4a55; font-size:14px; padding-left:65px; } .typeList ul li a:hover{ color:#007fea;} .lContact{ width:100%; padding-top:15px; padding-bottom:15px; text-indent:4em; font-size:15px; color:#fff; background:url(../Image/phone.jpg) no-repeat 20px 15px #007fea;} .lContact span{ display:block; font-size:24px; color:#fff; text-indent:1em;} #listMain .right{ float:left; margin-left:30px; width:722px; } #listMain .mainContent{/* border:1px solid #f00;*/} #listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;} #listMain .right .title{ position:relative; padding-bottom:10px; border-bottom:1px solid #d1d1d1; } #listMain .right .title h4{ font-size:20px ; color:#4c4a55; display:inline-block; padding-left:25px; background:url(../Image/yPos.png) no-repeat left 7px; } #listMain .right .title .yPosition{ position:absolute; right:0px; bottom:9px; color:#fff; padding:4px 8px; background-color:#1289cc;} #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:#d60415;} .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:#d60415;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#d60415;} .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:13px; 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:159px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; } .productMain ul li a img:hover{ border:1px solid #d60415;} .productMain ul li a:hover{ color:#d60415;} /*招聘*/ .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:#d60415; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#d60415; position:relative; top:-150px;} .zhaopin ul li a{ color:#d60415; float:right;} .zhaopin a{ color:#ffffff;} .yingpin table tr{ display:block; margin-bottom:15px;} .yingpin .zhiwei{ color:#d60415;} .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 textarea{ border:1px solid #aaa;} #message button{ outline:none;} #message .but{ width:120px; height:35px; background-color:#d60415; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#d60415; font-size:14px; display:block; margin-top:30px; } .detailTitle{ width:100%; height:30px; background-color:#d1d1d1; margin:45px 0 30px;} .detailTitle h6{ background:#007FEA; font-size:14px; border-right: 1px solid #fff;color: #fff; 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:#555555;} .backToTop:hover{ cursor:pointer; background-color:#D70415;} .proIntro{ width:100%; } .proIntro img.rel_center{ width:350px; float:left;} .proIntro .details{ width:295px; float:left; margin-left:55px;} .proIntro .details ul{ padding-top:50px;} .proIntro .details ul li{ line-height:2.8; font-size:14px;} .proIntro .details ul li strong{ font-weight:bold; font-size:18px; color:#003BA6; } .proIntro .details ul li:last-child a{ display:block; line-height:40px; border-radius:5px ; background:#f90; color:#fff; text-align:center; width:200px;} .contactInfo{ padding-left:100px; padding-top:40px; } .contactInfo ul li{ line-height:2.5; font-size:15px;} #subBanner{ width:100%; height:280px; overflow:hidden; background:url(../Image/sBanner.jpg) no-repeat center top;} #online_qq{position:fixed;left: 0;top: 150px;z-index: 1000;width: 225px;} #online_qq h1{width: 50px;height: 45px;background-image:url("../Image/online_arrow.jpg");background-position-y:center;background-position-x:-50px;text-indent: -999em;position: absolute;left:175px;top: 0;cursor: pointer;} #online_qq .online_content{position: absolute;left: 0;width: 175px;background:#fff url("../Images/online_botbg.jpg") no-repeat center bottom;padding-bottom: 30px;} #online_qq .online_content h2{width: 100%;height: 45px;line-height: 45px;background: #037feb;color: #fff;font-size: 18px;text-indent: 22px;position: relative; } #online_qq .on_content{padding: 0 12px;} #online_qq .on_content ul li a{display: block;line-height: 55px;font-size: 15px;border-bottom: 1px solid #e3e3e3;text-align: right;background:url("../Image/i_qq.png") no-repeat left center;} #online_qq .on_content ul li a:hover{color:#037feb} #online_qq .on_content h3{font-size: 18px;color: #333;padding: 12px 0 0 0;font-weight: 500;border-bottom: 1px solid #e3e3e3;} #online_qq .on_content h3 span{display: block;font-size: 20px;color: #037feb;margin: 5px 0;} #online_qq .on_content p{text-align: center;margin-top: 12px} #online_qq .on_content p img{display: block;width: 150px;height: 150px;}