/* CSS Document */ body{ font-family:"微软雅黑"; color:#535353; font-size:12px; } #header{ position:relative; background:url(../Image/header.jpg) center 1px repeat-x; } .logoLine{ width:1002px; margin:0 auto; padding-top:18px ; height:97px; overflow:hidden; position:relative;} .language{ position:absolute; right:10px; top:18px;} .language a{ display:inline-block; padding-left:26px;} .cn{ background:url(../Image/cn.jpg) no-repeat left top; } .en{ background:url(../Image/en.jpg) no-repeat left top; margin-left:50px;} .phone{ position:absolute; right:0; top:50px; font-size:14px; color:#b5b5b5; background:url(../Image/phone.jpg) no-repeat left bottom; padding-left:35px; } .phone span{ font-size:30px; color:#7ac502; f} #nav{ width:100%; overflow:hidden; position:relative; z-index:99999;background:url(../Image/header.png) center -102px repeat-x; } #nav ul{width:1002px; margin:0 auto; overflow:hidden } #nav ul li{ float:left;} #nav ul li a{ display:block; width:125px ; text-align:center; color:#fff; font-size:14px; padding-top:15px; padding-bottom:16px; } #nav ul li a:hover, #nav ul li a.current{ color:#fff ; background:url(../Image/aHover.jpg) no-repeat center top; } #slideShow1{ height:486px; width:100%; background:url(../Image/banner.jpg) no-repeat center top; } /*首页主题内容*/ #indexMain{ } #indexMain .content{ width:1002px; overflow:hidden; margin:30px auto 0;} #indexMain .title{ margin-bottom:15px;} #indexMain .title h2{ font-size:20px; font-weight:bold;} .companyLine{} .indexCompany{ width:660px; overflow:hidden;} .indexCompany .con{ position:relative;} .indexCompany .con img{ width:260px; height:165px; } .indexCompany .con .details{ width:380px; position:absolute; left:280px; top:0;} .indexCompany .con .details h3{ font-size:16px; margin-bottom:15px;} .indexCompany .con .details p{ line-height:2.0; color:#666;} .indexCompany .con .details .more{ color:#b5b5b5; padding-left:25px; background:url(../Image/more.jpg) no-repeat left top; display:block; margin-top:20px; line-height:20px;} .indexCompany .con .details .more:hover{ color:#7ac502;} .indexVideo{ width:300px; overflow:hidden; margin-left:42px; } /*indexProduct*/ .products{ padding:25px; background-color:#f7f7f7; margin-top:35px; } .products ul li{ margin-right:20px; position:relative; padding:3px; overflow:hidden; } .products ul li:hover{ background-color:#7ac502;} .products ul li a{ display:block; max-height:180px; overflow:hidden;} .products ul li .title1{ display:block; text-align:left; padding:10px 0; width:100%; position:absolute; left:2px; bottom:2px; text-indent:2em; background:url(../Image/proTitle.jpg) no-repeat 12px 15px #7ac502; font-size:14px; color:#fff; display:none;} .products ul li .title1:hover,.products ul li:hover .title1{ color:#fff;} .products ul li img{ width:230px; height:188px; overflow:hidden; overflow:hidden; } .products ul li img:hover, .indexProduct ul li:hover img{ } #marqueeDiv1, #marqueeDiv2{ width:1002px; overflow:hidden; height:184px;} #marqueeDiv2{} #marqueeDiv1 ul li, #marqueeDiv2 ul li, #marqueeDiv3 ul li, #marqueeDiv4 ul li{ float:left;} .indexTypes{ margin-bottom:25px;} .products .indexTypes ul li{ float:left; line-height:30px; padding:0 3px;} .products .indexTypes ul li:hover{ background:none;} .indexTypes ul li.first{ font-weight:bold; font-size:20px; font-weight:bold;} .indexTypes ul li a{ font-size:16px; display:block; padding:4px 20px; } .indexTypes ul li a:hover{ background-color:#7ac502; color:#fff; border-radius:8px;} .newsLine{} .indexNews{ width:585px; overflow:hidden;} .indexNews ul li{ margin-bottom:15px; padding:15px; width:555px; overflow:hidden;} .indexNews ul li .num{ color:#a1a1a1; font-size:45px; display:block; padding-bottom:8px; border-bottom:2px solid #eee; font-family:Verdana, Geneva, sans-serif; float:left;} .indexNews ul li .details{ float:left; width:480px; margin-left:15px;} .indexNews ul li .details h3{ font-size:16px; display:inline-block; width:340px;} .indexNews ul li .details p{ line-height:2.0 ; color:#797876;} .indexNews ul li:hover{ background-color:#7ac502;} .indexNews ul li:hover span, .indexNews ul li:hover h3, .indexNews ul li:hover p{ color:#fff;} .indexContact{ width:370px; overflow:hidden; margin-left:47px; overflow:hidden;} .indexContact ul{ padding-left:165px; background:url(../Image/contact.jpg) no-repeat left top;} .indexContact ul li{ line-height:2.0;} /*底部*/ #footer{ margin-top:50px; height:120px; color:#fff; background:url(../Image/footer.jpg) repeat-x left top;} #footer .content{ position:relative; width:1002px; margin:0 auto; font-size:12px; padding-top:30px; } #footer .copy{} #footer .copy p{ line-height:2.2; text-align:center;} #footer .copy p span{ position:relative; top:2px; display:inline-block; padding:0 5px;} #footer .copy p a{ color:#fff;} /*内页样式*/ #listMain{ padding-top:35px;} #listMain .content{ width:1002px; margin:0 auto; overflow:hidden; } #listMain .left{ float:left; overflow:hidden; width:230px; overflow:hidden;} /*此网站首页复用*/ .typeList{ width:230px; overflow:hidden; } .typeList .title{ padding:28px; width:100%; background-color:#7ac502; color:#fff; font-size:20px; font-weight:bold;} .typeList ul { } .typeList ul li{} .typeList ul li a{ display:block; font-size:16px; width:100%; padding:11px 0; background:url(../Image/typeLi.jpg) no-repeat left top; text-indent:3em; } .typeList ul li a:hover{color:#fff; background:url(../Image/typeLiHover.jpg) no-repeat left top;} .leftContact{ padding:20px; width:186px; border:2px solid #f0efef;} .leftContact .title{ font-size:20px; font-weight:bold;} .leftContact ul{ margin-top:15px;} .leftContact ul li{ line-height:2.0;} #listMain .right{ padding-bottom:45px; float:left; margin-left:62px; width:710px; } #listMain .mainContent{/* border:1px solid #f00;*/} #listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center; margin-top:30px;} #listMain .right .title{ position:relative; padding-bottom:10px; border-bottom:1px solid #d1d1d1; } #listMain .right .title h4{ font-size:20px ; display:inline-block; font-weight:bold; } #listMain .right .title .yPosition{ background-color:#79C501; overflow:hidden; position:absolute; right:13px; bottom:9px;color:#fff; padding:6px 15px; } #listMain .right .title .yPosition a{ position:relative; left:0; top:0; font-size:12px; color:#fff;} #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:#EEA90E;} .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:#EEA90E;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#EEA90E;} .proPage{ margin-top:40px; padding-right:40px; float:right; margin-bottom:30px;} .company { line-height:2.0;} /*产品列表页*/ .productMain{ padding-top:20px; } .productMain ul{ width:108%;} .productMain ul li{ float:left; margin-right:15px; 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:220px; height:170px; padding:2px; background-color:#fff; border:1px solid #d1d1d1; } .productMain ul li a img:hover, .productMain ul li:hover a img{ border:1px solid #EEA90E;} .productMain ul li a:hover, .productMain ul li:hover a{ color:#EEA90E;} /*产品列表页*/ /*招聘*/ .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:#EEA90E; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#fff; background-color:#EEA90E; position:relative; top:-150px;} .zhaopin ul li a{ color:#EEA90E; float:right;} .zhaopin a{ color:#ffffff;} .yingpin table tr{ display:block; margin-bottom:15px;} .yingpin .zhiwei{ color:#EEA90E;} .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:#ed1e24; display:block; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#EEA90E; 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:#EEA90E;} .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:#6b3f26; 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:#535353;} .backToTop:hover{ cursor:pointer; background-color:#D70415;} .pImg{ text-align:center; width:100%; margin-top:15px;} .pImg img{ padding:3px;}