@charset "utf-8"; /*---------ҳ begin-------------*/ *{ padding:0; margin:0} body{ padding:0px; margin:0px auto; font:normal 12px/18px "微软雅黑"; color:#666; width: 100%; min-width:1170px; width:expression((documentElement.clientWidth < 1170) ? "1170px" : "100%" );zoom:1; position:relative;} ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; } h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;} font,select,input,em{ font-size:12px; font-style:normal;} ul{ list-style-type: none; } img{ border:none; border:0;} a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#666; font-family:Arial, Helvetica, sans-serif;} a:focus {outline:none;-moz-outline:none;} a:hover{ color:#ff6c00; text-decoration:none;} .clear{ clear:both; overflow:hidden; height:0px;} .mid{ width:1170px; margin:0 auto; clear:both; overflow:hidden;} .mid2{ width:1170px; margin:0 auto; clear:both; position:relative; z-index:10;} .blue{ color:#ff6c00;} .red{ color:red;} /*---------ҳ end-------------*/ /* top */ .top{ background:#fff; height:100px; position:relative; z-index:10;} .logo{ background:url(/cn/images/logo.jpg) no-repeat; position:absolute; top:0; left:20px; width:120px; height:100px; display:block;} /* menu */ .menu{ height:100px; position:absolute; left:354px; top:0;} .menu ul li{ float:left; width:100px; padding:0 1px; text-align:center; position:relative;} .menu ul li a{ display:block; float:left; width:100px; height:100px; font:normal 18px/100px "微软雅黑"; color:#282828;} .menu ul li a:hover,.menu ul li a.hover{ background:#ff6c00; color:#fff;} .menu ul li:hover .nav_menu{ display:block;} .menu ul li .nav_menu{ display:none; position:absolute; left:1px; border-top:solid 1px #fff; top:100px; width:100px;} .menu ul li .nav_menu li{ width:100px; height:32px; padding:0; margin-bottom:1px; text-align:center; overflow:hidden;} .menu ul li .nav_menu li a{ background:url(/cn/images/nav_menu_bg.png) repeat; display:block; width:100px; height:32px; font:normal 12px/32px "微软雅黑"; color:#666;} .menu ul li .nav_menu li a:hover{ background:#ff6c00; color:#fff;} /* menu end */ /* top end */ /* banner */ .banner{ height:520px; overflow:hidden;} .slideBox{ height:520px; overflow:hidden; position:relative; } .slideBox .hd{ width:100%; height:28px; overflow:hidden; position:absolute; left:2px; bottom:0; z-index:2;} .slideBox .hd ul{ width:1170px; margin:0 auto; text-align:center; overflow:hidden; zoom:1;} .slideBox .hd ul li{ background:url(/cn/images/banner_03.png) no-repeat; display:inline-block; width:10px; height:10px; margin-right:6px; cursor:pointer; } .slideBox .hd ul li.on{ background:url(/cn/images/banner_05.png) no-repeat;} .slideBox .bd{ position:relative; height:520px; z-index:0;} .slideBox .bd li{ zoom:1; height:520px; vertical-align:middle;} .slideBox .bd li a{ display:block; width:100%; height:100%;} /* banner end */ /* content */ .content{ background:url(/cn/images/content_bg.jpg) repeat-x; height:1170px; font:normal 12px/26px "微软雅黑"; color:#666; overflow:hidden;} /* 本例子css */ .slideTxtBox{ width:1170px; padding:38px 0; height:750px; overflow:hidden;} .slideTxtBox .hd{ width:1170px; height:280px; position:relative; } .slideTxtBox .hd ul{ float:left; position:absolute; left:0; top:0; height:280px;} .slideTxtBox .hd ul li{ float:left; width:280px; height:280px; margin-right:16px; overflow:hidden;} .slideTxtBox .hd ul li a{ background:url(/cn/images/tu1.jpg) no-repeat; display:block; width:280px; height:280px; text-align:center;} .slideTxtBox .hd ul li a h1{ font:bold 24px/26px "微软雅黑"; color:#484848; padding-top:190px; } .slideTxtBox .hd ul li a span{ font:normal 18px/34px Arial, Helvetica, sans-serif; color:#888888; } .slideTxtBox .hd ul li.on a{ background:url(/cn/images/tu1_hover.jpg) no-repeat;} .slideTxtBox .hd ul li.list2 a{ background:url(/cn/images/tu2.jpg) no-repeat;} .slideTxtBox .hd ul li.list3 a{ background:url(/cn/images/tu3.jpg) no-repeat;} .slideTxtBox .hd ul li.list4 a{ background:url(/cn/images/tu4.jpg) no-repeat;} .slideTxtBox .hd ul li.list2.on a{ background:url(/cn/images/tu2_hover.jpg) no-repeat;} .slideTxtBox .hd ul li.list3.on a{ background:url(/cn/images/tu3_hover.jpg) no-repeat;} .slideTxtBox .hd ul li.list4.on a{ background:url(/cn/images/tu4_hover.jpg) no-repeat;} .slideTxtBox .hd ul li.on a h1,.slideTxtBox .hd ul li.on a span{ color:#fff;} .slideTxtBox .bd ul{ padding-top:80px; zoom:1; } .slideTxtBox .bd ul.gg li{ width:382px; height:354px; float:left; margin-right:12px; overflow:hidden;} .slideTxtBox .bd ul.gg li a{ width:378px; height:248px; display:block; border:solid 1px #e3e3e3; text-align:center; font:normal 16px/34px "微软雅黑"; color:#484848;} .slideTxtBox .bd ul.gg li a img{ width:378px; height:248px; padding:1px; border-bottom:solid 1px #e3e3e3;} .slideTxtBox .bd ul.gg li .box{ border:solid 1px #e3e3e3; border-top:0; padding:10px 0; height:82px; overflow:hidden;} .slideTxtBox .bd ul.gg li .box h1{ width:378px; text-align:center; font:bold 18px "微软雅黑"; color:#484848;} .slideTxtBox .bd ul.gg li .box span{ width:378px; display:block; text-align:center; font:normal 12px/24px "微软雅黑"; color:#484848;} .slideTxtBox .bd ul.gg li .box .more{ background:#ff6c00; display:block; width:60px; height:25px; border:0; margin:0 auto; text-align:center; font:normal 12px/25px "微软雅黑"; color:#fff;} .slideTxtBox .bd ul.gg li .more:hover{ color:#fff;} .slideTxtBox .bd ul.gg li a:hover{ color:#ff6c00;} .slideTxtBox .bd ul.mm li{ width:202px; height:356px; float:left; margin-right:40px; overflow:hidden;} .slideTxtBox .bd ul.mm li a{ width:198px; height:318px; display:block; border:solid 1px #e3e3e3; text-align:center; font:normal 16px/34px "微软雅黑"; color:#484848;} .slideTxtBox .bd ul.mm li a img{ width:198px; height:278px; padding:1px; border-bottom:solid 1px #e3e3e3;} .slideTxtBox .bd ul.mm li a:hover{ color:#ff6c00;} .about{ background:#fff; width:400px; height:300px; float:left; margin-right:24px; overflow:hidden;} .about .title{ width:380px; height:20px; border-bottom:solid 1px #c3c3c3; padding:10px; overflow:hidden;} .about .title h1{ font:bold 18px "微软雅黑"; color:#484848; float:left;} .about .title .more{ float:right; font:normal 12px/40px "微软雅黑"; color:#ff6c00;} .about .con{ padding:14px 10px; font:normal 12px/22px "微软雅黑"; color:#484848; overflow:hidden;} .index_news{ background:#fff; width:400px; height:300px; float:left; margin-right:24px; overflow:hidden;} .index_news .title{ width:380px; height:20px; border-bottom:solid 1px #c3c3c3; padding:10px; overflow:hidden;} .index_news .title h1{ font:bold 18px "微软雅黑"; color:#484848; float:left;} .index_news .title .more{ float:right; font:normal 12px/40px "微软雅黑"; color:#ff6c00;} .index_news .con{ padding:10px; font:normal 12px/34px "微软雅黑"; color:#373737; overflow:hidden;} .index_news .con ul li.top{ width:380px; height:146px; border-bottom:solid 1px #c3c3c3; position:relative; overflow:hidden;} .index_news .con ul li.top img{ position:absolute; left:0; top:0; border:solid 1px #ac9b9c;} .index_news .con ul li.top .title{ width:202px; position:absolute; left:164px; top:0; border:0; font:bold 14px "微软雅黑"; color:#ff6c00; } .index_news .con ul li.top .text{ width:202px; position:absolute; left:170px; top:34px; font:normal 12px/24px "微软雅黑"; color:#606060; } .index_news .con ul li.top .more{ position:absolute; left:290px; top:114px; font:bold 14px "微软雅黑"; padding:0; background:0; color:#ff6c00; } .index_news .con ul li{ height:33px; border-bottom:solid 1px #dbdbdb; overflow:hidden;} .index_news .con ul li a{ background:url(/cn/images/news_ul_li_a_bg.jpg) no-repeat 6px center; padding-left:16px; font:normal 12px/34px "微软雅黑"; color:#373737;} .index_news .con ul li span{ display:block; float:right;} .zixun{ background:#fff; width:320px; height:300px; float:right; overflow:hidden;} .zixun h1{ width:300px; height:20px; border-bottom:solid 1px #c3c3c3; padding:10px; font:bold 18px "微软雅黑"; color:#484848;} .zixun table{ width:280px; padding:20px; overflow:hidden;} .zixun table td{ min-width:50px; font:normal 12px/30px "微软雅黑"; color:#000; padding:2px 0;} .zixun table td .text{ width:180px; height:10px; border:solid 1px #bbb; padding:5px 10px;} .zixun table td .textarea{ width:180px; height:70px; border:solid 1px #bbb; padding:5px 10px;} .zixun table td .btn{ background:url(/cn/images/btn.jpg) no-repeat; display:block; width:81px; height:27px; border:0; margin-top:10px; margin-left:60px; cursor:pointer; font:normal 14px/26px "微软雅黑"; color:#fff; text-align:center;} /* content end */ /* bottom */ .bottom{ background:#373737; height:130px; position:relative; overflow:hidden;} .bottom .mid2 .bottom_contact{ position:absolute; left:32px; top:25px; font:normal 12px/20px "微软雅黑"; color:#fff;} .bottom .mid2 .bottom_link{ position:absolute; right:32px; top:25px; color:#fff;} .bottom .mid2 .bottom_link a{ font:normal 12px/20px "微软雅黑"; color:#fff;} .bottom .mid2 .bottom_link a:hover{ text-decoration:underline;} .bottom .mid2 .bottom_banquan{ position:absolute; right:32px; top:55px; font:normal 12px "微软雅黑"; color: #fff;} /* bottom end */ /* i_banner */ .i_banner{ width:100%; height:450px; overflow:hidden;} .i_banner img{ width:100%; height:450px;} /* i_banner end */ /* i_content */ .i_content{ font:normal 12px/28px "微软雅黑"; color:#6d6d6d; padding:26px 0; min-height:540px; overflow:hidden;} /* i_left */ .i_left{ width:250px; float:left; overflow:hidden;} .i_left h2{ font:bold 20px "微软雅黑";color:#484848; padding-left:10px; width:240px; height:29px; border-bottom:solid 1px #ccc; margin-bottom:1px;} .i_left ul li{ width:250px; height:34px; overflow:hidden;} .i_left ul li a{ background:#fff url(/cn/images/i_left_ul_li_a_bg.jpg) no-repeat 20px center; display:block; padding-left:32px; width:218px; height:33px; border-bottom:solid 1px #e2e2e2; font:normal 12px/34px "微软雅黑"; color:#666; } .i_left ul li a:hover,.i_left ul li a.hover{ background:#ff6c00 url(/cn/images/i_left_ul_li_a_hover.jpg) no-repeat 20px center; color:#fff;} /* i_left end */ /* i_right */ .i_right{ width:890px; float:right; overflow:hidden;} .i_right .title{ width:890px; height:29px; border-bottom:solid 1px #e2e2e2; margin-bottom:20px; overflow:hidden;} .i_right .title h1{ background:url(/cn/images/i_title_bg.jpg) no-repeat left center; padding-left:50px; height:25px; font:normal 14px "微软雅黑"; color:#333; float:left;} .i_right .title span{ display:block; float:right; font:normal 12px/30px "微软雅黑"; color:#666; } .i_right .title span a{ font:normal 12px/30px "微软雅黑"; color:#666; } /* i_right end */ /* i_title */ .i_title{ width:1170px; height:29px; border-bottom:solid 1px #e2e2e2; margin-bottom:20px; overflow:hidden;} .i_title h1{ background:url(/cn/images/i_title_bg.jpg) no-repeat left center; padding-left:50px; height:25px; font:normal 14px "微软雅黑"; color:#333; float:left;} .i_title span{ display:block; float:right; font:normal 12px/30px "微软雅黑"; color:#666; } /* i_title end */ /*job 招聘*/ .i_list .job_list h4{ background:url(/cn/images/templet_job_titlebg.jpg) repeat-x center top; height:34px; overflow:hidden; color:#fff; font-size:12px; line-height:26px;} .i_list .job_list h4 em{ font-style:normal; padding-left:90px;} .i_list .job_list h4 span{ float:right;} .i_list .job_list ul li{ margin:0; padding:0; clear:both;} .i_list .job_list ul li h5{ font-size:12px; line-height:26px; color:#7c7c7c; padding-left:49px; display:block; font-weight:normal; cursor:pointer;} .i_list .job_list ul li h5 a{ color:#333;} .i_list .job_list ul li h5 a:hover{ color:#ff6c00;} .i_list .job_list ul li h5 span{ float:right;} .i_list .job_list ul li .my_content{ padding:10px 37px 10px 93px; color:#696969; line-height:18px; background:#fafafa; display:none;} .i_list .job_list ul li .my_content .name{ position:absolute; margin-top:4px; margin-left:-70px; font-style:normal; font-weight:bold; display:block; height:40px; color:#ff6c00;} .i_list .job_list ul li .my_content .apply{ display:block; text-align:center; font-weight:bold; background:url(/cn/images/templet_job_btn.jpg) no-repeat; width:91px; line-height:24px; color:#207bcb; margin-top:8px;} .i_list .job_list ul .libg{ background:#f1f1f1; margin-bottom:0px;} .i_list .job_list .time{ width:90px; height:26px; overflow:hidden;} .i_list .job_list .time2{ width:90px; height:26px; overflow:hidden;} .i_list .job_list .num{ width:180px; height:36px;} /*End*/ /* 专家团队列表样式 开始 */ .i_content ul.list li{ width:282px; height:250px; float:left; margin-right:22px; overflow:hidden;} .i_content ul.list li a{ width:278px; height:218px; display:block; border:solid 1px #e3e3e3; text-align:center; font:normal 16px/34px "微软雅黑"; color:#484848;} .i_content ul.list li a img{ width:278px; height:182px; padding:1px; border-bottom:solid 1px #e3e3e3;} .i_content ul.list li a:hover{ color:#ff6c00;} /* 专家团队列表样式 结束 */ /* 共用图片列表样式 开始 */ .i_content ul.gg li{ width:282px; height:250px; float:left; margin-right:14px; overflow:hidden;} .i_content ul.gg li a{ width:278px; height:218px; display:block; border:solid 1px #e3e3e3; text-align:center; font:normal 16px/34px "微软雅黑"; color:#484848;} .i_content ul.gg li a img{ width:278px; height:182px; padding:1px; border-bottom:solid 1px #e3e3e3;} .i_content ul.gg li a:hover{ color:#ff6c00;} /* 共用图片列表样式 结束 */ /* 共用图片列表样式 开始 */ .i_content ul.mm li{ width:202px; height:356px; float:left; margin-right:40px; overflow:hidden;} .i_content ul.mm li a{ width:198px; height:318px; display:block; border:solid 1px #e3e3e3; text-align:center; font:normal 16px/34px "微软雅黑"; color:#484848;} .i_content ul.mm li a img{ width:198px; height:278px; padding:1px; border-bottom:solid 1px #e3e3e3;} .i_content ul.mm li a:hover{ color:#ff6c00;} /* 共用图片列表样式 结束 */ /* 新闻资讯列表样式 开始 */ .i_content ul li.news{ background:url(/cn/images/news_ul_li_a_bg.jpg) no-repeat 10px center; width:1150px; padding-left:20px; border-bottom:dotted 1px #3a3a3a; height:35px; overflow:hidden;} .i_content ul li.news a{ float:left; text-align:left; font:normal 12px/36px "微软雅黑"; color:#3a3a3a;} .i_content ul li.news span{ float:right; text-align:right; font:normal 12px/36px "微软雅黑"; color:#3a3a3a;} .i_content ul li.news a:hover{ color:#ff6c00;} /* 新闻资讯列表样式 结束 */ /* 在线留言 结束 */ .i_content .form_table{ width:100%; border:solid 1px #e2e2e2; border-bottom:0;} .i_content .form_table td.left{ width:30%;} .i_content .form_table td{ border-left:0; border-bottom:solid 1px #e2e2e2; padding:10px;} .i_content .form_table td input{ width:159px; height:22px; border:solid 1px #dedede;} .i_content .form_table td .text{ border:solid 1px #dedede; padding-left:14px;} .i_content .form_table td input.btn{ background:#ff6c00; border:solid 1px #004c7a; width:74px; height:26px; color:#fff; border:none; cursor:pointer; font-weight:bold; margin-right:12px; overflow:hidden;} .i_content .form_table td span.form_err{ color:red;} .i_content .form_table td .textarea{ border:solid 1px #dedede; padding-left:14px; line-height:24px; padding-top:10px;} /* 在线留言 结束 */ .ul_sitemap{ font:normal 14px/38px "微软雅黑"; color:#333;} /* i_list end */ /* i_content end */ /*pages*/ .Info_title{ padding:0px; margin:10px 0px; font-size:18px; font-family:"微软雅黑"; color:#ff6c00; text-align:center; } .Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center; background:url(/cn/images/Icon_line.jpg) repeat-x left top;} .Info_time{ color:#666; line-height:34px;} .Info_txt{ padding:10px 0; background:url(/cn/images/Icon_line.jpg) repeat-x left top; line-height:28px;} .Info_back{ text-align:center; font-size:12px; font-weight:normal; padding:15px 0px;} .Info_back a{ color:#ef2e25;} .Info_back a:hover{ color:#ef2e25; font-weight:bold; text-decoration:underline;} .Info_page{ background:url(/cn/images/Icon_dot02.jpg) no-repeat 20px center;} .Info_page a{ color:#7a7a7a;} .page{ text-align:center; margin-top:20px;} .page a{ display:inline-block; background:#ebebeb; width:70px; height:30px; font:normal 12px/30px "微软雅黑"; color:#2a2a2a; margin-right:88px;} .page a:hover{ background:#ff6c00; color:#fff;} /*pages*/ .Pages{ text-align:center; padding:20px 0; font-family:"微软雅黑"; clear:both;} .Pages a{ display:inline-block; height:30px; font-family:"微软雅黑"; line-height:30px; margin:0 1px;} .Pages a:hover{ background:#ff6c00; color:#fff;} .Pages em{ padding:0 5px;} .Pages em a{ background:#ebebeb; font-style:normal; font-family:"微软雅黑"; width:30px; line-height:30px;} .Pages em a.a_cur{ background:#ff6c00; color:#fff;} .Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{ background:#ebebeb; width:60px; height:30px; text-align:center; padding:0 5px;} .Pages .i_text{ width:54px; height:20px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff; margin:0 8px;} .Pages .p_jump b.f1{ font-weight:normal;} .Pages .i_button { background:#ff6c00; width:40px; height:24px; margin-left:10px; color:#fff; cursor:pointer; border:none;} /*pages end*/ /* FILE ARCHIVED ON 08:39:01 Aug 22, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:31:29 Feb 09, 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: 4.134 exclusion.robots: 0.026 exclusion.robots.policy: 0.015 esindex: 0.01 cdx.remote: 23.518 LoadShardBlock: 131.583 (3) PetaboxLoader3.datanode: 136.461 (4) PetaboxLoader3.resolve: 78.695 (2) load_resource: 246.748 */