@charset "utf-8"; *{margin:0 auto; padding:0;} body {color: #424242; font-size: 12px; line-height:25px; margin:0 auto; } img{ border:none; text-align: center; } a {text-decoration: none;color: #333;} ul,p {list-style: none;margin: 0;padding:0;} .clear{ clear:left;} .cleara{ clear:right;} a{color:#333;} a:hover{ color: #000; text-align: right; } /*------------------top---------------------*/ .top{ background:#F9F9F9;border-bottom:1px solid #F0F0F0;} .top-a{ width:1100px; overflow:hidden; padding:5px 0; } .top-a span{ color:#C00;} .top p{ float:left;} .top a{ float:right;} /*------------------logo---------------------*/ .logo-a{ float:left; width:220px; padding-top:10px;} /*------------------nav---------------------*/ .head-v3{position:relative;z-index:100; height:85px;} .nav{width:1100px;} .head-v3 .navigation-inner{margin:0 auto;position:relative;} .navigation-up{height:60px; float:right;} .navigation-up .navigation-v3{float:left;} .navigation-up .navigation-v3 ul{float:left;} .navigation-up .navigation-v3 li{float:left;color:#fff; font-size:13px; text-align:center; margin-left:5px;} .navigation-up .navigation-v3 .nav-up-selected{background:#f0f0f0;} .navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0} .navigation-up .navigation-v3 li h2 a{padding:30px 0; color:#333;display:inline-block;width:80px; font-size:14px;} .navigation-down{position:absolute;top:85px;left:0px;width:100%} .navigation-down .nav-down-menu{width:100%;margin:0;background:#f0f0f0;position:absolute;top:0px;background-color: rgba(0,0,0,0.9);} .navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1100px;position:relative} .navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0} .navigation-down .menu-1 dl{margin:20px;} .navigation-down .menu-1 dt{font:normal 17px "microsoft yahei";color:#B5DFF8;padding-bottom:10px;border-bottom:1px solid #B5DFF8;margin-bottom:10px; font-weight:bolder;} .navigation-down .menu-1 dd a{color:#fff; font-size:13px;} .navigation-down .menu-1 dd a:hover{color:#60aff6} .navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;} .navigation-down-inner{ padding:10px 0; overflow:hidden;} .navigation-down-inner .cpa{ width:14%; border-right:1px solid #fff;float:left;} .navigation-down-inner .cpa p { width:100%; text-align:center; padding:5px 0;} .navigation-down-inner .cpa p a{ color:#fff; font-size:16px; font-weight:bolder;} .navigation-down-inner .cpa p a:hover{ color:#60aff6;} .navigation-down-inner .cpb{ float:left; width:85%;} .navigation-down-inner #cpc{ color:#ccc;} /*------------------banner---------------------*/ .banner{margin-bottom:20px;} .banner-show{height:442px; margin-bottom:20px;} .banner .ban_c img{position:absolute;width:1600px;left:50%;margin-left:-800px;top:0;} .banner .ban_nav{display:none;} .banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;} .banner .Left{margin-right:-450px;background-position:5px 0} .banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f;} .bann_ext{position:relative;} .frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;} .frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;} .frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;} .frontCover .img{position:relative;height:50px;overflow:hidden;} .frontCover img{position:absolute;width:192px;height:50px;left:-50px;} .frontCover .open{background:#e60013;} .wrap{width:980px;margin-left:auto;margin-right:auto;} /*骞荤伅鐗?缁勪欢)*/ .slide{position:relative;width:100%;} .ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .ban_c img{width:100%;height:100%;} .ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;} .ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;} .ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;} .ban_nav .on{background:#f90;color:#fff;} .Left,.Right{cursor:pointer;} /*------------------center---------------------*/ .center{ width:1100px; font-size:13px;} .cen-a{ width:31%; float:left;} .cen-b{ width:34%; float:left; margin:0 2%;} .cen-c{ width:31%; float:left;} .cea{ width:100%; overflow:hidden; margin-bottom:10px;} .cea h2,.cea h2,.cea h2{ float:left; margin-right:5px;} .cea p,.cea p,.cea p{ padding:7px 0 0 0px;} .cen-a ul{ margin-top:10px;} .cen-a ul li{ border-bottom:1px solid #e4e4e4; padding:8px 0;} .cen-a ul li span{ float:right; background:url(../images/solutionbg.jpg) no-repeat; width:14px; height:30px; background-position:0 -12px;} .cen-a ul li:hover{ text-align:center; background-color: #009933; } .cen-a ul a li:hover{ color:#FFF;} .cen-a ul li:hover span{ color:#ED1C24; background:none;} .cen-b ul{margin-top:10px;} .cen-b ul li{ float:left; height:125px; margin:0 5px;} .cen-b ul li img{ width:175px;} .cen-b ul li h3{ background-color: rgba(0,0,0,0.5); font-size: 12px; width:100%; text-align:center; position: relative; top:-32px;} .cen-b ul li a{ color:#FFF;} .cen-c img{ width:100%; margin:10px 0;} /*------------------serach---------------------*/ .ser{ width:100%; overflow:hidden; background:#f9f9f9; border: 1px solid #f0f0f0; border-right:none; border-left:none; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 2px; padding-right: 0; padding-bottom: 2px; padding-left: 0; } .sea{ width:1100px; } .ser-a{ float:left;} .ser-a h3{ float:left; font-size:16px; line-height:32px;} .ser-a div{ width:335px; border:1px solid #CCC; overflow:hidden; float:left; height:30px; padding:2px 0;} .ser-a div #a{ height:30px; border:none; width:300px;} .ser-a div #b{ background:url(../images/13.gif) no-repeat; width:30px; height:21px; border:none;} .ser-b{ float:right; padding-top:5px;} .ser-b1{ float:left; padding-top:5px;} .ser-b h2{ font-size:16px; } .ser-b span{ color: #009933; font-size: 16px; } /*------------------down---------------------*/ .down{ width:1100px; overflow:hidden; font-size:13px;} .down-a { width:350px; float:left;} .down-b { width:740px; float:right;} .down-a ul{ margin-top:10px;} .down-a ul li{ border-bottom:1px solid #e4e4e4; padding:8px 0;} .down-a ul li span{ float:right; background:url(../images/solutionbg.jpg) no-repeat; width:14px; height:30px; background-position:0 -12px;} .down-a ul li:hover{ text-align:center; background-color: #009933; } .down-a ul a li:hover{ color:#FFF;} .down-a ul li:hover span{ color:#ED1C24; background:none;} .down-b ul{ margin-top:30px;} .down-b ul li{ float:left; width:24.9%; text-align:center; border-left:1px solid #e8e8e8;} #dbe{ border-left:none;} .dba{ width:46px; height:51px; background-image: url(../images/index_job.jpg); background-repeat: no-repeat; } .dbb{ background:url(../images/index_case.jpg) no-repeat; width:46px; height:51px;} .dbc{ background:url(../images/index_video.jpg) no-repeat; width:46px; height:51px;} .dbd{ background:url(../images/index_company.jpg) no-repeat; width:46px; height:51px;} .down-b ul li:hover .dba{ width:46px; height:51px; background-image: url(../images/index_job.jpg); background-repeat: no-repeat; } .down-b ul li:hover .dbb{ background:url(../images/index_case.jpg) no-repeat; width:46px; height:51px;} .down-b ul li:hover .dbc{ background:url(../images/index_video.jpg) no-repeat; width:46px; height:51px;} .down-b ul li:hover .dbd{ background:url(../images/index_company.jpg) no-repeat; width:46px; height:51px;} .down-b ul li:hover h3{ color:#009933; } .down-b ul li div{ margin-bottom:10px;} .down-b ul li h3{ font-size:17px;} /*------------------copy---------------------*/ .copy{ width:100%; background:#40434A; overflow:hidden; margin-top:20px; } .cop{ width:1100px; padding:20px 0; overflow:hidden;} .cop-a{ width:22%; float:left; border-right:1px dashed #999;} .cop-b{ width:75%; float:right;} .cop-a{ text-align:center;} .cop-a img{ width:140px;} .cop-a h3{ color:#FFF; font-size:16px;} .cop-a h4{ color:#FFF; font-size:14px; margin:10px 0;} .cop-b ul{ float:left; width:20%;} .cop-b ul h3{ color:#FFF; font-size:17px; margin-bottom:10px;} .cop-b ul li a{ color:#FFF;} /*------------------copy---------------------*/ .bq{ width:100%; background:#313237; overflow:hidden;} .bq-a{width:1100px;color:#FFF; font-size:13px;} .bq-a a{ color:#FFF;} .co-a{ float:left;} .co-b{ float:right;} /*----------------浜у搧鍐呭瀵艰埅鎸傞《--------------------*/ .pc-a_1{position:fixed;width:1100px; z-index:999;top:0px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));background:#fff;} .pc-a_1 ul{border:1px solid #e5e5e5; overflow:hidden;} .pc-a_1 ul li{ float:left; padding:30px 0 10px 0; font-size:18px; margin:0 10px; width:163px; text-align:center;} .pc-a_1 ul li a{ padding:50px 30px 20px 30px; font-size:14px; font-weight:bolder; color:#424242;} .pc-a_1 ul li a:hover{color:#00883c;} .pc-a_1 .pc-lia{ background: url(../images/prod_pin.png) no-repeat; background-position:30px -30px;} .pc-a_1 .pc-lib{ background: url(../images/prod_pin.png) no-repeat; background-position:-70px -30px;} .pc-a_1 .pc-lic{ background: url(../images/prod_pin.png) no-repeat; background-position:-170px -30px;} .pc-a_1 .pc-lid{ background: url(../images/prod_pin.png) no-repeat; background-position:-270px -30px;} .pc-a_1 .pc-lie{ background: url(../images/prod_pin.png) no-repeat; background-position:-370px -30px;} .pc-a_1 .pc-lif{ background: url(../images/prod_pin.png) no-repeat; background-position:-470px -30px;} .pc-a_1 .pc-lia:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:30px -120px ;} .pc-a_1 .pc-lib:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-70px -120px ;} .pc-a_1 .pc-lic:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-170px -120px ;} .pc-a_1 .pc-lid:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-270px -120px ;} .pc-a_1 .pc-lie:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-370px -120px ;} .pc-a_1 .pc-lif:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-470px -120px ;} /*------------------tp----left-----------------*/ .tp{ width:1100px; overflow:hidden;font-size:13px; margin-bottom:20px;} .tp-a{ width:240px; float:left; margin-right:20px; margin-bottom:10px;} .tp-a_1{position:fixed;width:240px; z-index:999;top:0px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));background:#fff;} .tpa-a h3{ padding:9px 0 8px 0;} .tpa-a ul{ border-top-width: 2px; border-top-style: solid; border-top-color: #009933; } .tpa-a ul li{ border:1px solid #e2e2e2; border-top:none; color:#999; padding:5px 0px 5px 30px;} .tpa-a ul li:hover{ background:#333; color:#FFF;} .tpa-a ul li:hover a{ color:#FFF;} .tpa-a h1{ font-size: 16px; line-height: 25px; margin-top:20px;} .tpa-a span{ color: #009933; font-family: Tahoma,Geneva,sans-serif; font-size: 12px; font-weight: normal; margin-left: 10px; } .tpa-b,.tpa-c{background:url(../images/fast_img.gif) no-repeat; color: #999999;font-size: 12px; padding-right: 100px; background-position:150px 0; height:60px; } .tpa-c{background:url(../images/about.gif) no-repeat; background-position:150px 0;} .more a{ color: #009933; margin-left:10px; } /*------------------tp----right-----------------*/ .tp-b{ width:840px; float:left; color:#666; font-size:13px; line-height:23px;} .tpb-a{ border-bottom:1px solid #CCC; overflow:hidden; padding:9px 0px; margin-bottom:20px;} .tpb-a h3{ float:left;} .tpb-a span{ float:right; text-align: right; } /*------------------鍦ㄧ嚎瀹㈡湇-----------------*/ #leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px; z-index:1;} *html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));} #leftsead li{width:131px;height:60px;} #leftsead li img{float:right;} #leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;} #leftsead li a .shows{display:block;} #leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;} #leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;} .linkbox{ width:100%; margin-bottom:10px; overflow:hidden;} .f6 li{ float:left; width:20%; margin:10px 0; text-align:center;}