﻿
.prod-panel{padding:50px 0 68px;background:#fafafa;}
.pcate{float:left;width:240px;}
.pcate .sbox{margin-bottom:2px;}
.prod{float:right;width:890px;}
.prod .hd{border-bottom:1px solid #e0e0e0;height:40px;line-height:40px;}
.prod .hd h2{float:left;border-left:4px solid #1d60d3;padding-left:14px;color:#333;font-size:20px;font-weight:700;}
.prod .hd a{float:right;color:#333;}
.prod li{float:left;width:202px;margin:27px 22px 0 0;}
.prod li a{background:#fff;display:block;border:1px solid #ddd;position:relative;}
.prod li .pic img{height:284px;max-width:200px}
.prod li h2{background:#f5f5f5;font-size:14px;height:36px;line-height:36px;text-align:center;color:#666;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.prod li.end{margin-right:0;}
.prod li a:hover{text-decoration:none;box-shadow:0 0 5px #ddd}
.prod li a:hover h2{color:#333;}
.about .bd,.about .pic,.shili .bd,.shili li a{position:relative}
.solution .cate li.active a{background:#0093dd;color:#fff;text-decoration:none}
.solution .cate li.active a:after{right:-20px;border-left:20px solid #0093dd}
.solution .cate .more{border-bottom:0}
.solution .tabm{float:right;width:870px}
.solution .tabm .pic{float:left}
.solution .tabm .desc{float:left;width:296px;height:392px;border:4px solid #eee;border-left:0;padding:0 20px 0 30px}
.solution .tabm .desc .intro{color:#999;line-height:30px;padding-top:27px;height:270px;overflow:hidden;margin-bottom:18px}
.solution .tabm .desc .more{display:block;width:140px;line-height:42px;height:42px;text-align:center;color:#fff;background:#0093dd}
.solution .tabm .desc .more:hover{background:#e77918;text-decoration:none}
.solution .tabm .tabc{display:none}
.about{background:url(img/about.jpg) center no-repeat;height:760px}
.about .mtitle h2,.about .mtitle p{color:#fff}
.about .bd{background:rgba(255,255,255,.9);height:430px;padding:50px 40px 0}
.about .intro{float:left;width:540px}
.about .title{margin-bottom:38px;font-size:18px;color:#333;line-height:20px}
.about .desc{line-height:30px;height:270px;overflow:hidden;margin-bottom:10px}
.about .more,.shili li a h2{color:#fff;line-height:42px}
.about .more{display:block;width:140px;height:42px;text-align:center;background:#0093dd}
.about .more:hover{background:#e77918;text-decoration:none}
.about .pic{float:right;border:1px solid #ddd;padding:9px;background:#fff}
.about .pic img{border:1px solid #ddd;display:block;width:456px}
.shili{padding:0 0 80px}
.mtitle{text-align:center;padding:52px 0 75px;overflow:hidden}
.mtitle h2{line-height:45px;font-size:30px;color:#333;text-transform:uppercase}
.mtitle h2 span{color:#0093dd}
.mtitle p{color:#999;line-height:28px;margin:0;position:relative;display:inline-block;padding:0 50px}
.mtitle p:after,.mtitle p:before{position:absolute;top:50%;content:'';width:500px;height:3px;background:url(../images/tit.png) no-repeat}
.mtitle p:before{left:-500px}
.mtitle p:after{left:100%;background-position:0 -3px}
.shili{padding:0 0 20px}
.shili .hd{text-align:center;padding:60px 0 0;height:41px;margin-bottom:40px}
.shili .hd a{display:inline-block;width:140px;height:42px;font-size:24px}
.shili li{float:left;width:282px;margin-right:10px}
.shili li a{display:block;border:1px solid #eee}
.news li,.news-panel .hd{border-bottom:1px solid #ddd}
.shili li a .pic{height:218px;overflow:hidden}
.shili li a img{width:100%;height:100%;display:block}
.shili li a h2{position:absolute;left:0;right:0;bottom:0;padding:0 10px;font-size:14px;text-align:center;background:rgba(0,0,0,.7);height:42px}
.shili li a:hover h2{background:#e77918}
.shili .tabc{position:relative;height:220px;overflow:hidden;display:none}
/* 新闻中心*/#news{WIDTH: 320px;HEIGHT: 326px;float:left;margin-left:35px;margin-top:15px;}
.maiNews{width:318px;}
.maiNews h2{height:40px;line-height:40px;font-size:18px;border-bottom:1px solid #e0e0e0;color:#333;font-weight:normal;}
.maiNews h2 a{float:right;height:18px;padding-top:11px;}
.maiNews h2 a img{padding:0;margin:0;display:block;}
.maiNews ul{padding-top:10px;}
.maiNews ul li{height:35px;line-height:35px;}
.maiNews ul li a{display:block;width:230px;height:30px;font-size:12px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;transition:all 0.4s;}
.maiNews ul li a:hover{color:#e8312e;padding-left:6px;transition:all 0.4s;}
.maiNews ul li span{display:block;height:30px;width:80px;float:right;color:#999;text-align:right;font-size:12px;}
#gsjj{WIDTH: 628px;HEIGHT: 325px;float:left;margin-top:15px;}
#gsjj p{text-indent:2em;line-height:25px;padding-top:13px;}
#gsry{WIDTH: 628px;float:left;overflow:hidden;margin-top:15px;}
#demoLeft{margin:0 8px 0 auto;overflow:hidden;width:952px;height:auto;background:#fff;padding:5px 10px 5px 0px;}
#demoLeft .indemo{float:left;width:700%;text-align:center;}
#demo1,#demo2{float: left;}
#demo1 a,#demo2 a{display:block;text-align:center;}
#demo1 ul li,#demo2 ul li{float:left;margin-left:5px!important;margin-left:8px;margin-right:5px!important;margin-right:8px;text-align:center;margin-top:5px;width:187px;height:auto;padding-top:1px;}
#demo1 img,#demo2 img{height:140px;}
#lxwm{BACKGROUND-IMAGE: url(../images/linkus.jpg);WIDTH: 295px;HEIGHT: 220px;margin-left:35px;float:left;margin-top:15px;}
#cpzs{WIDTH: 1200px;HEIGHT: 528px;OVERFLOW: hidden !important;}
A.tip{BACKGROUND-IMAGE: url(../images/ck.jpg);Z-INDEX: 2;POSITION: relative;WIDTH: 100%;DISPLAY: block;BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: 120px 8px;HEIGHT: 15px;VISIBILITY: visible !important;OVERFLOW: visible !important;PADDING-TOP: 10px}
A.tip .popbox{DISPLAY: none}
A.tip:hover{CURSOR: hand}
A.tip:hover .popbox{BACKGROUND-IMAGE: url(../images/jt.jpg);Z-INDEX: 99;TEXT-ALIGN: left !important;PADDING-BOTTOM: 6px;BACKGROUND-COLOR: #ccc;PADDING-LEFT: 10px;WIDTH: 270px;PADDING-RIGHT: 6px;DISPLAY: block;BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: 250px 90px;HEIGHT: 100px;COLOR: #333;TOP: -110px;PADDING-TOP: 6px;LEFT: -200px}
.cpzl{BACKGROUND-IMAGE: url(../images/cpzl.jpg);MARGIN-TOP: 8px;WIDTH: 290px;FLOAT: left;HEIGHT: 530px;MARGIN-LEFT: 8px}
.cpzla{PADDING-BOTTOM: 0px;MARGIN-TOP: 35px;PADDING-LEFT: 10px;PADDING-RIGHT: 3px;HEIGHT: 262px;PADDING-TOP: 0px}
.cpzlb{PADDING-BOTTOM: 0px;PADDING-LEFT: 10px;PADDING-RIGHT: 3px;PADDING-TOP: 0px}
.cpzla{LINE-HEIGHT: 16pt}
.cpzlb{LINE-HEIGHT: 16pt}
.blxw{LINE-HEIGHT: 16pt}
#gsjj P IMG{MARGIN: 8px 6px 5px 5px;FLOAT: left}
.blxw{MARGIN: 8px 0px;COLOR: #bc0404;FONT-SIZE: 10pt;FONT-WEIGHT: bold}
#websm LI{WIDTH: 203px;DISPLAY: block;FLOAT: left;HEIGHT: 25px}
#syry{Z-INDEX: 999;TEXT-ALIGN: center;WIDTH: 105px;HEIGHT: 38px;TOP: 1335px;LEFT: 24px}
#sylx{}
.pic{border: 1px dashed rgb(204, 204, 204);}
.style20{FONT-WEIGHT: bold;COLOR: #990000}