/*************************************************************************************************************** * 首页css样式属性 * ***************************************************************************************************************/ #topdar{ background:url(../images/rind_img_02.png) no-repeat; background-repeat:repeat-x; height:30px; line-height:30px;} #topdar a{ padding:0px 10px; color:#000000;} #header{ height:175px; background:#FFFFFF} #header .top:after, .style:after{ display: block; clear: both; visibility: hidden; height: 0; content: '.'; } #header .top{ height:95px; margin-bottom:10px;} #header .logo{ float:left; height:95px;} #header .QQ{ float:right; height:95px;} #header .QQ li{ float:left; width:30px; color:#FF0000; margin:10px; cursor:pointer} #header .Hotline{ float:left} /*****服务*******/ #Service{ background: url(../images/fu_img_06.png) no-repeat; height:836px; width:100%} #Service .titler_name{ padding-top:40px; text-align:center} #Service .Service_link{ margin-top:30px;} #Service .Service_link li{ float:left; width:310px; height:350px; text-align:center; margin:0px 45px;} .Knowledge{ text-align:center; padding:20px 0px;} .Knowledge .contents{ height:378px; border:1px solid #E3E3E3; width:1198px; background:#fff4f4; margin:30px 0px;} .Knowledge .contents a{ font-size:18px; color:#FF9900} .Knowledge .contents a:hover{ color:#26CC4B} .Knowledge .contents em{ background:url(../images/tu_img_03.png) no-repeat; padding:5px 15px; margin-right:10px;} .Knowledge .contents .Profile{ margin-left:40px;} .Knowledge .contents .Profile .With{ float:right; font-size: 14px} .Knowledge .contents li{ width:559px; height:106px; float:left; text-align:left; padding:10px 20px; line-height:26px; font-size:14px} .Knowledge .contents .Pale_blue{ background:#ecffe8} .Knowledge .contents .red_yuan{ background:url(../images/tu_img_07.png) no-repeat;padding:5px 15px; margin-right:10px;} #Service .Service_link .gw{background:url(../images/gw.png) no-repeat} #Service .Service_link .lw{background:url(../images/lw.png) no-repeat} #Service .Service_link .sb{background:url(../images/sb.png) no-repeat} #Service .Service_link .xz{background:url(../images/xz.png) no-repeat} #Service .Service_link .lt{background:url(../images/lt.png) no-repeat} #Service .Service_link .zx{background:url(../images/zx.png) no-repeat} #Service .Service_link .gw:hover{background:url(../images/gw-1.png) no-repeat} #Service .Service_link .lw:hover{background:url(../images/lw-1.png) no-repeat} #Service .Service_link .sb:hover{background:url(../images/sb-1.png) no-repeat} #Service .Service_link .xz:hover{background:url(../images/xz-1.png) no-repeat} #Service .Service_link .lt:hover{background:url(../images/lt-1.png) no-repeat} #Service .Service_link .zx:hover{background:url(../images/zx-1.png) no-repeat} #Service .Service_link .gw, #Service .Service_link .lw, #Service .Service_link .xz, #Service .Service_link .lt, #Service .Service_link .zx, #Service .Service_link .sb{ padding:155px 155px; display:block; text-align:center} /********************************************************/ .Wire{ float: left; width:580px; height:370px; background:#bcffc7; padding:10px;} .Activities{float: left; width:580px; height:370px; background:#fff3cd; padding:10px;} .Activities .title,.Wire .title{ font-size:24px; color:#0c9620; line-height:40px;} .Activities .title a,.Wire .title a{ float:right; font-size:14px; color:#666666} .Activities .content,.Wire .content{ background:#FFFFFF; padding:10px; line-height:30px; font-size:14px; color:#999999} .Activities .content li,.Wire .content li{ margin:10px 0px;} .Activities .content span,.Wire .content span{ color:#A5A5A5; float:right} .Activities .content a ,.Wire .content a{ font-size:18px; color:#0c9620} .Activities .content a:hover ,.Wire .content a:hover{ color:#FF6600} /**************************客户************************/ .Cooperation{ background:url(../images/xd_03.png) repeat-x; height:55px; background-position:bottom} .Customer{ margin:30px 0px; text-align:center} /* 本例子css */ .multipleColumn{ overflow:hidden; position:relative; width:1200px; } .multipleColumn .hd{ overflow:hidden; margin-top:20px; } .multipleColumn .hd .prev, .multipleColumn .hd .next{ display:block; font-size:36px; float:right; overflow:hidden; cursor:pointer; position:absolute; top:45%; } .multipleColumn .hd .next{ font-size:36px; font-family:"新宋体"; font-weight:normal } .multipleColumn .hd .prev{ margin-left:1180px;font-family:"新宋体"; font-weight:normal} .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .multipleColumn .hd ul li.on{ background-position:0 0; } .multipleColumn .bd{ overflow:hidden; width:1160px; margin-left:20px; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px; float:left; _display:inline; } .multipleColumn .bd ul li{ margin:4px 9px; float:left; _display:inline; overflow:hidden; text-align:center; } .multipleColumn .bd ul li .pic{ text-align:center; } .multipleColumn .bd ul li .pic img{ width:173px; height:88px; display:block; padding:0px; border:1px solid #ccc; } .multipleColumn .bd ul li .pic a:hover img{ border-color:#999; } .multipleColumn .bd ul li .title{ line-height:24px; } /**********************底部样式***************/ #footer{ background:url(../images/bottom_45.png) repeat-x; height:220px; text-align: center;} #footer #main{ padding-top:20px;} #footer .Telephone{ background:url(../images/bottom_img_10.png) no-repeat; background-position:center; width:430px; height:140px; float:left} #footer .copyright{ line-height:30px; color:#FFFFFF; float:right; padding-top:30px; padding-left:100px; text-align:left; background:url(../images/bottom_img_07.png) no-repeat; background-position:left; height:110px} #footer .footer_img{ background:url(../images/bottom_layer_07.png) no-repeat; height:220px; width:100%; background-position:center} #footer .link{ background:#787878; height:30px; line-height:30px; margin-bottom:20px;} #footer .link a{ color:#FFFFFF; padding:0px 20px;} /**************************************内页样式****************************************/ #page .content{ padding:20px; background:#FFFFFF; box-shadow: 0px 3px 3px #848484} .bt_img{ background:url(../images/juchi.png) no-repeat; height:33px; width:1200px; margin-bottom:40px;} #page .content .End{ margin-top:20px; font-size:14px; line-height:30px;} .phone { text-align:center; font-size:24px; font-weight:bold; margin:30px 0px;} .phone span{ font-size:24px; font-family:Impact; color:#FF0000;} /*********导航菜单栏**********/ .Menu_Bar{ background:#2bd07c; height:50px; border-bottom:3px solid #13c831; line-height:50px;} .Menu_Bar ul li{ float:left; width:150px; text-align:center} .Menu_Bar ul li:hover{ background:#13c831} .Menu_Bar ul .on{ background:#13c831} .Menu_Bar ul li a{ color:#FFFFFF; font-size:18px;} /*************列表样式属性**************/ #page .content .list li{ line-height:36px; color:#9B9B9B; padding: 5px 10px;} #page .content .list li span{ float:right} #page .content .list li a{ color:#3E3E3E;} #page .content .list li em{ color:#2bd07c ; padding-right:10px;} #page .content .list li a:hover{ font-size:14px; color:#FF6600 } #page .content .list .title_name{ font-size:18px; color:#009900} #page .content .list .title_name:hover{ font-size:18px; color:#FF6600} #page .content .list .mose{ color:#FF6600} #page .content .list .color_f{ background:#fffce8;} #page .content .list .color_f .title_name{ color:#FF6600} #page .content .list .red{ background:url(../images/bg_img_03.png) no-repeat;padding:3px 20px;} #page .content .list .greeon{background:url(../images/bg_img_06.png) no-repeat;padding:3px 20px;} /*********************************新闻详细************************************/ .Previous{ height:40px;} .Previous a{ background:#04ba22; padding:3px 20px; color:#FFFFFF; font-size:16px; float: right; letter-spacing:1px;} .title_style{ text-align:center; margin-bottom:30px;} .title_style span{ padding:0px 10px; font-size:12px} .title_style .name{ font-size:18px; color: #FF0000; line-height:40px; border-bottom:1px solid #E0E0E0} .link_name{ background:#ffc9c9; height:30px; line-height:30px; margin-top:30px;} .link_name a{ font-size:14px; color:#000000;} .link_name p{ float:left; width:45%; padding:0px 20px;} .link_name a:hover{ color:#FF6600} /*************************************************************/ .contact{ background: url(../images/contect.png) no-repeat #fffde2; background-position:right; padding:10px 20px; margin:20px 0px; display:block; height:270px;} .conts{ width:400px; margin:0 auto;} .conts li{ line-height:30px; font-size:16px;} .contact .name{ font-size:18px; color:#FF0000; padding:10px 0px; border-bottom:1px solid #DDDDDD; text-align:center; margin-bottom:10px;} .Free_Phone{ font-size:24px; height:40px;} .map{ text-align:center; line-height:24px; float:left; margin-top:20px;} .Free_Phone span{ font-family:Impact; color:#FF0000; font-size:30px;} /*********************************留言样式************************************/ .message{ line-height:40px; font-size:14px; padding:20px 0px;} .message li{ line-height:40px; margin:10px 0px; width:100%} .message li label{ float:left; width:80px; padding-left:30px;} .message li .select{ float:left; padding:2px; height:30px;border:1px solid #B3B3B3;} .message li .text{ width:200px; border:1px solid #B3B3B3; padding:2px; height:30px; float:left} .message li .text_title{ width:600px; border:1px solid #B3B3B3; padding:2px;height:30px;float:left } .message li .Add{ width:400px; border:1px solid #B3B3B3; padding:2px;height:30px; float:left} .message li .textarea{ width:600px; height:150px;border:1px solid #B3B3B3; padding:2px; float:left} .message .message_title{ background:#fff1c6; height:30px; line-height:30px; margin:10px 0px; float:left} .message .btn_Click{ text-align:center; margin:30px 0px;} .message li .submit{ background:#13c831; height:35px; width:85px; border:0; cursor:pointer; margin-right:20px; color:#FFFFFF} .message li .reset{ background:#ffa800; height:35px; width:85px; border:0; cursor:pointer; color:#FFFFFF} /**************************************简历注册样式*********************************************/ .Resume{ margin:30px 0px; font-family:"新宋体" } .Resume .Basic_info{ border-bottom:1px solid #C2C2C2} .Resume .Basic_info span{ position:relative; background:#FFFFFF; padding:2px 5px; font-size:14px; font-weight:bold; top:10px;} .Resume .Resume_style{ width:400px; float:left; margin-top:20px; margin-left:150px; } .Resume .Resume_style li{ line-height:40px;} .Resume .Resume_style label{ font-size:14px; line-height:40px; width:70px; float: left;} .Resume .Resume_style .text{ line-height:26px; border:1px solid #D7D7D7; height:26px; padding:2px 5px; } .Resume .CV_content{ background:#F2F2F2; padding:10px; margin-top:10px;} .Resume .CV_content ul{} .Resume .CV_content span{ background:#F2F2F2} .Resume .CV_content .text_content{ margin:20px 0px;} .Resume .CV_content .textarea{ width:100%; height:200px;} .Resume .btn_Click{ text-align:center; margin-top:30px;} .Resume .btn_Click .submit{ background:#13c831; height:35px; width:85px; border:0; cursor:pointer; margin-right:20px; color:#FFFFFF} .Resume .btn_Click .reset{ background:#ffa800; height:35px; width:85px; border:0; cursor:pointer; color:#FFFFFF} /***************************左侧样式*******************************/ #page .title_name{ height:40px; line-height:40px; color:#FFFFFF; font-size:18px; font-weight:bold; padding-left:10px;background:#2bd07c; border-bottom:3px solid #13c831;} #left_style{ width:220px; margin-right:25px; float:left;} #left_style .title_name{ text-align:center; padding:0;} .Category, .Recruitment_List{ background:#FFFFFF; box-shadow:0px 3px 3px #848484; } #left_style .img_bg{ background:url(../images/juchi_07.png) no-repeat; width:220px; height:50px;} .Classify ul{ padding:10px 10px;} .Classify ul li{ float:left; margin:7px; border:1px solid #D1D1D1; text-align:center; height:40px; padding:0px 10px; line-height:40px;} .Classify ul li:hover{ border:1px solid #FF0000;} .Classify ul li a{ font-size:16px; color:#000000;} .Classify ul li a:hover{ color:#FF0000} /***************************右侧样式*******************************/ #right_style{ width:955px; float:right; } #right_style .bon_img{ background:url(../images/juchi3.png) -2px 0px no-repeat; height:50px; } /********************人才招聘样式************************/ #Recruit{ padding:10px;} .AD_img{ margin-bottom:20px;} .Recruit{ border:1px solid #999999; line-height:30px; position:relative; margin-bottom:10px;} .Recruit .Recruit_title{ height:30px; background:#D7D7D7; padding:0px 10px; font-size:16px} .Recruit .Recruit_title .Post{ color:#FF3300; padding-right:30px; font-weight:bold} .Recruit .Recruit_title .time{ float:right} .Recruit .Recruit_Request{ padding:10px; font-size:14px } .Recruit .btn_link{width:200px; position:absolute; left:750px; bottom:10px} .Recruit .btn_link a:hover{ font-size:14px} .Recruit .btn_link .Fill{ color:#FFFFFF; background:#13c831; padding:5px 10px; margin:10px 10px;} .Recruit .btn_link .Details{ color:#FFFFFF; padding:5px 10px; background:#FF6600} .Recruit_title{ height:40px; line-height:40px; background:#E6E6E6; padding:0px 10px;} .Recruit_title .name{ font-size:16px; color:#FF0000;} .Recruit_title .Amount{ font-size:14px; float:right;} .Recruit_content{ padding:20px 0px; line-height:30px; font-family:"新宋体"; font-size:14px;} #Recruit .link{ text-align:right;} #Recruit .link a{ padding:5px 20px; font-size:14px; color:#FFFFFF; background:#13c831} /*********************************/ .AD_imgs{ margin:30px 0px; border:1px solid #DBDBDB} .MenuBar{ padding:10px;} .MenuBar li{ line-height:40px; border-bottom:1px solid #E0E0E0; text-align:center;} .MenuBar li a{ font-size:16px; color:#000000;} #Cooperate{ padding:20px;} #Cooperate ul{ margin-bottom:20px; } #Cooperate table{ margin-bottom:20px;} #Cooperate table .title{ background:url(../images/bg_title.png) repeat-x; height:28px; line-height:28px; padding-left:20px; padding-left: 15px; font-weight: bold; } #Cooperate table tr td{border:1px solid #E6E6E6; } #Cooperate table tr td img{ width:220px; height:80px; padding:10px 0px;} /*********************************/