@charset "utf-8"; /* CSS Document */ /*全局*/ *{background:transparent; padding:0; margin:0; border:0; outline:none;} html{overflow-x:auto; overflow-y:auto; zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}/*IE6下重复加载BUG*/ body{background:#f9f9f9;font-family:'MicroSoft Yahei',verdana,arial,tahoma; font-size:12px; color:#666; -webkit-text-size-adjust: none;} input{border:none; color:#999;} div{margin:0 auto;padding:0;} ul,ol,li {list-style:none;} a{color:#666; text-decoration:none;word-wrap:break-word;outline:none;hide-focus:expression(this.hideFocus=true);transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;} a:hover{color:#00a1e7;text-decoration:none;} img{border:0;} .fl{float:left;} .fr{float:right;} .none{display:none;} .clear{clear:both;} .mb20{margin-bottom:20px;} .mt20{margin-top:20px;} .mb10{margin-bottom:10px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt60{margin-top:60px;} .mt50{margin-top:50px;} .mb50{margin-bottom:50px;} .ml25{margin-left:25px;} #laocms_header{float:left; width:100%; min-width:1200px; background:url(../images/top_bg.png) right center no-repeat;} #laocms_banner{float:left; width:100%; min-width:1200px; position:relative; overflow:hidden;} #laocms_main{float:left; width:100%; min-width:1200px;/* background:url(../images/bg.png) right bottom no-repeat;*/} #laocms_footer{float:left; width:100%; min-width:1200px; border-top:5px solid #186ebf; background:#343b40;} .w_0100{float:left; width:100%;} .w_1200{width:1200px; margin:0 auto;} .w_1200_bg{width:1200px; margin:0 auto;} .w_350{width:350px; height:auto; overflow:hidden;} .w_508{width:508px; height:auto; overflow:hidden;} .w_540{width:540px; height:auto; overflow:hidden;} .w_588{width:588px; height:auto; overflow:hidden;} .w_590{width:590px; height:auto; overflow:hidden;} .w_660{width:660px; height:auto; overflow:hidden;} .bg_topbar{border-top:10px solid #343b40; border-bottom:1px solid #ddd;} .bg_menu{background:#343b40;} .bg_gray{background:#f5f5f5;} /*头部*/ .topbar{float:left; width:1200px; height:38px; font:normal 13px/38px "Microsoft Yahei";} .topbar_l{float:left;} .topbar_r{float:right;} .topbar_r ul{} .topbar_r ul li{float:left; padding:0px 10px; background:url(../images/topbar_r_line.png) no-repeat right center;} .topbar_r ul li:last-child{background:none; padding-right:0;} /*logo*/ .logo{float:left; width:368px; height:70px; margin:20px 0; overflow:hidden;} /*search*/ .search{float:left; width:310px; height:35px; margin:40px 0 0 180px;} .search .search_input{ float:left; width:236px; height:34px; border:solid 1px #00a1e7; border-radius:6px 0 0 6px; padding-left:10px; line-height:34px; border-right:none; font-size:12px;} .search .search_submit{ float:right; width:63px; height:36px; border:solid 1px #00a1e7; border-radius:0 6px 6px 0; background:#00a1e7; font:bold 14px/34px 'Microsoft YaHei'; cursor:pointer; color:#fff;} /*hotline*/ .hotline{float:right; width:160px; height:62px; margin-top:35px;} .hotline span{float:left; width:135px; height:16px; padding-left:25px; color:#000; background:url(../images/tel_ico.png) no-repeat; font:normal 12px/16px "Microsoft Yahei";} .hotline h2{float:left; width:160px; height:40px; color:#00a1e7; font:bold 20px/40px "Microsoft Yahei"; font-style:italic;} /*导航*/ .menu{float:left; width:1200px;} .menu ul .nli,.menu ul .on{float:left; height:45px; margin-right:1px; line-height:45px; text-align:center; position:relative;} .menu ul .nli span a,.menu ul .on span a{float:left; width:148px; height:45px; font-size:15px; color:#fff;} .menu ul .nli span a:hover,.menu ul .on span a{float:left;width:148px; height:45px; background:#186ebf; font-size:15px; color:#fff;} .menu ul .nli span .on{float:left; width:148px; height:45px; background:#186ebf; font-size:15px; color:#fff;} .menu .sub{ float:left; width:148px; background:#186ebf; position:absolute; top:45px; left:0; display:none; z-index:99;} .menu .sub ul{float:left; width:148px;} .menu .sub li{float:left; width:148px; text-align:center; line-height:43px; border-top:1px solid #1562a8;} .menu .sub li:hover{background:#ab6e28; border-top:1px solid #1562a8;} .menu .sub li a{color:#fff; font-size:13px;} /*幻灯片*/ /*.banner{width:100%; height:600px;}*/ .banner{width:1920px; height:600px; border-bottom:1px solid #eee; box-shadow:2px 2px 4px #ccc; position:relative;} .banner .hd{width:100%; height:18px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:1;} .banner .hd ul{text-align:center; overflow:hidden; zoom:1;} .banner .hd ul li{display:inline-block; margin-right:8px; width:40px; height:7px; background:#343b40; text-align:center; cursor:pointer; overflow:hidden; } .banner .hd ul li.on{background:#186ebf;} .banner .bd{position:relative; height:100%; z-index:0; overflow:hidden;} .banner .bd li{zoom:1; vertical-align:middle; position:relative;} .banner .bd img{display:block; margin:auto;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .banner .prev, .banner .next{position:absolute; left:20%; top:45%; margin-top:-25px; display:block; width:100px; height:105px; background:#000; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .banner .next{left:auto; right:20%; background-position:8px 5px;} .banner .prev:hover, .banner .next:hover{filter:alpha(opacity=100);opacity:1;} .banner .prevStop{display:none;} .banner .nextStop{display:none;} /*头部结束*/ /*首页 通用标题样式*/ .main_tit{float:left; width:100%; height:28px; background:url(../images/tit_ico.png) left center no-repeat; } .main_tit .tit{float:left; height:28px; margin-left:28px; color:#ab6e28; font:normal 20px/28px "Microsoft Yahei";} .main_tit .tit strong{color:#343b40; font-weight:normal;} .main_tit .tit span{margin-left:10px; color:#ddd; font:normal 18px/28px "Microsoft Yahei"; text-transform:uppercase;} .main_tit .more{float:right; width:68px; height:28px; background:url(../images/more.png) center center no-repeat; display:block;} /*首页 视频*/ .main_video{float:left; width:588px; height:355px; border:1px solid #eee; background:#fff; position:relative; overflow:hidden;} .main_video .video_box{float:left; width:588px; height:355px; position:relative;} .main_video .video_box video{float:left; width:100%; height:100%;} .main_video .video_box p, .main_video .video_box p iframe{float:left; width:100%; height:100%;} /*首页 公司简介*/ .main_about{float:left; width:580px; padding-bottom:20px; overflow:hidden;} .main_about .about_box{float:left; width:580px; height:auto; overflow:hidden;} .main_about .about_box p{float:left; font:normal 14px/28px "Microsoft Yahei";/* text-indent:2em;*/} /*首页 服务项目*/ .main_service{float:left; width:1200px; height:auto; overflow:hidden;} .main_service ul{float:left; width:1200px; height:auto; padding:15px 0; overflow:hidden;} .main_service ul li{float:left; width:285px; height:auto; margin-right:20px; position:relative;} .main_service ul li img{width:281px; height:126; border:1px solid #ddd; margin:1px; padding:1px;} .main_service ul li span{left:3px; bottom:6px; width:281px; height:35px; background-color:rgba(0, 0, 0, 0.8); color:#fff; font:normal 16px/35px "Microsoft Yahei"; text-align:center; position:absolute; z-index:888;} .main_service ul li:nth-child(9n+4){margin-right:0;} .main_service ul li span:hover{background-color:rgba(24, 110, 191, 0.8);} /*首页 新闻*/ .main_news{float:left; width:590px; border-radius:5px; overflow:hidden;} .main_news ul{float:left; width:590px;} .main_news li{float:left; width:570px; height:35px; margin:0 10px; border-radius:3px; background:url(../images/li_ico1.png) 5px center no-repeat; font:normal 13px/35px "Microsoft Yahei";} .main_news li a{float:left; width:398px; height:35px; padding-left:28px; overflow:hidden; } .main_news li span{float:right; margin-right:8px; color:#999; font:normal 14px/35px "Georgia";} .main_news li:nth-child(9n+2){background-color:rgba(255, 255, 255, 0.5);} .main_news li:nth-child(9n+4){background-color:rgba(255, 255, 255, 0.5);} /*首页 园区案例*/ .main_case{float:left; width:1200px; margin-bottom:50px; overflow:hidden;} .main_case .prev{float:left; width:22px; height:22px; margin-top:57px; background:url(../images/prev.png) no-repeat ; cursor:pointer;} .main_case .next{float:right; width:22px; height:22px; margin-top:57px; background:url(../images/next.png) no-repeat; cursor:pointer;} .main_case .case_box {float:left; width:1136px; height:auto; margin:10px; overflow:hidden;} .main_case .case_box ul{float:left; width:1146px; overflow:hidden;} .main_case .case_box li{float:left; width:179px; height:auto; margin-right:10px; border:1px solid #e3e3e3; background:#fff;} .main_case .case_box li img{float:left; width:177px; height:116px; padding:1px; } /*内页*/ .position{float:left; width:50%; height:50px; font:normal 13px/50px "Microsoft Yahei"; overflow:hidden;} .position a{color:#999;} .position span{ vertical-align:top; width:20px; display:inline-block; text-align:center; margin-top:-1px;} .position span img{ width:4px;} .sub_head{ width:100%; float:left; margin-top:54px; padding-bottom:20px; border-bottom:solid 1px #e6e6e6;} .sub_head h4{float:left; font:normal 22px/50px "Microsoft Yahei"; color:#343b40;} .sub_head h4 span{ font-size:16px; color:#999; text-transform:uppercase;} .sub_head h4 span img{ vertical-align:middle; margin:-3px 10px 0 12px;} .laocms_SideLayer{float:right;} .laocms_SideLayer .l1{ float:left;} .laocms_SideLayer .l1 a{ display:block; float:left; width:150px; height:32px; line-height:32px; font-size:14px; color:#4c4c4c; text-align:center; overflow:hidden;} .laocms_SideLayer .l1.on a,.laocms_SideLayer .l1:hover a{ color:white; background:#186ebf;} .laocms_SideLayer span{ display:block; width:24px; height:32px; float:left; background:url(../images/lianxian.jpg) no-repeat center center;} .sub_content{float:right; width:100%; padding:20px 0;} .sub_content .content{float:left; width:100%; min-height:500px; line-height:220%; font-size:14px;} .sub_content .content .bg_about{float:left; width:550px; min-height:500px; background:url(../images/bg_about.png) no-repeat right center; overflow:hidden;} .sub_content .content .bg_zhcyy{float:left; width:550px; min-height:630px; background:url(../images/bg_zhcyy.png) no-repeat right center; overflow:hidden;} .sub_content .content .con_about{float:right; width:600px; min-height:450px; padding-top:50px; line-height:220%; font-size:14px;} /*.sub_content .content .con_about p{text-indent:2em;}*/ .news_list{float:left; width:100%; } .news_list ul{float:left; width:100%; padding:7px 0 36px 0;} .news_list ul li{float:left; width:100%; margin-top:30px;} .news_list ul li a{float:left; width:100%; padding:30px 0; background:#eee;} .news_list .le_8{float:left; width:185px; border-right:1px solid #e0e0e0; text-align:center; padding: 30px 0;} .news_list .le_8 h2{float:left; width:100%; height:64px; font-size:72px; color:#c2c2c2; font-family:Arial; font-weight:bold; line-height:64px;} .news_list .le_8 h5{float:left; width:100%; height:32px; font-size:20px; color:#4c4c4c; line-height:32px; font-family:Arial;} .r_8{float:right; width:893px; padding-right:66px;} .r_8 img{float:left; display:block;} .r_8 .r_8_h4{float:right; width:648px; margin-top:12px; line-height:35px; height:35px; font-size:18px; color:#333;} .r_8 .r_8_1{float:right; width:648px; margin-top:12px; line-height:26px; height:78px; font-size:14px; color:#666; overflow:hidden;} .news_list ul li a:hover{background:#186ebf;} .news_list ul li a:hover .le_8 h2, .news_list ul li a:hover .le_8 h5, .news_list ul li a:hover .r_8 .r_8_h4, .news_list ul li a:hover .r_8 .r_8_1{color:#fff;} /* 新闻详情 */ .news_detail{float:left; width:1200px; margin-top:32px; padding-bottom:60px;} .detail{float:left; width:1200px;} .detail h2{display:block; float:left; width:1200px; font-size:24px; line-height:40px; color:#333333!important; text-align:center;} .detail .detail_9_1{float:left; width:1200px; margin-top:22px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:10px 0; line-height:34px; font-size:14px; color:#777;} .detail .detail_9_1 a{display:block; float:right; height:34px; line-height:34px; margin-right:14px;} .detail .detail_9_1 a i{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:20px; width:38px; border-radius:19px; background:#cbcbcb;} .detail .detail_9_1 a i img{display:block;float:left;} .detail .detail_9_1 a:hover{color:#186ebf;} .detail .detail_9_1 a:hover i{background:#186ebf;} .detail .detail_9_2{float:left; width:1200px; padding:40px 0; font-size:14px; line-height:30px; text-align:justify; min-height:150px;} .detail .detail_9_2 img{margin:0 auto; display:block;width:100%} .detail .detail_9_3{float:left; width:1200px; text-align:center; padding-bottom:27px; border-bottom:1px solid #d7d8d8;} .detail .detail_9_4{float:left; width:1200px; margin-top:16px;} .detail .detail_9_4 a{display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#666; max-width:500px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .detail .detail_9_4 a:hover{color:#186ebf;} .case_detail{float:left; width:1200px; margin-top:32px; padding-bottom:60px;} .case_list{float:left; width:1200px; } .case_list ul{float:left; width:1230px; overflow:hidden;} .case_list ul li{float:left; width:380px; height:auto; margin:30px 30px 0 0;} .case_list ul li img{width:376px; height:220px; padding:1px; border:1px solid #e6e6e6; background:#fff;} .case_list ul li p{float:left; width:100%; height:30px; font:normal 18px/30px "Microsoft Yahei"; text-align:center;} /*核心团队*/ .team_detail{float:left; width:1200px; margin-top:32px; padding-bottom:60px;} .team_list{float:left; width:1218px; overflow:hidden;} .team_list ul{float:left; width:1221px; overflow:hidden;} .team_list li{float:left; width:386px; margin:0 21px 21px 0;} .team_list li img{width:386px; height:608px;} .team_list li .t_330_1{float:left; width:100%; line-height:34px; color:#333333; font-size:20px; font-weight:bold; overflow:hidden;} .team_list li .t_330_2{float:left; width:100%; line-height:28px; color:#333333; font-size:16px;} .team_list li .t_330_2s{float:left; width:100%; line-height:28px; color:#333333; font-size:16px;} /*招贤纳士*/ .join_top{ float:left; width:1085px; background: #186ebf; height:60px; line-height: 60px; padding:0 85px 0 30px; margin-top:47px;} .join_top ul{float:left; width:1200px;} .join_top ul li{float:left; text-align:center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;} .join_top ul li:nth-child(9n+1){text-align:left; width:180px;} .join_top ul li:nth-child(9n+2){width:122px;} .join_top ul li:nth-child(9n+3){width:122px;} .join_top ul li:nth-child(9n+4){width:122px;} .join_top ul li:nth-child(9n+5){width:122px;} .join_top ul li:nth-child(9n+6){width:122px;} .join_top ul li:nth-child(9n+7){width:152px;} .join_top ul li:nth-child(9n+8){width:122px;} .chancecontain{ float:left; width:1200px;} .chancecontain ul{ float: left; width: 100%;} .chancecontain ul li{float: left; width: 100%; margin-top:12px; position: relative;} .chancecontain ul li .join_list{float: left; width:1085px; padding:0 85px 0 30px; background: #f5f5f5; } .chancecontain ul li .join_list dl{ float: left; width: 100%; margin: 0; cursor:pointer;} .chancecontain ul li .join_list dd{float: left; width:15%; text-align: center; color:#333333; font-size:16px; line-height: 60px;margin: 0;} .chancecontain ul li .join_list dd:nth-child(9n+1){text-align:left; width:180px;} .chancecontain ul li .join_list dd:nth-child(9n+2){width:122px;} .chancecontain ul li .join_list dd:nth-child(9n+3){width:122px;} .chancecontain ul li .join_list dd:nth-child(9n+4){width:122px;} .chancecontain ul li .join_list dd:nth-child(9n+5){width:122px;} .chancecontain ul li .join_list dd:nth-child(9n+6){width:122px;} .chancecontain ul li .join_list dd:nth-child(9n+7){width:152px; font-size:12px;} .chancecontain ul li .join_list dd:nth-child(9n+8){width:122px;} .chancecontain ul li .join_list.active{background:#1872c2;} .chancecontain ul li .join_list.active dd{ color:#fff;} .chancecontain ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .chancecontain .deta{display:none; float:left; width:1200px; color:#666666; line-height:28px; font-size:12px; overflow:hidden; position:relative; background:#fbfbfb} .chancecontain .deta .condata{float:left; width:1000px; padding:40px 100px; overflow:hidden; } .chancecontain .deta .left_con{float:left; width:580px; padding-right:20px; overflow:hidden; } .chancecontain .deta .right_data{float:left; width:360px; padding-left:38px; border-left:1px solid #e7e7e7; overflow:hidden; } .chancecontain .deta .cond_yq{float:right; width:40%; margin-top:20px;} .chancecontain .deta .job_info{float:left; width:60%; font-size:14px;} .chancecontain .deta .job_button{float:left; margin-left: 50px; text-align: center; color:#ffffff; font-size:14px; line-height: 35px; width: 115px; height: 35px;background-color: #186ebf;transform:skewX(155deg);-moz-transform:skewX(155deg); -webkit-transform:skewX(155deg);} .chancecontain .deta .job_button a{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; line-height: 35px; transform:skewX(-155deg);-moz-transform:skewX(-155deg); -webkit-transform:skewX(-155deg);} .chancecontain .deta .job_button:hover{background-color:#1872c2;} #lermore{ position: absolute; right: 0; top:0; width: 85px; height: 60px; background: url(../images/join1.png) no-repeat center; border-left: 1px solid #fff; cursor: pointer;} .chancecontain ul li .join_list.active #lermore{background: url(../images/join2.png) no-repeat center;} /*联系我们*/ .contactus{float:left; width:100%; border:1px solid #e6e6e6; margin:10px 0; background:#f6f6f6; overflow:hidden;} .contactus .mapLeft{float:left; width:560px; height:238px; margin:15px; border:1px solid #e6e6e6; overflow:hidden;} #bdmap_1,#bdmap_2,#bdmap_3{ position:relative; width:100%; height:100%;} .contactus .mapRight{float:right; width:50%; padding:30px 0;} .contactus .mapRight .teltit{float:left; width:98%; border-bottom: #e9e9e9 solid 1px; } .contactus .mapRight .teltit .line{float:left; width:60px; height:2px; background:#aa6d29;} .contactus .mapRight .teltit h5{float:left; width:100%; color:#aa6d29; font-size:28px; line-height:1.76; text-transform:uppercase;} .contactus .mapRight .telDo{float:left; width:100%; padding-top:20px; color:#333a3f; font-size:16px; line-height:34px; overflow:hidden;} /*反馈留言*/ .guestbook{float:left; padding:10px 0;} .guestbook dl{float:left; width:1200px;} .guestbook dt{float:left; width:1200px; height:auto; font:normal 14px/30px 'MicroSoft Yahei'; overflow:hidden;} .guestbook dd{float:left; width:1200px; margin-top:18px; } .guestbook dd input{width:568px; height:42px; padding-left:22px; border-radius:5px; border:none; background:#eee; color:#555;} .guestbook dd textarea{float:left; width:1178px; height:200px; padding-top:10px; padding-left:22px; border-radius:5px; font:normal 13px/22px 'MicroSoft Yahei'; background:#eee; color:#555; border:none; overflow: hidden;} .guestbook .btn{float:right; width:180px; height:46px; padding-right:22px; border:none; border-radius:5px; text-align:center; font:normal 18px/46px 'MicroSoft Yahei'; color:#fff; background:#ff5d27; cursor:pointer;} .guestbook .btn:hover{background:#ff4304; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;} .guestbook dd span{float:right; height:46px; font:normal 13px/46px 'MicroSoft Yahei';} /*底部*/ .footer_l{float:left; width:750px; height:auto; padding:30px 0; overflow:hidden;} .footer_l .footer_nav{float:left; width:100%; overflow:hidden;} .footer_l .footer_nav ul{} .footer_l .footer_nav ul li{float:left; height:auto; margin-right:10px; padding:0 15px; overflow:hidden;} .footer_l .footer_nav ul li a{font:normal 14px/32px "Microsoft YaHei"; color:#dcdcdc;} .footer_l .footer_nav ul li a:hover{color:#fff;} .footer_l .footer_copyright{float:left; width:100%; margin-top:10px; overflow:hidden;} .footer_l .footer_copyright p{float:left; width:100%; height:30px; color:#dcdcdc; font:normal 13px/32px "Microsoft Yahei";} .footer_l .footer_copyright p a{color:#dcdcdc;} .footer_l .footer_copyright p a:hover{color:#fff;} .footer_c{float:left; width:258px; height:auto; margin-left:108px; padding:30px 0; overflow:hidden;} .footer_c .footer_tel{float:left; width:100%; height:72px; margin-top:20px; background:url(../images/kefu_ico.png) no-repeat ; overflow:hidden;} .footer_c .footer_tel p{float:left; width:168px; height:35px; padding-left:90px; font:normal 15px/35px "Microsoft Yahei"; color:#dcdcdc;} .footer_c .footer_tel .num{height:35px; font:normal 25px/35px "Georgia"; color:#dcdcdc;} .footer_r{float:right; width:158px; height:auto; padding:30px 0; overflow:hidden;} .footer_r .footer_erweima{float:right; width:134px; height:106px; margin-top:5px; border:1px solid #dcdcdc;} .footer_r .footer_erweima img{width:96px; height:96px; border:5px solid #dcdcdc;} .footer_r .footer_erweima p{float:right; width:22px; margin:0 auto; font:normal 14px/26px "Microsoft Yahei"; color:#dcdcdc;} /*列表通用翻页*/ .listpage{clear:both; text-align:center;} .LaoCMS-page{padding:14px 0 10px; font-size:12px;} .LaoCMS-page a{height:25px; margin-left:6px; padding:0 8px; border:1px solid #d3d3d3; border-radius:5px; text-align:center; color:#767676; display:inline-block; line-height:25px;} .LaoCMS-page a:hover{border-color:#f03f04; background:#f03f04; color:#fff; } .LaoCMS-page span{height:25px; margin-left:6px; padding:0 8px; border:1px solid #f03f04; border-radius:5px; color:#fff; line-height:25px; background:#f03f04; text-align:center; display:inline-block;}