/*外框*/ .main{margin-top: 75px;margin-bottom: 40px;} /*首页各版块样式*/ /*板块名称样式*/ /*分类列表---靠左*/ /*分类列表---居中*/ .box{display: table;width: 100%;} .ctable{display:table-cell;text-align: center;} .catelist{margin-top: 20px;} .c-item{display:inline-block;width: auto;min-width: 80px;margin:0 5px;padding:0 5px;margin-bottom:10px;height:28px;line-height: 28px;border-radius:0px;text-align: center;color:#fff;border:1px solid #0070bd;background: #0070bd;} .c-item.on{display:inline-block;width: auto;min-width: 80px;margin:0 5px;padding:0 5px;margin-bottom:10px;height:28px;line-height: 28px;border-radius:0px;text-align: center;color:#fff;background: #f27219;border:1px solid #f27219;} .c-item:hover{display:inline-block;width: auto;min-width: 80px;padding:0 5px;margin-bottom:10px;height:28px;line-height: 28px;border-radius:0px;text-align: center;color:#fff;background: #f27219;border:1px solid #f27219;} /*首页--产品展示*/ .product{padding-top: 72px;padding-bottom: 75px;background: #fff;overflow:hidden;} .top{width: 100%;height: 36px;margin-bottom: 32px;background: url(/uploads/image/idefault/cate-bg.png) repeat-x bottom;} .top span.zh{display: block;float:left;width: auto;height: 28px;line-height: 28px;margin-top:12px;padding:0 10px 0 0;background:#fff;cursor:default;font-size: 20px;font-weight: bold;color:#034583;} .top span.en{display: block;float:left;width: auto;height: 32px;line-height: 32px;margin-top:14px;padding:0 10px 0 0;background:#fff;cursor:default;font-size: 14px;color:#034583;font-family: arial;} .top a.more{display: block;float:right;width: auto;height: 32px;line-height: 32px;margin-top:12px;padding:0 5px;background:#fff;font-size: 14px;color:#034583;font-family: arial;} .topg{width: 100%;height: 36px;margin-bottom: 32px;background: url(/uploads/image/idefault/cate-bg.png) repeat-x bottom;} .topg span.zh{display: block;float:left;width: auto;height: 28px;line-height: 28px;margin-top:12px;padding:0 10px 0 0;background:#f0f0f0;cursor:default;font-size: 20px;font-weight: bold;color:#034583;} .topg span.en{display: block;float:left;width: auto;height: 32px;line-height: 32px;margin-top:14px;padding:0 10px 0 0;background:#f0f0f0;cursor:default;font-size: 14px;color:#034583;font-family: arial;} .topg a.moreg{display: block;float:right;width: auto;height: 32px;line-height: 32px;margin-top:12px;padding:0 5px;background:#f0f0f0;font-size: 14px;color:#034583;font-family: arial;} /*产品分类*/ .pcatelist .pclist{margin-bottom: 20px;} .pcatelist .pbcate-item{float:left;min-width: 120px;height: 30px;line-height: 30px;padding-right:10px;text-align: right;font-weight: bold;color:#034583;} .pcatelist .pscatelist{float:left;width: 1070px;} .pcatelist .pscatelist .pscate-item{float:left;background: #999999;color:#fff;min-width: 120px;height: 30px;line-height: 30px;margin-right:5px;padding:0 5px;margin-bottom:5px;text-align: center;border-bottom:1px solid #ccc;} .pcatelist .pscatelist .pscate-item.on{float:left;background: #034583;color:#fff;min-width: 120px;height: 30px;line-height: 30px;margin-right:5px;padding:0 5px;margin-bottom:5px;text-align: center;border-bottom:1px solid #ccc;} .pcatelist .pscatelist .pscate-item:hover{background: #034583;} .pcatelist .pscatelist .pscate-item a{color:#fff;} .pcatelist .pscatelist .pscate-item ul{position:relative;display:none;border-top: 1px solid #ccc;z-index:10;} .pcatelist .pscatelist .pscate-item li{background: #aaa;color:#fff;min-width: 120px;height: 30px;line-height: 30px;text-align: center;border-bottom:1px solid #ccc;} .pcatelist .pscatelist .pscate-item li:hover{background: #034583;} .product .productlist{width: 1200px;} .product .productlist .plist{width: 1300px;} .product .productlist .p-item{float:left;width: 280px;margin-left:3px;height: 302px;margin-right: 28px;box-shadow: 0px 2px 3px #ddd;background: #fff;} .product .productlist .p-item .img{position:relative;display:table-cell;background: #f5f5f5;width: 280px;height: 210px;line-height: 210px;vertical-align: middle;text-align: center;overflow:hidden;} .product .productlist .p-item .img img{display:inline-block;max-width: 280px;max-height: 210px;transition: .5s transform;transform: translatez(0);} .product .productlist .p-item:hover .img img{transform: scale(1.1, 1.1);transition: .5s transform;} .product .productlist .p-item .title{width: 280px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color:#fff;background:rgba(12,107,189,1);white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .product .productlist .p-item:hover{box-shadow: 0px 2px 5px rgba(12,107,189,0.5);background: rgba(12,107,189,1);} .product .productlist .p-item:hover .title{color:#fff;} .product .productlist .p-item .img .bk1{position: absolute;top:-210px;left:-280px;width:280px;height:210px;background: rgba(0,0,0,.4);} .product .productlist .p-item .img .bk2{position: absolute;bottom:-210px;right:-280px;width:280px;height:210px;background: rgba(0,0,0,.4);} .product .productlist .p-item .img a.detail{display:none;width:100px;height:30px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-50px;border:2px solid #fff;color:#fff;font-size: 16px;line-height: 30px;text-align: center;} .product .productlist .p-item .desc{width: 250px;height:52px;line-height:26px;background:#fff;color:#999;font-size:12px;padding:0 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} /*首页--公司简介*/ .aboutandnews{padding-top:65px;padding-bottom: 73px;background: #f0f0f0;} .aboutandnews .about{float:left;width:570px;} .about .desc{width: 100%;height: 364px;margin-top:30px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 13;-webkit-box-orient: vertical;} .about .desc span{color:#034583;} .about .desc span:first-child{color:#034583;font-size: 16px;} /*首页--新闻中心*/ .aboutandnews .news{float:right;width:570px;} .aboutandnews .news .img{width: 560px;height: 100px;overflow: hidden;margin-top: 30px;} .aboutandnews .news .img img{width: 560px;height: 100px;} .news .newslist{width: 100%;margin-top:7px;} .news .newslist .n-item{float:left;width: 570px;height: 50px;line-height:50px;background: url(/uploads/image/icommon/li-bg.jpg) no-repeat left center;overflow: hidden;border-bottom:1px dashed #999;} .news .newslist .n-item .title{float:left;width:450px;text-indent: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .news .newslist .n-item .time{float:right;width:100px;text-align: right;font-size: 12px;} .news .newslist .n-item:hover .title{color:#034583;} /*首页--客户中心*/ .kehu{padding-top:70px;padding-bottom: 60px;} .kehu .kehulist{width: 1200px;} .kehu .kehulist .klist{width: 1300px;} .kehu .kehulist .klist .k-item{float:left;width: 280px;margin-left:3px;height: 220px;margin-right: 28px;box-shadow: 0px 0px 5px #888;background: #fff;} .kehu .kehulist .klist .k-item .img{position:relative;display:table-cell;background: #f5f5f5;width: 280px;height: 180px;line-height: 180px;vertical-align: middle;text-align: center;overflow:hidden;} .kehu .kehulist .klist .k-item .img img{display:inline-block;max-width: 280px;max-height: 180px;transition: .5s transform;transform: translatez(0);} .kehu .kehulist .klist .k-item .img img:hover{transform: scale(1.1, 1.1);transition: .5s transform;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);} .kehu .kehulist .klist .k-item .title{width: 270px;padding:0 5px;text-align: center;height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .kehu .kehulist .klist .k-item:hover .title{color:#fff;background: #034583;} /*首页-成功案例*/ .case{padding-top:45px;padding-bottom:35px;} .case .caselist{width: 1200px;} .case .caselist .case-item{float:left;width: 240px;height:34px;line-height: 34px;cursor:default;} /*文章列表页*/ .main{padding-top: 52px;padding-bottom: 58px;background: #f5f5f5;} /* .main .top{width: 1200px;height: 32px;border-bottom: 3px solid #ccc;margin-bottom: 20px;} .main .top span.zh{display: block;float:left;width: auto;height: 24px;line-height: 24px;font-size: 20px;font-weight: bold;} .main .top span.en{display: block;float:left;width: auto;height: 32px;line-height: 32px;font-size: 14px;color:#666;font-family: arial;text-indent: 10px;} .main .top a.more{display: block;float:right;width: auto;height: 32px;line-height: 32px;font-size: 14px;color:#0c6bbd;font-family: arial;} */ .main .newslist{width: 1200px;} .main .newslist .nlist{width: 1300px;} .main .newslist .nlist .n-item{float:left;width: 1200px;margin-right:60px;padding-bottom:20px;padding-top:20px;/*height: 80px;*/background: #fff;overflow: hidden;border-bottom: 1px solid #ccc;} .main .newslist .nlist a:last-child .n-item{border-bottom:0;} /* .main .newslist .nlist .n-item .date{float:left;width: 90px;height: 80px;background: #0c6bbd;} .main .newslist .nlist .n-item .date .day{width:60px;height:40px;overflow:hidden;margin:auto;margin-top: 10px;} .main .newslist .nlist .n-item .date .day img{width: 60px;height: 40px;} .main .newslist .nlist .n-item .date .ym{font-size: 14px;font-family: arial;color:#fff;text-align: center;line-height: 24px;} */ .main .newslist .nlist .n-item .img{float:left;width: 240px;height: 140px;background: #ccc;overflow: hidden;} .main .newslist .nlist .n-item .img img{width: 240px;height: 140px;transition: .5s transform;transform: translatez(0);} .main .newslist .nlist .n-item .img:hover img{transform: scale(1.1, 1.1);transition: .5s transform;} .main .newslist .nlist .n-item .info{float: left;width: 940px;margin-left: 20px;padding-top: 10px;} .main .newslist .nlist .n-item .info .title{width: 100%;font-size: 16px;color:#000;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main .newslist .nlist .n-item .info .desc{width: 100%;font-size: 14px;color:#666;margin-top:20px;line-height: 26px;height: 78px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .main .newslist .nlist .n-item:hover{/*box-shadow: 0 0 8px rgba(12,107,189,0.8);*/} /*产品列表*/ /* .main .articlelist .piclist{width: 1300px;margin-top: 30px;} .main .articlelist .piclist .pic-item{float:left;width:280px;margin-right: 28px;margin-bottom: 30px;box-shadow: 0 0 5px #ccc;} .main .articlelist .piclist .pic-item .img{display:table-cell;background: #f5f5f5;width: 280px;height: 174px;line-height: 174px;vertical-align: middle;text-align: center;overflow:hidden;} .main .articlelist .piclist .pic-item .img img{display:inline-block;max-width: 280px;max-height: 174px;transition: .5s transform;transform: translatez(0);} .main .articlelist .piclist .pic-item:hover .img img{transform: scale(1.1, 1.1);transition: .5s transform;} .main .articlelist .piclist .pic-item .title{width: 100%;height:56px;line-height: 56px;text-align: center;color:#000;font-size: 16px;background: #fff;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main .articlelist .piclist .pic-item:hover{box-shadow: 0 0 10px rgba(12,107,189,1);} .main .articlelist .piclist .pic-item:hover .title{color:#fff;background: rgba(12,107,189,1);} */ .main .articlelist{width: 1200px;margin:auto;margin-bottom: 20px;} .main .articlelist .piclist{width: 1300px;} .main .articlelist .pic-item{float:left;width: 265px;margin-left:3px;height: 302px;margin-right: 43px;overflow:hidden;margin-bottom:20px;box-shadow: 0px 2px 3px #ddd;background: #fff;} .main .articlelist .pic-item .img{position:relative;display:table-cell;background: #f5f5f5;width: 280px;/*height: 320px;line-height: 320px;*/height: 210px;line-height: 210px;vertical-align: middle;text-align: center;overflow:hidden;} .main .articlelist .pic-item .img img{display:inline-block;max-width: 280px;/*max-height: 320px;*/max-height: 210px;transition: .5s transform;transform: translatez(0);} .main .articlelist .pic-item:hover .img img{transform: scale(1.1, 1.1);transition: .5s transform;} .main .articlelist .pic-item .title{width: 280px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color:#fff;background:rgba(12,107,189,1);white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main .articlelist .pic-item:hover{box-shadow: 0px 2px 5px rgba(12,107,189,0.5);background: rgba(12,107,189,1);} .main .articlelist .pic-item:hover .title{color:#fff;} .main .articlelist .pic-item .img .bk1{position: absolute;top:-320px;left:-280px;width:280px;height:320px;background: rgba(0,0,0,.4);} .main .articlelist .pic-item .img .bk2{position: absolute;bottom:-320px;right:-280px;width:280px;height:320px;background: rgba(0,0,0,.4);} .main .articlelist .pic-item .img a.detail{display:none;width:100px;height:30px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-50px;border:2px solid #fff;color:#fff;font-size: 16px;line-height: 30px;text-align: center;} .main .articlelist .pic-item .desc{width: 250px;height:52px;line-height:26px;background:#fff;color:#999;font-size:12px;padding:0 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .main .articlelist .kehulist{width: 1300px;} .main .articlelist .kehulist .kehu-item{float:left;width: 280px;margin-left:3px;height: 220px;margin-right: 28px;box-shadow: 0px 0px 5px #888;background: #fff;} .main .articlelist .kehulist .kehu-item .img{position:relative;display:table-cell;background: #f5f5f5;width: 280px;height: 180px;line-height: 180px;vertical-align: middle;text-align: center;overflow:hidden;} .main .articlelist .kehulist .kehu-item .img img{display:inline-block;max-width: 280px;max-height: 180px;transition: .5s transform;transform: translatez(0);} .main .articlelist .kehulist .kehu-item .img img:hover{transform: scale(1.1, 1.1);transition: .5s transform;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);} .main .articlelist .kehulist .kehu-item .title{width: 270px;padding:0 5px;text-align: center;height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .main .articlelist .kehulist .kehu-item:hover .title{color:#fff;background: #034583;} /*内容页面样式--标题|详情|内容*/ .main .artitle{font-size: 18px;font-weight: bold;color:#000;text-align: center;line-height: 50px;margin-top: 20px;} .main .ardetail{height: 30px;line-height: 30px;font-size: 12px;color:#aaa;text-align: center;} .main .arcontent{margin-top:40px;margin-bottom:80px;font-size: 14px;color:#000;line-height: 28px;text-align: justify;} .main .arcontent table{margin:auto;} .main .arcontent table tr:first-child{/*line-height:32px;*/} .main .arcontent table td {text-align:center} .main .arcontent table tr:first-child{/*line-height:32px;*/} .main .arcontent table td {text-align:center} .main .position{float:right;color:#999;} .main .position a{color:#999;} .main .position a:hover{color:#0c6bbd;}