/*产品展示*/ .pro_list { overflow: hidden; display: flex; flex-flow: row; } /*left_nav*/ .left_nav { width: 200px; float: left; margin-right: 5px; } .left_nav .lei { } .left_nav .lei li { line-height: 30px; border-bottom: 1px dashed #ddd; background: url(../images/lei.png) no-repeat 5px center; padding: 5px 0; } .left_nav .lei li:last-child { border-bottom: none; } .left_nav .lei li span { display: block; line-height: 30px; text-align: left; overflow: hidden; margin-left: 25px; } .left_nav .lei li span a { font-size: 12px; color: #333; display: block; } .left_nav .lei li span a:hover { color: #FF7F00; } .left_nav .contactus { height: 220px; } /*right_list*/ .right_list { flex: 1; } /*pro_m*/ .pro_m { overflow: hidden; } .pro_m .pro_mh { width: 740px; height: 30px; line-height: 30px; text-align: left; background: url(../images/r_bg.jpg) repeat-x; } .pro_m .pro_mh span { font-size: 16px; margin-left: 10px; color: #FFF; } .pro_m ul { display: block; overflow: hidden; } .pro_m ul li { width: 170px; float: left; margin: 10px 5px 10px 6px; height: 180px; border: 1px solid #ddd; } .pro_m ul li span { display: block; width: 170px; height: 28px; line-height: 28px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px dashed #eee; } .pro_m ul li span a { color: #333; } .pro_m ul li span a:hover { color: #2267b3; } .pro_m ul li span.img { width: 170px; height: 150px; text-align: center; border: 0px; } .pro_m ul li span.img img { width: 160px; height: 140px; margin-top: 5px; } .pro_m .time { height: 40px; line-height: 40px; color: #666; } .pro_m .time span { margin-left: 10px; margin-right: 10px; } /*pageation*/ .pclady_page { font-size: 12px; line-height: 25px; text-align: center; padding: 20px 0; border-top: 1px solid #ddd; } .pclady_page a { background: #fff; border: 1px solid #ddd; color: #000; display: inline-block; padding: 0 7px; } .pclady_page .now { background: #2676BB; color: #fff; display: inline-block; margin: 0 2px; padding: 0 8px; } /*news_list*/ .news_list { width: 100%; } .news_list ul { padding-left: 10px; padding-right: 10px; } .news_list ul li { line-height: 30px; margin: 8px 0; border-bottom: 1px dashed #ddd; text-align: left; display: flex; flex-flow: row; } .news_list ul li:last-child { border-bottom: none; } .news_list ul li a { color: #123; flex: 1; display: block; } .news_list ul li a:hover { color: #FF7F00; } .news_list ul li em { display: block; width: 100px; text-align: right; color: #666; } /*news_list*/ /*文章*/ .pro_md h1 { line-height: 30px; text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: 16px; } .pro_md .pro_album { text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .pro_md .pro_album > img { width: 100px; height: 100px; } .pro_md .article_info { text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 5px; } .pro_md .ctn { overflow: hidden; padding: 10px; } .pro_md .ctn img { border: none; max-width: 100%; text-align: center; display: block; margin: 0 auto; } /*新闻列表*/ /*在线留言*/ .pro_m .book_m { overflow: hidden; padding: 10px; } .pro_m .book_m .book_a span { font-size: 14px; font-weight: bold; } .pro_m .book_m .book_a p { margin-bottom: 10px; margin-top: 5px; } .pro_m .book_m .booking { overflow: hidden; } .pro_m .book_m .booking li { width: 100%; border: 0px; height: auto; text-align: left; } .pro_m .book_m .booking li span { border: 0px; width: 75px; text-align: right; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: 10px; height: 22px; line-height: 22px; } .pro_m .book_m .booking li input { height: 22px; line-height: 22px; padding-left: 3px; padding-right: 3px; border: 1px solid #ddd; vertical-align: top; } .pro_m .book_m .booking li textarea { width: 465px; height: 100px; border: 1px solid #ddd; } .pro_m .book_m .booking li .zhuti { width: 465px; } .pro_m .book_m .booking li .name, .pro_m .book_m .booking li .yzm { width: 100px; } .pro_m .book_m .booking li em { display: inline-block; *display: inline; zoom: 1; height: 22px; line-height: 22px; vertical-align: top; margin-right: 30px; } .pro_m .book_m .booking li.sex input { border: 0px; width: 15px; } .pro_m .book_m .booking li .chang { width: 300px; } .pro_m .book_m .booking li .duan { width: 250px; } .pro_m .book_m .booking li .email { width: 280px; } .pro_m .book_m .booking li.yzm_li img { width: 70px; height: 22px; vertical-align: top; } .pro_m .book_m .booking li a { display: block; width: 120px; height: 30px; line-height: 30px; background: url(../images/box_h_bg.jpg); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; color: #FFF; font-size: 14px; margin-left: 90px; } .pro_m .book_m .booking li i { display: inline-block; *display: inline; zoom: 1; height: 22px; line-height: 22px; vertical-align: bottom; font-style: normal; margin-left: 5px; color: #F00; } /*在线留言*/ /*留言列表*/ .pro_m .book_m .book_list { width: 720px; } .pro_m .book_m .book_list li { width: 720px; margin: 0px; padding: 0px; border: 0px; text-align: left; height: auto; margin-top: 10px; } .pro_m .book_m .book_list li.wen .w_left { width: 110px; height: 25px; line-height: 25px; float: left; line-height: 230%; font-weight: bold; } .pro_m .book_m .book_list li.wen .w_left span { display: inline-block; *display: inline; zoom: 1; width: auto; font-weight: normal; border: 0px; height: 25px; line-height: 25px; vertical-align: top; color: #2267B3; margin-right: 5px; } .pro_m .book_m .book_list li.wen .w_ctn { width: 610px; float: left; line-height: 210%; } .pro_m .book_m .book_list li.hui { width: 695px; *width: 720px; text-align: left; line-height: 200%; border: 1px dashed #ddd; padding: 10px; background: #f5f5f5; margin-bottom: 10px; } /*留言列表*/