/* 首页轮æ’图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;
}