.w_grid{ width: 100%; float:left; } .company{ width:96%; max-width:1400px; margin:0px auto; height:auto; } .company .company_tit{ width:100%; float:left; padding-top:50px; padding-bottom:50px; } .company .company_tit .tit{ float:left; } .company .company_tit .tit .yw{ font-size:260%; color:#2B4AC9; line-height:40px; font-family:Century; font-weight:500; height:40px; float:left; } .company .company_tit .tit .zw{ font-size:160%; font-weight:600; color:#666; border-bottom:3px #2B4AC9 solid; height:40px; margin-left:20px; float:left; } .company .company_tit .more{ float:right; } .company .company_tit .more span{ color:#fff; font-size:100%; padding:0px 20px; background:#32352E; height:40px; line-height:40px; display:block } .company .company_left{ width:54%; float:left; } .company .company_left .text{ width:95%; float:left; height:180px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; font-size:110%; line-height:30px; } .company .company_left .navbox{ width:95%; float:left; padding-top:10px; } .company .company_left .navbox .box{ width:50%; float:left; height:50px; margin-top:30px; } .company .company_left .navbox .box a{ display:block; } .company .company_left .navbox .box .name{ font-size:120%; padding-left:49px; height:46px; text-align:left; display: inline-block; padding-top:3px; } .company .company_left .navbox .box .name p{ font-size:70% } .company .company_left .navbox .box .n1{ background:url(../images/y1.png) no-repeat left 50%; } .company .company_left .navbox .box .n2{ background:url(../images/y2.png) no-repeat left 50%; } .company .company_left .navbox .box .n3{ background:url(../images/y3.png) no-repeat left 50%; } .company .company_left .navbox .box .n4{ background:url(../images/y4.png) no-repeat left 50%; } .company .company_left .navbox .box span{ float:right; background:url(../images/nicai.png) no-repeat right 50%; width:17px; height:17px; margin-top:15px; margin-right:20%; } .company .company_right{ width:46%; float:left; } .company .company_right img{ width:100%; } .productBox{ width:96%; max-width:1400px; margin:0px auto; height:auto; } .productBox .productTit{ width:100%; padding:3% 0; float:left; } .productBox .productTit h4{ text-align:center; font-size:290%; font-weight:500; line-height:200%; } .productBox .productList{ width:100%; float:left; } .productBox .productList ul{ width:100%; float:left; padding-bottom:3%; } .productBox .productList ul li{ width:23.5%; float:left; margin-right:2% } .productBox .productList ul li:nth-child(4){ width:23.5%; float:left; margin-right:0% } .productBox .productList ul li img{ width:100%; } .productBox .productList ul li p{ width:100%; text-align:center; line-height:350%; background:#F8F8F8; display:block } .productBox .productList ul li a{ display: block; } .productBox .productList .more{ margin:0px auto; font-size:110%; color:#fff; display:table; background:#2B4AC9; } .productBox .productList .more a{ color:#fff; display:block; padding:10px 30px; } .listBox{ width:100%; float:left; height:auto; } .listBox .leftBox, .listBox .rightBox{ width:50%; float:left; } .listBox img{ width:100%; } .listBox .neirong{ width:96%; max-width:700px; color:#000; } .listBox .fl{ float:left; padding-left:10%; padding-right:10%; padding-top:13%; } .listBox .fr{ float:right; padding-left:10%; padding-right:10%; padding-top:13%; } .listBox .bg1{ background:url(../images/sale_r.jpg) no-repeat left top; background-size:100%; } .listBox .bg2{ background:url(../images/team.jpg) no-repeat left top; background-size:100%; } .listBox .bg3{ background:url(../images/job_r.jpg) no-repeat left top; background-size:100%; } .listBox .bg4{ background:url(../images/contact.jpg) no-repeat left top; background-size:100%; } .listBox .title{ font-size:220%; font-weight:600; } .listBox .title span{ color:#2B4AC9; font-size:220%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style:italic; padding-right:5% } .listBox .biaoti{ font-size:160%; line-height:250%; } .listBox .desc{ line-height:180%; } .newBox{ width:96%; max-width:1400px; margin:0px auto; height:auto; } .newBox .newTit{ width:100%; padding:3% 0; float:left; } .newBox .newTit h4{ text-align:center; font-size:290%; font-weight:500; line-height:200%; } .newBox .newList{ width:100%; float:left; } .newBox .newList ul{ width:100%; float:left; padding-bottom:3%; } .newBox .newList ul li{ width:50%; float:left; padding:2% 0; } .newBox .newList ul li a{ display: block; color:#000; } .newBox .newList ul li .shijian{ width:16%; float:left; border:#ccc 1px solid; text-align:center; font-size:280%; padding:1.5% 0 } .newBox .newList ul li .shijian p{ font-size:60%; } .newBox .newList ul li .biaoti{ width:70%; float:left; padding-left:3%; } .newBox .newList ul li .biaoti .title{ width:100%; float:left; white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/ line-height:200%; font-size:160%; font-weight:500; color:#000; } .newBox .newList ul li .biaoti .desc{ width:100%; float:left; white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/ line-height:180%; font-size:130%; color:#888; } .newBox .newList ul li .biaoti .gengduo{ width:100%; float:left; white-space: nowrap; /*超出的空白区域不换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出显示省略号*/ line-height:160%; font-size:140%; } .newBox .newList ul li a:hover .biaoti .gengduo{ color:#2B4AC9; } .newBox .newList .more{ margin:0px auto; font-size:110%; color:#fff; display:table; background:#2B4AC9; } .newBox .newList .more a{ color:#fff; display:block; padding:10px 30px; } .footer{ width:100%; float:left; background:#7d7d7d; color:#fff; text-align: center; padding:2% 0; margin-top:3%; } .footer p{ line-height:220%; font-size:110%; } .footer p a{ color:#fff; } /*分页*/ .pagination{float:left;padding-left:25px;padding-top:20px;width:100%;} .pagination ul{float:left;width:100%;} .pagination ul li{float:left;margin:0px 3px;} .pagination ul li a{padding:4px 8px;display:block;border:#999 1px solid;color:#999} .pagination ul li .current{border:#2B4AC9 1px solid;color:#2B4AC9;display:block;padding:4px 8px;} /*# sourceMappingURL=style.css.map */