.newprod_con .newprod_list .newprod_name, .newprod_con .newprod_list .newprod_price, .newprod_con .newprod_list .newprod_intr,.marquee_list p a, .art_list .prod_list_list .prod_list_name, .art_list .prod_list_list .prod_list_type { max-width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newprod_con .newprod_list .newprod_pic, .marquee, .marquee_list, .art_list .prod_list_list .prod_list_pic { overflow: hidden; } .newprod_con .newprod_list .newprod_pic img, .marquee img, .marquee_list img, .art_list .prod_list_list .prod_list_pic img { -webkit-transform: scale(1); transform: scale(1); } .newprod_con .newprod_list .newprod_pic img:hover, .marquee img:hover, .marquee_list img:hover, .art_list .prod_list_list .prod_list_pic img:hover { } .newprod_con .newprod_list, .marquee_list p font, .art_list .prod_list_list, .art_list #pager, .copyright { text-align: center; } /*2015-3-5 21:00:27*/ * { margin: 0 auto; padding: 0; } body { font: 12px/1.5 "sans serif",tahoma,verdana,helvetica; color: #333333; background-color: #fff; } img { border: 0; max-width: 100%; } ul { list-style-type: none; } a { text-decoration: none; color: #333333; } a:hover{ color: #ce0d12; } .left, .three > div, .art_list .prod_list_list, .art_list_con ul li p.l_title, .company_intro p img, #mess_main .mess_list .mess_title { float: left; } H3,em{ font-weight:normal; } .right, .art_list_con ul li p.n_time { float: right; } .clearFloat:after, .company_intro:after, #mess_main .mess_list:after, .flink_index:after { content: " "; display: block; visibility: hidden; height: 0; clear: both; } .clearFloat, .company_intro, #mess_main .mess_list, .flink_index { *zoom: 1; } /*sitemaster reset and only*/ .logo, #nav, .flash_image, .three, .newprod_name, .wrap, .copyright { margin: 0 auto; } .banner .flash_image{ text-align:center; overflow: hidden; position:relative; min-width:1200px;/*兼容手机浏览器*/ } .switch_langbar { display: none; } /*index - 2015-2-2 16:26:07*/ .wrap .mod_block { position: relative; } .logo,.three, .boundary, .wrap, .copyright { width: 1200px; } .header_line{ width: 100%; background-color: #2D3E50; font-size: 14px; font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif; color: #FFF; position: relative; } .header_line a{ font-family:"Microsoft YaHei","宋体",Arial,Sans-Serif; font-size: 14px; color: #FFF; } .header_line .tel{ width: 1200px; height: 40px; margin: 0 auto; } .header_line .tel_l{ width: 350px; line-height: 40px; float: left; overflow: hidden; } .header_line #tel_r{ width: 43%; position: absolute; top: 0; right: 0; z-index: 1; height: 47px; line-height: 47px; text-indent:70px; color: #FFF; font-size: 14px; background-color: #86BC42; background: #86BC42; background: linear-gradient(135deg, transparent 47px, #86BC42 0); } .header_line #tel_r a{ color: #FFF; font-size: 14px; } .header{ min-width: 1200px; } .header_con { width: 1200px; min-height: 110px; margin: 0 auto; position: relative; } .header{ min-width: 1200px; } .header_con { width: 1200px; min-height: 110px; margin: 0 auto; position: relative; } .logo, #nav, .logo .flash_image { width: auto; } .logo{ width: 300px; position: relative; float: left; } /*banner*/ .banner { *z-index: -1; margin: 0 auto; } .banner .mod_block { padding-bottom: 0px; background-image: none; } #nav { width: 900px; padding-top: 30px; float: right; } .nav_con { width: 900px; height: 45px; line-height: 45px; margin: 0 auto; font-family: "Microsoft Yahei", Arial; font-size: 14px; position: relative; z-index:1;/* ie7菜单遮挡 */ } #nav .mod_toolbar{ top:-25px; } .navigation { height: 40px; *height: 40px; text-align:center; /*>li:first-child a, */ } .navigation a { color: #000; text-align: center; display: block; font-size: 16px; } .navigation > li:first-child a { color: #FFF; background-color: #86BC42; } .navigation a:hover { color: #FFF; background-color: #86BC42; } .navigation li { *margin-left: 0; position: relative; display: inline-block; *display: inline; *zoom: 1; *vertical-align: middle; min-width: 93px;/*指定菜单宽度,只对第一个LI有效*/ z-index: 100; } .navigation li a:hover{ text-decoration: none; } .navigation li span{ padding:0; margin:0; } .navigation li span ul { position: absolute; background-color: #86BC42; width: 100%; display: none; left: 0; z-index: 100; } .navigation li span ul li { border-left: none; margin-left: 0; width: 100%; padding: 0; height:30px; line-height:30px; color:#000; } .navigation li span ul li a{ white-space: nowrap;/*文字超出自动隐藏*/ overflow: hidden; text-overflow: ellipsis; color: #FFF; } .navigation li span ul li a:hover{ background-image: none; background-color: #97D449; color: #FFF; } .navigation li span ul li ul { top: 0; left: 100%; } .navigation li span ul li a { font-size: 11px; padding: 0 0; } .navigation > li > span > a { height: 40px;/*控制带span菜单高度*/ line-height: 40px; min-width: 93px;/*控制带span菜单宽度,兼容IE7*/ color:#000; } /*longBarTop*/ .con > div { position: relative; } .three .list_bot, .con .list_bot, .left .list_bot, .three > div .list_bot, .art_list .prod_list_list .list_bot, .art_list_con ul li p.l_title .list_bot, .company_intro p img .list_bot, #mess_main .mess_list .mess_title .list_bot { height: 5px; } .newprod_con { overflow: hidden; } /* 推荐产品开始 */ .newprod_con .newprod_list .newprod_pic { width: 260px; height: 195px; display:table;/*必须*/ margin: 0 auto; border: 1px solid #eee; text-align: center; } .newprod_con .newprod_list .newprod_pic a{ display:table-cell; width:260px; height:195px; text-align:center; *font-size:232px; /* height与font-size之比大约为:1:0.893; 兼容IE6 */ zoom:1; vertical-align:middle; } .newprod_con .newprod_list .newprod_pic img { max-width: 260px;/* 图片大小可调 */ max-height: 195px; } /* 推荐产品结束 */ .newprod_con .newprod_list .newprod_name { } .newprod_con .newprod_list .newprod_price { color: #fdb200; } /* 通用标题*/ .blk_t, .art_list_title, .artview_title { color: #FFF; font-family: "Microsoft Yahei", Arial; font-size: 14px; line-height: 37px; } /*通用正文内框,如果所有都是一个效果可以删除下面的*/ /* 左侧正文内框、右侧正文内框、三栏正文内框、上通栏正文内框、下通栏正文内框 */ .prod_type, .list_con, .pro_over, .art_list1, .com_con, .qq_list_con, .company_intro, #longBarTop .flash_image, #longBarBottom .flash_image, .three .flash_image, .left_con .flash_image, .right_con .flash_image, .center_con .flash_image{ /* flash_image,因为logo、banner也调用了,所以单独写*/ padding: 0; } /*three*/ .three_bg{ width: auto; padding-top: 80px; padding-bottom: 50px; margin-top: 30px; background-color: #2D3E50; position: relative; display: none; } .three { } .three > div { width: 33%; } /* 三栏标题 */ .three .threeLeft h3{ width: 43%; display: table; } .three .threeLeft .blk_t, .three .threeLeft .art_list_title, .three .threeLeft .artview_title{ width: 50%; position: absolute; top: -20px; left: 0; z-index: 1; height: 70px; line-height: 70px; text-align: center; color: #FFF; font-size: 50px; font-family:"times new roman","Microsoft YaHei", Times, serif; background-color: #86BC42; background: #86BC42; background: linear-gradient(-135deg, transparent 70px, #86BC42 0); } .three .threeLeft .blk_t em, .three .threeLeft .art_list_title em, .three .threeLeft .artview_title em{ color: #FFF; font-size: 20px; font-style:normal; padding-left: 5px; } /* 三栏正文内框 */ .three .category .prod_type, .three .list_con, .three .pro_over, .three .art_list1, .three .com_con, .three .flash_image, .three .qq_list_con{ color: #FFF; line-height: 200%; } .three .list_con a{ color: #FFF; } .three .threeLeft { width: 650px; } .three .threeRight { width: 500px; float: right; } .three .threeRight .com_con img{ border: 1px solid #fff; } .three .list_more{ position: relative; width: 170px; padding-top: 10px; } .three .list_more img:hover{ box-shadow: 5px 5px 0px 1px #d0d0d0; } /*up down*/ .marquee { height: 100px; } .marquee a { overflow: hidden; display: block; text-align: center; border: 1px solid #E6E6E6; border-bottom: none; } .marquee p a { margin-bottom: 10px; border: 1px solid #E6E6E6; border-top: none; } /*left right*/ .marquee_list { padding: 5px; } .marquee_list p { width: 200px; } .marquee_list p font { display: block; } /* 自定义水平滚动图片开始 */ .marquee_list p .ta{ display:table;/*控制第一个font*/ } .marquee_list p .gd{ display:table-cell;/*控制第一个a*/ width:200px; height:150px; text-align:center; *font-size:160px; /* height与font-size之比大约为:1:0.893; 兼容IE6 */ zoom:1; vertical-align:middle; border: 1px solid #eee; } .marquee_list p img{ max-width:200px;/* 修改为max-就可以按比例缩放 */ max-height:150px; } /*left right*/ .left_con .list_con{ padding: 0 0; } .category .prod_type ul li { border-top: 1px dashed #99c77b; padding-left: 15px; } .category .prod_type ul li ul { display: none; } .category .prod_type ul li:first-child { border-top: none; } .category #tree1 ul li { background: url("/template/yule-180608-lql36/images/news_arrow.gif") no-repeat scroll 0px 10px; } /* 上下通栏产品横向菜单 */ #longBarTop .category, #longBarCenter .category, #longBarBottom .category, .center_con .category{ margin: 10px auto; min-height: 40px; text-align: center; } #longBarTop .category .prod_type ul li, #longBarCenter .category .prod_type ul li, #longBarBottom .category .prod_type ul li, .center_con .category .prod_type ul li{ border-top: none; display: inline-block; padding-left: 5px; padding-right: 5px; min-width: 100px; margin-right: 5px; line-height: 40px; height: 40px; overflow: hidden; text-align: center; background-color: #86BC42; /* background-color: #FF9A00; */ } #longBarTop .category .prod_type ul li:hover, #longBarCenter .category .prod_type ul li:hover, #longBarBottom .category .prod_type ul li:hover, .center_con .category .prod_type ul li:hover{ background-color: #97D449; } #longBarTop .category .prod_type ul li a, #longBarCenter .category .prod_type ul li a, #longBarBottom .category .prod_type ul li a, .center_con .category .prod_type ul li a{ color: #FFF; } #longBarTop .category .prod_type ul li ul li, #longBarCenter .category .prod_type ul li ul li, #longBarBottom .category .prod_type ul li ul li, .center_con .category .prod_type ul li ul li{ display: none;/* 隐藏二级菜单 */ } /*con*/ .left_con, .right_con { width: 29%; } .center_con { width: 42%; } .centerLeft_con, .centerRight_con { width: 49.7%; } .list_more, .art_list .art_list_search { position: absolute; top: 12px; bottom: 14px; right: 12px; height:35px; } /* con左右部分标题*/ .left_con .blk_t, .left_con .art_list_title, .left_con .artview_title, .right_con .blk_t, .right_con .art_list_title, .right_con .artview_title { background-color: #86BC42; background: linear-gradient(-135deg, transparent 33px, #86BC42 0); text-indent:20px; } /* con中间部分标题*/ .center_con .blk_t, .center_con .art_list_title, .center_con .artview_title { color: #000; border-bottom: 1px solid #ccc; } /* con中间部分双栏标题*/ #centerLeft .blk_t, #centerRight .blk_t{ width: 120px; height: 40px; color: #fff; text-indent: 0; text-align: center; background-image: none; background-color: #2D3E50; border-bottom: none; position: absolute; top: 120px; display: block; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #centerLeft,#centerRight{ padding-top: 20px; } #centerLeft .flash_image{ width: 480px; height: 307px; position: relative; box-shadow: 0px 0px 0px 5px #86BC42; } #centerLeft .flash_image:hover{ box-shadow: 0px 0px 0px 5px #ccc; } #centerLeft .flash_image img { top: -20px; left: 20px; position: absolute; z-index: 1; } .center_con .list_more{ display: none; } /* con[关于我们]新闻*/ .center_con .titlelist, .centerBottom .titlelist{ overflow: auto; } .centerTop .titlelist li, .centerBottom .titlelist li{ width:50%; float:left; } /* 左侧、右侧正文内框 */ .left_con .category .prod_type, .left_con .list_con, .left_con .pro_over, .left_con .art_list1, .left_con .com_con, .left_con .flash_image, .left_con .qq_list_con, .right_con .category .prod_type, .right_con .list_con, .right_con .pro_over, .right_con .art_list1, .right_con .com_con, .right_con .flash_image, .right_con .qq_list_con{ padding: 0 10px; line-height: 200%; } /* 中间正文内框 */ .center_con .category .prod_type, .center_con .list_con, .center_con .pro_over, .center_con .art_list1, .center_con .com_con, .center_con .flash_image, .center_con .qq_list_con{ } /*art_list*/ .art_list { position: relative; } .art_list .art_list_search { top: 6px; } .art_list .art_list_search #prd_keyword { height: 20px; line-height: 20px; } .art_list .art_list_search #prdsearch_submit,.art_list .art_list_search #articlesearch_submit { border: 0px; padding: 0px; margin: 0px; width: 62px; height: 20px; line-height: 20px; background: url("/template/yule-180608-lql36/images/search_button1.gif") no-repeat; color: #fff; margin-left: 10px; font-size: 12px; cursor: pointer; text-indent: 15px; } .art_list .prod_list_con { padding: 8px; zoom: 1; overflow: auto; overflow-x: hidden; overflow-y: hidden; scrollbar-face-color: #E6E6E6; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #B0B0B0; scrollbar-arrow-color: #666666; scrollbar-track-color: #f5f5f5; scrollbar-color: #B0B0B0; scrollbar-darkshadow-color: #9C9C9C; } .art_list .prod_list_list { width: 24%; _display: inline; margin: 0 0.5%; padding: 5px 0; line-height: 1.5em; } .art_list .prod_list_list :hover { /* background: #eeeeee; */ } .art_list .prod_list_list .prod_list_pic { height: 135px; } .art_list #pager { margin: 20px auto; } .art_list .art_list_title_ul h2 { padding: 10px 0; } .art_list_con ul li { height: 26px; line-height: 26px; border-bottom: 1px dashed #3298FE; @entend .clearFloat; } .art_list_con ul li p.l_title { background: url("/template/yule-180608-lql36/images/news_arrow.gif") no-repeat left; padding-left: 15px; } .art_list_title, .artview_title { } .company_intro p img { border: 5px solid #F0F0F0; margin-right: 10px; max-height: 150px; } /*mess*/ #mess_main { padding: 0 10px; } #mess_main .mess_list .mess_title { width: 10%; height: 30px; margin: 5px 0; } #mess_main .mess_list .mess_input, #mess_main .mess_list .mess_textarea { padding-left: 15px; } #mess_main .mess_list .mess_input input, #mess_main .mess_list .mess_input textarea, #mess_main .mess_list .mess_textarea input, #mess_main .mess_list .mess_textarea textarea { width: 60%; margin: 5px 0; } #mess_main .mess_list .mess_input input, #mess_main .mess_list .mess_textarea input { height: 22px; } #mess_main .mess_list img { vertical-align: middle; } #mess_main .subd { width: 70px; border: 0px; height: 26px; line-height: 26px; cursor: pointer; color: #333333; } .artview { padding: 0 0; } .flink_index { margin: 0px 10px; } .flink_index li { display: table-cell; margin: 5px; padding: 3px; border: 1px solid #fff; width: 144px; height: 60px; vertical-align: middle; *position: relative; float: left; } .flink_index li img { width: auto !important; max-width: 120px; display: block; margin: 0 auto; *position: absolute; *top: 50%; *left: 50%; *margin-top: expression(-this.height/2); *margin-left: expression(-this.width/2); /*for IE低版本7/6*/ } /* 底部版权开始 */ #footer { font-size: 12px; color: #FFF; min-width:1200px;/*兼容手机浏览器*/ background-color: #2D3E50; } #footer a{ color: #FFF; } #footer .com_con { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .copyright { padding: 5px 0; } .qq_list_con ul li { line-height: 30px; } .qq_list_con ul li img { padding-right: 10px; } /*noContent*/ .noContent .placeholder, .noContent_left .placeholder, .noContent_right .placeholder { height: 20px; background: #CCF3FF; border: 1px dashed #3298FE; } .noContent_left { background: #f4f0e7; position: absolute; top: 0; left: -121px; width: 112px; } .noContent_right { background: #f4f0e7; position: absolute; top: 0; right: -121px; width: 112px; } .noContent_left:after { content: '点击激活左侧内容'; } .noContent_right:after { content: '点击激活右侧内容'; } /* sortable placeholder */ .sortable_placeholder { display: block; order: 1px solid #efefef; height: 32px; background: #3298FE; } .placeholder { display: block; height: 12px; } .artview_info, .prodview_info { margin: 20px 0 15px; padding: 5px 10px; line-height: 20px; border: 1px solid #f4e4b4; background: #fffff0; } .prodview_pic, .prodview_pic img { width: 200px; height: 225px; } .prodview_pic { float: left; margin: 0 15px 0 20px; _margin-left: 10px; border: #D5E1E2 1px solid; } /*列表前面的小三角*/ .recent, .titlelist { padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } .recent_list, .titlelist li { background: url("/template/yule-180608-lql36/images/news_arrow.gif") left center no-repeat; text-indent: 8px; border-bottom: 1px dashed #E9E9E9; overflow: hidden; white-space: nowrap;/*文本不会换行*/ text-overflow: ellipsis;/*显示省略符号*/ } .recent_list a { display: block; } .recent_list :last-child { text-align: right; } /*链接hover*/ .category .prod_type li, .titlelist li { line-height: 36px; } .category .prod_type li a:hover, .titlelist li a:hover { } /*正文内边距*/ .art_list_con, #sta_content, .company_intro, .qq_list_con, .prodview_content, form#messform, .com_con,#artview_content { padding: 0; } .prodview_content { clear: both; } /*add or reset css*/ .wrap { width: auto; padding-top: 10px; } /* #longBarTop */ #longBarTop, #longBarBottom, .con > div, #leftmain { width: 1200px; margin: 0 auto; } #longBarCenter{ width: 100%; margin: 0 auto; padding-top: 20px; } #longBarTop,#longBarBottom{ padding-bottom: 20px; padding-top:20px; } /* 上下通栏标题 */ #longBarTop .blk_t, #longBarTop .art_list_title, #longBarTop .artview_title, #longBarCenter .blk_t, #longBarCenter .art_list_title, #longBarCenter .artview_title, #longBarBottom .blk_t, #longBarBottom .art_list_title, #longBarBottom .artview_title { height: 55px; line-height: 40px; font-size: 18px; background: url("/template/yule-180608-lql36/images/title.jpg") center 0 no-repeat; text-align: center; } #longBarTop .blk_t em, #longBarTop .art_list_title em, #longBarTop .artview_title em, #longBarCenter .blk_t em, #longBarCenter .art_list_title em, #longBarCenter .artview_title em, #longBarBottom .blk_t em, #longBarBottom .art_list_title em, #longBarBottom .artview_title em { } /* 上通栏正文内框 */ #longBarTop .category .prod_type, #longBarTop .list_con, #longBarTop .pro_over, #longBarTop .art_list1, #longBarTop .com_con, #longBarTop .flash_image, #longBarTop .qq_list_con{ } /* 中通栏正文内框 */ #longBarCenter .category .prod_type, #longBarCenter .list_con, #longBarCenter .pro_over, #longBarCenter .art_list1, #longBarCenter .com_con, #longBarCenter .flash_image, #longBarCenter .qq_list_con{ padding: 0; } #longBarCenter .pro_over, #longBarCenter .marquee_list, #longBarCenter .list_main{ width: 1200px;/* 限制推荐产品的宽度 */ margin: 10px auto; } /* 下通栏正文内框 */ #longBarBottom .category .prod_type, #longBarBottom .list_con, #longBarBottom .pro_over, #longBarBottom .art_list1, #longBarBottom .com_con, #longBarBottom .flash_image, #longBarBottom .qq_list_con{ } #longBarTop .list_bot, #longBarBottom .list_bot { height: 7px; } /*上下大通栏的新闻列表*/ #longBarTop .titlelist, #longBarCenter .titlelist, #longBarBottom .titlelist{ overflow: auto; } #longBarTop .titlelist li, #longBarCenter .titlelist li, #longBarBottom .titlelist li { width:50%; float:left; } .left_con .mod_block{ margin-right: 8px;/*左栏与中栏的空隙*/ } .center_con .mod_block { margin-right: 0px; } .right_con .mod_block { margin-left: 10px;/*右栏与中栏的空隙*/ } #leftmain.art_list, #leftmain .center_con .artview, #leftmain .center_con .art_list1 { margin-right: 0px; } .left_con .mod_block, .right_con .mod_block { background-color: #FFF; } .center_con .mod_block, .center_con .art_list, .center_con .artview, .center_con .art_list1 { background-color: #FFF; } .center_con .art_list_title { } .center_con .art_list_title em { font-style: normal; } .FORIE7 { float: none; } ul.mktree li.liBullet .bullet { background: url("/template/yule-180608-lql36/images/minus.gif") center left no-repeat !important; }