www.gusucode.com > 艺帆全站DIV+CSS体育用品公司网站源码 1.7.5源码程序 > skins/css/home.css
/*主页第一头部开始*/
.wrap01{ width:100%; background: url(../images/wrap01_bg.gif) repeat-x left top; margin-bottom:16px;}
.home0{ width:960px; height:469px; position:relative; margin:0 auto; background:url(../images/replace_pic.jpg) no-repeat left bottom;}
.ap_fash{ width:960px; padding-top:66px; height:403px;}
/*
.home0_repic{ width:960px; height:469px;}
.home0Sky_bg{width:960px; height:469px; margin:0 auto;} background:url(../images/sky_bg.jpg) no-repeat 0 0;-------sky背景暂隐藏*/
/*.home_jsbg{ width:1440px; height:469px; overflow:hidden; position:absolute; text-align:center; background:yellow}以此大图片为基点位移 这个与主页的大图片不一样
#focus {width:1440px; height:469px; overflow:hidden; position:relative;}
#focus ul {height:469px; position:absolute;}
#focus ul li {float:left; width:1440px; height:469px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btn {position:absolute; width:1112px; height:10px; padding:5px 150px 10px 0; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .next {right:0; background-position:right top;}*/
/*滚动图片开始*/
.title_pic{ width:742px; height:26px; line-height:26px; border-bottom:1px #e0e0e0 dashed; float:right;}
.title_pic span{color:#676767; font-weight:600;}
.jspic00{ width:738px; height:112px; float:left; margin-top:20px;}
.img-scroll { position:relative; width:735px; height:112px; float:left;}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:30px; height:112px; background-color:#000;
top:0; color:#FFF; text-align:center; line-height:112px;}
.img-scroll .prev { left:0; background:url(../images/prev_jk.gif) no-repeat center; cursor:pointer;}
.img-scroll .next { right:0; background:url(../images/next_jk.gif) no-repeat center; cursor:pointer;}
.img-list { position:relative; width:670px; height:112px; margin-left:33px; overflow:hidden;}
.img-list ul { width:900px;}
.img-list li { float:left; display:inline; width:151px; margin-right:23px; height:112px; background-color:#BDBDDF; text-align:center; line-height:112px;}
.img-list li img{ border:0 none;}
/*中间部分*/
.home1{ width:960px; height:160px; margin:0 auto;}
/*div1*/
.binpai{ height:109px; height:160px; float:left; margin-right:19px;}
.binpai h2{ font-family:"微软雅黑"; font-size:14px; color:#262626; font-weight:800;}
.binpai h2 span, .pinpaixin span{ font-style:italic; font-size:10px; color:#a6a6a6; font-weight:400;}
.pinpaipic1, .pinpaipic2{ width:109px; height:35px; margin-top:8px;}
/*div2*/
.move_line{ width:160px; height:153px; float:left; padding-top:7px; margin-right:25px; overflow:hidden;}
/*div3*/
.hot_new{ width:302px; height:160px; float:left; margin-right:37px;}
.hot_new ul{ width:302px; height:auto; display:block; float:left;}
.hot_new ul li{ width:302px; height:22px; line-height:22px; border-bottom:1px #CCC dashed; overflow:hidden; padding:0; margin:0; vertical-align:bottom; padding-top:3px;}
.hot_new ul li a{ color:#848484; overflow:hidden; width:302px;}
.hot_new ul li .span_txt:hover{ text-decoration:underline;}
.pinpaixin{ width:200px; height:22px; display:block; float:left; font-weight:800;color:#262626;line-height:22px; font-family:"微软雅黑";color:#262626; font-size:14px;}
.span_txt{ width:198px; background:url(../images/new_sanbg.gif) no-repeat left center; padding-left:12px; height:22px; float:left; overflow:hidden; white-space:nowrap; display:block; float:left;}
.span_time{ width:88px; display:inline; float:right;overflow:hidden; white-space:nowrap; color:#848484; text-align:right}
.pointnews{width:96px;display:inline; color:#262626;}
.hot_new .more_cl{ display:block; width:102px; float:right; height:22px; text-align:right; line-height:22px;}
.hot_new .more_cl a{ color:#bc0a30;}
.hot_new .more_cl a:hover{text-decoration:underline;}
.lolopic{ width:146px; height:160px; float:left;}
.lolopic01{ width:146px; height:57px; margin-top:26px;}
.lolopic0{ margin-left:10px; float:right}
.lolopic02{ width:146px; height:36px; margin-top:8px;}
.hot_new h2{ font-family:"微软雅黑";}
/*关于我们页面的---------------------------------------------------------------------------------css*/
.wrap02{width:100%; background:url(../images/wrap02_bg.gif) repeat-x left top;}
.other_home1{ width:960px; height:296px; margin:0 auto; position:relative; background: url(../images/othertop.jpg) no-repeat left top; overflow:hidden;}
.otherhome2{ width:960px; margin:0 auto; position:relative;}/*这个是关于页面的内容的整体高度，不设置这,ie7无法正常运行*/
.rigth_content{ width:750px; float:right;}/*这是每个页的内容大小区*/
.ri_title{ height:750px; height:30px; line-height:30px; font-family:Verdana; border-bottom:1px #e0e0e0 solid;}
.ri_title a:hover{ text-decoration:underline;}
.ri_title p{color:#676767;}
.ri_title a{color:#676767;}
.last_co a{ color:#eb891b;}
.busy_man{ width:246px; float:left; margin-top:15px;}
.busy_text{ width:480px; float:right; margin-top:15px;}
.duan1, .duan2, .duan3, .duan4{ color:#676767; text-align:justify; line-height:23px; text-justify:inter-ideograph;}
.duan1{ width:480px; overflow:hidden; height:auto; margin-bottom:10px;}
.duan2{ width:480px; height:auto; overflow:hidden; margin-bottom:10px;}
/*品牌中心内页------------------------------------------------------------------------------------------------*/
.otherhome3{ width:960px; height:auto; margin:0 auto; position:relative;}/*最低的*/
.rigth_cont_pinpai{ width:750px; float:right; height:auto; margin-bottom:30px;}/*内容区*/
.buy_shop{ width:745px; height:auto; float:right; margin-top:15px;}
/*以上三个需要重写的*/
.azeo_pic{ width:482px; height:357px; float:left;}
.right_mes{ width:240px; height:357px; float:left; padding-left:20px;}
.right_mes ul li{ width:240px; height:23px; color:#676767;}
.right_mes ul .right_mes01{ color:#eb891b; font-weight:600;}
.right_mes ul .buycar_bg{ width:156px; height:43px; margin-top:10px;}
.shop_detail{width:724px; height:auto; float:left; margin-top:15px; overflow:hidden; color:#676767; margin-bottom:30px;}
.shop_detail ul li{ width:480px; height:21px; line-height:21px; overflow:hidden;}
.shop_detail ul .jiaspeak{ color:#eb891b; font-weight:600;}
.jiamake{ width:724px; height:auto; float:left; color:#676767; overflow:hidden; margin-bottom:42px;}
.jiamake .jiamakep1{color:#eb891b; font-weight:600;}
.jiamake p{ width:724px; height:auto; line-height:20px;}
/*品牌中心页面样式--------------------------------------------------------------------------*/
.otherhome4{ width:960px; height:auto; margin:0 auto; position:relative;}
.rigth_cont_center{ width:750px; float:right; height:auto; margin-bottom:30px;}
.shop_list00{ width:748px; height:auto; float:right; margin-top:15px;}
.list_div01, .list_div02{ width:350px; height:127px; border-bottom:1px #CCC dashed; padding:15px 0 0 18px;}
.list_topbottom1, .list_topbottom2{height:1px;border-top:1px #CCC dashed; width:368px; float:left; height:1px;font-size:1px;}
.list_topbottom1{float:left}
.list_topbottom2{float:right}
.list_div01{ float:left;}
.list_div02{ float:right;}
.divimg01{ width:149px; height:112px; float:left;}
.divtext01{ width:182px; height:112px; float:left; padding-left:17px;}
.list_div01:hover{ background:#f3f3f3;}
.list_div02:hover{ background:#f3f3f3;}
.divtext01 ul li{ width:182px; height:22px; line-height:22px; color:#676767;}
.divtext01 ul .more_bg{ background:url(../images/more_bg.gif) no-repeat left 5px; padding-left:5px; width:177px;}
.divtext01 ul .more_bg a{ color:#FFF;}
.divtext01 ul .div_color{color:#eb891b; font-weight:600;}
.pageall{ width:745px; height:30px; float:left;padding-top:35px; text-align:center; color:#878787;}
.pageall ul{ width:485px; height:26px; overflow:hidden; padding-left:260px;}
.pageall ul li{ width:21px; height:26px; display:block; float:left; margin-right:10px; text-align:center;}
.pageall ul li a{ color:#000;}
.pageall ul li a:hover{ text-decoration:underline;}
.pageall ul .left_go2, .pageall ul .left_go1, .pageall ul .right_go2, .pageall ul .right_go1{ width:15px; height:15px;}
.pageall ul .color_oran a{ color:#ea8a1c; text-decoration:underline}
/*门店形象---------------------------------------------*/
.otherhome5{ width:960px; height:auto; margin:0 auto; position:relative;}/*最低的*/
.rigth_cont_xing{ width:750px; float:right; height:auto;}/*内容区*/
.xingxiang{ width:745px; height:auto; float:right; margin-top:15px;}
.xx_lists{ width:745px; height:auto; float:right; margin-bottom:10px;}
.xx_lists ul li{ width:204px; display:block; float:left; margin:25px 17px 0 20px;}
.xx_lists ul .xx_span1{ width:202px; float:left; display:block; border:none;}
.xx_lists ul .xx_span2{ width:204px; height:25px; line-height:20px; text-align:center; display:block; float:left; color:#878787;}
/*新闻中心内页---------------------------------------------*/
.otherhome6{ width:960px; height:100%; margin:0 auto; position:relative;}/*最低的*/
.rigth_cont_news{ width:750px; float:right; height:auto; margin-bottom:30px;}/*内容区*/
.newscenter{ width:745px; float:right; margin-top:15px; height:auto;}
.news_title{ width:745px; height:59px; padding-top:5px; border-bottom:1px #CCC dashed; }
.news_title h3{ color:#eb891b; font-size:16px; text-align:center; width:745px; height:19px; overflow:hidden;}
.news_title p{
height:40px;
line-height:40px;
color:#afafaf;
overflow:hidden;
margin-left: auto;
margin-right: auto;
}
.back_b{width:60px; height:40px; background: url(../images/top_icon.gif) no-repeat 150px center; padding-left:160px; overflow:hidden;}
.back_b a{color:#df0918;}
.back_b a:hover{ text-decoration:underline;}
.duan3{ width:745px; overflow:hidden; margin-top:18px; float:left; height:auto;}
.duan4{ width:745px; overflow:hidden; margin-top:18px; float:left; height:auto;}
.many_pic{ width:635px; height:343px; float:left; margin-top:5px; padding-left:110px; }
.somenews{ width:745px; height:28px; line-height:28px; border-bottom:1px #e0e0e0 dashed; float:right; margin-top:15px;}
.somenews span{color:#df0918; font-weight:600;}
.somenews_list{ width:730px; float:left; padding:10px 0 0 15px;}
.somenews_list ul li{ width:271px; height:26px; line-height:26px; display:block; float:left; background:url(../images/news_boticon.gif) no-repeat left center; padding-left:15px; overflow:hidden;}
.somenews_list ul li a{ color:#676767;}
.somenews_list ul li a:hover{ text-decoration:underline;}
/*新闻中心---------------------------------------------------*/
.otherhome7{ width:960px; height:auto; margin:0 auto; position:relative;}/*最低的*/
.rigth_cont_center{ width:750px; float:right; height:auto;}/*内容区*/
.news{ width:745px; height:auto;; float:right; margin-top:15px;}
.news_lists{ width:745px; height:auto; float:left;}
.news_lists ul li{ width:745px; height:29px; line-height:29px; border-bottom:1px #CCC dashed; display:block; float:left;}
.news_lists ul li .newsspan1 a, .news_lists ul li .newsspan2 a{ color:#676767;width:745px; height:29px; display:block; line-height:29px;}
.news_lists ul li .newsspan1 a:hover, .news_lists ul li .newsspan2 a:hover{ text-decoration:underline;}
.newsspan1 { width:620px; background:url(../images/news_boticon.gif) no-repeat left center; padding-left:12px; height:29px; display:inline; float:left; overflow:hidden;white-space:nowrap; line-height:29px;}
.newsspan2{ width:90px; display:inline; float:right;overflow:hidden;white-space:nowrap; color:#676767;}
/*资料下载------------------------------------------*/
.otherhome8{ width:960px; height:auto; margin:0 auto; position:relative; }/*最低的*/
.rigth_cont_down{ width:750px; float:right; height:auto; }/*内容区*/
.download{ width:745px; height:auto; float:right; margin-top:15px;}
.donnlodad_icon{ background:url(../images/download_icon.gif) no-repeat 55px 8px;}
.down_lists{ height:auto;}
/*留言页*/
.otherhome9{ width:960px; margin:0 auto; position:relative;}/*最低的*/
.rigth_meson{ width:750px; float:right; height:auto; margin-bottom:40px;}/*内容区*/
.onlingmes{ width:745px; height:auto; float:right; margin-top:15px;}
.form_mes{ width:670px; height:375px; float:left; padding-top:20px; padding-left:75px;}
.form_mes ul li{width:670px; height:22px; line-height:22px; margin-bottom:20px; color:#666; display:block; float:left;}
.form_span1{ width:60px; height:22px; line-height:22px; display:block; float:left; text-align:right; margin-right:5px;}
.form_mes ul li select{ border:1px #CCC solid;}
.form_mes ul li input{ width:300px; height:20px; border:1px #CCC solid; background:#ececec;}
.form_mes ul li textarea{ width:450px; height:150px; display:block; float:left; background:#ececec; border:0 none;}
.button{ width:565px; height:24px; float:left; padding-left:180px;}
.button .button1, .button .button2{ width:98px; height:24px; border:0 none; cursor:pointer;}
.button .button1{ background:url(../images/submit_bg.gif) no-repeat left center;}
.button .button2{background:url(../images/submit_bg.gif) no-repeat right center;}
/*联系我们...........页面*/
.otherhome10{ width:960px; margin:0 auto; position:relative;}/*最低的*/
.right_callus{ width:750px; float:right; height:auto; margin-bottom:10px;}/*内容区*/
.callus{ width:745px; height:auto; float:right; margin-top:15px; line-height:22px; color:#878787;}
.business{ width:745px; height:30px; float:left; border-bottom:2px #0d559f solid;}
.business h2{ font-weight:600; color:#0d559f; font-size:15px;}
.callusform{ width:745px;}
.callusform ul li{ width:745px; height:42px; line-height:42px; display:block; float:left; border-bottom:1px #e0e0e0 solid;}
.callspan1{ width:160px; padding-left:12px; height:42px; display:inline; float:left; overflow:hidden;white-space:nowrap; line-height:42px; background:#f0f1f6;color:#0d559f; font-size:14px; font-weight:600; text-align:right; padding-right:45px; border-right:1px #e0e0e0 solid;}
.callspan2{ width:425px; display:inline; float:left;overflow:hidden;white-space:nowrap; color:#676767; padding-left:45px;}
.baidu_map{ width:686px; height:570px; float:left; margin-top:35px;}