@charset "utf-8"; /* dunChong css */ /* reset */ body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; font-family: "微软雅黑"; } em{ font-style: normal;} li{ list-style: none; } a { text-decoration: none; } img { border:none; vertical-align: top; } table{ border-collapse: collapse; } textarea{ resize: none; overflow:auto; } input { border: 0; outline: none; } em { font-style: normal; } /* public */ .fl { float: left; } .fr { float: right; } .clear { zoom: 1; } .clear:after { content: ""; display: block; clear: both; } .w980 { width: 980px; margin: 0 auto; } /* header */ #top,#top .top_l,#top .top_r { height: 32px; } #top { width: 100%; } #top .top_l { float: left; width: 62%; background: #b10005; } #top .top_r { float: left; width: 38%; background: #474747; } #top p { width: 252px; padding-left: 6px; line-height: 32px; color: #c6c6c6; position: relative; } #top p a { font-size: 12px; color: #fff; margin: 0 16px; } #top .search { width: 40px; height: 0; padding-top: 32px; overflow: hidden; background: url(../img/top_search.gif) no-repeat; position: absolute; right: 0; top: 0; } #header { width: 100%; height: 100px; background: #fff; box-shadow: 0 0 4px 0 rgba(133,133,133,0.23); } #header .head { height: 100px; } #header h1 { float: left; width: 170px; height: 100px; } #header h1 a { display: block; margin: 31px 0 24px; } #header h1 img { width: 158px; height: 45px; } #header .main_nav { float: right; width: 700px; padding-top: 20px; } #header .main_nav li { float: left; padding-left: 38px; line-height: 80px; } #header .main_nav a { font-size: 16px; color: #666; line-height: 1; } #header .main_nav a:hover { color: #b10005; } /* footer */ #footer { width: 100%; height: 322px; background: url(../img/footer_bg.gif) repeat-x; } #footer .footer_nav { height: 266px; } #footer .fn_about,#footer .fn_case,#footer .fn_service,#footer .fn_contact { border-left: 1px solid #6d6d6d; } #footer .fn_about { width: 350px; } #footer .fn_case { width: 186px; } #footer .fn_service { width: 185px; } #footer .fn_contact { width: 250px; border-right: 1px solid #6d6d6d; } #footer dl { float: left; height: 240px; padding-top: 26px; } #footer dt { height: 32px; font: 18px/30px "微软雅黑"; color: #fff; margin-bottom: 16px; font-weight:700;} #footer dd { font: 12px/22px "微软雅黑"; color: #fff; } #footer dd a { color: #fff; } #footer dd a:hover { color: #c82126; } #footer .fna_1 { width: 172px; padding-left: 40px; } #footer .fna_2 { width: 138px; } #footer .fn_case dl { width: 118px; padding-left: 68px; } #footer .fn_service dl { width: 128px; padding-left: 58px; } #footer .fn_contact dl { width: 200px; padding-left: 40px; margin-right: 10px; display: inline; } #footer .phone { height: 94px; border-bottom: 1px solid #6d6d6d; margin-bottom: 10px; } #footer .phone strong { display: block; height: 0; padding-top: 36px; overflow: hidden; background: url(../img/footer_phone.png) no-repeat; } #footer .phone p { line-height: 18px; } #copyright { height: 56px; } #copyright p { line-height: 56px; color: #b1b1b1; } #copyright a { color: #b1b1b1; margin: 0 6px; } #copyright a:hover { color: #c82126; } /* index */ .banner,.banner ul,.banner ul li,.banner ul a { height: 400px; } .banner { width: 100%; position: relative; overflow: hidden; margin-bottom: 16px; } .banner ul { width: 100%; position: relative; } .banner ul li { width: 1920px; background-position: center top; background-repeat: no-repeat; position: absolute; left:50%; top: 0;margin-left:-960px !important; opacity: 0; filter: alpha( opacity=0 ); } .banner ul a { display: block; width: 1920px; position: absolute; left: 0; top: 0; z-index: 1; } .scroll_nav { width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 2; } .scroll_nav .sn_wrap { width: 120px; height: 30px; line-height: 30px; margin: 0 auto; } .scroll_nav a { display: inline-block; width: 14px; height: 0; padding-top: 14px; overflow: hidden; margin-right: 12px; background: url(../img/scroll_nav.png) no-repeat; } .scroll_nav .hover { background-position: 0 -14px; } .index_con1 .solution_tit { height: 36px; } .index_con1 .solution_tit h2 { height: 0; padding-top: 36px; overflow: hidden; background: url(../img/solution_title.png) no-repeat center 7px; } .index_con1 .solution_list { padding: 28px 0; position: relative; } .index_con1 .sl_wrap { width: 936px; margin: 0 auto; overflow: hidden; position: relative; } .index_con1 .sl_wrap ul { position: relative; left: 0; } .index_con1 .sl_wrap li { float: left; width: 126px; padding: 0 15px; } .index_con1 .sl_wrap .img { display: block; width: 126px; height: 126px; background: url(../img/solution_circle.png) no-repeat; } .index_con1 .sl_wrap img { position: relative; left: 8px; top: 8px; } .index_con1 .sl_wrap h3 { padding-top: 18px; text-align: center; font: normal 14px/36px "微软雅黑"; color: #333; } .index_con1 .sl_wrap h3 a { color: #333; } .index_con1 .sl_wrap h3 a:hover { color: #b10005; } .index_con1 .prev_btn,.index_con1 .next_btn { width: 30px; height: 0; padding-top: 30px; overflow: hidden; background: url(../img/index_btn.png) no-repeat; position: absolute; top: 70px; z-index: 2; } .index_con1 .prev_btn { background-position: 0 0; left: -30px; } .index_con1 .next_btn { background-position: -30px 0; right: -26px; } .index_con1 .prev_btn:hover { background-position: 0 -30px; } .index_con1 .next_btn:hover { background-position: -30px -30px; } .index_con2 { background: url(../img/welcome_news.jpg) repeat-y;} .index_con2,.index_con2 .w980,.index_con2 .news,.index_con2 .product,.index_con2 .quick_nav { height: 244px; overflow: hidden; } .index_con2 .news,.index_con2 .product,.index_con2 .quick_nav { float: left; } .index_con2 { width: 100%; } .index_con2 .news { width: 368px; background: #f9f9f9; } .index_con2 .product { width: 324px; background: #fbf7f7; } .index_con2 .quick_nav { width: 244px; background: #fff3f3; } .index_con2 .mod_tit { height: 60px; position: relative; } .index_con2 .mod_tit h4 { font: bold 14px/60px "微软雅黑"; color: #666; } .index_con2 .mod_tit .more { width: 10px; height: 0; padding-top: 10px; overflow: hidden; position: absolute; right: 22px; top: 34px; background: url(../img/more_ico.gif) no-repeat;} .news .news_list { padding-right: 12px; } .news .news_list li { height: 28px; line-height: 28px; vertical-align: top; } .news .news_list a,.news .news_list span { font-size: 12px; } .news .news_list a { float: left; color: #666; } .news .news_list a:hover { color: #b10005; } .news .news_list span { float: right; font-family: "arial"; color: #888; } .product { padding-left: 22px; } .product .product_con { height: 176px; padding-top: 8px; position: relative; } .product .product_con ul,.product .product_con ul li { width: 172px; height: 108px; position: absolute; } .product .product_con ul { left: 8px; top: 24px; } .product .product_con ul li { left: 0; top: 0; opacity: 0; filter: alpha( opacity=0 ); } .product .product_con ul img { width: 144px; height: 150px; position: relative; top: -30px; left: 20px; } .product .product_con ol { width: 71px; position: absolute; right: 22px; top: 0; } .product .product_con ol li { width: 58px; height: 38px; margin-bottom: 14px; } .product .product_con ol a { display: block; border: 1px solid #cdcdca; } .product .product_con .active { border: 1px solid #b91114;} .product .product_con ol img { width: 56px; height: 36px; } .quick_nav { padding-left: 22px; } .quick_nav .qn_con { width: 224px; } .quick_nav li { float: left; width: 110px; height: 66px; margin-right: 2px; margin-bottom: 2px; background: url(../img/quick_nav.png) no-repeat; } .quick_nav li a { display: block; width: 110px; padding-top: 28px; line-height: 38px; text-align: center; color: #fff; } .quick_nav li a:hover { text-decoration: underline; } .quick_nav .shop { background-color: #f18103; background-position: center 0; } .quick_nav .case { background-color: #bcbcbc; background-position: center -63px; } .quick_nav .friends { background-color: #dedede; background-position: center -129px; } .quick_nav .clouds { background-color: #c82126; background-position: center -195px; } /* product_one && product_two */ /* one */ .pro_lis ul { border-left: 1px solid #e1e1e5; border-top: 1px solid #e1e1e5; } .pro_lis li { float: left; width: 325px; border-right: 1px solid #e1e1e5; border-bottom: 1px solid #e1e1e5; } .pro_lis li:hover h2,.pro_lis li:hover .pro_btn a { color: #b10005; } .pro_lis .pro_con { width: 274px; margin: 0 auto; } .pro_lis .pro_con a { display: block; } .pro_lis .pro_btn { width: 274px; height: 26px; margin: 24px auto; text-align: right; } .pro_lis .pro_btn a { display: inline-block; width: 75px; height: 26px; line-height: 26px; text-align: center; background: url(../img/product_btn.png) no-repeat; color: #666; } .pro_lis1 { width: 980px; margin: 32px auto 86px; } .pro_lis1 .pro_con h2 { padding-top: 14px; font: bold 18px/38px "微软雅黑"; color: #666; } .pro_lis1 .pro_con p { font: 12px/18px "微软雅黑"; color: #666; margin-bottom: 14px; } .pro_lis1 .pro_con img { width: 274px; height: 200px; } /* two */ .pro_ban { margin-bottom: 0; } .pro_search { width: 100%; height: 157px; background: url(../img/product_serach.jpg) no-repeat center top; } .pro_search .ps_wrap { height: 157px; } .pro_search dl { width: 1000px; } .pro_search dt { font: bold 24px/46px "微软雅黑"; color: #fff; padding: 26px 0 14px 0; } .pro_search dd { float: left; height: 47px; margin-right: 10px; display: inline; position: relative; } .pro_search dd h3 { height: 46px; line-height: 46px; text-indent: 18px; border-left: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; font-size: 14px; color: #777; background: #fff; box-shadow: inset 1px 0 0 1px rgba(236,236,236,0.5); } .pro_search dd ul { width: 389px; border:1px solid #c5c5c5; background: #fff; position:absolute; top: 47px; left:0; z-index:1; display:none; } .pro_search dd li { line-height: 40px; text-indent: 18px; cursor: pointer; } .pro_search .active { background: #b10005; color:#fff; } .pro_search .choise { width: 391px; height: 47px; } .pro_search .choise h3 { width: 390px;} .pro_search .choise a { width: 9px; height: 0; padding-top: 6px; overflow: hidden; position: absolute; right: 32px; top: 22px; background: url(../img/product_search_btn.png) no-repeat; } .pro_search .submit { width: 176px; line-height: 47px; text-align: center; border-left: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; background: #fff; } .pro_search .submit a { color: #666; font-size: 14px; } .pro_search .submit a:hover { color: #b10005; } .pro_lis2 { width: 980px; margin: 54px auto 66px; } .pro_lis2 .pro_con h2 { padding: 22px 0; text-align: center; font: 16px/32px "微软雅黑"; color: #666; } /*.pro_con a img{ width: 274px; height: 200px; }*/ /* solution */ .solution_case { width: 100%; background: #f9f9f9; } .solution_case .sc_wrap { width: 980px; overflow: hidden; } .solution_case ul { width: 1000px; margin: 60px 0; } .solution_case li { float: left; width: 480px; height: 202px; margin-right: 20px; display: inline; background: #fff; } .solution_case li div { padding: 16px; } .solution_case .img { float: left; width: 244px; } .solution_case .img img { width: 244px; height: 171px; } .solution_case dl { float: right; width: 174px; padding-top: 14px; } .solution_case dt { font: 18px/42px "微软雅黑"; color: #333; margin-bottom: 6px; } .solution_case dd { font: 14px/26px "微软雅黑"; } .solution_case dd a { color: #666; } .solution_case dd a:hover { color: #c82126; } /* solution_list */ .s_banner,.s_banner ul,.s_banner ul li,.s_banner ul a { height: 287px; margin: 0; } .border_top { border-top: 1px solid #dedede; } .solution_intro .mod_tit1 { height: 48px; border-bottom: 1px solid #e6e6e6; } .solution_intro .mod_tit1 h2 { color: #c82126; } .solution_intro .si_con { padding-top: 28px; height: 212px; } .solution_intro .si_con p { float: left; width: 536px; font: 12px/26px "微软雅黑"; color: #8b8b8b; } .solution_intro .si_con a { float: right; width: 408px; } .solution_intro .si_con img { width: 408px; height: 169px; } .solution_items { width: 100%; background: #fcfcfc; } .solution_items .sc_tit { height: 100px; } .solution_items .sc_tit h2 { font: bold 24px/46px "微软雅黑"; color: #666; padding: 27px 0; } .solution_items ul { margin-bottom: 66px; } .solution_items li { height: 142px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5; vertical-align: top; } .solution_items .img { float: left; width: 197px; position: relative; top: 12px; } .solution_items .img img { width: 197px; height: 111px; } .solution_items li div { float: left; width: 714px; padding-left: 24px; } .solution_items li h3 { font: 16px/44px "微软雅黑"; } .solution_items li h3 a { color: #666; } .solution_items li h3 a:hover { color: #b10005; } .solution_items li p { font: 12px/22px "微软雅黑"; color: #8b8b8b; margin-bottom: 4px; } .solution_items .more { display: block; font: 12px/44px "微软雅黑"; color: #b10005; } /* about_info */ .breadcrumbs { height: 40px; border-bottom: 1px solid #dedede; margin-bottom: 42px; } .breadcrumbs p { width: 950px; height: 40px; padding-left: 30px; margin: 0 auto; font: 12px/40px "微软雅黑"; color: #666; background: url(../img/breadcrumbs_p_bg.png) no-repeat; } .breadcrumbs a { color: #666; } .breadcrumbs span { display: inline-block; width: 5px; height: 7px; overflow:hidden; margin: 0 10px 0 18px; vertical-align: middle; background: url(../img/breadcrumbs_p_bg.png) no-repeat 0 -40px; } .about_con { padding-bottom: 120px; } .dc_side { width: 200px; } .dc_side h3 { height: 61px; line-height: 61px; text-indent: 26px; font-size: 16px; color: #fff; background:url(../img/about_side_title.jpg) no-repeat; } .dc_side ul { width: 198px; border-left: 1px solid #e1e1e5; border-right: 1px solid #e1e1e5; } .dc_side li { color: #555; border-bottom: 1px solid #e1e1e5; background: #f0f1f6; cursor: pointer; position: relative; } .dc_side li h4 { height: 44px; padding-left: 24px; font: 12px/44px "微软雅黑"; color: #555; } .dc_side li a { display: block; color: #555; } .dc_side .click a { color: #c82126; } .dc_side li span { width: 9px; height: 0; padding-top: 8px; overflow: hidden; background: url(../img/more_ico.gif) no-repeat 0 -10px; position: absolute; right: 16px; top: 18px; } .dc_side li dl { width: 172px; padding: 8px 0 8px 26px; background: #fff; display: none; } .dc_side li dt { font: bold 14px/30px "微软雅黑"; color: #555; } .dc_side li dd { text-indent: 12px; font: 12px/22px "微软雅黑"; background: url(../img/breadcrumbs_p_bg.png) no-repeat 0 -47px; } .dc_side li dd a { color: #8b8b8b; } .dc_side li dd a:hover { color: #c82126; } .dc_side li dd a.hover { color: #c82126; } .dc_side .contact_us { position: static; } .dc_side .contact_us a { display: block; line-height: 44px; padding-left: 24px; color: #555; } .mod_tit1 { height: 42px; border-bottom: 1px solid #c2c2c2; } .mod_tit1 h2 { font: bold 24px/1 "微软雅黑"; color: #555; } .dc_main { width: 740px; } #area_nav{ overflow: hidden; height: 560px; } .dc_main .mod_tit1 { margin-bottom: 58px; } .dc_main .mc_intro1 { height: 234px; border-bottom: 1px solid #ececec; } .dc_main .mc_intro1 div { width: 380px; padding-right: 36px; } .dc_main .mc_intro1 a img { width: 292px; height: 194px; } .dc_main .mc_intro1 h1 { font: 24px/32px "微软雅黑"; color: #b10005; } .dc_main .mc_intro1 h3 { font: normal 12px/20px "arial"; color: #adabab; } .dc_main .mc_intro1 span { display: block; width: 30px; height: 12px; border-bottom: 3px solid #b10005; margin-bottom: 14px; } .dc_main .mc_intro1 p,.dc_main .mc_intro2 p { font: 12px/26px "微软雅黑"; color: #666; } .dc_main .mc_intro2 { padding-top: 24px; } /* about_culture */ .culture .mod_tit1 { margin-bottom: 50px; } .culture .mc_wrap { width: 550px; margin: 0 auto; } .culture .culture_img { text-align: center; padding-bottom: 36px; border-bottom: 1px solid #c9c9c9; } .culture .slogan { padding: 0 10px; margin-bottom: 50px; } .culture .slogan h3 { padding-top: 8px; font: 12px/22px "微软雅黑"; color: #000; } .culture .slogan p { font: 12px/24px "arial"; color: #666; } /* about_news */ .news .mod_tit1 { margin-bottom: 34px; } .news .news_center { width: 720px; padding: 0 20px 78px 0; } .news .news_center li { height: 110px; border-bottom: 1px solid #e5e5e5; margin-bottom: 18px; vertical-align: top; } .news .news_center li:hover h3 a,.news .news_center li:hover span { color: #c82126; } .news .news_center .img { float: left; width: 135px; padding-left: 20px; position: relative; top: 6px; } .news .news_center .img img { width: 135px; height: 90px; } .news .news_center div { float: left; padding-left: 26px; width: 490px; } .news .news_center h3 { font: 14px/32px "微软雅黑"; } .news .news_center h3 a { color: #666; } .news .news_center p { font: 12px/24px "微软雅黑"; color: #8b8b8b; } .news .news_center span { display: block; height: 24px; font: 12px/24px "arial"; color: #666; } /* about_join */ .join .mod_tit1 { margin-bottom: 34px; } .join .search_index { width: 737px; height: 46px; border-top: 1px solid #e1e1e5; border-left: 1px solid #e1e1e5; margin-bottom: 20px; } .join .search_index p,.join .search_btn { float: left; width: 296px; height: 45px; border-bottom: 1px solid #e1e1e5; border-right: 1px solid #e1e1e5; } .join .search_index p * { float: left; } .join .search_index p span { width: 90px; text-align: center; line-height: 45px; } .join .search_index p input { width: 163px; height: 25px; line-height: 25px; padding: 0 8px; background: #fff; margin: 10px 0 8px 0; border: 1px solid #dbdbdb; box-shadow: inset 2px 0 0 2px rgba(239,239,239,0.5); } .join .search_btn { width: 140px; } .join .search_btn a { display: block; width: 118px; height: 27px; line-height: 27px; text-indent: 18px; margin: 8px auto; background: url(../img/search_index_btn.jpg) no-repeat; color: #fff; } .join .search_con { width: 740px; overflow: hidden; margin-bottom: 54px; } .join .search_con ul { width: 758px; } .join .search_con li { float: left; width: 358px; height: 144px; border: 1px solid #e1e1e5; margin: 0 18px 18px 0; display: inline; } .join .search_con li:hover span { color: #b10005; } .join .sc_wrap { width: 314px; margin: 0 auto; } .join .sc_tit { height: 24px; padding: 12px 0 6px 0; margin-bottom: 8px; border-bottom: 1px solid #e1e1e5; } .join .sc_con { position: relative; } .join .sc_con .margin-left { margin-left: 20px;} .join .sc_con .apply { height: 24px; text-align:right; } .join .sc_con .apply a { display: inline-block; width: 50px; height: 24px; padding-left: 20px; color: #8b8b8b;background: url(../img/search_con_ico.png) no-repeat 0 -19px; position: relative; top: -6px; } .join .sc_con .margin_left { margin-left: 10px;} .join .sc_tit strong,.join .sc_tit span { font: bold 12px/24px "微软雅黑"; } .join .sc_tit strong { float: left; width: 120px; color: #b10005 } .join .sc_tit span { float: right; width: 60px; padding-left: 24px; color: #8b8b8b; font-weight: normal; background: url(../img/search_con_ico.png) no-repeat 4px 5px; } .join .sc_wrap p { font: 12px/24px "微软雅黑"; color: #8b8b8b; } .join .sc_wrap p span { color: #666; } /* about_achieve */ .achieve .mod_tit1 { margin-bottom: 32px; } .year { width: 722px; height: 44px; padding-bottom: 30px; margin-bottom: 38px; border-bottom: 1px solid #d5d5d5; position: relative; } .year_wrap { width: 645px; height: 44px; overflow: hidden; position: relative; left: 39px;} .year ul { width-: 10000px; height: 44px; position: absolute; left: 0; top: 0; } .year li { float: left; width: 214px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #ddd; border-left: 0; } .year li a { font-size: 12px; color: #666; } .year li:hover { border-top: 1px solid #b10005; } .year li:hover a { color: #b10005; } .year .active { border-top: 1px solid #b10005; } .year .active a { color: #b10005; } .achieve .achieve_list ul ul{ display:block; } .year .prev_btn,.year .next_btn { height: 0; padding-top: 44px; overflow: hidden; background: url(../img/achieve_bg.png) no-repeat; position: absolute; top: 0; } .year .prev_btn { width: 39px; background-position: 0 -102px; left: 0; } .year .next_btn { width: 38px; background-position: 0 -54px; right: 0; } .pad_30 { padding-bottom: 30px; } .achieve .achieve_list { width: 740px; position: relative; } .achieve .achieve_list .cert { width: 54px; height: 0; padding-top: 54px; overflow: hidden; background: url(../img/achieve_bg.png) no-repeat; position: absolute; right: 0; top: 4px; } .achieve .achieve_list ul { display: none; } .achieve .time { float: left; width: 90px; } .achieve .time h2 { padding-left: 6px; width: 84px; overflow: hidden; border-bottom: 1px solid #d2d2d2; } .achieve .time .year_2012 { background-position: 0 -162px;} .achieve .time .year_2011 { background-position: 0 -214px;} .achieve .achieve_list ol { float: left; width: 420px; padding-left: 28px; } .achieve .achieve_list ol li { height: 32px; line-height: 32px; font-size: 12px; } .achieve ol em { color: #b10005; margin-right: 16px; float: left; } .achieve ol span { color: #666; display: inline-block; float: right; width: 385px; } /* homeMade */ .homeMade .mod_tit1 { margin-bottom: 32px; } .homeMade .homeMade_list { width: 750px; overflow: hidden; padding-bottom: 34px; } .homeMade .homeMade_list ul { width: 780px; display: none; } .homeMade .homeMade_list li { float: left; width: 230px; margin-right: 22px; padding-bottom: 20px; display: inline; } .homeMade .homeMade_list a,.homeMade .homeMade_list strong { display: block; } .homeMade .homeMade_list strong { height: 50px; line-height: 50px; text-align: center; color: #666; } .homeMade .homeMade_list img { width: 230px; height: 342px; } .homeMade .homeMade_list .img1 img { width: 220px; height: 136px; } .homeMade .homeMade_list .img1 strong { height: 60px; line-height:60px; } .homeMade .homeMade_list .img2 img { width: 240px; height: 344px; } /* contact */ .contact .mod_tit1 { margin-bottom: 48px; } .contact .area_nav { height: 64px; background: #fafafa; border: 1px solid #f0f0f0; margin-bottom: 18px; } .contact .area_nav p { padding: 18px 0 26px 0; text-indent: 14px; font: 12px/22px "微软雅黑"; color: #d9d9d9; } .contact .area_nav span { font-weight: bold; color: #666; margin-right: 4px; } .contact .area_nav a { color: #666; margin: 0 6px; } .contact .area_nav a:hover { text-decoration: underline; color: #b10005; } .contact .map { width: 738px; height: 260px; margin: 0 0 14px; } .contact .contact_info { margin-bottom: 80px; } .contact .contact_info h4 { font: bold 16px/58px "微软雅黑"; color: #666; } .contact .contact_info li { float: left; width: 320px; padding-left: 28px; font: 12px/32px "微软雅黑"; background: url(../img/contact_intro.png) no-repeat;} .contact .contact_info a { color: #666; } .contact .contact_info a:hover { color: #b10005; } .contact .contact_info .address { width: 100%; background-position: 0 0; } .contact .contact_info .phone1 { background-position: 0 -32px; } .contact .contact_info .phone2 { background-position: 0 -64px; } .contact .contact_info .emial { background-position: 0 -96px; } .contact .contact_info .phone3 { background-position: 0 -128px; } /* product_details */ .pro_body { background: url(../img/product_details_bg.jpg) no-repeat center 132px; } .pro_intro .pro_pic,.pro_intro .pro_adv,.pro_msn { background: #fff; border: 1px solid #e1e1e5; } .pro_intro { height: 404px; margin-top: 34px; } .pro_intro .pro_pic { width: 640px; } .pro_intro .pro_pic .img { height: 338px; text-align: center; } .pro_intro .pro_pic .img img { width: 310px; height: 280px; top: 30px; position: relative; } .pro_intro .pp_nav { width: 100%; height: 64px; position: relative; } .pro_intro .pp_wrap { position: absolute; left: 50%; top: 15px; } .pro_intro .pp_wrap a { display: inline-block; width: 32px; height: 32px; border: 1px solid #e0e0e0; margin-right: 8px; } .pro_intro .pp_wrap img { width: 32px; height: 32px; } .pro_intro .pro_adv { width: 320px; height: 402px; } .pro_intro .pa_wrap { width: 280px; margin: 0 auto; } .pro_intro .pa_wrap h3 { padding: 30px 0 12px 0; font: bold 18px/46px "微软雅黑"; color: #000; } .pro_intro .pa_con { min-height: 230px; } .pro_intro .pa_con h4,.pro_intro .pa_con p { font: 12px/24px "微软雅黑"; } .pro_intro .pa_con h4 { text-indent: 14px; font-weight: bold; } .pro_intro .pa_con p { padding: 0 0 2px 14px; max-height: 48px; overflow: hidden; color: #666; background: url(../img/pro_details_ico.png) no-repeat -33px -60px; } .pro_intro .pro_fun { width: 210px; margin: 0 auto; } .pro_intro .pro_fun a { display: inline-block; width: 67px; padding-top: 44px; text-align: center; font: 12px/26px "微软雅黑"; color: #666; background: url(../img/pro_details_ico.png) no-repeat center 0; } .pro_nav { height: 58px; background: #d90030; margin: 12px auto; } .pro_nav .pb_wrap { height: 58px; line-height: 58px; } .pro_nav ul { width: 744px; margin: 12px auto; } .pro_nav li { float: left;font-weight: bold; line-height: 58px; padding: 0 80px; position: relative; color: #fff; cursor: pointer;font-size: 18px } .pro_nav span { width: 9px; height: 5px; overflow: hidden; background: url(../img/pro_details_ico.png) no-repeat left bottom; position: absolute; left: 50%; bottom: 0; display: none; } .pro_msn { margin-bottom: 62px; } .pro_msn .ps_wrap { width: 910px; margin: 0 auto; } .pro_msn h4 { height: 42px; font: bold 18px/42px "微软雅黑"; text-align: center; padding: 30px 0 18px 0; border-bottom: 1px solid #e1e1e5; } .pro_msn .clear { min-height: 500px; } .pro_msn .ps_wrap div { /*display: none;*/ } .pro_msn table { margin: 20px 0 10px 0; } /*.pro_msn ul { margin-bottom: 62px; display: none; } .pro_msn li { border-bottom: 1px solid #e1e1e5; } .pro_msn li p { padding-left: 20px; font: 12px/24px "微软雅黑"; color: #666; background: url(../img/pro_details_ico.png) no-repeat -33px -60px;} .pro_msn .text { float: left; width: 151px; border-right: 1px solid #e1e1e5; text-align: center; } .pro_msn .explain { float: left; width: 710px; padding: 16px 0 0 48px; } .pro_msn .he1 { height: 98px; } .pro_msn .he1 .text { line-height: 98px; } .pro_msn .he2 { height: 54px; } .pro_msn .he2 .text { line-height: 54px;} .pro_msn .he3 { height: 124px; } .pro_msn .he3 .text {line-height: 124px; } */ .pro_msn table { border-left: 1px solid #ddd; border-top: 1px solid #ddd; } .pro_msn table td { padding: 6px 0 6px 12px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* process */ .process .mod_tit1 { margin-bottom: 20px; } .process .process_list { width: 650px; height: 624px; overflow: hidden; margin: 50px auto 84px; background: url(../img/process_border.png) no-repeat center; position: relative; } .process .process_list li { width: 610px; position: relative; } .process .process_list li.fl, .process .process_list li.fr{ padding-bottom: 50px; } .process .process_list li li { width: auto; height: auto; position: auto; } .process .pl_img,.process .pl_img img { width: 245px; height: 105px; } .process .process_list b { width: 37px; height: 37px; text-align: center; font: 12px/37px "arial"; color: #fff; background: #ef030a; position: absolute; border-radius: 50%; } .process .process_list .fl b { left: 304px; top: 22px; } .process .process_list .fr b { left: 264px; top: 44px; } .process .pl_con { width: 282px; padding: 15px 0; border: 1px solid #b2b2b2; border-radius: 16px; } .process .he110 { height: 110px; } .process .pl_con ul { width: 260px; margin: 0 auto; } .process .pl_con li { font: 12px/26px "微软雅黑"; color: #666; } .process .pl_con li span { color: #b10005; margin-right: 12px; } .process .pl_con li p.fr{ width: 220px; } .process .more { width: 30px; height: 0; padding-top: 30px; overflow: hidden; background: url(../img/process_btn.png) no-repeat; position: absolute; left: 308px; bottom: 0; z-index: 1; } /* concerned */ .concerned .mod_tit1 { margin-bottom: 26px; } .concerned .concerned_list { padding-left: 12px; width: 728px; overflow: hidden; } .concerned .concerned_list ul { width: 735px; margin-bottom: 156px; } .concerned .concerned_list li { float: left; width: 225px; margin: 0 20px 34px 0; display: inline; background: url(../img/concerned_shadow.png) no-repeat 1px 146px; border-bottom: 1px solid #e1e1e5; } .concerned .concerned_list li:hover { border-bottom: 1px solid #b10005; } .concerned .concerned_list li:hover h4 { color: #b10005; } .concerned .concerned_list a { display: block; width: 225px; } .concerned .concerned_list img { width: 209px; height: 131px; padding: 7px; border: 1px solid #ebebeb; } .concerned .concerned_list h4 { text-align: center; font: 12px/54px "微软雅黑"; color: #666; } /* book */ .book .mod_tit1 { margin-bottom: 20px;} .book .book_list { width: 740px; overflow: hidden; } .book .book_list ul { width: 748px; margin-bottom: 66px; } .book .book_list li { float: left; width: 179px; margin: 0 8px 10px 0; display: inline; } .book .book_list li:hover span { display: block; } .book .book_list li:hover strong { color: #b10005; } .book .book_list a { display: block; width: 177px; border: 1px solid #e7e7e7; border-bottom: 0; position: relative; box-shadow: 0 3px 3px 0 rgba(200,200,200,0.5); } .book .book_list img,.book .book_list span { width: 177px; height: 219px; } .book .book_list span { position: absolute; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha( opacity=50 ); display: none; } .book .book_list strong { display: block; border-top: 1px solid #e7e7e7; text-indent: 16px; font: 12px/50px "arial"; color: #666; } .book .book_list b { width: 12px; height: 0; padding-top: 12px; overflow: hidden; background: url(../img/download_ico.png) no-repeat; position: absolute; right: 6px; bottom: 20px; } /* news_details */ .news .news_mt { padding-top: 40px; } .news .news_tit { height: 90px; text-align: center; border-bottom: 1px dotted #c2c2c2; } .news .news_tit h3 { font: normal 16px/30px "微软雅黑"; } .news .news_tit p { font: normal 12px/26px "微软雅黑"; } .news .news_con { padding: 30px 38px; } .news .news_con p { text-indent: 20px; margin-bottom: 20px; font: normal 12px/28px "微软雅黑"; color: #757575; } .news .tab { padding-top: 10px; padding-left: 38px; position: relative; } .news .tab p { padding-bottom: 40px; line-height: 30px; } .news .tab p a { color: #555; } .news .tab p a:hover { text-decoration: underline; } .news .return { width: 96px; height: 30px; line-height: 30px; text-align: center; color: #666; border: 1px solid #dedede; position: absolute; right: 0; top: 18px; } .news .return:hover { color: #b10005; } /* 人才招聘 */ #spred { color:#F00; } .joinus_tb { border:1px solid #E2E2E2; border-width: 0 0 1px 1px;} .joinus_tb tr td { padding: 5px; border:1px solid #E2E2E2; border-width:1px 1px 0 0; } .joinus_tb .feedback_input { width: 260px; height: 18px; padding: 5px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; } .joinus_tb .error { width: 260px; height: 18px; padding: 5px; line-height: 18px; color: #666; border: 1px solid #D70128; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; } .network-flash{ width: 670px; height: 550px; margin: 0 auto; } .map{ width: 748px; height: 438px; margin: -35px 0 -35px -30px; } .top_r .por{ position: relative; width: 252px; } .ovh{ overflow: hidden; } .search-box{ position: absolute; right: 0; top: 0; width: 40px; height: 32px; } .search-box input{ position: absolute; right: -115px; top: 0; z-index: 1; width: 105px; height: 32px; padding: 0 5px; border: none; background: #545454; font-size: 12px; line-height: 32px; color: #fff; } .search-box input.submit{ right: 0; z-index: 2; width: 40px; height: 32px; padding: 0; background: url(../img/top_search.gif) no-repeat; } /* success_case */ .success_case { margin-top: 4px; background: #f8f8f8; } .success_case .sc_wrap { padding-top: 42px; } .success_case .case_trade { height: 472px; margin-bottom: 12px; } .success_case .ct_side { width: 245px; height: 472px; background: url(../img/trade_bg.jpg) no-repeat; } .success_case .ct_side h2 { padding: 32px 0 24px 0; font: bold 24px/48px "微软雅黑"; text-indent: 24px; color: #fff; } .success_case .ct_side div { padding-left: 26px; } .success_case .ct_side a { float: left; padding: 0 40px 24px 0; font-size: 14px; line-height: 24px; color: #fff; } .success_case .ct_side a:hover { text-decoration: underline; } .success_case .ct_main { width: 735px; } .success_case .ct_main li { float: left; width: 245px; position: relative; } .success_case .ct_main a { display: block; } .success_case .ct_main img { width: 245px; height: 236px; } .success_case .ct_main h3,.success_case .ct_main span { width: 100%; height: 44px; position: absolute; left: 0; bottom: 0; } .success_case .ct_main h3 { line-height: 44px; text-indent: 22px; font-size: 14px; z-index: 1; display: none; } .success_case .ct_main h3 a { color: #fff; } .success_case .ct_main h3 a:hover { text-decoration: underline; } .success_case .ct_main span { background: #000; opacity: 0.4; filter: alpha( opacity = 40); z-index: 0; display: none; } .success_case .ct_main .first_img { width: 490px; } .success_case .first_img img { width: 490px; } .success_case .case_con { padding-bottom: 74px; } .success_case .case_type { height: 72px; background: url(../img/case_bg.jpg) no-repeat; } .success_case .ct_wrap { width: 588px; margin: 0 auto; } .success_case .ct_wrap a { display: inline-block; font: bold 14px/72px "微软雅黑"; padding: 0 64px; position: relative; color: #666; } .success_case .ct_wrap b { width: 9px; height: 5px; background: url(../img/triangle_red.gif) no-repeat; position: absolute; left: 50%; margin-left: -4px; top: 60px; display: none; } .success_case .ct_wrap .hover { color: #cc1d22;} .success_case .ct_wrap .hover b { display: block; } .success_case .case_list { width: 880px; padding: 0 50px; background: #fff; display: none; } .success_case .cl_index { width: 872px; height: 30px; margin: 0 auto; padding: 24px 0 64px 0; } .success_case .cl_index a { float: left; padding: 0 12px 0 14px; margin: 0 8px; line-height: 28px; border: 1px solid #fff; font-size: 14px; color: #666; } .success_case .cl_index .hover { border: 1px solid #b10005; color: #b10005; } .success_case .cl_con { padding-bottom: 78px; } .success_case .cl_con ul { display: none; } .success_case .cl_con li { height: 110px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; vertical-align: top; } .success_case .img { float: left; width: 135px; padding-right: 24px; } .success_case .img a { display: block; } .success_case .img img { width: 135px; height: 90px; } .success_case .con { float: left; width: 614px; } .success_case .con h3 { font-size: 14px; line-height: 24px; margin-bottom: 4px; } .success_case .con h3 a { color: #666; } .success_case .con h3 a:hover { color: #cc1d22; } .success_case .con p { line-height: 22px; font-size: 12px; color: #8b8b8b; } .success_case .con span { display: block; font: 12px/28px "arial"; color: #666; } .success_case .ct_wrap{ text-align: center; } /* service */ .tranigle { width: 0; height: 0; border: 15px solid transparent; } .tranigle_t { border-bottom: 15px solid #fff; left: 102px; top: -30px; *top: -40px; } .tranigle_l { border-left: 15px solid #fff; top: 82px; right: -30px; } .tranigle_r { border-right: 15px solid #fff; top: 82px; left: -30px; } #service,#service ul,#service li,#service li a { height: 414px; } .service_guide { width: 990px; margin: 0 auto; } .service_guide .sg_con { padding: 90px 0 136px 0; } .service_guide .gud_first { width: 242px; height: 406px; border: 1px solid #e0e0e0; float: left; } .service_guide ul { width: 738px; float: right; } .service_guide li { width: 355px; height: 196px; border: 1px solid #e0e0e0; float: left; margin: 0 0 12px 12px; } .service_guide span { background: #efefef url(../img/service_ico.png) no-repeat; } .service_guide i { position: absolute; } .service_guide h3 { padding-top: 14px; font: 18px/46px "微软雅黑"; } .service_guide h3 a { color: #333; } .service_guide p { font: 14px/22px "微软雅黑"; color: #5e6666; } .service_guide .rel_more { display: block; width: 92px; height: 26px; line-height: 26px; text-align: center; background: #a80000; color: #fff; color: rgba(255,255,255,0.8); border-radius: 3px; } .service_guide ul span { width: 178px; height: 196px; } .service_guide .gud_first h3 { text-align: center; } .service_guide .gud_first p { text-align: center; margin-bottom: 32px; } .service_guide ul p { width: 140px; padding-bottom: 50px; } .service_guide ul div { width: 155px; height: 196px; padding-left: 22px; position: relative; } .service_guide ul .rel_more { position: absolute; left: 22px; bottom: 22px; } .service_guide .gud_first div { position: relative; } .service_guide .gud_first span { display: block; height: 210px; background-position: 0 0; } .service_guide .gud_first:hover span { background-position: 0 -210px; } .service_guide .gud_first .rel_more { margin: 0 auto; } .service_guide .tools span { background-position: 0 -420px; } .service_guide .tools:hover span { background-position: 0 -616px; } .service_guide .sev span { background-position: 0 -813px; } .service_guide .sev:hover span { background-position: 0 -1009px; } .service_guide .que span { background-position: 0 -1205px; } .service_guide .que:hover span { background-position: 0 -1401px; } .service_guide .cmy span { background-position: 0 -1597px; } .service_guide .cmy:hover span { background-position: 0 -1793px; } /* install_instr */ .install_instr .mod_tit1 { margin-bottom: 26px; } .install_instr dt { font: 14px/30px "微软雅黑"; color: #b10005; margin-bottom: 14px; } .install_instr dd { margin-bottom: 20px; } .install_instr dd p,.install_instr dd ul li { font-size: 14px; line-height: 26px; color: #555; } .install_instr dd img { padding-left: 30px; } .install_instr dd ul { padding-bottom: 28px; } .install_instr dd ol { padding: 20px 0 35px 0; border-bottom: 1px solid #d4d4d4; margin-bottom: 28px; } .install_instr dd ol li { line-height: 26px; color: #555; } .relation_btn { height: 50px; } .relation_btn a { width: 318px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #fff; border-radius: 3px; } .relation_btn a:hover { text-decoration: underline; } .relation_btn .fl { background: #b10005; } .relation_btn .fr { background: #b17500; } /* pro_guide && sce_guide */ .install_instr .pro_index { height: 92px; background: #f8f8f8; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; } .install_instr .pi_wrap { height: 80px; margin: 0 auto; padding-top: 12px; } .install_instr .pi_wrap a { float: left; line-height: 30px; padding: 0 10px 0 24px; font-size: 14px; color: #555; } .install_instr .pi_wrap .click { color: #b10005; font-weight: bold; } .install_instr dl { display: none; } /* tools */ .install_instr dd table { border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .install_instr dd tr { border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; color: #666; } .install_instr dd th { line-height: 42px; font-weight: normal; background: #f0f0f0; } .install_instr dd td { line-height: 42px; text-align: center; } .install_instr dd table img { padding-left: 0; position: relative; top: 16px; } /* question */ .install_instr ul { padding-bottom: 78px; display: none; } .install_bor ul li { border-bottom: 1px solid #e4e3e2; background: url(../img/service/question_ico.png) no-repeat 716px -94px; cursor: pointer; } .install_instr ul h3 { padding-left: 56px; font: 12px/38px "微软雅黑"; color: #818181; background: url(../img/service/question_ico.png) no-repeat 22px -38px; } .install_instr ul div { padding: 16px 0 0 56px; position: relative; display: none; } .install_instr ul div p { width: 634px; line-height: 22px; padding-bottom: 26px; color: #818181; } .install_instr ul div i { width: 20px; height: 18px; background: url(../img/service/question_ico.png) no-repeat 0 -76px; position: absolute; left: 20px; top: 20px; z-index: 2; } .install_instr .click { background: none; } .install_instr .click div { display: block; } .install_instr .click h3 { color: #fff; background: #bcbcbc url(../img/service/question_ico.png) no-repeat 22px 0; } /* friends */ .culture,.news { min-height: 406px; padding-bottom: 22px; } .friends .w980 { padding-top: 40px; } .friends .f_win { width: 660px; margin: 0 auto; } .friends .f_win h2 { line-height: 66px; text-align: center; font-size: 24px; color: #666; } .friends .f_win p { line-height: 24px; font-size: 14px; color: #666; margin-bottom: 46px; text-align: center; } .friends .win_btn { width: 573px; height: 46px; margin: 0 auto; padding-bottom: 106px; } .friends .win_btn a { float: left; width: 151px; height: 46px; line-height: 46px; text-align: center; background: url(../img/service/friends_ico.png) no-repeat; margin: 0 20px; color: #fff; font-size: 16px; } .friends .win_btn a:hover { text-decoration: underline; } .friends .f_news { padding-top: 48px; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 36px; } .friends .f_newsList { width: 450px; } .friends .f_newsList h3 { line-height: 28px; font-size: 16px; color: #666; margin-bottom: 12px; } .friends .f_newsList ul { width: 428px; margin-bottom: 30px; } .friends .f_newsList li { height: 28px; line-height: 28px; color: #666; vertical-align: top; } .friends .f_newsList a { float: left; color: #666; } .friends .f_newsList a:hover { text-decoration: underline; } .friends .f_newsList span { float: right; } .friends .more_news { height: 20px; padding-bottom: 28px; } .friends .more_news a { float: right; color: #0175c8; } .friends .f_cooper { padding-bottom: 70px; } .friends .f_cooper li { overflow: hidden; vertical-align: top; margin-bottom: 50px; } .friends .f_cooper h3 { padding-top: 32px; line-height: 46px; } .friends .f_cooper h3 a { font-size: 20px; color: #666; } .friends .f_cooper p { width: 530px; line-height: 26px; color: #666; margin-bottom: 8px; } .friends .f_cooper img { padding-top: 36px; } .friends .f_more { line-height: 20px; color: #0175c8; } .friends .f_more:hover { text-decoration: underline; } /* 追加友情链接 */ .new-friends { background: #545454; padding-bottom: 20px; } .new-friends p { width: 980px; margin: 0 auto; padding-top: 28px; } .new-friends p span { width: 80px; float: left; font-size: 14px; color: #fff; } .new-friends p em { width: 888px; float: right; padding-top: 6px; } .new-friends p a { float: left; margin: 0 10px 14px 7px; padding: 0 10px; line-height: 14px; color: rgba(255,255,255,0.5); color: #acacac; border-right: 1px solid rgba(237,237,237,0.1); } /* 微信二维码 */ .weixin-code { width: 200px; height: 200px; position: absolute; right: 0; top: 538px; } .weixin-code img { width: 100%; } .lw-img { padding-bottom: 100px; }