@charset "gb2312"; /* CSS Document */ *{margin:0;padding:0;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} a img{border:0;} a {text-decoration:none;color:#2a2a2a;} a:hover {text-decoration:none;color:#0070c2;} li{list-style:none} body { font-size:13px;font-family: "微软雅黑",Microsoft YaHei;color:#333; } .main{width:1020px;margin:0 auto;overflow:hidden;} .fl{ float:left} .fr{ float:right} .pa{ position:absolute;} .pr{ position:relative} /* ====== clearfix ====== */ .clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; } .clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; } .clearfix { *zoom:1; } /*头部 logo+导航*/ .top{ width: auto;height: auto;background:#eeeeee url(/Templates/green/images/topbj.jpg) repeat-x bottom; } .top p{ float:left;line-height:40px; display:inline-block} .mRInfo {paddi ng-right: 10px;float:right;} .mRInfo a {padding: 0 15px; color:#444;line-height:40px; float:left;background:url(/Templates/green/images/top-libj.png) no-repeat right center; } .mRInfo a:hover { color:#444; text-decoration:underline;} .head{ width:100%; background:url(/Templates/green/images/headbj.jpg) repeat-x center;} .h_con{ padding:25px 0;overflow:hidden;} .h_con span{color:#ff711a;} .t_text{float:left;display:block;padding:4px 0 4px 43px;color:#333;font-size:14px; line-height:26px; background:url(/Templates/green/images/t_ge.png) no-repeat 15px 5px;} .t_text b{ font-size:16px; display:block; line-height:30px;} .h_pho{line-height:20px;padding:12px 0 12px 70px;background:url(/Templates/green/images/h_pho.png) no-repeat 0 center;white-space:nowrap;color:#666; font-size:14px;} .h_pho b{ display:block;color:#004ea2; font-size:22px;line-height:24px;} .nav{width:auto;margin:0 auto;height:auto; background:url(/Templates/green/images/navbj.jpg) repeat-x center;} .nav li{float:left;height:45px; background:url(/Templates/green/images/nav_hover.jpg) no-repeat left center;} .nav li.nav_first span{ background: url(/Templates/green/images/nav_ico.png) no-repeat left; padding:0 15px} .nav li a{ display:inline-block;line-height:45px;font-size:15px;color:#fff;cursor:pointer;text-align:center; padding:0 33px; } .nav li a:hover{ color:#fff; background:url(/Templates/green/images/navhover.png) no-repeat center;} /*banner START*/ .fullSlide{width:100%;position:relative;height:480px; overflow:hidden; background:#fff url(/Templates/green/images/loading.gif) no-repeat center center;} .fullSlide .bd{position:relative;z-index:0;overflow:hidden;width:1920px; /*图片宽度*/position:absolute;left:50%;margin-left:-960px; } .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:480px;overflow:hidden;text-align:center;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:auto;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:15px;margin:0px 3px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:10px} .fullSlide .hd ul .on{background:#fff;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:8%;z-index:1;width:40px;height:60px;background:url(/Templates/green/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:8%;background-position:-6px -137px;} /*关键词 START*/ .mss{ background:url(/Templates/green/images/ser.gif) repeat-x center; height:54px; } .mRSearch{height:35px;} .mRSearch li{ float:left; } .sswz{ line-height:45px; font-weight:bold; font-size: 15px;} .sswz a{ padding-right:10px;font-weight: normal;} .sswz a:hover{ color:#} .nss{ background:#ececec; border-radius:15px; margin-top:4px; border: 1px #dcdcdc solid;} .textInput { width:180px; height:35px; background:none; padding-left:20px; font-family: Microsoft YaHei;outline-style: none;} .btnSearch {width:50px; height:35px; background: url(/Templates/green/images/ssico.png) center center no-repeat;; cursor:pointer;outline-style: none; } /*客服 START*/ .side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#444444;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#444444;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#444444;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} /*客服 START*/ .side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#303030;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#444444;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#1e88f3;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} /*主内容*/ .sycp{width:100%;height:auto;padding:40px 0;} .sybt{ width:100%; height:180px; } .sybt h4{ font-size: 25px; color:#0070c2; padding-top:20px; padding-left:225px} .sybt p{ padding-top:28px; color:#f46d00; font-size:24px; text-align:center} .jjbt{ width:100%; height:53px; line-height:44px; background: url(/Templates/green/images/jjbtbj.jpg) no-repeat left center; overflow:hidden} .jjbt h2{color:#fff; width:162px; text-align:center; float:left} .jjbt .more{ padding-right:20px} .prolist{ width:260px; height:auto; float:left;} .profl{ text-align:center;color:#fff; } .profl h2{ font-size: 18px;line-height: 45px; background:url(/Templates/green/images/navbj.jpg) repeat-x left top; } .profl span{ font-size:14px;line-height:1.5em ; display: inline-block; text-transform:uppercase} .iprolist{ height:auto;border:2px solid #006ecf; border-top:none; } .iprolist ul{ padding:20px 0 } .iprolist ul li{ width:90%; height:auto; background:#F4F5F7; margin: 0 auto 5px;} .iprolist ul li a{ color:#393939; font-size:14px; display:block;line-height:30px; padding:0 30px; background:url(/Templates/green/images/cpfllibj.png) no-repeat 10px center; border-radius:5px; border:#dbdbdb solid 1px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .iprolist ul li a:hover{ color:#393939; text-decoration:underline } .syfldh{width:auto; color:#fff;padding:25px 0 25px 50px ; background:url(/Templates/green/images/syfldh.png) no-repeat 10px center;} .syfldh b{font-size:14px; display:block;font-weight: normal} .syfldh span{font-size:22px;line-height:32px;display:block; font-family:'arial'; font-weight:bold} .roll{ display:inline-block; width:740px;border: 1px #dcdcdc solid;} .gallery { } .gallery li { width:32%; height:auto;float: left; margin-right:2%; margin-bottom:15px; } .gallery li:nth-child(3n){margin-right:0;} .gallery li:nth-child(n+3){margin-bottom:0;} .gallery li .pro-pic {position: relative; width:100%; height:200px;overflow:hidden; padding:10px;border:#d6d6d6 solid 1px;} .gallery li .pro-pic img, .pro-pic a{width: 100%; height:100%; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */} .gallery li .pro-pic:hover {z-index: 1;} .gallery li .pro-pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; } .gallery li .pro-tit{ text-align:center; width: 100%; height:auto;line-height:40px;} .gallery li .pro-tit a{ font-size:14px; width:100%; display:inline-block; } .gallery li .pro-tit a:hover{ } .p15{ padding:15px} .dhbt{ width:100%; line-height:40px; height:40px; background: url(/Templates/green/images/bardt.jpg) no-repeat left bottom; margin-bottom:20px} .dhbt h2{ color:#0070c2; font-size:18px; display:inline-block} .dhbt span{ color:#0070c2; margin-right:10px; font-size:16px; padding-left:15px; background: url(/Templates/green/images/flico.png) no-repeat left center;line-height:40px; float:left;font-weight: bold; } .dhbt i{ font-style:normal; color:#cccccc; font-size:12px;line-height:40px; float:left;} .dhbt .more{backgro und:url(/Templates/green/images/more.png) no-repeat right center; } .dhbt .more a{ color:#999 } /*走进至宝*/ .ab_bg{ background:url(/Templates/green/images/ab_bg.gif) no-repeat center 0; height:393px; padding:52px 0 0; font-size:0; overflow:hidden;} .about{ width:720px;} .ab_t{ background:url(/Templates/green/css/Img/Index/ab_tbg.png) no-repeat; height:40px; line-height:40px;} .ab_t a{ font-size:18px; color:#fff; padding:0 0 0 48px; font-weight:bold;} .about dl{ width:720px; display:inline-block; overflow:hidden; padding-top:20px;} .about dl dt{ background:url(/Templates/green/images/ab_picbg.gif) no-repeat 0 253px; width:400px; height:273px; float:left;} .about dl dt img{ width:400px; height:225px;} .about dl dd{ width:315px; float:left; padding:0 0 0 28px;} .about dl dd h5{ height:25px; line-height:25px; overflow:hidden;} .about dl dd h5 a{ font-size:15px; color:#333;} .about dl dd p{ font-size:12px; color:#333; height:130px; line-height:24px; padding:10px 0 0; overflow:hidden;} .about dl dd span{ display:block; padding:30px 0 0;} .about dl dd span img{ width:139px; height:33px; padding:0 3px 0 0;} /*荣誉资质*/ .honor{ width:270px;} .honor ul li{ padding-top:20px;} .honor ul li img{ width:267px; height:176px;} .honor ul li span{ width:267px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;} .honor ul li span a{ font-size:14px; color:#333; font-weight:bold;} .honor p{ padding:12px 0 0; width:270px; display:inline-block; overflow:hidden;} .honor .honor_l{ background:url(/Templates/green/images/honor_lico01.gif) no-repeat; display:block; float:left; width:112px; height:27px; margin:0 12px;} .honor .honor_l:hover{ background:url(/Templates/green/images/honor_lico02.gif) no-repeat;} .honor .honor_r{ background:url(/Templates/green/images/honor_rico01.gif) no-repeat; display:block; float:left; width:112px; height:27px;} .honor .honor_r:hover{ background:url(/Templates/green/images/honor_rico02.gif) no-repeat;} .syabout{ width:100%; height:auto; margin-top:20px;} .gsjj{width:70%; height:auto; overflow:hidden;} .title{height:auto;line-height:40px; border-bottom:#e2e2e2 solid 1px} .title .tit-ch{color:#0070c2;display:inline-block;font-size: 16px;font-weight: normal; } .title .tit-en{color:#666666; margin-left:20px;display:inline-block; text-transform:uppercase} .title .more{display:inline-block;float:right;} .title .more a{ padding-right:20px; background:url(/Templates/green/images/more.png) no-repeat right center;} .gsjj .a_con{ padding:15px 0; height: auto;} .gsjj .a_conpic{width:300px} .gsjj .a_conpic img{width:100%} .gsjj .a_conwz{ width:370px;} .gsjj .a_con p{line-height:2em;text-align: justify; color:#666; margin-bottom:8px} .gsjj .a_con a{} .ckxq{ margin-top:10px} .ckxq a{color:#1e88f3;} .ckxq a:hover{text-decoration:underline;} .gslx{ width:25%; height:auto; } .gslx .b_con{ padding:15px 0; line-height:2em; color:#666; height: auto;} .gslx .b_con h2{ color:#1e88f3; font-size: 18px; margin-bottom:10px; border-bottom:#1e88f3 solid 2px; padding-bottom:7px} .sygsdh{width:auto; color:#fff; font-family:'Microsoft YaHei';padding:25px 0 25px 50px ; background:url('/Templates/green/images/sygsdh.png') no-repeat 10px center;} .sygsdh b{font-size:14px; display:block;font-weight: normal} .sygsdh span{font-size:22px;line-height:32px;display:block; font-family:'arial'; font-weight:bold} .conA .news{width:50%;height:auto;float:right;background: #fff; } .news .list{margin-top:20px;} .news .list li{overflow:hidden; height:80px; margin-bottom:22px} .news .list li:nth-child(3n){ margin-bottom:0px} .news .list li .n-time{ float:left; border-right:#dddddd solid 1px; width:15%; text-align:center;padding:16px 0; line-height:2em;} .news .list li .n-time span{ font-size:20px;color: #f6a018;} .news .list li .n-xx{ float:right; width:80%} .news .list li a{font-size:14px; line-height:2em;} .news .list li p{color:#666;line-height:24px;text-indent:2em; margin:0; padding:0} /* 本例子css */ .syly{ height:125px; background:url(/Templates/green/images/ye_bg.jpg) no-repeat center center; position:relative;margin-top:20px;} .syzx{ position:absolute; top:35px; right:90px } .syzx a{ background:#fcc747 ; padding: 0 20px; line-height:2em; font-size:18px; font-weight:bolder; color:#a41b05; display:inline-block} /*优势*/ .rongyu{padding-top:40px; background:#fafafa url(/Templates/green/images/ysh2.jpg) no-repeat top center;} .ysbt{ padding-left:0px; height:auto; height:56px } .ysbt h2{ font-size:20px; color:#0070c2; line-height:25px;} .bt1{ background:url(/Templates/green/images/ysx1.jpg) no-repeat left bottom;} .bt2{ background:url(/Templates/green/images/ysx2.jpg) no-repeat left bottom;} .bt3{ background:url(/Templates/green/images/ysx3.jpg) no-repeat left bottom;} .bt4{ background:url(/Templates/green/images/ysx4.png) no-repeat left bottom;} .bt5{ background:url(/Templates/green/images/ysx5.png) no-repeat left bottom;} .yous{ width:100%; height:auto; } .yous dl{ padding-top:40px} .yous dl dd { font-size:14px;color:#666; width:450px; margin-top: 10px; line-height:1.8em; padding-left:10px; background:url(/Templates/green/images/ysd.gif) no-repeat left 9px;} .yous dl dd span { color:#1e88f3;} .ys01 { background:url(/Templates/green/images/bg01.jpg) no-repeat center bottom; height:300px} .ys02 { background:url(/Templates/green/images/bg02.jpg) no-repeat center bottom; height:350px } .ys02 dl{ float:right} .ys03 { background:url(/Templates/green/images/bg03.jpg) no-repeat center bottom; height:300px} .syal{ width:100%; height:auto;margin-top:20px;} .albj{} #demo{overflow: hidden; margin: 15px 15px 0;} #indemo{float: left;width: 800%;} #demo1{float: left;} #demo2{float: left;} #demo li{float: left;margin-right:30px;width:auto;text-align:center;} #demo .cn11{overflow: hidden;border: 1px #dcdcdc solid; padding:8px } #demo .cn11 img{background: none repeat scroll 0 0 #FFFFFF;width: 230px;display: block; height:200px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;border: 0;} #demo .cn11:hover img{ -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} #demo .cn22{line-height:45px; color:#000;} .flbt{ margin-bottom:40px} .fl_mc{ position:relative} .fl_mc h2{line-height: normal;font-size: 30px;font-weight: normal;margin-bottom: 15px; color:#a00006 } .fl_mc h3{line-height: normal;font-size: 16px;font-weight: normal;margin-bottom: 15px;color: #999;font-family: Arial, Helvetica, sans-serif;} .fl_mc em{display: block;height: 5px;width: 600px;overflow: hidden;position: absolute;right: 0;bottom: 0;background: url(/Templates/green/images/fl-line.png) no-repeat;} .fl_more{ margin-top:20px} .fl_more a { line-height:normal; padding:3px 0; font-size:18px; color:#999; border-bottom:1px solid #ccc; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; } .fl_more a:hover { color:#efbc0c; border-bottom:1px solid #f1c40f; } /*新闻中心*/ .xwzx{width:100%; height: auto;margin-top:20px; } .leftnew{ float:left; } .leftnew p{line-height:2em; text-indent:2em; font-size:14px;} .newl{ width:66%; height:415px; padding-right:4%; background:url(/Templates/green/images/faqs.jpg) no-repeat right center; } .newr{ width:30%; height:415px; } .newshang{ width:100%; height:auto; padding:15px} .newshang .pic{float: left;width: 30%; height:120px; margin-right: 5%;} .newshang .pic img, .newshang .pic a{ overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */} .newshang .pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; } .newshang .newstitle{float: left; width:65%; padding-top:5px} .newshang .newstitle h3{font-size: 14px;} .newshang .newstitle h3 a{color: #333;} .newshang .newstitle h3 a:hover{color: #015bb3;} .newshang .newstitle p{ margin-top: 5px; line-height:2em; color:#666} .newshang .newstitle span{color: #1e88f3;margin-top: 10px;border: solid 1px #1e88f3;text-align: center; display:inline-block; width:100px; line-height:1.8em} .newxia{ } .newxia li{border-bottom: dashed 1px #e1dddd; line-height:32px; width:40%; display:inline-block; padding-left:15px; margin-right:30px; margin-bottom:10px; float:left} .newxia li:nth-child(2n){margin-right:0;} .newxia li h3{font-size: 13px; font-weight:normal; display:inline-block; } .newxia li span{ float:right;color: #666;} .new-right{ padding:15px;} .new-right ul li{overflow:hidden; height:80px; margin-bottom:22px} .new-right li:nth-child(3n){ margin-bottom:0px} .new-right li .n-time{ float:left; width:20%; text-align:center;padding:3% 0; background:#1e88f3;color: #fff; height:80px} .new-right li .n-time p{ line-height:2em;} .new-right li .n-time span{ font-size:20px; line-height:1em;} .new-right li .n-xx{ float:right;width: 75%;padding-top: 10px;} .new-right li a{font-size:14px; color:#333; font-weight:bolder} .new-right li a:hover{color: #015bb3;} .new-right li .n-xx p{color:#666;line-height:24px;text-indent:2em;margin-top: 4px;} .list_lh{ height:320px; overflow:hidden;} .list_lh li{ padding: 15px 0;border-bottom: 1px dashed #dbcec1; height:131px; overflow:hidden;} .list_lh h3{ font-size:13px;line-height: 28px; font-weight:normal; color:#010101; background:url(/Templates/green/images/wen.jpg) no-repeat left 8px; padding-left:24px; } .list_lh p{ color:#666; line-height: 24px; overflow: hidden; background: url(/Templates/green/images/da.jpg) no-repeat left 5px; padding-left:24px;} .wd_c{ height:auto; padding:15px 0 30px;} .wd01{ height:300px; overflow:hidden;} .wd_c dl{ clear:both; padding-bottom:15px ; line-height:24px;} .wd_c dt{ background:url(/Templates/green/images/wd_w.jpg) no-repeat 0 5px; padding-left:22px; height:24px; line-height:24px; overflow:hidden;} .wd_c dt a{ font-weight:bold;} .wd_c dd{ background:url(/Templates/green/images/wd_d.jpg) no-repeat 0 6px; padding:0 0 0 22px; color: #666;} /*-------------友情链接----------*/ .link{ height:auto; padding:20px 0;background:url(/Templates/green/images/linkbg.gif) repeat-x top center;} .linkz{ bo rder:#dfdfdf solid 1px} .link_a{ width:100px; height:60px; text-align:center; line-height:60px; font-size:30px; color:#0070c2; float:left; } .link_b{ width:890px; height:60px; line-height:60px; padding-left:15px; float:left;} .link_b a{font-size:13px; color:#666; padding:0 20px; font-weight:bold} .link_b a:hover{ color:#000;} /*版权*/ #footer{height:auto;width:100%; margin-top:20px; background:url(/Templates/green/images/f_bg.jpg) no-repeat top center;} #footer .footl{ width:220px; background:rgba(0,0,0,0.2); height:220px; text-align:center; color:#fff; line-height:2em;} #footer .footr{ width:auto; height:auto; padding-left:40px} #footer .footr .fmenu{ padding:20px 0; line-height:2em; color:#f2fbee; font-size:13px; text-align: center;} #footer .footr .flink{ line-height:59px; color:#fff; font-size:15px; text-align:center} #footer .footr .flink a{ color:#f2fbee; padding:0 20px} #footer .footr .flink a:hover{ text-decoration: underline} /* FILE ARCHIVED ON 10:39:46 Nov 16, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:50:24 Jul 20, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 6.148 exclusion.robots: 0.065 exclusion.robots.policy: 0.052 esindex: 0.014 cdx.remote: 12.092 LoadShardBlock: 46.809 (3) PetaboxLoader3.datanode: 80.893 (4) load_resource: 111.83 PetaboxLoader3.resolve: 67.018 */