/* * ----------------------- * 獐子岛冷藏 index.css * Author:Lee * By:http://advery.com.cn * ------------------------ */ .blank{width:100%;height:10px;float:left;} .dis-none{display:none;} .header{width:100%; height:61px; float:left; background:url(../images/header_bg.jpg) repeat-x top left;position:relative;} .header .logo{float:left;} .header .top_line{width:100%;height:13px;background:url(../images/top_line.png);position:absolute;top:60px;} .header .lang_change{width:120px; height:55px; margin-top:18px;float:right;background:url(../images/head_sel_bg.jpg) no-repeat left 3px;} .header .lang_change select{width:80px;float:right;padding-bottom:2px;border:1px solid #cdcfd0; background:url(../images/select_bg.jpg) repeat-x bottom; background-color:#fff; font-family:"微软雅黑";text-indent:2px;} .header .nav{height:60px;float:left;} .header .nav ul{height:60px;float:left;margin-left:30px;} .header .nav ul li{width: 60px;height:60px;float:left;line-height:60px;font-size:14px;font-family:"微软雅黑";font-weight:bold;margin:0 17px;} .header .nav ul li a{color:#010101;height:60px;float:left;} .header .nav ul li a:hover{color:#010101;background:url(../images/nav_act_bg.jpg) repeat-x bottom} .header .nav ul li a:link{color:#010101;} .header .nav ul li a:visited{color:#010101;} .index_main{width:100%;height:868px;float:left;position:relative;} .index_news{width:100%;float:left;position:absolute;top:605px;} .index_news .news_top{width:100%;height:55px;border-top:1px solid #fff;background:url(../images/tm_bg.png);} .index_news .content{width:100%;height:200px;background:#dedcdc;position:relative;} .index_news .content .left_list{width:400px;height:200px;float:left;overflow:hidden;margin-top: -44px;} .index_news .content .news_wz{position:absolute;top:-155px;left:0px;} .index_news .content .left_list img{float:left;} .index_news .content .left_list .list{float:left;width:160px;height:154px;padding:23px 20px;} .index_news .content .left_list .list h3{font-family:"微软雅黑";font-size:18px;font-weight:normal;width:100%;} .index_news .content .left_list .list span.enname{ line-height: 30px;font-family:"Tw Cen MT","微软雅黑";font-size:16px;padding-top:5px;float:left;width:100%;} .index_news .content .left_list .list ul{width:160px;float:left;} .index_news .content .left_list .duty ul li{width:160px;float:left;border-top:1px dotted #fff;margin-top:10px;padding-top:5px;} .index_news .content .left_list .list ul li{line-height:1.25em;} .index_news .content .left_list .list ul li span.date{width:160px;float:left;text-indent:1em;} .index_news .content .left_list .duty{background:#0799cb} .index_news .content .left_list .duty a,.index_news .content .left_list .duty span{color:#fff;} .index_news .content .left_list .news{background:#0799cb} .index_news .content .left_list .news a,.index_news .content .left_list .news span{color:#fff;} .index_news .content .left_list .news ul li{width:160px;float:left;border-top:1px dotted #fff;margin-top:10px;padding-top:5px;} .oth_link{float:left;height:99px;margin-left:300px;} .oth_link a{float:left;font-family:"微软雅黑";font-size:18px;line-height:1.5em;font-weight:bold;padding-top:15px;width:100px;text-align:center;color:#000;} .oth_link a span{font-family:"Tw Cen MT","微软雅黑";color:#0799cb;font-weight:normal;} /*关于我们*/ .index_news .content .about{width:350px;height:160px;float:left;padding:0 30px; margin-top: -15px;} .index_news .content .about h3{width:350px;float:left;font-family:"微软雅黑";font-size:12px;font-weight:normal;} .index_news .content .about h3 a{color:#000} .index_news .content .about a.title{line-height: 20px;float:left;font-family:"微软雅黑";font-size:20px;font-weight:bold;color:#0799cb;margin-top:5px;} .index_news .content .about a.more{float:left;font-family:"微软雅黑";font-weight:bold;color:#0799cb;margin-top:10px;margin-left:10px;} .index_news .content .about .summary{width:350px;float:left;font-size:12px;color:#666666;padding-top:10px;line-height:1.7em;} .index_news .content .about span{font-family:"Tw Cen MT","微软雅黑";padding-right:10px;font-size:20px;color:#0799cb} .index_news .content .video{width:300px;height:190px;float:left;} /*banner*/ .m_banner{ background:#fff;height:868px;width:100%;position:relative;float:left;} .m_banner .banner{height:868px;width:100%; position:absolute;top:0;left:0; background-position:center top;} .banner_ctrl{width:80px;height:64px;float:right;margin-top:15px;} .banner_ctrl a{width:25px;height:25px;float:left;margin-left:10px;} .banner_ctrl a.prev{background:url(../images/prve.jpg) no-repeat left top;} .banner_ctrl a.next{background:url(../images/next.jpg) no-repeat left top;} .footer{width:100%;float:left;height:120px;background:#292929} .footer .logo{float:left;margin-top:20px;} .footer .right {float:right;margin-top:13px;width:700px;} .footer .right p{width:100%;float:right;color:#999999;padding:3px 0px;text-align:right;line-height: 18px;} .footer .right p a{color:#999999} .footer .right p span.copy{font-family:"Arial";} .footer .right p a:hover{color:#999999;} .footer .right p a:link{color:#999999;} .footer .right p a:visited{color:#999999;} /*内页样式*/ .container{width:100%;min-height:560px;float:left;background-repeat:no-repeat;background-position:top center;} .left_menu{width:240px;min-height:400px;background:url(../images/left_menu_bg.jpg) no-repeat top left #00416e;float:left;margin-top:77px;position:relative;} .left_menu .topcat{width:250px;height:145px;position:absolute;top:0px;left:16px;} .left_menu .topcat h2{width:210px;text-align:right;float:left;padding-right:40px;font-family:"微软雅黑";font-size:24px;font-weight:bold;color:#fff;line-height:1.5em;margin-top:30px;} .left_menu .topcat span{text-align:right;float:right;padding:10px 40px;border:2px solid #ffffff;color:#ffffff;font-family:"Arial";font-size:16px;margin-top:10px;} .left_menu ul.catlist{width:230px;float:left;margin-top:145px;padding-left:10px;padding-bottom:50px;padding-top:10px;} .left_menu ul.catlist li{width:230px;height:29px;line-height:29px;float:right;text-align:right;margin-bottom:18px;} .left_menu ul.catlist li a{display:block;font-size:14px;font-weight:bold;font-family:"微软雅黑";color:#ffffff;padding-right:30px;} .left_menu ul.catlist li a.active{color:#0e0e0e;background:#fff;} .left_menu ul.catlist li a:hover{color:#0e0e0e;background:#fff;} /*单页+详细+通用*/ .container .about_right{width:820px;min-height:600px;float:right;margin-top:233px;} .container .about_right .top_title{width:820px;height:70px;float:left;background:url(../images/title_border.jpg) no-repeat bottom left;} .container .about_right .top_title .tit{width:310px;float:left;height:70px;} .container .about_right .top_title .tit h3{width:100%;float:left;font-size:24px;font-family:"微软雅黑";color:#00416e;line-height:1.6em;} .container .about_right .top_title .tit span{line-height: 20px;width:100%;float:left;font-size:14px;font-family:"Arial";font-weight:Bold;color:#6e6e6e;} .container .about_right .top_title .crumb{float:right;height:70px;line-height:70px;text-align:right;color:#063459;} .container .about_right .top_title .crumb a{color:#063459;} .container .about_right .top_title .crumb span{color:#063459;} .container .about_right .content{width:820px;min-height:350px;float:left;line-height:1.6em;padding-bottom:20px;} .container .about_right .page_title{width:820px;height:75px;float:left;border-bottom:2px solid #cdd6de;position:relative;margin-bottom:10px;} .container .about_right .page_title h4{font-family:"微软雅黑";font-size:16px;font-weight:bold;color:#0799cb;line-height:1.6em;padding-top:17px;padding-bottom:2px;} .container .about_right .page_title span{color:#999999} /*新闻列表*/ .container .about_right .news_list{width:820px;min-height:350px;float:left;padding-bottom:20px;} .container .about_right .news_list .li{width:820px;float:left;margin-top:30px;padding-bottom:30px;border-bottom:2px solid #cdd6de;} .container .about_right .news_list .li .thumb{width:200px;float:left;margin-right:25px;} .container .about_right .news_list .li .thumb img{width:200px;float:left;} .container .about_right .news_list .li .right{width:595px;float:left;} .container .about_right .news_list .li .join{width:820px;float:left;} .container .about_right .news_list .li a.title{width:100%;float:left;font-family:"微软雅黑";font-size:16px;font-weight:bold;color:#0799cb} .container .about_right .news_list .li span.date{width:100%;float:left;color:#999999;padding:3px 0;line-height: 40px;} .container .about_right .news_list .li p.summary{width:100%;float:left;color:#444444;text-indent:2em; line-height: 30px;} .container .about_right .news_list .li a.more{line-height: 12px;float:left;color:#0799cb;border:2px solid #0799cb;padding:5px 18px;margin-top:8px;margin-right:10px;} .container .about_right a.tit_join{color:#0799cb;border:2px solid #0799cb;padding:5px 18px;position:absolute;right:0px;bottom:20px;} .container .about_right a.join{float:left;color:#0799cb;border:2px solid #0799cb;padding:5px 18px;} /*企业资质 图片列表*/ .container .about_right .aptitude_list{width:820px;min-height:350px;float:left;padding-bottom:20px;overflow:hidden;} .container .about_right .aptitude_list .ul{width:855px;float:left;} .container .about_right .aptitude_list .ul .li{width:250px;float:left;margin-right:35px;text-align:center;margin-top:30px;} .container .about_right .aptitude_list .ul .li a.thumb{width:250px;float:left;text-align:center;} .container .about_right .aptitude_list .ul .li a.title{color:#0799cb;font-size:16px;font-weight:bold;font-family:"微软雅黑";line-height:50px;} .container .about_right .aptitude_list .ul .li span.title{color:#0799cb;font-size:16px;font-weight:bold;font-family:"微软雅黑";line-height:50px;} .container .about_right .aptitude_list .ul .li a.thumb img{width:250px;height:168px;float:left;text-align:center;} /*优秀员工*/ .mvp{width:100%;float:left;position:relative;margin-top:10px;padding:20px 0px;} .mvp .mvp_photo{float:left;width:520px;} .mvp .fuli_photo{float:left;width:578px;} .mvp .summary{position:absolute;top:33px;right:0px;width:240px;padding:30px 28px 30px 65px;border:3px solid #00416e;color:#999999;line-height:1.6em;} .mvp .fuli_img_list{position:absolute;top:33px;right:0px;width:210px;padding:10px 10px 10px 55px;border:3px solid #00416e;color:#999999;} .mvp .fuli_img_list img{float:left;margin-right:7px;margin-bottom:7px;width:95px;height:67px;cursor:pointer;border:1px solid #fff} .mvp .fuli_img_list img.active{border:1px solid #00416e} .mvp .fuli_img_list .title{float:left;width:200px;float:left;text-align:right;padding-bottom:10px;} .mvp .fuli_img_list .title h4{font-size:18px;font-family:"微软雅黑";color:#0799cb;line-height:1.7em;} .mvp .fuli_img_list .title span{font-size:12px;font-family:"Arial";color:#6e6e6e;font-weight:bold;} .mvp .summary p{padding-bottom:6px;} .mvp .summary span{font-size:16px;color:#0799cb;font-family:"微软雅黑";line-height:1.5em;font-weight:700;} .per_miaosu{width:100%;float:left;padding:20px 0px;} .per_miaosu p{color:#666666;line-height:1.7em;padding-top:13px} .per_miaosu h6{font-family:"微软雅黑";color:#00416e;font-size:18px;font-weight:bold;} .next_title{width:100%;float:left;height:54px;line-height:54px;border-top:2px solid #cdd6de;border-bottom:2px solid #cdd6de;font-family:"微软雅黑";color:#00416e;font-size:18px;font-weight:bold;} /*分页样式*/ div.pages { color: #00416e; float: left; font-size: 12px; margin-top: 5px; padding: 10px 0; text-align: center; width: 100%; } div.pages a { background-image: url("../images/meneame.jpg"); background-position: 50% bottom; border: 1px solid #00416e; color: #666; margin: 0 3px 0 0; padding: 5px 7px; text-decoration: none; } div.pages a:hover { background-color: #00416e; background-image: none; border: 1px solid #00416e; color: #fff; } div.pages a:active { background-color: #00416e; background-image: none; border: 1px solid #00416e; color: #fff; } div.pages span.current { background-color: #00416e; border: 1px solid #00416e; color: #fff; font-weight: bold; margin: 0 3px 0 0; padding: 5px 7px; } div.pages span.disabled { border: 1px solid #ffe3c6; color: #ffe3c6; margin: 0 3px 0 0; padding: 5px 7px; } /*留言模型*/ .message{width:100%;float:left;} .message .form{width:100%;float:left;margin-top:20px;} .message .form p.row{width:100%;float:left;margin-bottom:18px;} .message .form p.row span{float:left;height:23px;line-height:23px;font-family:"微软雅黑";font-size:14px;font-weight:bold;width:45px;} .message .form p.row input{width:280px;height:23px;float:left;border:1px solid #d3d5d6;padding-left:5px;} .message .form p.row textarea{width:395px;height:103px;float:left;border:1px solid #d3d5d6;} .message .form p.button{width:265px;float:left;margin-top:10px;margin-left:45px;} .message .form p.button button{width:90px;height:27px;float:left;border:2px solid #0799cb;text-align:center;background:#fff;color:#0799cb;margin-right:10px;cursor:pointer} .join_us{width:800px;min-height:680px;float:left;overflow:hidden; background:url(../images/join_bg.jpg);} .join_us .form{ width:700px; height:auto;clear:both;color:#fff;} .join_us .form h1{width:100%;float:left;line-height:80px;font-size:24px;font-family:"微软雅黑";border-bottom:1px dotted #fff} .join_us .form input{border:none;border-bottom:1px solid #fff;background:none;color:#fff;} .join_us .form span{font-size:14px;font-weight:bold;font-family:"微软雅黑";float:left;} .join_us .form .text1{width:85px;height:22px;float:left} .join_us .form .text2{width:205px;height:22px;float:left} .join_us .form .text3{width:117px;height:22px;float:left} .join_us .form .mar-r15{margin-right:15px;} .join_us .form .table{width:100%;float:left;border-bottom:1px dotted #fff;padding-top:15px;padding-bottom:15px;} .join_us .form .row1{width:100%;float:left;line-height:22px;margin-top:15px;margin-bottom:15px;} .join_us .form .button{width:100%;float:left;margin-top:30px;margin-bottom:40px;} .join_us .form .button button{width:90px;height:27px;float:left;margin-left:305px;background:none;border:2px solid #0799cb; color:#0799cb;cursor:pointer;}