/* CSS Document */ body{ font-family:"微软雅黑"; color:#000; background-color:#31b4f8;} #header{ position:relative; background:url(../Image/headerBg.jpg) repeat-x; } #nav{ height:108px; background:url(../Image/headerBg.jpg) #ffffff no-repeat center 4px; } #nav .content{ width:1002px; margin:0 auto; position:relative; } #nav .logo{ position:absolute; top:0; left:0;} #nav .content ul{ margin-left:362px; /*border:1px solid #f00;*/ overflow:hidden; padding-top:72px;} #nav .content ul li{ float:left; text-align:center; } #nav .content ul li a{ display:block; width:78px; font-weight:bold; text-align:center; text-decoration:none; font-family:"微软雅黑"; color:#fff; font-size:14px; } #nav .content ul li a:hover, #nav .content ul li a.current{ color:#03eaff;} /*首页主题内容*/ #indexMain{ color:#000; } #indexMain .content{ width:962px; padding:20px; margin:0 auto; background-color:#ffffff; overflow:hidden;} .lineOneRight{ width:690px; margin-left:25px; float:left;} .lineOneLeft{ width:220px; overflow:hidden;} .lineOneTwo{ height:342px; } /*title 样式通用*/ #indexMain .title{ width:100%; overflow:hidden; position:relative; } #indexMain .title h3, .typeList h4, .contactInfo h4, .typeList h4{ font-weight:bold; font-size:18px; padding-bottom:10px; font-family:"微软雅黑"; color:#3e3c4a;} #indexMain .title a{ position:absolute; right:18px; bottom:10px; width:17px; height:17px; background:url(../Image/titleMore.jpg) no-repeat;} #indexMain .indexProduct .title{ position:absolute; top:0 ; left:0; background-color:#f0eef3; border-top:#0086DC 5px solid ; padding-left:15px; padding-top:10px; } #indexMain .typeList, #indexMain .contactInfo ul{ padding-left:0;} #indexMain .indexProduct .title span{ position:absolute; right:15px; bottom:7px;} .indexNews{ width:325px; overflow:hidden;} .indexNews ul { } .indexNews ul li{ position:relative; padding-bottom:18px; padding-top:18px; border-bottom:1px solid #d1d1d1;} .indexNews ul li img { position:absolute; top:18px; left:0; width:88px ; height:83px; border:1px solid #d1d1d1;} .indexNews ul li .right{ margin-left:110px; } .indexNews ul li .right h5{ color:#0086dc; font-size:14px;} .indexNews ul li .right p{ line-height:1.5; color:#999;} .indexNews ul li .right .readMore{ font-size:12px ; color:#3970a9; } .bigMore{ width:123px ; height:33px ; margin-top:12px; background:url(../Image/moreBig.jpg) no-repeat; display:block;} /*关于我们*/ .indexAbout { width:310px; margin-left:25px; height:100%; overflow:hidden; color:#5c5c5c;} .introInfo{ margin-top:7px; position:relative;} .introInfo p{ line-height:1.8;} .introInfo h1{ font-size:20px; color:#0086dc; font-weight:bold; margin:15px auto;} .indexContact{ color:#5c5c5c; width:220px; margin-left:25px; height:100%;} .indexContact h4{ font-size:15px; font-family:"微软雅黑";} .indexContact ul{ padding-left:15px; padding-top:5px; } .indexContact ul li{ width:193px; list-style:disc; padding-top:5px; padding-bottom:5px;} .indexContact ul li.last{ width:340px;} . /*跑马灯*/ #marqueeDiv1{ margin:0 auto; height:180px; /*无缝的，只需要修改高度 具体滚动参数在首页的js中修改*/overflow:hidden;} #marqueeDiv2{ height:180px; margin:0 auto;/*无缝的，只需要修改高度 具体滚动参数在首页的js中修改*/overflow:hidden;} #marqueeDiv1 ul li, #marqueeDiv2 ul li{ float:left;} /*联系我们*/ #indexMain .contact{ height:28px; background:url(../Image/contactUs.jpg) no-repeat; padding-top:55px; } #indexMain .contact ul{ margin:0 ; padding:0;} #indexMain .contact ul li{ float:left; margin-right:10px; color:#000;} /*底部*/ #footer{ height:175px; background:url(../Image/footer.jpg) repeat-x; } #footer .content{width:1002px; margin:0 auto; font-size:13px; color:#fff; position:relative; } #footer .content ul{ margin-bottom:20px; width:630px; margin:0 auto;} #footer .content ul li{ float:left; display:inline-block; padding-right:20px; color:#fff; font-size:13px;} #footer .right{ padding-top:30px;} #footer .ma1{ position:absolute; right:0; top:20px; } #footer .content p{ text-align:center; line-height:2.0;} #footer .content a{ color:#fff; display:inline-block; padding-left:3px; padding-right:3px;} #footer .content a:hover{ font-weight:bold;} .qqOnline{ width:101px; height:26px; background:url(../Image/qqOnline.jpg) no-repeat; } /*产品滚动*/ .indexProduct{ position:relative; margin-top:45px; width:685px; padding-left:10px; padding-right:10px; background-color:#e9e7ee; overflow:hidden; } #fczs_main{height: auto; margin-top:50px; } .left1{ float:left;} #fczs_gd{height: auto; width:690px; padding-left:8px; padding-right:7px; float:left;overflow:hidden;} #fczs_gd ul{width:1166px; height:355px; padding-top:10px; padding-left:20px; padding-right:20px; overflow:hidden; } #fczs_gd ul li{ padding-left:5px; padding-right:5px; padding-top:5px; float:left; margin-right:5px; text-align:center; padding-bottom:5px;} #fczs_gd ul li a{ display:block; color:#000;} #fczs_gd ul li a img{ width:212px; height:140px; padding:2px; border:1px solid #d1d1d1; } #fczs_gd ul li a:hover{ color:#f60;} /*内页样式*/ #listMain{ color:#000; overflow:hidden; } #listMain .content{ width:1002px; margin:0 auto; padding:25px 0px; background-color:#fff; overflow:hidden; } #listMain .left{ color:#000; width:217px; overflow:hidden; float:left; } #listMain .contactInfo .title{ padding-left:20px; text-align:left; color:#000; padding-bottom:10px; } #listMain .left .title h4{ font-size:18px; font-family:"微软雅黑"; color:#000; } /*此网站首页复用*/ .typeList{ width:220px; overflow:hidden; padding-left:20px; padding-top:5px; color:#82a60e; } .typeList ul{ } .typeList .title{ padding-bottom:0; border:0;} .typeList .typeContent{ } .typeList .typeContent ul li{ background:url(../Image/li.jpg) no-repeat; padding-left:30px; padding-top:9px ; padding-bottom:9px; overflow:hidden; border-bottom:1px solid #9f9f9f; width:170px; } .typeList .typeContent ul li:hover{ background:url(../Image/liHover.jpg) no-repeat;} .typeList .typeContent ul li a{ overflow:hidden; color:#403d4f ; font-size:13px; font-family:"宋体"; padding-top:11px; padding-bottom:11px; font-family:"微软雅黑";} .typeList .typeContent ul li a h5{ display:inline-block;} .typeList .typeContent ul li a:hover{ color:#fff;} .typeList .typeContent ul ul li{ padding-left:40px;} .typeList p{ padding-top:15px; line-height:1.6; width:175px; font-size:15px; color:#000;} .contactInfo ul { padding-left:20px; padding-bottom:30px;} .contactInfo h5{ font-size:15px; padding-left:20px; font-family:"微软雅黑";} .contactInfo ul li{ line-height:2.5;} #listMain .right{ padding-bottom:45px; position:relative; float:left; margin-left:25px; padding-left:10px; padding-right:10px; width:700px; background-color:#e9e7ee; } #listMain .mainContent{/* border:1px solid #f00;*/ margin-top:70px;} #listMain .mainContent h5{ width:100%; font-size:16px; font-weight:bold; text-align:center;} #listMain .right .title{ position:absolute; top:0; left:0; background-color:#f0eef3; border-top:#0086DC 5px solid ; padding-left:15px; padding-top:10px; width:706px; } #listMain .right .title h4{ font-size:18px; font-family:"微软雅黑"; color:#000; display:inline-block; } #listMain .right .title .yPosition{ position:relative; left:540px ; bottom:17px; color:#000;} #listMain .right .title .yPosition a{ color:#000; position:relative; left:0; top:0; font-size:12px;} #listMain .right .title .yPosition a:hover{ color:#0086dc;} .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:#0086dc;} .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:#0086dc;} .newsInfo .back{ text-align:center; margin-top:20px; } .newsInfo .back a{ color:#363636;} .newsInfo .back a:hover{ color:#0086dc;} .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 #E9E7EE; } .productMain ul li a{ display:block; color:#363636;} .productMain ul li a img{ width:198px; height:160px; padding:2px; border:1px solid #d1d1d1; } .productMain ul li a img:hover{ border:1px solid #0086dc;} .productMain ul li a:hover{ color:#0086dc;} /*招聘*/ .zhaopin, #listMain .yingpin{ font-size:14px; } .zhaopin .job { border-bottom:1px dotted #dedede; 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:#F7960B; } .zhaopin .job .chaKan{ float:right; display:block; padding:4px 15px; color:#000; background-color:#F7960B; position:relative; top:-150px;} .zhaopin ul li a{ color:#0086dc; float:right;} .zhaopin a{ color:#000fff;} .yingpin table tr{ display:block; margin-bottom:15px;} .yingpin .zhiwei{ color:#0086dc;} .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:#0086dc; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; } /*工作详情*/ #workDetail{ line-height:2.0;} #workDetail #apply{ color:#0086dc; font-size:14px; display:block; margin-top:30px; } .tsLi{ font-size:12px; color:#0086dc; font-weight:bold;}