@charset "utf-8";

/*切换*/
.banner{float:left;height:420px;overflow:hidden;width:100%;}
.banner .d1{float:left;width:100%;min-width:1150px;height:420px;display:block;position:absolute;left:0px;z-index:5;}
.banner .d2{float:left;width:100%;min-width:1150px;height:30px;clear:both;position:absolute;z-index:100;left:0px;margin-top:373px;}
.banner .d2 ul{float:left;position:absolute;left:50%;display:inline;}
.banner .d2 li{width:80px;height:5px;overflow:hidden;cursor:pointer;background-color:#C1C1C1;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background-color:#FC7878;}
.qhad{float:left;margin-left:220px;width:699px;}
.scrollbox{float:left;width:688px;color:#666;margin:11px 0 0 11px;background:#fff;text-align:left;}
#scrollDiv{width:686px;border:#e2e2e2 1px solid;border-top:0;overflow:hidden;height:72px;}
#scrollDiv ul{width:686x;padding:0 10px;height:71px;overflow:hidden;}
#scrollDiv li{overflow:hidden;line-height:22px;vertical-align:bottom;zoom:1;border-bottom:#e2e2e2 dashed 1px;height:30px;padding-top:5px;}
#scrollDiv li a{color:#369;text-decoration:none;}
#scrollDiv li a:hover{color:red;text-decoration:underline;}
.scroltit {width:676px;font-size:14px;padding:8px 0 9px 10px;overflow:hidden;background:#f3f3f3 url(../homeimg/keImg/ai1.gif) 0 bottom repeat-x;border:#e2e2e2 1px solid;border-bottom:0;}
.scroltit strong{padding-right:5px;float:left;}
.scroltit em{color:#939393;font-size:12px;line-height:19px;float:left;}
.scroltit small{float:right;margin:0 5px 0 0;height:15px;width:15px;BORDER:#ddd 1px solid;display:inline;overflow:hidden;}
.scroltit small:hover{border:#4280dc 1px solid;}
.zxgg{float:right;width:218px;height:108px;border:#E2E2E2 solid 1px;margin:11px 0 0 0;text-align:left;}
.zxgg .d1{float:left;font-size:14px;padding:8px 0 0 10px;height:28px;width:208px;background-color:#F3F3F3;}
.zxgg .u1{float:left;width:218px;}
.zxgg .u1 li{float:left;padding-top:9px;height:26px;overflow:hidden;border-bottom:#e2e2e2 dashed 1px;}
.zxgg .u1 .l1{width:145px;padding-left:10px;}
.zxgg .u1 .l1 a{float:left;width:145px;height:16px;overflow:hidden;}
.zxgg .u1 .l2{width:53px;text-align:right;padding-right:10px;}
.zxgg .u1 .l12{border-bottom:0;}
.zxgg .u1 .l22{border-bottom:0;}
/*网博士-网络-开发设计QQ:5708-302888请不要倒卖-否则停止更新*/
/*登录*/
#idlno{float:right;width:218px;height:278px;background-color:#E8E9EC;padding:1px;z-index:6;margin:-295px 0 0 0;position:relative;clear:both;}
#idlno .u1{float:left;width:218px;height:278px;text-align:center;}
#idlno .u1 li{float:left;width:218px;}
#idlno .u1 .l1{padding:30px 0 0 0;height:32px;font-size:16px;}
#idlno .u1 .l3 a{float:left;color:#fff;font-size:16px;width:180px;padding:8px 0 0 0;height:32px;margin:10px 0 0 19px;background-color:#188EEE;}
#idlno .u1 .l3 a:hover{background-color:#117DD5;text-decoration:none;}
#idlyes{float:right;width:218px;background-color:#fff;padding:0px;z-index:6;margin:-295px 0 0 0;position:relative;clear:both;}
#idlyes .u1{float:left;width:186px;border:#D4D4D4 solid 1px;padding:15px;text-align:left;}
#idlyes .u1 li{float:left;}
#idlyes .u1 .l1{width:186px;border-bottom:#CCCCCC solid 1px;height:25px;font-weight:700;color:#00a2ca;font-size:14px;}
#idlyes .u1 .l2{line-height:34px;padding:10px 0 7px 0;width:186px;}
#idlyes .u1 .l2 span{font-weight:700;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
#idlyes .u1 .l3{text-align:center;padding:10px 0 0 0;border-top:#ccc solid 1px;width:186px;}
#idlyes .u1 .l3 a{color:#00A2CA;}
#idlyes .u1 .l3 a:hover{color:#ff6600;}
/*网博士-网络-开发设计QQ:5708-302888请不要倒卖-否则停止更新*/
/*标题*/
.procap{float:left;width:1150px;margin:20px 0 0 0;text-align:left;height:40px;border-bottom:#0054ff solid 1px;}
.procap li{float:left;}
.procap .l1{width:1150px;font-size:21px;color:#0054ff;text-align: center;font-weight: bolder;letter-spacing: 7px;}
.procap .l2{width:950px;text-align:right;padding:9px 0 0 0;}
.procap .l2 a{font-size:14px;}

/*热销商品*/
.dtj{float:left;width:1150px;margin:10px 0 0 0;height:713px;border: 1px solid #0054ff;padding: 2px;}
.dtj .u1{float:left;width:205px;padding:7px;border:#DDDDDD solid 1px;height:332px;margin:6px 0 0 9px;text-align:left;}
.dtj .u1 li{float:left;}
.dtj .u1 .l1{width:205px;height:215px;}
.dtj .u1 .l1 img{width:205px;height:205px;}
.dtj .u1 .l1 .djs{float:left;position:relative;width:205px;padding:5px 0 0 0;margin:-25px 0 0 0;height:20px;text-align:center;background:url(../img/bghui1.png) left top repeat;color:#fff;}
.dtj .u1 .l2{width:205px;height:40px;margin-bottom:5px;font-size:14px;line-height:20px;overflow:hidden;overflow:hidden;}
.dtj .u1 .l2 a:hover{color:#62B4F7;text-decoration:none;}
.dtj .u1 .l2 span{float:left;font-family:"宋体";font-size:12px;text-align:center;margin:2px 0 0 0;line-height:normal;}
.dtj .u1 .l2 .s1{color:#fff;background-color:#000000;width:27px;height:15px;padding:1px 0 0 2px;border-radius:2px 0 0 2px;}
.dtj .u1 .l2 .s2{color:#000;border:#000 solid 1px;background-color:#EFC532;width:26px;height:14px;margin-right:3px;border-radius:0 2px 2px 0;}
.dtj .u1 .l3{width:90px;height:21px;font-size:14px;color:#E85308;font-weight:700;}
.dtj .u1 .l4{width:115px;height:21px;text-align:right;color:#999;}
.dtj .u1 .l5{width:210px;font-size:14px;height:18px;padding:1px 3px 0 5px;overflow:hidden;}
.dtj .u1 .l5 a{color:#999;}
.dtj .u1 .l5 a:hover{color:#E23A3A;}
.dtj .u1 .l6{width:213px;text-align:center;padding:0 5px 0 0;height:34px;}
.dtj .u1 .l6 span{float:right;padding:1px 4px 1px 4px;cursor:pointer;margin:7px 0 0 0;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
.dtj .u1 .l6 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}

.dtj .u1:hover{border:#DDDDDD solid 1px;box-shadow:0 0 10px rgba(0,0,0,.3);}
.dtj .u11{margin-left:0;}

/*产品列表*/
.bfbtype1{background-color:#F9F9F9;padding:35px 0 55px 0;}
.bfbtype2{background-color:#fff;padding:35px 0 15px 0;}
.typecap{float:left;text-align:left;width:1150px;height:45px;background:url(../homeimg/keImg/bg.gif) left bottom repeat-x;}
.typecap li{float:left;}
.typecap .l1{width:100%;font-size:21px;color:#000;padding:5px 0 0 0;text-align:center}
.typecap .l2{width:928px;height:45px;font-size:14px;padding-left:2px;overflow:hidden;}
.typecap .l2 a{float:left;padding:12px 15px 0 15px;height:33px;}
.typecap .l2 a:hover{text-decoration:none;}
.typecap .l2 .a1{border-bottom:#188EEE solid 2px;color:#188EEE;height:32px;}
.leftgg{float:left;width:220px;height:420px;}
.leftgg .gg1{float:left;width:220px;height:160px;margin:10px 0 0 0;}
.pdright{float:left;margin:9px 0 0 8px;border: 1px solid #0054ff;}
.pdright .u1{float:left;width:199px;padding:7px;border:#ddd solid 1px;height:269px;margin:6px 0 0 9px;text-align:left;}
.pdright .u1 li{float:left;}
.pdright .u1 .l1{width:199px;height:206px;}
.pdright .u1 .l1 img{width:199px;height:199px;}
.pdright .u1 .l2{width:199px;height:45px;font-size:14px;line-height:20px;display:none;}
.pdright .u1 .l2 a:hover{color:#62B4F7;text-decoration:none;}
.pdright .u1 .l2 span{float:left;font-family:"宋体";font-size:12px;text-align:center;margin:2px 0 0 0;line-height:normal;}
.pdright .u1 .l2 .s1{color:#fff;background-color:#000000;width:27px;height:15px;padding:1px 0 0 2px;border-radius:2px 0 0 2px;}
.pdright .u1 .l2 .s2{color:#000;border:#000 solid 1px;background-color:#EFC532;width:26px;height:14px;margin-right:3px;border-radius:0 2px 2px 0;}
.pdright .u1 .l3{width:80px;height:21px;font-size:14px;color:#E85308;font-weight:700;}
.pdright .u1 .l4{width:119px;height:21px;text-align:right;}
.pdright .u1 .l4 a{color:#999;}
.pdright .u1 .l5{width:199px;font-size:14px;height:18px;padding:1px 0 0 0;overflow:hidden;}
.pdright .u1 .l5 a{color:#999;}
.pdright .u1 .l5 a:hover{color:#E23A3A;}
.pdright .u1 .l6{width:199px;text-align:center;height:34px;}
.pdright .u1 .l6 span{float:right;padding:1px 4px 1px 4px;cursor:pointer;margin:7px 0 0 0;border-radius:2px;font-family:Arial, Helvetica, sans-serif;}
.pdright .u1 .l6 .s0{float:left;background-color:#E23A3A;border:#E23A3A solid 1px;color:#fff;}
.pdright .u1:hover{border:#DDDDDD solid 1px;box-shadow:0 0 10px rgba(0,0,0,.3);}
.bfbtype1 .pdright .u1{border:#f9f9f9 solid 1px;}
.rxph{float:right;width:235px;margin:15px 0 0 0;border:#ddd solid 1px;}
.rxph .u1{float:left;width:211px;margin:10px 0 15px 12px;}
.rxph .u1 li{float:left;}
.rxph .u1 .l1{width:105px;height:32px;border-bottom:#188EEE solid 1px;font-size:16px;text-align:center;}
.rxph .u1 .l2{width:106px;height:32px;border-bottom:#DFDFDF solid 1px;}
.rxph .u2{float:left;width:189px;padding:1.8px 0 0 46px;text-align:left;}
.rxph .u2 li{float:left;}
.rxph .u2 .l1{width:189px;height:19px;margin-bottom:7px;font-size:14px;overflow:hidden;}
.rxph .u2 .l1 a:hover{text-decoration:none;color:#62B4F7;}
.rxph .u2 .l2{width:189px;height:65px;font-size:14px;color:#888;line-height:25px;}
.rxph .u2 .l2 img{height:50px;width:50px;margin-right:10px;}
.rxph .u2 .l2 a{color:#999999;}
.rxph .u2 .l2 strong{color:#E85308;}
.rxph .u21{background:url(../homeimg/keImg/ph1.gif) no-repeat;background-position:12px 8px;}
.rxph .u22{background:url(../homeimg/keImg/ph2.gif) no-repeat;background-position:12px 8px;}
.rxph .u23{background:url(../homeimg/keImg/ph3.gif) no-repeat;background-position:12px 8px;}
.rxph .u2:hover{box-shadow:0 0 10px rgba(0,0,0,.3);}
.rxph .u3{float:left;width:211px;height:27px;text-align:left;padding:7px 12px 0 12px;}
.rxph .u3 li{float:left;}
.rxph .u3 .l1{width:34px;}
.rxph .u3 .l2{width:177px;font-size:14px;}
.rxph .u3 .l2 a{color:#333;float:left;width:100%;overflow:hidden;height:18px;}
.rxph .u3 .l2 a:hover{color:#62B4F7;text-decoration:none;}
.rxph .u3:hover{background:rgba(229,229,229,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}

/*资讯*/
.inews{float:left;width:1150px;margin:20px 0 30 0;text-align:left;border-bottom:#eeeeee solid 1px;}
.inews .u1{float:left;width:1150px;}
.inews .u1 li{float:left;}
.inews .u1 .l1{height:35px;width:200px;border-bottom:#A8AEB4 solid 3px;font-size:20px;}
.inews .u1 .l2{padding:7px 0 0 0;height:28px;width:950px;border-bottom:#A8AEB4 solid 3px;text-align:right;font-size:14px;color:#999;}
.inews .dmain{float:left;width:844px;border-right:#EEEEEE solid 1px;}
.inews .dmain .d1{float:left;width:425px;height:226px;margin:16px 15px 0 0;}
.inews .dmain .d2{width:390px;margin:16px 0 0 0;float:left;height:226px;}
.inews .dmain .d2 a{float:left;clear:both;width:390px;}
.inews .dmain .d2 .a1{color:#c20000;text-align:center;font-size:19px;height:24px;}
.inews .dmain .d2 .a2{height:15px;margin:16px 0 0 0;font-size:14px;}
.inews .dmain .d3{margin:14px 0 0 0;float:left;width:844px;}
.inews .dmain .d3 .du1{float:left;width:844px;}
.inews .dmain .d3 .du1 li{float:left;}
.inews .dmain .d3 .du1 .l1{width:95px;padding:7px 0 0 0;border-top:#c20000 solid 1px;;font-size:16px;height:36px;}
.inews .dmain .d3 .du1 .l2{width:734px;padding:7px 15px 0 0;text-align:right;height:36px;border-top:#eeeeee solid 1px;}
.inews .dmain .d3 .du1 .l3{height:30px;width:281px;font-size:14px;}
.inews .dad{float:right;width:305px;}
.inews .dad .ad1{float:right;margin:14px 0 0 0;}

/*合作伙伴*/
.bfbhz{background-color:#3d3d3d;text-align:left;}
.bfbhz .u1{float:left;width:1150px;padding:15px 0 15px 0;border-bottom:#4A4B4C solid 1px;}
.bfbhz .u1 li{float:left;}
.bfbhz .u1 .l1{width:1150px;font-size:16px;height:25px;color:#ffffff;}
.bfbhz .u1 .l2{width:1150px;}
.bfbhz .u1 .l2 img{float:left;border:#E5E5E5 solid 1px;margin:10px 1px 0 4px;padding:4px;}
.bfbhz .u1 .l3{width:1150px;font-size:14px;padding:10px 0 0px 0;}
.bfbhz .u1 .l3 a{color:#999;float:left;margin:0 30px 0 0;height:20px;}



/*网博士-网络-开发设计QQ:5708-302888请不要倒卖-否则停止更新*/
/*滚动统计*/
.bfbtoj{text-align:left;background-color:#fff;border-bottom: #f5f5f5 solid 1px;height:50px;margin:0 0 10px 0;}
.bfbtoj .d1{float:left;width:580px;}
.bfbtoj .d2{float:right;font-size:14px;padding:15px 0 0 0;}
.bfbtoj .d2 strong{color:#66b3fe;}
.bfbtoj .newjy{float:right;width:580px;height:33px;text-align:left;font-size:14px;margin:6px 0 0 0;background:url(../homeimg/keImg/jy.png) no-repeat;background-position:0 10px;}
.bfbtoj .newjy #rolltxt{list-style:outside none none;float:right;width:560px;overflow:hidden;height:33px;}
.bfbtoj .newjy #rolltxt li{float:left;display:inline;height:17px;margin:8px 0;width:100%;}
.bfbtoj .newjy #rolltxt li a{color:#0D69B1;}
.bfbtoj .newjy #rolltxt li a:hover{color:#ff6600;}
.bfbtoj .newjy #rolltxt li strong{color:#ff6600;}
.bfbtoj .newjy #rolltxt li div{float:left;width:100%;height:17px;overflow:hidden;}
/*网博士-网络-开发设计QQ:5708-302888请不要倒卖-否则停止更新*/





._clb { clear: both; }
.indexadz { width: 1178px; margin: 0 auto; background: #fff; border: 1px solid #ddd; padding: 10px; }
.otherserviceguidez { width: 1150px; margin: 0 auto 0 auto; }
.otherserviceguidez:after { content: ''; display: block; height: 0; clear: both; }
.otherserviceguidez .box { float: left; width: 272.5px; padding: 0 0 0 0; height: 110px; display: block; background-position: left top; background-size: 100% 100%; color: #fff; position: relative; overflow: hidden; }
 .otherserviceguidez .box .layer0 { position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; border-radius: 50%; margin-left: -60px; margin-top: -60px; background-color: rgba(0,0,0,0.2); transition-duration: 0; visibility: hidden; }
 .otherserviceguidez .box .layer1 { position: absolute; left: -95; right: 0; bottom: 0; top: 0; padding: 25px 0 0 20px; }
 .otherserviceguidez .box .bp0 { font-size: 22px; line-height: 34px; }
 .otherserviceguidez .box .bp1 { font-size: 14px; line-height: 20px; margin-top: 4px; }
 .otherserviceguidez .box .bp2 { position: absolute; right: 20px; top: 20px; height: 70px; line-height: 70px; width: 70px; font-family: iconfont; text-align: center; font-weight: normal !important; font-size: 64px; }
 .otherserviceguidez .box ~ .box { margin-left: 20px; }
 .otherserviceguidez .box:hover .layer0 { visibility: visible; transition-duration: 550ms; opacity: 0; filter: alpha(opacity=0); -webkit-transform: skewY(scale(2.5)); transform: skewY(scale(2.5)); transform: scale(2.5); -webkit-transform: scale(2.5); }


/*图片加边框阴影*/
img{

  vertical-align: bottom;
}
.out-shadow{
  margin-right:1px;
  padding:2px;
  border:1px solid #ccc;
  border-radius:1px;
  box-shadow: 0 0 1px rgba(0,0,0,0.2);
  transition:all 0.3s ease;
  width:100%;
}
.out-shadow:hover{
  border:1px solid rgba(82, 168, 236, 0.6);
  box-shadow: 0 0 11px rgba(82, 168, 236, 0.6);
}
/*图片加边框阴影*/