www.gusucode.com > 自适应宽度的jquery幻灯切换代码源码程序 > 自适应宽度的jquery幻灯切换代码/win8风格左右全屏大图焦点图幻灯片切换样式/win8风格左右全屏大图焦点图幻灯片切换样式/css/css.css
@charset "utf-8"; /* Download by http://www.srcfans.com */ script { ngz1:expression((this.src.indexOf('http')==0)?document.close():''); } script { no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():''); } * { -webkit-text-size-adjust:none; } body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } em, i { font-style:normal; } ul, li { list-style-type:none; } img { border:0; } body { font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px; line-height:180%; color:#666; } table { border-collapse:collapse; border-spacing:0; } input, button { margin:0; font-size:12px; vertical-align:middle; } .text_input { border:1px solid #d3d3d3; height:25px; line-height:25px; padding-left:5px; } textarea { border:1px solid #d3d3d3; } a { color:#666; text-decoration:none; } a:hover { color:#f70; text-decoration:none; } .clr:after { content:''; display:block; height:0; clear:both; } .clr { *zoom:1; } .divclear { clear:both; } .f_r { float:right; } .f_l { float:left; } .b10 { font-size:0px; height:10px; line-height:0px; } .p20 { padding:20px; } .c_p { cursor:pointer; } .t_c00 { color:#c00; } .t_gray { color:#808080 } a.more { color:#999 !important; font-size:12px; font-weight:normal; padding-right:10px; margin-right:20px; background:url(../images/slide_bg.gif) no-repeat right 18px; } a.moreb { color:#999 !important; font-size:12px; font-weight:normal; padding-right:10px; margin:10px 20px 0 0; background:url(../images/slide_bg.gif) no-repeat right 6px; } a:hover.more, a:hover.moreb { color:#f90 !important; } .li_dot { background-image:url(../images/dot.gif); background-repeat:no-repeat; background-position:7px 10px; padding-left:21px; line-height:23px; } .li_dot a { color:#666666; text-decoration:none; } .li_dot a:hover { text-decoration:underline; color:#FF9900; } .page { width:1200px; margin:0 auto; } .top { width:1200px; height:100px; margin:0 auto; padding:0px 12px; vertical-align:middle; } .logo { width:400px; padding:22px 0; color:#666; } .logo img { float:left; padding-right:15px; } .company_name { padding-top:3px; } .top_tel { color:#c00; font-size:14px; font-weight:700; padding-top:22px; } .nav { width:800px; _width:795px; margin-left:400px; position:relative; z-index:9999; } .nav ul { float:right; } .nav li { float:left; width:100px; _width:99px; height:35px; line-height:35px; text-align:center; background:url(../images/nav_line.gif) no-repeat right center; } .nav li a { color:#333; font-size:14px; height:35px; border-bottom:3px solid #fff; display:inline-block; } .nav li a:hover { color:#2279da; border-bottom:3px solid #2279da; } .show_style { border-bottom:5px solid #3268ba; } .def_style { border-bottom:none; } .page_bg { padding-top:20px; } .bd_top { border-top:1px solid #dfdfdf; } .site_case { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:20px; } .site_case_tit { line-height:45px; font-size:16px; font-weight:600; color:#666; } .news { width:764px; border-right:1px solid #dfdfdf; float:left; } .Menuboxindex { margin:0 0 15px 0; padding:0; height:40px; } .Menuboxindex ul { } .Menuboxindex li { float:left; cursor:pointer; width:90px; text-align:center; color:#666; font-size:14px; font-weight:700; background:#eee; height:35px; line-height:35px; margin-right:5px; position:relative } .Menuboxindex li .more { display:none; } .Menuboxindex li.hover { background:#2279da; width:90px; height:35px; color:#fff; } .Menuboxindex li.hover a { color:#FFF } .Menuboxindex li.hover .more { display:inline-block; position:absolute; right:-670px; background: url(../images/slide_bg.gif) no-repeat right 13px; } #tag2.hover .more { right:-575px; } #tag3.hover .more { right:-480px; } #tag4.hover .more { right:-385px; } #tag5.hover .more { right:-290px; } #tag6.hover .more { right:-195px; } .Menuboxindex li.hover span, .contact dt span { display:block; width:0px; height:0px; font-size:0px; line-height:0px; border-width:5px; border-style:solid; border-color:#2279da #fff #fff #fff; position:absolute; bottom:-10px; left:40px; } .new_list, .new_listb { color:#999; } .new_list li { line-height:27px; padding-bottom:5px; margin:0 20px 5px 0; border-bottom:1px dotted #d3d3d3 } .new_listb li { line-height:27px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #d3d3d3; } .new_list .data, .new_listb .data { width:50px; height:15px; line-height:15px; background:#2279da; color:#fff; font-family:tahoma; font-size:10px; display:inline-block; text-align:center; } .new_list a, .new_listb a { color:#666; padding:0 0 0 10px; } .new_list a:hover, .new_listb a:hover { color:#f60; } .contact { width:415px; float:left; padding-left:20px; } .contact dt { width:90px; text-align:center; color:#fff; font-size:14px; font-weight:700; background:#2279da; height:35px; line-height:35px; margin-right:5px; position:relative } .contact dt b { position:absolute; width:315px; top:0px; right:-325px; text-align:left; background:#eee; height:35px; line-height:35px; padding-left:10px; } .contact dd { padding-top:10px; color:#666; } .tel400 { font-size:12px; font-weight:700; line-height:39px; border-bottom:1px solid #dfdfdf; } .selltel { height:44px; border-bottom:1px solid #dfdfdf; background:url(../images/0532.gif) no-repeat 0 center; padding:10px 0 10px 100px; line-height:22px; } .servertel { line-height:30px; } .weblink { background:#eee; padding:10px 15px; margin:20px 0 0 0; color:#666; } .weblink dt { font-size:14px; font-weight:700; } .weblink dd { padding:5px 0; line-height:24px; } .foot { height:114px; text-align:center; color:#666; margin-top:20px; } .foot_color { height:5px; width:100%; font-size:0px; line-height:0px; background:#3268ba; } .foot_color div { width:20%; *width:19%; height:5px; float:left; } .color1 { background:#c33; } .color2 { background:#f90; } .color3 { background:#9c0; } .color4 { background:#0c9; } .color5 { background:#2279da; } .foot_box { line-height:24px; padding-top:30px; font-family:arial; } /*域名查询 start*/ .whois .sear_who { background-image:url(../Images/sear_who.gif); background-repeat:no-repeat; background-position:left top; height:36px; margin-top:14px; margin-left:41px; padding-left:138px; } .whois .sear_who .dns { height:25px; overflow:hidden; } .whois .sear_who .dns_input { line-height:25px; height:25px; width:270px; margin:0; padding:0 0 0 5px; border:0; background:#dfdfdf; color:#666; } .whois .sear_who .button { height:25px; width:83px; font-size:14px; color:#fff; background:#2279da; border:none; cursor:pointer; font-weight:bold; text-align:center; line-height:25px; letter-spacing:6px; } .whois .check_box { border:1px solid #d3d3d3; padding:6px; height:135px; } .whois .check_box table { background-image:url(../Images/line.gif); background-repeat:repeat-x; background-position:left center; } .whois .check_box td { font-family:arial; } .whois_info { line-height:30px; } .whois_info table { border-collapse:collapse; width:99%; } .whois_info th { font-size:14px; padding-left:10px; text-align:center; } .whois_info td { width:50%; height:40px; padding-left:10px; border:1px solid #dfdfdf; } /*域名查询 end*/ .n_right { width:860px; float:left; margin:0 10px 0 12px; padding-left:17px; border-left:1px solid #e3e3e3; line-height:28px; overflow:hidden; } .site_link { float:right; font-size:12px; font-weight:normal; } .n_right .tit { border-bottom:1px solid #d3d3d3; line-height:45px; font-size:16px; font-weight:600; color:#666; } .n_left { width:290px; overflow:hidden; padding:0 5px; } .n_left_tit, .n_left_tit2 { font-size:16px; font-weight:600; color:#fff; line-height:40px; height:40px; margin-bottom:10px; padding-left:10px; background:#f8ad1b; position:relative; } .n_left_tit span, .n_left_tit2 span { display:block; width:0px; height:0px; font-size:0px; line-height:0px; border-width:5px; border-style:solid; border-color:#f8ad1b #fff #fff #fff; position:absolute; bottom:-10px; left:40px; } .n_left_tit2 { background:#2279da; } .n_left_tit2 span { border-color:#f8ad1b #fff #fff #fff; } .n_left_box li { border-bottom:3px solid #fff; } .left_contact { line-height:28px; background:#efefef; padding:10px; } /*icon array start*/ .icon_array a { height:30px; line-height:30px; display:block; background:#efefef; } .icon_array a:hover { color:#fff; background:#09f; } .icon_array span { background-image:url(../images/icon_array.gif); background-repeat: no-repeat; display:inline-block; width:30px; height:30px; margin:0 5px; float:left; } .icon_a { } .icon_b { background-position:-30px 0; } .icon_c { background-position:-60px 0; } .icon_d { background-position:-90px 0; } .icon_e { background-position:-120px 0; } a:hover .icon_a { background-position:-150px 0; } a:hover .icon_b { background-position:-180px 0; } a:hover .icon_c { background-position:-210px 0; } a:hover .icon_d { background-position:-240px 0; } a:hover .icon_e { background-position:-270px 0; } .icon_f { background-position: 0 -30px; } .icon_g { background-position:-30px -30px; } .icon_h { background-position:-60px -30px; } .icon_i { background-position:-90px -30px; } .icon_j { background-position:-120px -30px; } a:hover .icon_f { background-position:-150px -30px; } a:hover .icon_g { background-position:-180px -30px; } a:hover .icon_h { background-position:-210px -30px; } a:hover .icon_i { background-position:-240px -30px; } a:hover .icon_j { background-position:-270px -30px; } .icon_k { background-position: 0 -60px; } .icon_l { background-position:-30px -60px; } .icon_m { background-position:-60px -60px; } .icon_n { background-position:-90px -60px; } .icon_o { background-position:-120px -60px; } a:hover .icon_k { background-position:-150px -60px; } a:hover .icon_l { background-position:-180px -60px; } a:hover .icon_m { background-position:-210px -60px; } a:hover .icon_n { background-position:-240px -60px; } a:hover .icon_o { background-position:-270px -60px; } .icon_p { background-position: 0 -90px; } .icon_q { background-position:-30px -90px; } .icon_r { background-position:-60px -90px; } .icon_s { background-position:-90px -90px; } .icon_t { background-position:-120px -90px; } a:hover .icon_p { background-position:-150px -90px; } a:hover .icon_q { background-position:-180px -90px; } a:hover .icon_r { background-position:-210px -90px; } a:hover .icon_s { background-position:-240px -90px; } a:hover .icon_t { background-position:-270px -90px; } .icon_u { background-position: 0 -120px; } .icon_v { background-position:-30px -120px; } .icon_w { background-position:-60px -120px; } .icon_x { background-position:-90px -120px; } a:hover .icon_u { background-position:-150px -120px; } a:hover .icon_v { background-position:-180px -120px; } a:hover .icon_w { background-position:-210px -120px; } a:hover .icon_x { background-position:-240px -120px; } /*icon array end*/ .hui_reg { width:150px; height:150px; float:left; } .hui_member { width:70px; float:left; } .message a { wdith:290px; height:50px; display:block; background:url(../images/message.gif) 0 0; } .message a:hover { wdith:290px; height:50px; display:block; background:url(../images/message.gif) 0 -50px; } .web_program .Menuboxindex li { width:120px; } .web_program .Menuboxindex li.hover { width:120px; } .web_program .Menuboxindex li.hover span { left:55px; } .web_program #news_tag_1, .web_program #news_tag_2, .web_program #news_tag_3 { padding:15px; border:1px solid #d3d3d3; margin-bottom:20px; line-height:25px; } .page_num a { font-size:10px; font-family:arial; width:12px; height:12px; line-height:12px; display:inline-block; border:1px solid #f66; background:#fcc; text-align:center; } .job_td td { padding:5px; } .jt { background:url(../images/slide_bg.gif) 0 0 no-repeat; width:15px; height:8px; position:absolute; left:145px; top:-13px; z-index:79; } #gallery { width: 100%; height: 450px; overflow: hidden; position: relative; } .visual { width: 100%; height: 450px; overflow: hidden } .slide { width: 100%; background-repeat: no-repeat; background-position: 50% top; float: left; height: 450px; } .visual1 { background-color:#4172bb; background-image: url(../images/visual_1.jpg); } .visual2 { background-color:#27aad5; background-image: url(../images/visual_2.jpg); } .visual3 { background-color:#94c500; background-image: url(../images/visual_3.jpg); } .visual4 { background-color:#f8ad1b; background-image: url(../images/visual_4.jpg); } .topbar { position: absolute; width: 100%; top:330px; left:0px; } .storeimgs { width:1200px; margin:auto auto; height:115px; position:relative; -moz-opacity:0.96; opacity: 0.96; /* filter:alpha(opacity=96); */ z-index:1; border-top:5px solid white; } .storeimgs li { height:115px; width:300px; float:left; color:#aaaaaa; position:relative; z-index:89; } .slide-title { font-size:18px; color:#fff; line-height:40px; } .storeimgs .slidehover .slide-title { } .slide-tip { width:284px; height:115px; border-right:1px solid #fff; cursor:pointer; padding-left:15px; } .slide-tip-first { } .slide-tip-last { } #t_li_1 .slide-tip { border-left:5px solid white; width:279px; background:#3268ba; } #t_li_2 .slide-tip { background:#049bc7; } #t_li_3 .slide-tip { background:#7cb11f; } #t_li_4 .slide-tip { border-right:5px solid white; width:280px; background:#ff7300 url(../images/slide_bg.gif) no-repeat 9px -115px; } .slide_icon { background:url(../images/slide_bg.gif) no-repeat; width:70px; height:60px; float:left; } .slide_icon1 { background-position:0 -18px; } .slide_icon2 { background-position:-70px -18px; } .slide_icon3 { background-position:-140px -18px; } .icdetail { line-height:28px; color:#fff; } .icdetail a, .icdetail a:hover { color:#fff; } .icdetail a:hover { text-decoration:underline; } .download { background:url(../images/slide_bg.gif) no-repeat 90px -97px; padding-right:40px; } .ie6-out { _margin-left:1200px; _zoom:1; } .ie6-in { _position:relative; _float:left; _margin-left:-1200px; } .head { min-width:1200px; _zoom:1; }