.floor { margin-top: 20px;overflow: hidden; } /* flexslider */ .flexslider-large { margin-top: 108px;*padding-top:108px;z-index: 1; } .flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:580px;} .slides li a { height: 580px;display: block; } .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 ;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .news .flex-control-nav li{ float: left } .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} /* 集团简介 */ .intro:after, .news:after, .project-show:after,.project-nav:after { content: ''; display: block; position: absolute; z-index: 1; margin-top: 1px; } .intro { border: 1px solid #cdcdcd;width: 390px; } .intro:after { background: url('../images/index_shadow_intro.jpg') no-repeat 0 0; height: 19px; width: 390px; } .intro .title { height: 60px;line-height: 60px;color: #ea2c3b;padding: 0 28px;font-weight: bold; } .intro .title a { color: #ea2c3b; } .intro .title img { vertical-align: middle;margin-right: 8px; } .intro .content { padding: 0 28px;/*color: #7d7d7d;*/line-height: 22px;padding-bottom: 15px;color: #000; } /* 新闻模块 */ .news { border: 1px solid #cdcdcd;width: 790px; } .news:after { background: url('../images/index_shadow_news.jpg') no-repeat 0 0; height: 19px; width: 792px; } .news a { text-decoration: none;/*color: #676767;*/color: #000; } .news a:hover{ color: #e70c1d; } .news .menu { background: url('../images/nav_dot2.png') repeat-x;height: 50px;line-height: 50px;padding-left: 20px; } .news .menu ul li { float: left; } .news .menu ul li.line { color: #ccc;font-size: 18px;margin: 0 10px; } .news .menu ul li a{ width: 95px;height: 31px;line-height: 31px;text-align: center;color: #FFF;font-size: 14px;font-weight: bold;display: inline-block; } .news .menu ul li.on a { background: url('../images/tab_bg.png') 0 -36px no-repeat;color: #fff; } .news .content { padding: 24px 10px 26px 30px; } .news .news-list { width: 387px;height: 280px;overflow: hidden; } .news .news-list li { line-height: 35px;overflow: hidden;*line-height: 32px; } .news .news-list li .title { width: 280px;text-overflow: ellipsis;overflow: hidden;float: left;white-space: nowrap; } .news .news-list li a:hover .title { color: #e70c1d; } .news .news-list li .fr { /*color: #959595;*/color: #333; } .news .news-pic { width: 340px;height: 296px;overflow: hidden; } .news .news-pic ul.news-slider li { float: left;width: 340px;height: 254px; } .news .news-pic ul.news-slider li img{ width: 340px;height: 254px; } .news .news-pic .flex-viewport{ height: 300px; } .news .slides li{ height: 254px;overflow: hidden;position: relative; } .news .slides li .title { height: 34px;text-align: center;position: absolute;z-index: 3;bottom: 0;line-height: 34px;background: url(../images/slider_line.jpg) repeat-x #eee;color: #565656;width: 100%; } /* 首页项目介绍 */ .project-show { width: 800px;border: 1px solid #cdcdcd;margin-right: 1px; } .project-show:after { background: url('../images/index_shadow_project.jpg') no-repeat 0 0; height: 24px; width: 800px; } .project-show ul li { overflow: hidden;height: 240px; } .project-show ul li .img { width: 399px;height:240px;display: inline-block;position: relative;overflow: hidden; } .project-show ul li .img .mask { width: 399px; height: 240px; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; background-color: #000; position: absolute; top: 0; left: 0; } .project-show ul li .img .title { position: absolute; top: 50%; left: 0; margin-top: -12px; font-size: 16px; text-align: center; color: #fff; width: 399px; } .project-show ul li .img .mask, .project-show ul li .img .title { visibility: hidden; } .project-show ul li div.on .mask, .project-show ul li div.on .title { visibility: visible; } .project-show ul li .info { padding: 24px 33px 14px 33px;width: 335px;/*color: #9b9b9b;*/color: #333; } .project-show ul li .info .title { font-size: 16px;font-weight: bold; } /*.project-show ul li .info .title a{ color: #515151; }*/ .project-show ul li .info .title a{ color: #000; } .project-show ul li .info .title a:hover{ color: #e70c1d; } .project-show ul li .info .desc { margin-top: 20px;line-height: 24px;font-size: 14px;overflow: hidden;height: 140px; } .project-show ul li .info .more{ text-align: right;margin-top: 10px; } .project-show ul li .info .more a{ color: #ea2c3b; } .project-nav { float:right;width:380px;border: 1px solid #cdcdcd;color: #969696; } .project-nav .company-icon { overflow: hidden; } .project-nav .company-icon li { width: 50%;border-bottom: 1px solid #f4f4f4;float: left;padding: 25px 0 30px 0;text-align: center; } .project-nav .company-icon li.border-right { border-right: 1px solid #f4f4f4;margin-left: -1px; } .project-nav .company-icon .icon { display: inline-block;*display:inline;zoom:1;width: 132px;height: 132px;background-image: url('../images/index_company_icon.jpg');background-repeat: no-repeat; } .project-nav .company-icon .icon-gc { background-position: 0 0; } .project-nav .company-icon .icon-jn { background-position: -189px 0; } .project-nav .company-icon .icon-wy { background-position: 0 -188px; } .project-nav .company-icon .icon-wh { background-position: -189px -188px; } .project-nav .company-icon .icon-gc:hover { background-position: -459px 0; } .project-nav .company-icon .icon-jn:hover { background-position: -646px 0; } .project-nav .company-icon .icon-wy:hover { background-position: -459px -188px; } .project-nav .company-icon .icon-wh:hover { background-position: -646px -188px; } /* 右侧技术应用 */ .app-show { padding: 22px 0 22px 30px;*padding: 22px 0 15px 30px; } .app-show .title { color: #515151;font-size: 14px;font-weight: bold; } .app-show .app-icon { margin-top: 17px;overflow: hidden; } .app-show .app-icon .text { margin-top: 10px; } .app-show .app-icon .text span { width: 140px;float: left;text-align: center; } .app-show .app-icon .text a { color: #969696; } .app-show .app-icon .text a:hover { color: #ea2c3b; } /* 右侧联系我们 */ .project-nav .contact { padding: 15px 24px;border-top: 1px solid #f4f4f4; } .project-nav .contact li { line-height: 26px; } .project-nav:after { background: url('../images/index_shadow_projectNav.jpg') no-repeat 0 0; height: 24px; width: 382px; }