@charset "utf-8"; .prod{padding-bottom:40px;} .prod li{float:left;width:274px;height:220px;margin:0 20px 20px 0;} .prod li a{display:block;position:relative;height:218px;border:1px solid #ededed} .prod li a .pic img{width:100%;height:100%;} .prod li a .tit{transition:all 0.15s ease-in-out 0s;position:absolute;bottom:-1px;left:-1px;width:274px;height:36px;background:rgba(0,0,0,.6);text-align:center;line-height:36px;font-size:16px;color:#fff;} .prod li .desc{transition:all 0.15s ease-in-out 0s;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1;text-align:center;} .prod li .desc h2{font-size:18px;color:#fff;font-weight:700;line-height:24px;height:24px;margin:64px 0 16px;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .prod li .desc p{font-size:12px;color:#f1f1f1;line-height:18px;height:18px;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .prod li .desc i{display:block;width:24px;height:24px;background-position:0 -69px;margin:16px auto} .prod li.end{margin-right:0;} .prod li a:hover{border:1px solid #474747} .prod li a:hover .tit{opacity:0;} .prod li a:hover .desc{opacity:1;} .prod .bd{position:relative;} .prod .bd .bfocus{width:1160px;height:460px;overflow:hidden;} .prod .bd .bfocus .list{position:relative;} .prod .bd .bfocus ul{float:left;height:460px;width:1160px;} .prod .prev,.prod .next{position:absolute;top:50%;margin-top:-33px;width:34px;height:66px;background:url(../images/arrow2.png) no-repeat} .prod .prev{left:-72px;} .prod .next{right:-72px;background-position:-34px 0} .about{background:#f7f7f7;padding-bottom:26px;} .about .mtitle h2{background:#f7f7f7} .about .pic{float:left;} .about .desc{float:right;width:600px;height:320px;position:relative} .about .desc .tit{font-size:18px;color:#555;line-height:20px;} .about .desc .sep{background:#093e8e;width:24px;height:4px;display:block;margin:21px 0 13px} .about .desc .con{font-size:14px;line-height:24px;height:192px;overflow:hidden;} .about .desc .mores{position:absolute;bottom:0;left:0;display:block;height:36px;line-height:36px;width:112px;border:1px solid #ccc;color:#333;text-align:center;font-size:14px;border-radius:8px;} .about .desc .mores:hover{background:#093e8e;border-color:#093e8e;color:#fff;text-decoration:none;} .row{padding-top:40px;} .box{float:left;background:#f7f7f7;padding:12px 20px 18px;} .box .hd{position:relative;height:40px;margin-bottom:18px;} .box .hd h2{float:left;font-size:24px;color:#000;line-height:40px;position:relative;padding:0 20px 0 15px;background:#f7f7f7;z-index:11} .box .hd h2:after{position:absolute;left:0;top:8px;content:'';height:24px;width:4px;background:#254fa8} .box .hd a{float:right;position:relative;padding:0 0px 0 12px;background:#f7f7f7;z-index:11;line-height:30px;margin-top:5px;} .box .hd b{position:absolute;left:0;top:50%;background:#ddd;height:1px;width:100%;} .news{width:670px;} .news .hot{float:left;width:278px;border:1px solid #ddd;background:#f0f0f0;} .news .list{float:right;width:354px;} .news .hot a{display:block;} .news .hot .pic{height:222px;display:block;overflow:hidden;} .news .hot img{display:block;width:100%;height:100%} .news .hot .con{padding:10px 10px 0;height:68px;} .news .hot .con h2{line-height:20px;font-size:14px;height:20px;overflow:hidden;color:#000;font-weight:700;} .news .hot .con p{line-height:18px;font-size:12px;height:36px;overflow:hidden;color:#666;} .news .hot a:hover{text-decoration:none;} .news .hot a:hover h2{color:#254fa8;} .news .list ul{width:100%;} .news .list li {margin-bottom:10px;} .news .list li a{display:block;height:68px;} .news .list li .time{float:left;width:68px;height:50px;padding:9px 0;text-align:center;font-family:Arial;font-size:14px;transition:all 0.15s ease-in-out 0s;color:#fff;background:#ccc;border-radius:8px;} .news .list li .time em{display:block;font-size:36px;line-height:36px;} .news .list li .time i{display:block;line-height:14px;} .news .list li .con{margin-left:78px;padding:0px 0px;} .news .list li .con h3{font-size:14px;height:20px;line-height:20px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .news .list li .con p{font-size:12px;height:36px;line-height:18px;color:#666;overflow:hidden;} .news .list li:last-child{margin-bottom:0;} .news .list li a:hover{color:#fff;text-decoration:none;} .news .list li a:hover .time{background:#0a68d4;} .news .list li a:hover .con h3{color:#0a68d4;} .solution{width:388px;float:right} .solution .bd{height:302px;} .solution li{border-bottom:1px solid #ededed;padding:12px 0;margin-bottom:6px;} .solution a{display:block;} .solution li h3{font-size:14px;height:20px;line-height:20px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;margin-bottom:7px;} .solution li p{font-size:12px;height:36px;line-height:18px;color:#666;overflow:hidden;} .solution a:hover{text-decoration:none;} .solution a:hover h3{color:#0a68d4;} .partner{margin-bottom:40px;} .partner .mtitle{padding-bottom:12px;} .partner .mtitle b{top:50px;} .partner li{float:left;width:146px;height:56px;margin-right:23px;} .partner li a{display:block;border:1px solid #f7f7f7;} .partner li.end{margin-right:0;}