@charset "utf-8";
/* CSS Document */

a { color: #666; }
.w { width: 1020px; }
/*****顶部样式*****/
.top { line-height: 30px; text-align: right; font-size: 12px; color: #333; background: url(../images/n/bg.jpg) repeat-x left center; }
.top a { margin: 0 7px; }
.top .w { position: relative; }
.logo { position: absolute; left: 0; top: 0; z-index: 1000; }
#topnav { float: right; }
.top .logo a { margin: 0; display: block; }
.menu { line-height: 70px; position: relative; z-index: 900; }
.menubg { background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; height: 70px; width: 100%; }
.menu .nav { width: 870px; position: absolute; top: 0; left: 50%; margin-left: -350px; }
.menu .nav ul li { float: left; background: url(../images/n/dot.jpg) no-repeat left center; width: 95px; text-align: center; }
.menu .nav ul li a { font-size: 16px; color: #fff; font-weight: bold; }
#home { background: none; }
.banner { background: url(../images/n/banner.jpg) no-repeat center center; width: 100%; height: 729px; margin-top: -70px; }
#full-screen-slider { width: 100%; height: 100%; float: left; position: relative }
#slides { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left: 50%; top: 680px; z-index: 9900; padding: 0; margin: 0; overflow: hidden; }
#pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin: 0 10px; background: none; border: 1px solid #fff; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { width: 10px; height: 10px; background: #FFF }
/*****首页样式*****/
.main { overflow: auto; }
.search .fl { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; width: 495px; overflow: auto; }
.search .fl input { float: left; line-height: 50px; font-size: 16px; }
.search .fl .st { width: 440px; }
.search .fl .sm { width: 50px; background: url(../images/n/search.jpg) no-repeat center center; }
.search .fr { border-bottom: 1px solid #aaa; color: #666; border-top: 1px solid #aaa; width: 495px; overflow: auto; line-height: 50px; font-size: 16px; }
.search .fr a { margin: 0 5px; color: #666; }
.about .yahei { margin: 50px auto; }
.about * { text-align: center; font-size: 16px; }
.about .cate { margin: 10px auto; }
.about .con { color: #666; line-height: 180%; margin: 15px auto; }
.about .con a { display: block; }
.product { border-bottom: 1px solid #ccc; overflow: auto; }
.product .cate { text-align: center; margin: 50px auto 30px; }
.product .cate h1, .product .cate h4 { color: #333; }
.product .w { margin: 20px auto; }
.catnav { width: 912px; position: relative; }
.catnav ul li { width: 110px; background: #646464; height: 85px; font-size: 18px; float: left; text-align: center; margin: 0 2px; padding-top: 12px; }
.catnav ul li img { display: block; }
.catnav ul li a { color: #fff; }
.catnav ul li.on { background: #740000; }
.subnav { display: none; position: absolute; top: 100px; background: #646464; z-index: 2000; width: 110px; text-align: center; }
.subnav dl { margin: 10px auto; overflow: auto; }
.subnav dl dd { line-height: 30px; font-size: 14px; }
.product .con { margin-left: 25px; }
#focus_Box { position: relative; width: 100%; height: 308px; margin: 20px auto; }
#focus_Box ul { position: relative; width: 80%; height: 308px }
#focus_Box li { z-index: 0; position: absolute; width: 0px; background: #787878; height: 0px; top: 146px; cursor: pointer; left: 377px; border-radius: 4px; box-shadow: 1px 1px 12px rgba(200, 200, 200, 1) }
#focus_Box li img { width: 100%; background: url(images/loading.gif) no-repeat center 50%; height: 100%; vertical-align: top }
#focus_Box li p { position: absolute; left: 0; bottom: 0px; width: 100%; height: 40px; line-height: 40px; background: url(images/float-bg.png) repeat; text-indent: 8px; color: #fff; }
#focus_Box li p span { display: inline-block; width: 70%; height: 40px; overflow: hidden; }
#focus_Box .prev, #focus_Box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 52px; height: 52px; top: 131px; }
#focus_Box .prev { background: url(images/btn.png) left bottom no-repeat; left: 0px }
#focus_Box .next { background: url(images/btn.png) right bottom no-repeat; right: 0px }
#focus_Box .prev:hover { background-position: left top; }
#focus_Box .next:hover { background-position: right top; }
#focus_Box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; background: url(images/share-btn.png) no-repeat; text-indent: -999px; }
.i .left { width: 690px; border: 1px solid #dedede; border-top: 5px solid #e71f19; }
.i .right { width: 310px; }
.i .left .cate { background: url(../images/n/ico1.jpg) no-repeat left center; font-size: 16px; line-height: 40px; padding-left: 25px; margin: 0 20px 0 15px; }
.i .left .cate a { float: right; font-size: 14px; color: #000; }
.i .left .con { border-top: 1px solid #dedede; padding: 20px; }
.i .left .first { border-bottom: 1px solid #dedede; overflow: auto; padding-bottom: 35px; }
.i .left .first i { font-style: normal; font-size: 24px; width: 80px; display: block; float: left; text-align: center; margin: 10px 30px 0 25px; }
.i .left .first i p { background: #d7d7d7; color: #fff; display: block; font-size: 30px; line-height: 36px; }
.i .left .first h2 { font-size: 18px; margin-top: 10px; line-height: 32px; font-weight: bold; }
.i .left .first h2 a { color: #666; }
.i .left .first span { line-height: 20px; color: #666666; }
.i .left .first span a { margin-left: 20px; color: #F69; }
.news .left ul { margin: 15px auto 10px; overflow: auto; }
.news .left ul li { width: 300px; background: url(../images/n/ico3.jpg) no-repeat 10px center; padding-left: 22px; float: left; line-height: 30px; }
.i .right .cate { line-height: 45px; color: #fff; font-size: 16px; background: url(../images/n/ico2.jpg) no-repeat 13px center #646464; padding: 0 10px 0 35px; }
.i .right .cate a { float: right; font-size: 14px; color: #fff; }
.i .right .con { border: 1px solid #dedede; border-top: none; }
.i .right .con #dituContent { margin-bottom: 10px; }
.i .right .con p { padding-left: 20px; line-height: 30px; font-size: 14px; color: #666; }
.i .right .con .gz { display: block; border-top: 1px solid #dedede; margin: 10px 10px 8px; line-height: 50px; padding-left: 15px; color: #d80000; font-size: 14px; font-family: "微软雅黑"; overflow: auto; }
.i .right .con .gz h5 { float: left; }
.i .right .con .gz a { float: left; margin: 15px 0 0 20px; }
.video { overflow: auto; border-bottom: 1px solid #ccc; }
.video .cate { text-align: center; margin: 40px auto 30px; }
.video .cate h1 { line-height: 50px; color: #333; }
.video .cate h3 { color: #848484; }
.video .con { margin-bottom: 40px; background1: #fff; }
.video .con ul li { position: relative; }
.video .con ul li .info { display: none; position: absolute; top: 0; z-index: 10; width: 100%; height: 100%; color: #fff; }
.video .con ul li .info h2 { font-size: 18px; line-height: 30px; margin: 20px 25px 10px; }
.video .con ul li .info span { font-size: 12px; line-height: 25px; margin: 0 25px; display: block; }
.video .con ul li .info a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; border-bottom: 5px solid #fff; color: #fff; margin: 0 25px; }
.video .con .l { width: 250px; float: left; }
.video .con .l .info { background: #333; }
.video .con .l ul li { margin-bottom: 10px; }
.video .con .l ul li img { width: 250px; height: 250px; }
.video .con .m { width: 240px; float: left; margin-left: 10px; }
.video .con .m .info { background: #000; }
.video .con .m ul li img { width: 240px; height: 510px; }
.video .con .r { width: 520px; float: left; }
.video .con .r .info { background: #d94949; }
.video .con .r ul li { margin-left: 10px; float: left; margin-bottom: 10px; }
.video .con .r ul li img { width: 250px; height: 250px; }
.join { overflow: auto; }
.join .cate { margin: 30px auto; background: url(../images/n/join.jpg) no-repeat center center; height: 110px; }
.join .con { padding: 0 20px; }
.join .con .l { width: 300px; }
.join .con .l dl { overflow: auto; font-size: 14px; }
.join .con .l dl dd { border: 1px solid #ddd; line-height: 35px; margin: 0 auto 19px; padding: 0 10px 0 50px; overflow: auto; }
.join .con .l dl dd input { width: 170px; line-height: 40px; }
.join .con .l dl dd span { float: right; color: #666; }
.join .con .l #name { background: url(../images/n/b1.jpg) no-repeat 5px center; }
.join .con .l #mail { background: url(../images/n/b2.jpg) no-repeat 5px center; }
.join .con .l #tel { background: url(../images/n/b3.jpg) no-repeat 5px center; }
.join .con .l #adr { background: url(../images/n/b4.jpg) no-repeat 5px center; }
.join .con .l .button1 { background: url(../images/n/button1.jpg) no-repeat center center; width: 140px; height: 40px; font-size: 14px; color: #fff; float: left; }
.join .con .l .button2 { background: url(../images/n/button2.jpg) no-repeat center center; width: 140px; height: 40px; font-size: 14px; color: #fff; margin-left: 20px; }
.join .con .m { width: 430px; border: 1px solid #ddd; margin-left: 15px; }
.join .con .m img { margin: 1px; }
.join .con .r { width: 215px; text-align: center; }
.join .con .r dl dd { border: 2px solid #666; font-size: 16px; text-align: center; line-height: 35px; margin: 0 5px 15px; }
.join .con .r span { display: block; background: url(../images/n/tel.jpg) no-repeat left center; padding-left: 35px; font-size: 24px; font-weight: bold; }
.foot { background: url(../images/n/bg_2.jpg) repeat left top; overflow: auto; margin-top: 30px; padding-bottom:40px;}
.foot .w .l { width: 150px; }
.foot .w .m { width: 600px; margin-top: 30px; line-height: 30px; color: #fff; padding-left: 25px; font-size: 14px }
.foot .w .r { width: 150px; margin-top: 60px; line-height: 30px; color: #fff; font-size: 14px; text-align: right; }
.foot .w a { color: #fff; }
/*****内页*****/
.nbanner { background: url(../images/n/nbanner.jpg) no-repeat center center; height: 370px; margin-top: -70px; }
.crumbs { font-size: 14px; margin: 10px auto 0; border-bottom: 1px dashed #ccc; line-height: 30px; }
.p .left { width: 200px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; overflow: auto; }
.p .right { width: 800px; overflow: auto; }
.leftnav { }
.leftnav h3 { border-bottom: 1px solid #e8e8e8; text-align: center; line-height: 80px; font-size: 24px; color: #666; }
.leftnav ul li { border-bottom: 1px solid #e8e8e8; line-height: 50px; text-align: center; font-size: 18px; }
.leftnav ul li a { color: #666; }
/*.leftnav ul li.on a{background:url(../images/n/ico3.jpg) no-repeat left center;}*/

.content { line-height: 180%; color: #666; font-size: 18px; }
.content img { max-width: 100%; width: auto!important; width: 100%; }
.ntitle { border-bottom: 3px solid #e1e1e1; line-height: 60px; margin: 10px auto; }
.ntitle h2 { background: url(../images/n/ico1.jpg) no-repeat left center; padding-left: 25px; color: #888; }
.ntitle span { display: inline-block; float: right; line-height: 60px; color: #999; font-size: 12px; }
.ntitle span a { color: #999; }
/*** 文章列表页 ***/
.n-list { padding-top: 10px; }
.n-list li { display: block; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.n-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list li h2 { padding: 10px 0; font-size: 18px; line-height: 27px; font-weight: normal; }
.n-list li h2 a { line-height: 29px; color: #666; text-decoration: none; }
.n-list li .note b { position: relative; display: block; float: left; margin-right: 16px; width: 160px; height: 120px; font-style: normal; margin-top: 10px; }
.n-list li .note b img { width: 160px; height: 120px; }
.n-list li .note p { font-size: 14px; line-height: 23px; font-weight: 500; color: #888; }
.n-list li .note .info { padding-top: 10px; }
.n-list li .note .info span { margin-right: 10px; padding-left: 20px; color: #777; background: url(../images/n/sprite.gif) no-repeat; }
.n-list li .note .info .time { background-position: 0 -158px; }
.n-list li .note .info .view { background-position: 0 -36px; }
.n-list li .note .info .comm { background-position: 0 4px; }
/***产品列表页面***/
.catgory { border: 1px solid #dcdcdc; }
.catgory .cbox { border-bottom: 1px solid #dcdcdc; background: #e9e9e9; line-height: 40px; }
.catgory .cbox h2 { color: #666; font-size: 16px; padding-left: 25px; }
.catgory .cbox span { color: #999; }
.catgory .cbox .search2 { float: right; margin: 0px 10px 0 0; }
.catgory .cbox .text { width: 190px; height: 20px; line-height: 20px; border: 1px solid #dcdcdc; font-size: 12px; color: #666; padding-left: 5px; }
.catgory .cbox .submit { width: 20px; height: 22px; background: url(../images/n/search2.jpg) no-repeat center center; border: 1px solid #dcdcdc; border-left: none; }
.catgory .catnav2 ul { margin: 15px 0 15px 15px; overflow: auto; }
.catgory .catnav2 ul li { width: 110px; text-align: center; line-height: 35px; font-size: 16px; margin: 5px; float: left; border: 1px solid #dadada; }
.catgory .catnav2 ul li.on{ background:#f2f2f2;}
.catgory .catnav3 dl { margin: 15px 0 15px 15px; overflow: auto; }
.catgory .catnav3 dl dt {width:80px; float:left;}
.catgory .catnav3 dl dd { width:auto;}
.catgory .catnav3 dl dd a{ margin:0 10px;}
.catgory .catnav3 dl dd a.on{ color:#900; font-weight:bold;}
.prolist { margin: 20px 0 20px -17px; overflow: auto; }
.prolist ul li { width: 240px;border: 1px solid #dadada; margin: 0 0 18px 17px; float: left; }
.prolist ul li img { margin: 5px auto; }
.prolist ul li a { display: block; }
.prolist ul li h3 { margin: 0 10px 0; line-height: 30px; font-size: 14px; color: #666; width: 220px; height: 30px; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; }
.prolist ul li p { margin: 0 10px; line-height: 20px; font-size: 12px; color: #666; }
.prolist .col { padding: 0 10px; margin-bottom:10px; }
.prolist .col b { font-size: 16px; color: #f40; }
.prolist .col i { font-style: normal; line-height: 20px; }
.prolist .col span { float: right; margin-top: 3px; }
.prolist ul li .moreinfo { background: #d60000; width: 60px; line-height: 20px; color: #fff; font-size: 12px; display: block; text-align: center; float: right; margin: 0; }
.prolist .img{ width:240px; height:230px; display:table-cell; text-align:center;vertical-align:middle;}
.prolist .img img{ max-height:220px; max-width:220px;}

/***下载列表页面***/
.d-list dt { background: #f3f3f3; line-height: 35px; font-size: 16px; color: #000; overflow: auto; margin-bottom: 5px; }
.d-list dd { line-height: 30px; color: #666; font-size: 14px; }
.d-list .w1, .d-list .w2, .d-list .w3 { display: block; float: left; }
.d-list .w2, .d-list .w3 { text-align: center; }
.d-list .w1 { width: 68%; padding-left: 2%; }
.d-list .w2 { width: 15%; }
.d-list .w3 { width: 15%; }
/***招聘列表页面***/
.j-list { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
.j-list .t { background: #f3f3f3; line-height: 35px; font-size: 16px; color: #000; overflow: auto; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.j-list tr { line-height: 30px; color: #666; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; overflow: auto; }
.j-list td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; }
.j-list .w1 { width: 15%; }
.j-list .w2 { text-align: left; padding-left: 10px; }
.j-list .w3 { width: 10%; }
.j-list .w4 { width: 15%; }
.j-list .w5 { width: 10%; }
/***分页样式***/
.pages { font-family: "Microsoft YaHei", Verdana; font-size: 12px; text-align: right; line-height: 30px; margin: 10px auto; overflow: auto; }
.pages a, .pages span { margin: 2px 0 0 -1px; padding: 4px 12px; line-height: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; color: #333; text-decoration: none; }
.pages span:first-child { border-left: 1px solid #e1e1e1; }
.pages a:hover,.pages span{ color: #666; background: #eee; }
.pages span.current { color: #fff; background: #d60000; border-color: #d60000; }
.pages span.disabled { color: #999; background: #fff; }
/**产品展示页**/


.goods .pics { width: 430px; overflow: auto; border: 1px solid #ccc; }
.goods .pics .pic-preview { width: 430px; height: 300px; margin:15px auto; display:table-cell;vertical-align:middle;}
.goods .pics .pic-preview img{ max-width:410px; max-height:280px; }
.goods .pics .pic-small { overflow: auto; border-top: 1px solid #ccc; height: 80px; }
.goods .pics .pic-small ul li { width: 64px; height: 64px; border: 1px solid #e9e9e9; float: left; margin: 10px 4px; }
.goods .spec { width: 550px; }
.goods .spec h1 { font-size: 36px; margin: 10px auto; }
.goods .spec h2 { padding-left: 0px; font-size: 18px; color: #888; margin-bottom: 20px; }
.goods .spec dl { overflow: auto; margin: 10px auto; }
.goods .spec dl dd { float: left; font-size: 16px; color: #666; }
.goods .spec dl .l { width: 85px; text-align: right; }
.goods .spec dl .r { width: 400px; }
.goods .spec input { border: 1px solid #e8e8e8; float: left; height: 30px; line-height: 30px; margin-right: 3px; text-align: center; width: 42px; }
.stock-box { display: block; float: left; margin-right: 10px; width: 64px; }
.stock-box a { border: 1px solid #e8e8e8; color: #333; cursor: pointer; display: block; float: left; font-size: 11px; height: 12px; line-height: 12px; margin-bottom: 4px; overflow: hidden; text-align: center; width: 15px; }
.buy { background: #ffe4d0 none repeat scroll 0 0; border: 1px solid #f0cab6; border-radius: 2px; color: #e5511d; cursor: pointer; display: inline-block; font-size: 16px; line-height: 38px; margin-right: 10px; padding: 0 30px; }
.shop { background: #f40 none repeat scroll 0 0; border: 1px solid #f40; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; line-height: 38px; padding: 0 30px; }
.goods .tit { border: 1px solid #ccc; background: #f7f7f7; line-height: 40px; padding-left: 15px; }
/***文章展示页***/
.meta { margin: 10px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #f0f0f0; text-align: center; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h1 { margin: 0; padding: 0 0 15px 0; color: #333; font-size: 22px; line-height: 30px; }
.meta .meta-info { color: #999; font-size: 12px; line-height: 24px; }
.meta .meta-info span { margin-right: 10px; padding-left: 20px; color: #777; background: url(../images/n/sprite.gif) no-repeat; }
.meta .meta-info .time { background-position: left -158px; }
.meta .meta-info .view { background-position: left -36px; }
.meta .meta-info .comm { background-position: left 4px; }
.share { width: 100%; display: block; overflow: auto; margin-bottom: 10px; }
/*内容详细样式*/
.content { margin: 15px 0 0; padding: 0; font-size: 16px; line-height: 2em; word-wrap: break-word; color: #666; }
.content img { max-width: 100%!important; width: auto!important; height:auto !important;}
.content h2, .entry h3, .entry h4 { padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; color: #333; }
.content h2 { font-size: 1.2em; }
.content h3, .entry h4 { font-size: 1.1em; }
.content strong { color: #DC2523; }
.content ul, .entry ol { margin: 1em; }
.content li { margin-left: 1em; }
.content ul li { list-style: disc outside none; }
.content ol li { list-style: decimal outside none; }
.content p { display: inherit; margin: 1em 0; color: #555; word-wrap: break-word; }
.content a { text-decoration: underline; }
.content code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; line-height: 1.7em; }
.content table { border-left: 0.15em solid #eee; border-top: 0.15em solid #eee; }
.content table th { background-color: #F9F9F9; text-align: center; }
.content table td, .entry table th { border-bottom: 0.15em solid #eee; border-right: 0.15em solid #eee; padding: 0.25em 0.5em; }
.next-prev-single { padding: 10px 0; color: #444; font-size: 14px; overflow: hidden; }
.next-prev-single p { width: 49%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.next-prev-single p a { color: #428bca; text-decoration: none; }
.next-prev-single .prev { float: left; }
.next-prev-single .next { float: right; }
/*图片列表*/
.img-list { *display:inline-block;
}
.img-list li { position: relative; _display: inline; float: left; margin: 15px 13px 0; width: 240px; height: 129px; overflow: hidden; background: #fff; }
.img-list.high li { height: 273px; }
.img-list.high1 li { height: 350px; }
.img-list.high2 li { height: 250px; }
/*遮罩样式*/	
.ilist a { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #f7f7f7; cursor: pointer; _position: relative; overflow: hidden; }
.ilist a:hover em { position: absolute; top: 50%; left: 50%; display: block; margin: -30px auto auto -30px; height: 60px; width: 60px; background: url(../images/n/slider.png) no-repeat 0 0; }
.ilist a img { width: 100%; min-width: 100%; min-height: 100%; _height: 100%; }
.ilist .abs-txt { position: absolute; top: 0; left: 0; display: inline-block; padding: 0 5px; border-radius: 2px; color: #fff; font-size: 12px; line-height: 23px; background: #f06000; text-align: center; }
.ilist .abs-bg { position: absolute; left: 0; right: 0; bottom: 0; display: block; height: 125px; background: url(../images/n/pic-bg.png) 0 bottom repeat-x; _background: url(none) 0 0 repeat #000; width: 100%; _height: 50px; }
.ilist .txt1 { position: absolute; left: 0; right: 0; bottom: 20px; display: block; padding: 0 5px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ilist .txt1 i { font-style: normal; }
.ilist .txt2 { position: absolute; left: 0; right: 0; bottom: 3px; display: block; padding: 0 5px; height: 20px; line-height: 20px; color: #bdbdbd; font-size: 12px; overflow: hidden; }
.ilist .txt2 p { display: block; }
.ilist .txt2 i { float: right; margin-left: 5px; font-style: normal; }
.ilist .price { position: absolute; left: 0; right: 0; bottom: 20px; display: block; padding: 0 5px; height: 30px; line-height: 30px; color: #F90; font-size: 16px; font-weight: 400; text-shadow: 1px 1px rgba(0,0,0,.9); vertical-align: middle; overflow: hidden; }
.ilist .price b { margin-right: 2px; font-size: 14px; font-weight: 700; }
.ilist .price i { float: right; display: block; font-style: normal; color: #bdbdbd; font-size: 12px; font-weight: normal; text-decoration: line-through; }
.ilist .protxt { position: absolute; left: 0; right: 0; bottom: 3px; display: block; padding: 0 5px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ilist a .img-box { position: relative; margin: 10px 10px 5px 10px; width: 200px; height: 200px; overflow: hidden; background: #000; }
.ilist a .img-box img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; }
.ilist a .info { padding: 0 10px; color: #999; }
.ilist a .info h3 { height: 24px; line-height: 24px; color: #555; font-size: 14px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ilist a .info i { float: right; margin-left: 5px; font-style: normal; }
.ilist a .info p { display: block; }
.list1 li { width: 280px; margin: 15px 30px 0; }
.list2 li { width: 300px; margin: 15px 20px; }
/* 图片频道 - photo */
.photo-channel .photo-slide { width: 435px; padding: 5px; border: 1px solid #c3d4e7; zoom: 1; }
.photo-channel .photo-slide .FocusPic .title-bg, .photo-channel .photo-slide .FocusPic .title { bottom: 35px }
.photo-channel .photo-slide .change { bottom: 0px; left: 0; text-align: left; height: 30px; }
.photo-channel .photo-slide .change i { background: url(../images/v9/focusBg.gif) no-repeat right top; width: 39px; height: 30px; text-align: center; padding: 0; margin-right: 8px; line-height: 30px; color: #049 }
.photo-channel .photo-slide .change i.cur { background-position: left top; color: #fff; font-weight: 700 }
.photo-channel .photo-hots, .box-hots { float: left; width: 242px; margin-right: 10px; _margin-right: 5px; height: auto; overflow: hidden; padding-bottom: 5px; }
.photo-channel .photo-hots h4, .box-hots h4 { text-align: left; height: 26px; *height:25px;
font: 18px/26px "MicroSoft YaHei", "SimHei"; color: #457bb4; *line-height:25px;
margin: 0; padding: 5px 0 0px 30px }
.photo-channel .photo-cat { position: relative; height: auto }
.photo-cat .content h5 a, .photo-cat .content h5 a strong { background-image: url(../images/v9/title_photo.png); background-repeat: no-repeat; height: 35px; padding-left: 10px; display: block; float: left; text-decoration: none; }
.photo-cat .content { padding-bottom: 6px }
.photo-cat .content h5 a strong { background-position: right top; padding-right: 14px; color: #fff; float: left; line-height: 35px }
.photo-cat .content h5 { position: absolute; left: 14px; top: -4px; width: 98% }
.photo-cat .content h5 span { font-size: 12px; font-weight: normal; padding-left: 12px; line-height: 38px }
.photo-cat .content h5 span.blue a { background-image: none; float: none; padding: 0 4px; height: auto }
.photo-cat .content h5 span.blue a:hover { color: #F30 }
.photo-cat .content h5 span.blue a.more { float: right }
.photo-cat .photo-list { padding-top: 45px }
.photo-list li { vertical-align: top; width: 188px; *width:191px;
text-align: center; padding-bottom: 12px }
.photo-list li div.img-wrap { width: 160px; height: 120px; margin: auto; margin-bottom: 3px }
.photo-list li div.img-wrap a { width: 160px; height: 120px; *font-size:88px;
}
.photo-channel .m { display: none; }
/*图片内容*/
.photo-channel #Article .tool { position: relative; height: 35px; padding-top: 6px }
.photo-channel #Article .tool .auto, .photo-channel .tool .up, .photo-channel .tool .next { background: url(../images/v9/up-next.png) no-repeat; height: 27px; width: 31px; margin-right: 10px; overflow: hidden; line-height: 27px; }
.photo-channel .tool .up, .photo-channel .tool .next { display: block; float: left; }
.photo-channel #Article .tool .auto span, .photo-channel .tool .up span, .photo-channel .tool .next span { visibility: hidden }
.photo-channel #Article .tool .auto { background-position: -39px top; }
.photo-channel #Article .tool .next { background-position: -78px top; }
.photo-channel #Article .Article-Tool { position: absolute; right: 0; border: none; background: none; font-size: 12px; font-weight: normal }
.photo-channel #Article .tool .stat { color: #999; }
.photo-channel #Article .big-pic { text-align: center; padding: 10px 0; border: 1px solid #ededed; background-color: #fafcfe; position: relative }
.photo-channel #Article .big-pic #big-pic { display: table-cell; vertical-align: middle; *display:block;
overflow: hidden; *font-size:480px;
width: 998px; height: 650px }
.photo-channel #Article .big-pic #big-pic img { max-height: 650px; }
.photo-channel #Article .big-pic .max { position: absolute; bottom: 0px; right: 0px; background: #FFF url(../images/v9/max.png) no-repeat 5px center; z-index: 101; padding: 5px 5px 5px 20px }
.photo_prev { position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 100 }
.photo_next { position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 100 }
.photo_prev a, .photo_next a { background-image: url(../images/blank.gif); display: block; width: 100%; height: 100%; outline: none; }
#Article h1 { color: #000; font: 800 26px/30px; margin-bottom: 6px; text-align: center; padding: 16px 0 8px; }
#Article h1 span { font-size: 12px; font-weight: normal; line-height: 20px; color: #999 }
#Article .list-pic { padding: 22px 0 16px; height: 100px }
#Article .cont { overflow: hidden; float: left; width: 740px; height: 80px }
#Article .cont li { float: left; width: 123px; text-align: center; display: block; overflow: hidden }
#Article .cont li .img-wrap { width: 100px; height: 75px; margin: 0 auto; }
#Article .cont li .img-wrap a {
*font-size:55px; width: 100px; height: 75px; outline: medium none; }
#Article .cont li.on .img-wrap { border: 2px solid #ffb017 }
#Article .list-pic .pre, #Article .list-pic .next { float: left; display: block; position: relative; background: url(../images/v9/pic_bg.png) no-repeat; width: 110px; height: 86px; text-align: center }
#Article .list-pic .pre { top: -3px; margin-right: 14px }
#Article .list-pic .next { float: right; top: -3px }
#Article .list-pic .pre .img-wrap, #Article .list-pic .next .img-wrap { width: 102px; height: 72px; border: none; padding: 4px 0 8px }
#Article .list-pic .next .img-wrap img { width: 98px; height: 72px; }
#Article .list-pic .pre .img-wrap a, #Article .list-pic .next .img-wrap a {
*font-size:53px; width: 97px; height: 72px; padding: 0px 0px 0 0; *padding:0px 5px 5px 0px
}
#Article .list-pic .pre .img-wrap a:hover, #Article .list-pic .next .img-wrap a:hover { background: none }
#Article .list-pic .next { float: right; bottom: -2px }
#Article .pre-bnt, #Article .next-bnt { margin-top: 3px; cursor: hand; !important;
cursor: pointer }
#Article .pre-bnt, #Article .next-bnt, #Article .pre-bnt span, #Article .next-bnt span { background: url(../images/v9/big-btn.png) no-repeat; display: block; width: 17px; height: 69px; float: left; }
#Article .pre-bnt:hover, #Article .next-bnt:hover, #Article .pre-bnt-on, #Article .next-bnt-on { background-position: 0 -78px; }
#Article .pre-bnt span { background-position: -30px top; }
#Article .pre-bnt:hover span, #Article .pre-bnt-on span { background-position: -30px -78px; }
#Article .next-bnt span { background-position: -55px top; }
#Article .next-bnt:hover span, #Article .next-bnt-on span { background-position: -55px -78px; }
/* endSelect */
#endSelect { top: 290px; left: 333px; position: absolute; width: 230px; height: 71px; border: 1px solid #8a8a8a; display: none; z-index: 200; }
#endSelect .bg { height: 100%; width: 100%; background: #000; filter: Alpha(Opacity=50); opacity: 0.5; }
#endSelect .E_Cont { position: absolute; top: 10px; left: 26px; color: #fff; font-size: 14px; }
#endSelect .E_Cont p { padding: 4px 0; zoom: 1; overflow: hidden; }
#rePlayBut, #nextPicsBut, #endSelect #endSelClose { background: url(../images/v9/big-btn.png) no-repeat }
#rePlayBut { float: left; width: 69px; height: 23px; background-position: 0px -167px; }
#nextPicsBut { float: left; width: 97px; height: 23px; background-position: -100px -167px; margin-left: 10px; }
#endSelect #endSelClose { background-position: 0px -217px; position: absolute; top: 3px; right: 3px; cursor: pointer; width: 11px; height: 11px; overflow: hidden; z-index: 2; }
.photo-channel #Article .text { border: 1px solid #ddd; background-color: #f3f3f3; padding: 8px 10px; zoom: 1; margin-bottom: 20px }
.photo-channel .relevance { padding: 5px 10px 10px }
.photo-channel .relevance h5, .comment h4 { background: url(../images/v9/icon.png) no-repeat left -375px; padding-left: 16px; }
.photo-channel .relevance .photo-list { padding: 0; overflow: auto; padding-top: 10px }
.photo-channel .relevance .photo-list li { float: left; width: 153px; padding: 0 }
.photo-channel .relevance .photo-list li .img-wrap { width: 110px; height: 86px; margin: 0 auto; background: url(../images/v9/pic_bg.png) no-repeat; border: none; margin-bottom: 6px }
.photo-channel .relevance .photo-list li .img-wrap a {
*font-size:59px; width: 104px; height: 86px; padding: 1px 5px 5px 1px }
.photo-channel .relevance .photo-list li .img-wrap a:hover { background: none }
.box .photo-hot { padding: 0 2px }
.photo-hot li { width: 119px; *width:50%;
text-align: center; padding: 5px 0; vertical-align: top }
.photo-hot li div.img-wrap { width: 94px; margin: auto; margin-bottom: 5px; height: 64px; }
.photo-hot li div.img-wrap a { width: 94px; height: 64px; *font-size:48px;
}
/*设计师页面*/
.d-pic { width: 500px; height: 500px; }
.d-pic img { max-width: 480px; width: auto!important; width: 480px; max-height: 480px; height: auto!important; height: 480px; margin: 10px auto; }
.d-info { width: 500px; }
.d-title { }
.d-name { }
#qqol { float: right; margin: 20px 100px 0 0; }
.d-info h1 { font-size: 36px; }
.d-info h2 { padding-left: 0px; }
.d-info dl { overflow: auto; margin: 10px auto; }
.d-info dl dd { float: left; font-size: 16px; color: #666; }
.d-info dl .l { width: 85px; text-align: right; }
.d-info dl .r { width: 400px; }
.container .tit { font-size: 22px; color: #888; text-align: center; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; line-height: 50px; margin: 20px auto; }
.case ul li { width: 475px; float: left;margin: 15px }
.case ul li img { width: 455px; height: 330px; padding: 10px;  border: 1px solid #ccc; }
.case ul li p{ text-align:center; line-height:25px;}
.case .m { display: none; }
.design .crumbs { display: none; }
/*在线留言*/
.gbook dl { margin: 0px auto; padding: 5px 0px; word-wrap: break-word; border: none; color: rgb(102, 102, 102); font-family: tahoma, arial, 微软雅黑, 宋体, sans-serif; font-size: 14px; line-height: 32.4px; }
.gbook dl dt { margin: 0px auto; padding: 0px; word-wrap: break-word; border: none; float: left; width: 20%; max-width: 150px; min-width: 80px; line-height: 38px; min-height: 38px; color: rgb(85, 85, 85); font-size: 13px; text-align: right; }
.gbook dl dd { margin: 0px auto; padding: 5px 0px 5px 10px; word-wrap: break-word; border: none; position: relative; line-height: 28px; min-height: 28px; color: rgb(85, 85, 85); font-size: 13px; overflow: hidden; }
.gbook dl dd input { margin: 0px 5px 0px auto; padding: 7px; word-wrap: break-word; border: 1px solid rgb(232, 232, 232); vertical-align: middle; outline: none; display: inline; height: 20px; line-height: 20px; border-radius: 2px; width: 90%; max-width: 200px; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }
.gbook dl dd textarea { border: 1px solid rgb(232, 232, 232); margin: 0px 5px 0px auto; padding: 7px; border-color: rgb(232, 232, 232); display: inline; height: 80px; line-height: 20px; vertical-align: middle; border-radius: 2px; width: 90%; max-width: 350px; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }
.gbook dl dd .btn { margin: 0px; padding: 0.25em; word-wrap: break-word; border: 1px solid rgb(2, 89, 142); vertical-align: middle; outline: none; color: rgb(255, 255, 255); font-size: 12px; height: 40px; line-height: 38px; border-radius: 2px; width: auto; cursor: pointer; overflow: visible; background: rgb(30, 123, 179); }



/* slides */
.slides{position:fixed;right:0;top:45%; z-index:2000;}
.slides .slideul{ overflow:inherit;}
.slides .slideul>li{position:relative;display:block;width:50px;height:50px;margin-bottom:10px;overflow:visible;}
.slides .slideul>li img{ width:50px;}
.slides .slideul>li.kefu{width:56px;padding-left:10px;margin-left:-10px;}
.slides .slideul>li ul.kefulist{position:absolute;left:-86px;top:-100px;padding-right:10px;display:none;}
.slides .slideul>li ul.kefulist li{margin-bottom:10px;}
.slides .slideul>li ul.kefulist li a{display:block;width:90px;height:30px;line-height:30px;background:#666;color:#fff;text-align:center;text-decoration:none;}
.slides .slideul>li ul.kefulist li a:hover{text-decoration:none;}

.slides .slideul>li ul.codeshow{ position:absolute; left:-160px; top:-50px; display:none;}
.slides .slideul>li ul.codeshow img{ width:150px;}

/*搜索样式*/
.searchlist{}
.searchlist li{ margin:10px 0; padding-bottom:10px; border-bottom:1px dashed #ccc; overflow:auto;}
.searchlist li img{ float:left; margin-right:15px;}
.searchlist li .con{ margin:10px 0;}

.footad{ width:100%; line-height:50px;  position:fixed; bottom:0; z-index:3000;}
.footad span,.footad a{ float:left; font-size:20px; color:#fff; position:relative; z-index:4000;}
.footad a img{ margin:10px 0 0 50px;}
.blackbg{background:#000;filter:alpha(opacity=60); /*支持 IE 浏览器*/-moz-opacity:0.60; /*支持 FireFox 浏览器*/opacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/ position:absolute; bottom:0; height:50px; width:100%;}

/*****公共样式*****/
.bg { background: url(../images/n/bg_1.jpg) repeat-x left top; }
.m10 { margin: 10px auto; }
.m20 { margin: 20px auto; }
.m30 { margin: 30px auto; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

@media screen and (max-width: 800px) {
.w { width: 100%; }
.top .w { height: 0; }
.top .w .logo { display: block; width: auto; height: 70px; }
.top .w .logo img { height: 70px; width: auto; }
.menu { line-height: 30px; }
.menubg { background: #000; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; height: 70px; width: 100%; }
.menu .nav { width: 100%; left: 0; margin-left: 0; }
.menu .nav ul { margin-left: 70px; margin-top: 5px; }
.menu .nav ul li { background: none; width: 25%; }
.menu .nav ul li a { font-size: 12px; }
#home, .banner, .search, .subnav { display: none; }
.subnav { height: 0; width: 0; }
.about .con { margin: 15px 10px; }
h1 { font-size: 2em }
.catnav { width: 100%; }
.catnav ul li { width: 23%; margin: 1%; height: auto; padding: 10px 0; }
.catnav ul li a { font-size: 0.6em; }
#focus_Box { display: none; }
.i .left { width: 98%; margin-left: 1%; float: none; margin-bottom: 10px; }
.i .left .con { padding: 10px; }
.news .left ul li { width: auto; }
.i .right { width: 98%; margin-right: 1%; float: none; }
.video .con .l, .video .con .m { width: 48%; }
.video .con ul li img { width: 100% !important; height: 100% !important; }
.video .con .r { width: 100%; }
.video .con .r ul li { width: 48%; margin: 1%; }
.video .con .info { width: 0 !important; height: 0 !important; }
.join .con .l { width: 100%; float: none; }
.join .con .l dl dd input { width: 70%; }
.join .con .l .button1 { width: 49%; }
.join .con .l .button2 { width: 49%; margin-left: 0; }
.join .con .m { margin: 10px auto; width: 100%; float: none; }
.join .con .m img { width: 100%; height: auto; }
.join .con .r { width: 100%; }
.join .con .r dl { overflow: auto; }
.join .con .r dl dd { width: 47%; float: left; margin: 1%; border: 1px solid #ccc; }
.join .con .r span { width: 190px; }
.foot { margin-top: 10px; }
#copyright { line-height: 50px; }
#address, #icp, #tel { display: none }
.foot .w .m { width: 100%; margin: 0 auto; text-align: center; padding: 0; }
.foot .w .l, .foot .w .r { display: none }
.content { font-size: 12px; }
.p .left, .p .right { width: 96%; float: none; }
.p .left { height: auto !important; margin-top: 5px; border-top: 1px solid #e8e8e8; }
.nbanner, .p .leftnav h3, .p .ntitle h2 { display: none; }
.leftnav ul { border-bottom: 1px solid #e8e8e8; padding: 15px 0; }
.leftnav ul li { font-size: 12px; width: 33%; float: left; border: none; line-height: 30px; }
.content img { width: 100%; }
.ntitle { padding: 0 10px; }
.img-list { margin: 0 10px; }
.img-list li { width: 46%; margin: 2%; height: 0 !important; padding-bottom: 50%; }
/*.img-list li .txt1 i{ display:none;}
.img-list.list1 li .txt2 i{display:none;}*/
.img-list.high1 li { height: 0 !important; padding-bottom: 50%; }
.img-list.high2 li { height: 0 !important; padding-bottom: 40%; }
#container { border: none !important; }
.catgory .cbox .search2, #qqol, .share { display: none; }
.catgory .catnav2 ul li { width: 82px; }
.prolist { margin: 10px 0; }
.prolist ul li { margin-left: 2%; width: 47%; }
.prolist ul li img { max-width: 100%; }
.goods .pics { width: 96%; float: none; }
.goods .pics .pic-preview { height: auto; width: 100%; 1padding-bottom:100%;
}
.goods .spec { width: 96%; float: none; }
.goods .spec h1 { font-size: 16px; text-align: center }
.goods .spec h2 { font-size: 14px; text-align: center }
.goods .spec dl .l { width: 40%; }
.goods .spec dl dd { font-size: 14px; }
.goods .spec dl .r { width: 60%; }
.l2, .r2 { width: 50%; text-align: center; }
.goods .spec #ckepop { display: none; }
.goods .pics .pic-preview{ display:none;}
.content { margin: 0 10px; }
.d-pic { height: auto; }
.d-pic img { max-width: 100%; }
.d-pic, .d-info { width: 96%; float: none; }
.d-info dl .l { width: 25%; min-width: 85px; }
.d-info dl .r { width: 70%; }
.d-info dl dd { font-size: 1em; }
.d-info h1, .d-info h2 { text-align: center; }
.case .pc { display: none1; }
.case .m { display: block; }
.case ul li { width: 96%; height: auto; text-align: center; float: none; margin: 10px auto; }
.case ul li img { width: 98%; height: auto; margin: 1% auto; }
.photo-channel #Article { display: none; }
.photo-channel .m { display: block; }
.photo-channel .m ul li { width: 100%; height: auto; margin: 1% auto; }
.photo-channel h1 { text-align: center; margin-top: 15px; }
#position, .design .ntitle { display: none; }
.design .crumbs { display: block; }
.v { display: none; }
.d-list .w1 { width: 68%; padding-left: 2%; }
.d-list .w2 { display: none; }
.d-list .w3 { width: 30%; }
.j-list .w1 { width: auto; }
.j-list .w3 { width: 25%; }
.j-list .w5 { width: 25%; }
.j-list .w2, .j-list .w4 { display: none; }
#rightArrow{display:none !important;}
#floatDivBoxs,.footad{ display:none !important;}
}

@media screen and (max-width: 480px) {
.prolist ul li { margin: 2%; width: 96%; }
.prolist .img{ display:block;}
.img-list li { width: 96%; margin: 2%; height: 0 !important; padding-bottom: 100%; }
.img-list li .txt1 i { display: none; }
.img-list.list1 li .txt2 i { display: none; }
.img-list.high1 li { height: 0 !important; padding-bottom: 100%; }
.img-list.high2 li { height: 0 !important; padding-bottom: 60%; }
.slides{ display:none !important;}
}