@charset "utf-8"; /*------------------------------- index 首页---------------------------------*/ /*-----首页 banner-----*/ .slideBox{ width:100%; height:445px; overflow:hidden; position:relative;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle;height:445px; } .slideBox .bd li a{ display:block; height:445px;} .slideBox .bd img{ width:450px; height:445px; display:block; } .slideBox .prev, .slideBox .next{ position:absolute; left:8%; top:45%; margin-top:0; display:block; width:30px; height:48px; background:url(/images/arrow_left.png) no-repeat; } .slideBox .next{ left:auto; right:8%; background:url(/images/arrow_right.png) no-repeat;} .slideBox .prev:hover, .slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;} .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /*---造型index-----*/ .izao{ background:url(/images/k4.png) center bottom no-repeat; height:576px} .slideBox02{ width:1000px; height:427px; overflow:hidden; position:relative;padding:48px 0 0 } .slideBox02 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox02 .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox02 .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox02 .hd ul li.on{ background:#f00; color:#fff; } .slideBox02 .bd02{ position:relative; height:427px; z-index:0; width:1000px; margin:0 auto; overflow:hidden; } .slideBox02 .bd02 li{ zoom:1; vertical-align:middle;height:427px; } .slideBox02 .bd02 li .img{ float:left;width:306px; height:427px;} .slideBox02 .prev, .slideBox02 .next{ position:absolute; right:58px; bottom:50px; margin-top:-37px; display:block; width:63px; height:38px; background:url(/images/k2.gif) no-repeat;} .slideBox02 .next{ width:58px; left:auto; right:0; background:url(/images/k3.gif) no-repeat;} .slideBox02 .prev:hover, .slideBox02 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;} .slideBox02 .prevStop{ display:none; } .slideBox02 .nextStop{ display:none; } .izright{ float:left; width:648px; padding:0 0 0 40px;} .izright h2{ font-size:24px; color:#fff; padding:50px 0 0} .izright h4{ font-size:16px; color:#fff; padding:5px 0 0} .izright span{ display:block; line-height:33px;font-size:14px; color:#fff; padding:40px 0 0 } .izao_amore{ position: absolute; right:0; top:195px; color:#fff; text-transform:uppercase; font-size:24px; z-index:22;} /*---成果----*/ .icheng h2{ background:url(/images/k4.gif) left top no-repeat; height:66px; color:#666666; font-size:14px; padding:45px 0 0 88px;} .icheng h2 label{ font-size:24px; color:#000;} .accordion{ width: 1180px; overflow: hidden; height: 330px; margin:44px auto 0; } .accordion ul li{ margin:0 1px 0 0; overflow:hidden; background-repeat: no-repeat; float: left; width: 180px; height: 330px; cursor: pointer; position:relative; } .accordion ul li.active{ width: 460px; } .accordion ul li a{ display: block; width: 180px; height: 330px; cursor: pointer; } .accordion ul li a span{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);width: 460px; transition:0; height: 330px;} .accordion ul li.active span{ display:none;} .accordion ul li .iccon{ position:absolute; left:0; top:0; z-index:1; padding-left:32px;width: 428px;height: 330px; display:none;} .accordion ul li.active .iccon{ display:block;} .accordion ul li .iccon h4{ font-size:14px; color:#fff; padding:230px 0 0; height:30px;} .accordion ul li .iccon h4 b{ font-size:24px;} .accordion ul li .iccon p{ font-size:16px; color:#fff; padding:10px 0 0} .ic_more{ display:block; width:100%; color:#fff; font-size:20px; line-height:48px; text-align:center; margin:29px 0 0} /*---风采----*/ .ifeng_fr{ float:right; width:467px; background:url(/images/k5.png) right bottom no-repeat; height:452px;} .if_con{ padding:65px 0 0 37px; } .if_con img{ float:left;} .if_crr{ float:right; width:188px; padding:0 25px 0 0} .if_crr h4{ font-weight:bold; font-size:24px; color:#fff; display:block; padding:100px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .if_crr span{ display:block; font-size:16px; color:#fff; padding:5px 0 0; line-height:20px; height:80px; overflow:hidden;} .if_crr .icc{ color:#fff; font-size:16px;} /*book*/ .ibook h2{ text-align:center; padding:70px 0 0} .message{float:left; padding:45px 0 0} .message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;} .message textarea{height:144px; } .inp_fl{ float:left; width:362px; padding-right:16px;} .yzm{width:100%; margin:20px 0 0} .message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"} .viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px} .focus { width:358px !important; height:38px !important; border:2px solid #ee0049 !important;} .focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;} /*圆圈分类*/ .circle_bg{height:0; width:1004px; margin:0 auto; position:relative;} .circle_b{top:-100px; position:absolute; z-index:5;} .circle_type{width:200px; height:200px; float:left; background-color:#f00; border-radius:100%; margin:0 24px; overflow:hidden; background-repeat:no-repeat; background-position:center;} .circle_type a{display:block;} .circle_type .titlea{width:55px; height:57px; border:4px solid #fff; margin-left:65px; margin-top:68px; font-size:20px; color:#fff; padding-left:10px;} /*首页两条咨询*/ .two_news{width:1440px; height:250px; clear:both;} .two_news_b{width:1004px; margin:0 auto;} .two_news_b li{float:left; width:490px; height:190px; background-color:#4f1c00;} .two_news_b li+li{margin-left:20px;} .two_news_b li a{display:block;} .two_news_b .img{float:left; width:201px; height:151px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:20px; margin-top:20px;} .two_news_b .infob{float:left; width:235px; padding-left:20px; padding-top:30px;} .two_news_b .title{font-size:18px; line-height:18px; color:#ff9a64;} .two_news_b .other{clear:both; color:#8e502f; font-size:14px; line-height:16px; padding-top:15px;} .two_news_b .time{float:left; background-image:url(/images/two_itemicon1.png); background-repeat:no-repeat; padding-left:25px;} .two_news_b .looks{float:left; background-image:url(/images/two_itemicon2.png); background-repeat:no-repeat; padding-left:25px; margin-left:25px; background-position:0 3px;} .two_news_b .msg{font-size:14px; line-height:28px; color:#c9987d; clear:both; padding-top:10px;} /*产品中心*/ .pro_bg{ height:778px;position:relative;} .d_protop{ background:url(/images/ph1.gif) left 28px repeat-x; height:140px; margin-top:-28px;position:relative; z-index:9} .d_pleft{ float:left; width:148px; height:77px; background:#ffffff; border:1px solid #e0eeeb; margin:5px 0 0; } .d_pleft h2{ color:#00945a; font-size:26px; line-height:45px; padding-left:19px;} .d_pleft h6{ color:#626262; font-size:13px;padding-left:19px;} .d_protop ul{ float:left; width:850px} .d_protop ul li{ float:left; width:92px; margin:0 0 0 75px} .d_protop ul li span{ float:left; width:90px; height:90px; border:1px solid #dfdfdf; border-radius:50%; overflow:hidden;} .d_protop ul li label{ float:left; width:92px; text-align:center; color:#333333; font-size:14px; line-height:35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .d_proul{width:1004px; margin:0 auto; padding-top:10px;} .d_proul li{float:left; width:212px; margin:0 0 27px 0; position:relative; } .d_proul li+li{margin-left:26px;} .d_proul li .title{font-size:14px; line-height:14px; color:#333333; height:25px; line-height:25px; text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .d_proul li span{ position:absolute; right:5px; top:5px; width:25px; height:25px; border-radius:50%; background:rgba(132,129,121,0.4); text-align:center; line-height:25px; overflow:hidden; color:#fff;} .d_proul li.a{ width:500px; } .d_proul li.a .divimg{ width:500px; height:376px; position:relative; background-size:cover; background-position:center } .d_proul li.b{ width:212px; } .d_proul li.b .divimg{ width:212px; height:159px; position:relative;background-size:cover; background-position:center } /*企业资讯+留言*/ .msgnews_bg{width:1440px; margin:0 auto; height:356px;} .company_b{float:left; padding-top:105px;} .company_b li{height:16px; width:452px; background-image:url(/images/company_bg.png); background-repeat:repeat-x; font-size:14px; line-height:16px; margin-top:23px; float:left; margin-right:40px;} .company_b li a{display:block;} .company_b li .title{float:left; color:#ff9a64; background-color:#0d0400; padding-right:20px;} .company_b li .time{float:right; color:#ff9a64; background-color:#0d0400; padding-left:20px;} .in_msg_b{float:right; width:492px;} .in_msg_b form{padding-top:95px;} .in_msg_b label{clear:both; display:block; margin-top:20px;} .in_msg_b label:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;} .in_msg_b label span{float:left; font-size:14px; line-height:30px; color:#ff9a64; padding-right:20px;} .in_msg_b label textarea{float:left; width:415px; height:85px; outline:none; border:none; background-color:#4f1c00; color:#fff; font-size:14px; line-height:24px; text-indent:1em;} .in_msg_b label input{float:left; width:150px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#fff; font-size:14px; text-indent:1em;} .in_msg_b .name{float:left;} .in_msg_b .phone{float:left; clear:none; padding-left:40px;} .in_msg_b .sub_b{clear:both; padding-top:20px; padding-left:76px;} .in_msg_b .sub_b input{width:80px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#ff9a64; font-size:14px; cursor:pointer;} /*分类+关于我们*/ .type_b{float:left; width:260px; margin-top:-62px;} .type_b .head_b{height:62px; background-color:#00beaf; background-image:url(/images/index_type01.png); background-repeat:no-repeat; background-position:19px 16px; padding-left:85px; font-size:24px; line-height:62px; color:#fff;} .type_b ul{border:1px solid #ddd; border-top:none;} .type_b li{height:49px; width:218px; margin:0 auto; font-size:16px; line-height:49px;} .type_b li+li{border-top:1px dashed #ddd;} .type_b li a{display:block; padding-left:30px; color:#999; background-image:url(/images/index_type02.png); background-repeat:no-repeat; background-position:190px 18px;} .type_b li a:hover{color:#009286; background-image:url(/images/index_type02h.png);} /*关于我们+新闻资讯*/ .index_about{width:100%; float:left; } .index_about .head_bg{ float:left; width:100%;height:43px; border-left:2px solid #00945a; margin-top:40px;} .index_about .line_b{height:43px;} .index_about .line_b .title{ float:left; padding-left:10px;} .index_about .line_b .title label{ font-size:28px; color:#00945a; line-height:1} .index_about .line_b .title span{ font-size:13px; color:#4b4b4b; line-height:1.6} .index_about .line_b .more{float:right; font-size:12px; width:68px; height:24px; line-height:24px; text-align:center; margin:10px 0 0;color:#00945a; border:1px dotted #86c9b0} .iabout{width:500px; height:182px; float:left; margin-top:20px; } .index_about .r_b{float:right; width:463px; padding-left:25px; padding-top:24px;} .index_about .msg_b{line-height:28px; font-size:30px; color:#666666; font-size:14px;} .index_about .get_all{width:145px; height:26px; display:block; margin:20px auto 0 auto; border:1px solid #00beaf; color:#009286; font-size:14px; line-height:26px; text-align:center; clear:both;} .index_news{ height:572px; background:#e9f0ef; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0} .inew_ul{ float:left; width:103%; padding-top:35px;} .inew_ul li{ float:left; margin: 15px 20px 15px 0; height:87px; width:492px; } .inew_ul li img{ float:left;} .inew_ul li .news01{ float:left; width:86px; height:80px; text-align:center; font-size:15px; color:#777777; border-right:1px solid #cccccc} .inew_ul li .news01 span{ display:block; font-size:44px; line-height:1.2; color:#00945a;} .inew_ul li .irr{ float:left; padding-left:19px; width:365px;} .inew_ul li .irr h4{ font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333333;padding:2px 0 0;} .inew_ul li .irr span{ display:block; font-size:14px; line-height:25px; height:50px;overflow:hidden; color:#888888; padding:4px 0 0;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .inew_ul li a:hover h4{ color:#00945a} /*case*/ .index_case{ height:380px; background:#fff;} .index_case .head_bg{ float:left; width:100%;height:43px; border-left:2px solid #00945a; margin-top:40px;} .index_case .line_b{height:43px;} .index_case .line_b .title{ float:left; padding-left:10px;} .index_case .line_b .title label{ font-size:28px; color:#00945a; line-height:1} .index_case .line_b .title span{ font-size:13px; color:#4b4b4b; line-height:1.6} .index_case .line_b .more{float:right; font-size:12px; width:68px; height:24px; line-height:24px; text-align:center; margin:10px 0 0;color:#00945a; border:1px dotted #86c9b0} .case_b{ float:left; width:100%; padding:15px 0 0} .case_b ul{ float:left; width:103%;} .case_b li{ float:left; width:319px; height:239px; position:relative; margin:0 24px 0 0} .case_b li .divimg{ float:left; width:100%; height:239px; overflow:hidden; background-size:cover; background-position:center;} .case_b li .title{ position: absolute; height:40px; left:0; bottom:0; background:rgba(0,0,0,0.4); width:100%; text-align:center; color:#fff; font-size:14px; line-height:40px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /*contact*/ .dp_imap{ float:right; width:494px; height:230px; border:4px solid #fff; margin:40px 0 0} .icontact{ background:#e9f0ef; height:328px; border-top:1px solid #e3e3e3} .icontact01{ float:left; width:490px; padding-top:22px;} .icontact01 .head_bg{ float:left; width:100%;height:43px; border-left:2px solid #00945a; margin-top:18px;} .icontact01 .line_b{height:43px;} .icontact01 .line_b .title{ float:left; padding-left:10px;} .icontact01 .line_b .title label{ font-size:28px; color:#00945a; line-height:1} .icontact01 .line_b .title span{ font-size:13px; color:#4b4b4b; line-height:1.6} .icontact01 .line_b .more{float:right; font-size:12px; width:68px; height:24px; line-height:24px; text-align:center; margin:10px 0 0;color:#00945a; border:1px dotted #86c9b0} .icontact02{ float:left; padding:30px 0 0 0; width:100%} .icontact02 ul li{padding-left:0px; font-size:18px; color:#000000; line-height:60px; height:60px;} /*join*/ .ijoin{ height:244px; background:#f6f6f6} .ijimg{ float:left; width:100%; height:135px; margin:26px 0 0} .ijoin .head_bg{ float:left; width:100%;height:43px; border-left:2px solid #00945a; margin-top:40px;} .ijoin .line_b{height:43px;} .ijoin .line_b .title{ float:left; padding-left:10px;} .ijoin .line_b .title label{ font-size:28px; color:#00945a; line-height:1} .ijoin .line_b .title span{ font-size:13px; color:#4b4b4b; line-height:1.6} .ijoin .line_b .more{float:right; font-size:12px; width:68px; height:24px; line-height:24px; text-align:center; margin:10px 0 0;color:#00945a; border:1px dotted #86c9b0; } /* FILE ARCHIVED ON 00:05:37 Mar 06, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:59:14 Mar 27, 2025. 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: 0.808 exclusion.robots: 0.047 exclusion.robots.policy: 0.028 esindex: 0.017 cdx.remote: 18.051 LoadShardBlock: 533.181 (3) PetaboxLoader3.datanode: 485.415 (4) PetaboxLoader3.resolve: 147.911 (2) load_resource: 125.558 */