/* CSS Document */ body{ font-family:"宋体"; color:#333; background-color:#fff; } #header{ position:relative; background:url(../Image/header.jpg) center top repeat-x; } .logoLine{ height:95px; width:100%; background-color:#efefef; position:relative; z-index:99999;} .logoLine .content{ width:1002px; margin:0 auto; position:relative;} .logoLine .content .language{ position:absolute; top:15px; right:0;} .logoLine .content .phone{ position:absolute; top:50px; font-size:28px ; font-family:"微软雅黑"; color:#89B91C; right:0; font-weight:bold;} #nav{ background:url(../Image/nav.jpg) repeat-x; height:78px; position:relative; z-index:999; } #nav .content{ width:1002px; margin:0 auto; position:relative;} #nav ul { height:37px; padding-top:16px; } #nav ul li{ float:left; margin-right:15px; } #nav ul li a{ display:block; width:108px ; text-align:center; padding-top:12px; padding-bottom:12px; color:#fff; font-size:14px; font-family:"微软雅黑"; transition:all 0.6s ease-in-out; border:1px solid #8FC320; } #nav ul li a:hover, #nav ul li a.current{ color:#fff ; border:1px solid #fff;} #bannerShow{ position:absolute; top:40px; left:0; height:586px; width:100%; overflow:hidden;} /*#slideShow{ height:586px; width:100%; overflow:hidden; background:url(../Image/banner.jpg) no-repeat center top;position:absolute; top:0; left:0; }*/ /*首页主题内容*/ #indexMain{ color:#333; margin-top:480px; background:url(../Image/mianBg.jpg) repeat-x left bottom; } #indexMain .content{ width:1002px; overflow:hidden; margin:0 auto;} #indexMain .title, .leftContact .title , .typeList .title{ position:relative; width:100%; margin-bottom:20px; padding-bottom:10px ; border-bottom:1px solid #d1d1d1;} #indexMain .indexProduct .title{ border:0; margin-bottom:0;} #indexMain .title h1, .leftContact .title h1, .typeList .title h1{ color:#3c3c3c; font-size:20px;font-family:"微软雅黑"; font-weight:bold; display:inline-block; padding-right:5px;} #indexMain .indexProduct .title h1{ color:#fff;} #indexMain .title a, .leftContact .title a{ color:#b3b3b3;font-family:"宋体"; font-size:12px; position:absolute; right:0; top:10px; } #indexMain .indexProduct .title a{ color:#fff;} #indexMain .indexProduct .title a:hover{ color:#fff;} #indexMain .title a:hover{ color:#8FC320;} /*首页分类*/ .indexTypes{} .indexTypes ul li{ float:left; margin-right:12px; } .indexTypes ul li a{ display:block; position:relative;} .indexTypes ul li:nth-child(3){ margin-right:0;} .indexTypes .t{ position:absolute; top:0; left:0; display:none; width:326px; height:252px; background:url(../Image/t2Hover.jpg) no-repeat; text-align:center;} .indexTypes .t h1{ font-size:25px; font-family:"微软雅黑"; font-weight:bold; padding-top:115px; color:#fff;} .newsLine{ height:335px; overflow:hidden; margin:40px 0;} .indexContact, .leftContacts{ width:225px; overflow:hidden;} .indexContact{ margin-left:28px;} .indexContact ul li, .leftContacts ul li{ line-height:2.5;} .indexContact ul li:first-child, .leftContacts ul li:first-child{ color:#333; font-size:14px;} .indexAbout{ width:493px; margin-left:30px;} .indexAbout .con{ line-height:2.0; } .indexAbout .con img{ float:left; padding-right:15px; padding-bottom:15px; } .indexAbout .con img:hover{ opacity:0.9;} .indexAbout .detail{ width:235px; float:left; margin-left:15px;} .indexNews{ width:225px;} .indexNews ul li{ line-height:2.3; border-bottom:1px dashed #d1d1d1; padding-left:15px; background:url(../Image/newsLi.jpg) no-repeat left 7px;} .indexNews ul li a{ color:#545454; font-family:"宋体"; font-size:12px;} .indexNews ul li a:hover{ color:#8FC320;} /*产品滚动*/ .indexProduct{ width:1002px; margin:0 auto 40px; } .indexProduct ul li{ margin-right:20px; border-bottom:5px solid #fff; background-color:#fff;} .indexProduct ul li a{ display:block;} .indexProduct ul li .title1{ display:block; text-align:center; padding:10px 0; width:100%; position:relative; background-color:#000000; color:#fff; margin-top:-3px; } .indexProduct ul li .title1:hover{ color:#fff;} .indexProduct ul li img{ width:240px; height:188px;} #marqueeDiv1, #marqueeDiv2{ width:1002px; overflow:hidden; height:223px;} #marqueeDiv1 ul li, #marqueeDiv2 ul li{ float:left;} /*底部*/ #footer{ height:152px; color:#fff; background:url(../Image/footer.jpg) repeat-x;} #footer .content{ position:relative;width:1002px; margin:0 auto; font-size:12px; padding-top:1px; } #footer .ma{ position:absolute; right:0; top:30px;} #footer .copy{ margin-top:20px;} #footer .copy p{ line-height:2.0; text-align:left;} #footer .copy p span{ position:relative; top:5px; display:inline-block; padding:0 5px;} #footer .copy p a{ color:#fff;} #footer .qq{ position:absolute; top:35px; right:0;} /*内页样式*/ #listMain{ color:#333; overflow:hidden; margin-top:480px; padding-bottom:50px; } #listMain .content{ width:1002px; margin:0 auto; overflow:hidden; } #listMain .left{ float:left; overflow:hidden; width:230px;} #listMain .left .title{ text-align:left; color:#333; padding-bottom:10px; } #listMain .left .title h4{ font-size:18px; font-family:"宋体"; color:#333; } /*此网站首页复用*/ .typeList{ width:230px; overflow:hidden; padding-top:30px; padding-bottom:62px; background:url(../Image/typesBg.jpg) no-repeat left bottom #f2efef; border-top:5px solid #8FC320; } .typeList ul { padding:0 19px; } .typeList ul li{ margin-bottom:8px;} .typeList ul li a{ display:block; padding-top:12px; width:192px; text-align:center; color:#8FC320; padding-bottom:12px; transition:all 0.4s ease-in-out; font-size:15px; font-family:"微软雅黑";background:url(../Image/typeLi.jpg) no-repeat; } .typeList ul li a:hover{ text-indent:1em; background-color:#5e9339; color:#fff; background:url(../Image/typeLiHover.jpg) no-repeat; } #listMain .right{ padding-bottom:45px; float:left; margin-left:40px; width:730px; } #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 ; font-family:"微软雅黑"; color:#333; display:inline-block; } #listMain .right .title .yPosition{ position:absolute; right:13px; bottom:9px; color:#333;} #listMain .right .title .yPosition a{ color:#333; position:relative; left:0; top:0; font-size:12px;} #listMain .right .title .yPosition a:hover{ color:#8FC320;} .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:#8FC320;} .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:#8FC320;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#8FC320;} .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:15px; text-align:center; padding-bottom:10px; border-bottom:15px solid #ffffff; } .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 #8FC320;} .productMain ul li a:hover{ color:#8FC320;} /*产品列表页*/ /*招聘*/ .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:#8FC320; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#8FC320; position:relative; top:-150px;} .zhaopin ul li a{ color:#8FC320; float:right;} .zhaopin a{ color:#ffffff;} .yingpin table tr{ display:block; margin-bottom:15px;} .yingpin .zhiwei{ color:#8FC320;} .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:#666 ; 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:#8FC320; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#8FC320; font-size:14px; display:block; margin-top:30px; } /*新闻推荐位*/ .tuijian{/* border:1px solid #f00;*/ position:relative;margin-top:15px ; } .tuijian h6 a{ font-size:14px; font-weight:bold; line-height:1.5; } .tuijian a{ line-height:1.5; display:inline-block; margin-top:6px;} .tuijian a:hover{ color:#8FC320;} .tuijian img{ position:absolute; width:140px; top:0; left:0; } .tuijian .right{ margin-left:150px; } .request{ line-height:2.0;} .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:#333; font-size:13px;} .qqOnline .phone{ font-size:12px ; color:#629759; padding-left:0px; } .pImg{ text-align:center; margin-top:15px;} .pImg img{ padding:3px; border:1px solid #d1d1d1; max-width:570px;}