/* 首页轮播图css控制开始区*/ #index_banner { margin: 0 auto; width: 1200px; height: 612px; position: relative; width: 100%; height: 612px; overflow: hidden; z-index: 40; } #index_banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: alpha(opacity = 30); opacity: 0.3; z-index: 50; cursor: pointer; width: 478px; } /*#index_banner_info{ position:absolute; line-height:30px; color:#fff; z-index:800; text-align:center; text-decoration:none; font-size:25px; padding-top:300px; padding-left:300px; }*/ #index_banner_text { position: absolute; width: 120px; z-index: 40; right: 3px; bottom: 3px; } #index_banner ul { position: absolute; list-style-type: none; filter: alpha(opacity = 75); opacity: 0.75; border: 0px solid #fff; z-index: 40; margin: 0; padding: 0; bottom: 20px; right: 560px; } /*#banner ul li { padding:0px 8px;float:left;display:block;color:#fff;border:#fff 1px solid;background-color:#6f4f67;cursor:pointer;} #banner ul li.on{ background-color:#900} */ #index_banner ul li { background-image: url(/uploads/image/dtmimages/dot.png); cursor: pointer; float: left; height: 15px; margin: 5px; width: 15px; } #index_banner ul li.on { background-image: url(/uploads/image/dtmimages/dot-hover.png); } .index_banner_p { width: 100%; height: 612px; z-index: 900; } .index_p_text { width: 366px; height: 350px; padding-top: 160px; text-decoration: none; color: #ffffff; line-height: 30px; font-size: 16px; z-index: 1000; } #index_banner_list { position: relative; } #index_banner_list a { position: absolute; width: 100%; height: 612px; top: 0px; left: 0px; margin: 0px; padding: 0px; text-decoration: none; } 让四张图片都可以重叠在一起 /* 首页轮播图css控制区结束*/ #index_content { margin: 0 auto; width: 1200px; } #product_nav { height: 73px; font-weight: bold; background: url(/uploads/image/dtmimages/pro_nav.png); background-repeat: no-repeat; } #product_nav div { height: 73px; } #product_nav div a:link,a:visited { font-family: "微软雅黑"; font-size: 16px; color: #0a1d4e; } #product_nav ul { height: 100%; } #product_nav ul li { width: 200px; float: left; line-height : 73px; text-align: center; line-height: 73px; } #pro_0 { height: 73px; line-height: 73px; width: 200px; } #pron_1 { position: relative; } #pron_1:hover { background: url(/uploads/image/dtmimages/pro_nav_hover.png); background-position: -200px 0px; background-repeat: no-repeat; font-family: "微软雅黑"; font-size: 16px; color: #ffffff; } #pron_1:hover a { font-family: "微软雅黑"; font-size: 16px; color: #ffffff !important; } #pron_1:hover #product_submenu-1 { display: block; } #pron_1:hover #product_submenu-1 a { font-family: "微软雅黑"; font-size: 14px; color: #ffffff; } #product_submenu-1 { width: 100%; margin-left: 0px; margin-top: 0px; z-index: 1000; position: absolute; display: none; } #product_submenu-1 ul { } #product_submenu-1 ul li { height: 27px; width: 100%; line-height: 27px; margin-left: 0px; margin-top: 0px; z-index: 1000; background: url(/uploads/image/dtmimages/bg_pro_drop_menu.png); background-repeat: no-repeat; text-align: left; padding-left: 35px; } #product_submenu-1 ul li:hover { background: url(/uploads/image/dtmimages/bg_pro_drop_menu_h.png); background-repeat: no-repeat; } #pron_2 { position: relative; } #pron_2:hover { background: url(/uploads/image/dtmimages/pro_nav_hover.png); background-position: -400px 0px; background-repeat: no-repeat; font-family: "微软雅黑"; font-size: 16px; color: #ffffff; } #pron_2:hover a { font-family: "微软雅黑"; font-size: 16px; color: #ffffff !important; } #pron_2:hover #product_submenu-2 a { font-family: "微软雅黑"; font-size: 14px; color: #ffffff; } #pron_2:hover #product_submenu-2 { display: block; } #product_submenu-2 { width: 100%; margin-left: 0px; margin-top: 0px; z-index: 1000; position: absolute; display: none; } #product_submenu-2 ul { } #product_submenu-2 ul li { width: 100%; height: 27px; line-height: 27px; margin-left: 0px; margin-top: 0px; z-index: 1000; background: url(/uploads/image/dtmimages/bg_pro_drop_menu.png); background-repeat: no-repeat; text-align: left; padding-left: 35px; } #product_submenu-2 ul li:hover { background: url(/uploads/image/dtmimages/bg_pro_drop_menu_h.png); background-repeat: no-repeat; } #pron_3 { position: relative; } #pron_3:hover { background: url(/uploads/image/dtmimages/pro_nav_hover.png); background-position: -600px 0px; background-repeat: no-repeat; } #pron_3:hover a { font-family: "微软雅黑"; font-size: 16px; color: #ffffff !important; } #pron_3:hover #product_submenu-3 a { font-family: "微软雅黑"; font-size: 14px; color: #ffffff; } #pron_3:hover #product_submenu-3 { display: block; } #product_submenu-3 { width: 100%; margin-left: 0px; margin-top: 0px; z-index: 1000; position: absolute; display: none; } #product_submenu-3 ul { } #product_submenu-3 ul li { width: 100%; height: 27px; line-height: 27px; margin-left: 0px; margin-top: 0px; z-index: 1000; background: url(/uploads/image/dtmimages/bg_pro_drop_menu.png); background-repeat: no-repeat; text-align: left; padding-left: 35px; } #product_submenu-3 ul li:hover { background: url(/uploads/image/dtmimages/bg_pro_drop_menu_h.png); background-repeat: no-repeat; } #pron_4 { position: relative; } #pron_4:hover { background: url(/uploads/image/dtmimages/pro_nav_hover.png); background-position: -800px 0px; background-repeat: no-repeat; } #pron_4:hover a { font-family: "微软雅黑"; font-size: 16px; color: #ffffff !important; } #pron_4:hover #product_submenu-4 a { font-family: "微软雅黑"; font-size: 14px; color: #ffffff; } #pron_4:hover #product_submenu-4 { display: block; } #product_submenu-4 { width: 100%; margin-left: 0px; margin-top: 0px; z-index: 1000; position: absolute; display: none; } #product_submenu-4 ul { } #product_submenu-4 ul li { width: 100%; height: 27px; line-height: 27px; margin-left: 0px; margin-top: 0px; z-index: 1000; background: url(/uploads/image/dtmimages/bg_pro_drop_menu.png); background-repeat: no-repeat; text-align: left; padding-left: 35px; } #product_submenu-4 ul li:hover { background: url(/uploads/image/dtmimages/bg_pro_drop_menu_h.png); background-repeat: no-repeat; } /*#product_submenu-4 ul li a { font-family: microsoft yahei, "微软雅黑"; font-size: 14px; color: #ffffff; font-weight: normal; } */ #pron_5 { position: relative; } #pron_5:hover { background: url(/uploads/image/dtmimages/pro_nav_hover.png); background-position: -802px 0px; background-repeat: no-repeat; } #pron_5:hover a { font-family: "微软雅黑"; font-size: 16px; color: #ffffff !important; } #pron_5:hover #product_submenu-5 a { font-family: "微软雅黑"; font-size: 14px; color: #ffffff; } #pron_5:hover #product_submenu-5 { display: block; } #product_submenu-5 { width: 100%; margin-left: 0px; margin-top: 0px; z-index: 1000; position: absolute; display: none; } #product_submenu-5 ul { } #product_submenu-5 ul li { width: 100%; height: 27px; line-height: 27px; margin-left: 0px; margin-top: 0px; z-index: 1000; background: url(/uploads/image/dtmimages/bg_pro_drop_menu.png); background-repeat: no-repeat; text-align: left; padding-left: 35px; } #product_submenu-5 ul li:hover { background: url(/uploads/image/dtmimages/bg_pro_drop_menu_h.png); background-repeat: no-repeat; } /*#product_submenu-5 ul li a { font-family: microsoft yahei, "微软雅黑"; font-size: 14px; color: #ffffff; font-weight: normal; } */ #ind_content1 { height: 435px; margin: 0px auto; margin-top: 20px; } #ind_news { width: 271px; height: 416px; float: left; margin-left: 60px; background-image: url(/uploads/image/dtmimages/tags_01.png); background-repeat: no-repeat; } #ind_news_title { width: 250px; height: 40px; line-height: 40px; margin-top: 15px; text-align: left; padding-left: 25px; margin-top: 15px; text-align: left; padding-left: 25px; padding-top: 3px; } #ind_news_title a { font-family: "微软雅黑"; font-size: 25px; color: #0a1d4e; margin-top: 0px; font-weight: normal; } #ind_news_title:hover { background-image: url(/uploads/image/dtmimages/bg_jt_gray.png); background-repeat: no-repeat; background-position: 213px 4px; } #ind_news .date_info { width: 70px; margin-left: 20px; float: left; font-family: "微软雅黑"; color: #575757; } #ind_news .ind_year_month { width: 30px; height: 34px; line-height: 17px; float: left; margin-right: 2px; } #ind_news .ind_year { } #ind_news .ind_year span { font-size: 11px; font-weight: bold; } #ind_news .ind_month { } #ind_news .ind_month span { font-size: 23px; } #ind_news .ind_day { width: 35px; height: 34px; line-height: 34px; float: left; } #ind_news .ind_day span { font-size: 31px; } #ind_news ul { } #ind_news ul li { height: 100px; padding-top: 15px; } #ind_news .news_info { width: 160px; height: 90px; float: left; margin-left: 8px; text-align: left; } #ind_news .ind_newslist_title { width: 160px; height: 18px; line-height: 18px; color: #575757; font-size: 16px; font-weight: bold; overflow: hidden; } #ind_news .ind_newslist_title a { color: #575757; font-size: 16px; font-family: "微软雅黑"; } /*#ind_news .ind_newslist_title a:link,a:visited,a:hover,a:active { color: #575757; font-size: 16px; font-family: "宋体"; } */ #ind_news .ind_newslist_content { width: 160px; height: 70px; overflow: hidden; margin-top: 5px; font-size: 12px; color: #575757; } #ind_news .ind_newslist_content a { font-size: 12px; color: #575757; font-family: "微软雅黑"; } /*#ind_news .ind_newslist_content a:link,a:visited,a:hover,a:active { font-size: 12px; color: #575757; font-family: "宋体"; } */ #ind_tags { float: left; } #ind_tags .ind_tagtitle { width: 235px; height: 40px; text-align: left; position: absolute; top: 270px; left: 0px; margin-left: 20px; } #ind_tags span.ind_tagtitle { font-family: "微软雅黑"; font-size: 22px; color: #0a1d4e; font-weight: normal; } #ind_tags .ind_tag_content { width: 235px; height: 90px; text-align: left; position: absolute; top: 310px; left: 0px; margin-left: 15px; } #ind_tags .ind_tag_content p { width: 220px; height: 90px; line-height: 15px; padding-left: 5px; overflow: hidden; font-family: "微软雅黑"; font-size: 12px; color: #000000; } #tag1 { width: 270px; height: 416px; float: left; position: relative; background-image: url(/uploads/image/dtmimages/tags_02.png); background-repeat: no-repeat; } #ind_tags a:hover .ind_tagtitle { background-image: url(/uploads/image/dtmimages/bg_jt_gray.png); background-repeat: no-repeat; background-position: top right; } #tag2 { width: 271px; height: 416px; float: left; position: relative; background-image: url(/uploads/image/dtmimages/tags_03.png); background-repeat: no-repeat; } #tag3 { width: 270px; height: 416px; float: left; position: relative; background-image: url(/uploads/image/dtmimages/tags_04.png); background-repeat: no-repeat; } #product_nav_new{ height: 70px; line-height:70px; } .p1{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p1.png); background-repeat: no-repeat; } .p1:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p1_h.png); background-repeat: no-repeat; } .p2{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p2.png); background-repeat: no-repeat; } .p2:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p2_h.png); background-repeat: no-repeat; } .p3{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p3.png); background-repeat: no-repeat; } .p3:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p3_h.png); background-repeat: no-repeat; } .p4{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p4.png); background-repeat: no-repeat; } .p4:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p4_h.png); background-repeat: no-repeat; } .p5{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p5.png); background-repeat: no-repeat; } .p5:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p5_h.png); background-repeat: no-repeat; } .p6{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p6.png); background-repeat: no-repeat; } .p6:hover{ width:200px; height:70px; line-height:70px; float:left; background-image: url(/uploads/image/dtmimages/p6_h.png); background-repeat: no-repeat; }