﻿/* 侧栏 */
.sd {float: right; width: 250px; margin-left: 10px;}

/* 产品分类 */
.pm {margin-bottom: 10px; border: 1px solid #98caef; padding-bottom: 10px;}
.pm h2 {height: 41px; background-image: url('images/pmbg.jpg'); line-height: 37px; font-weight: 700; font-size: 16px; text-align: center;}
.pm h2 a {color: #fff;}
.pm dl {margin-top: 10px; padding: 0 10px;}
.pm dt {height: 25px; line-height: 25px; background-color: #ebebeb;}
.pm dt a {position: relative; padding-left: 25px; color: #0090da; font-weight: 700;}
.pm dt s {position: absolute; left: 10px; top: 3px; width: 10px; height: 11px; background-image: url('images/pmi1.jpg');}
.pm dd {border-bottom: 1px solid #d1d1d1; height: 30px; line-height: 30px;}
.pm dd a {position: relative; padding-left: 45px;}
.pm dd s {position: absolute; left: 30px; top: 5px; width: 4px; height: 7px; background-image: url('images/pmi2.jpg');}

/* 推荐产品 */
.prec {margin-bottom: 10px; border: 1px solid #d0d0d0; border-radius: 3px; overflow: hidden;}
.ptit {height: 34px; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: 700; padding-left: 15px; line-height: 33px; background: url('images/pmsbg.jpg') repeat-x top;}
.prec .pc {padding: 15px 10px 0;}
.recl li {width: 220px; margin: 0 auto 10px; text-align: center;}
.recl li .pic {height: 165px; overflow: hidden;}
.recl li img {width: 220px; height: 165px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.recl li a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.recl li h3 {display: block; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 联系方式 */
.prec .cont {padding-bottom: 10px; padding-left: 20px;}
.cont .tel {padding: 5px 0 10px 60px; background: url('images/telicon.gif') no-repeat 0 11px;}
.cont .tel strong {display: block; font-size: 18px; font-family: Impact; color: #6b9f1f; font-weight: 500;}
.cont p {line-height: 25px;}


/* 内容 */
.main {position: relative; overflow: hidden;}
.mi {padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px;}
.mi .cm {padding: 5px 0 10px; border-bottom: 1px dotted #ccc;}
.mi .cm span {color: #6b9f1f;}
.list .empty {width: 100%; line-height: 300px;}
.list li {float: left; width: 280px; margin: 20px 0 0 20px; text-align: center;}
.list .pic {width: 280px; height: 215px; overflow: hidden;}
.list img {width: 280px; height: 215px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.list a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.list h3 {display: block; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.pagination {height: 30px; line-height: 30px; background: #f9f9f9; padding: 0 8px; margin: 20px 0 10px; border: solid 1px #ccc; text-align: right;}
.pagination ul {float: right;}
.pagination li {float: left; margin-left: 5px;}
.pagination li a {border: 1px solid #d4e3e9; padding: 2px 7px 2px 5px;}
.pagination li span {padding: 2px 7px 2px 5px;}
.pagination li a:hover , .pagination .page_current span {border: 1px solid #1fa4d1; background-color: #1fa4d1; color: #fff; text-decoration: none;}
.pagination .page_disabled {display: none;}
.pagination .page_info {float: left;}

/* 推荐资讯 */
.news {margin-top: 10px; border: 1px solid #d0d0d0; border-radius: 3px; overflow: hidden;}
.news .tit {height: 34px; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: 700; padding-left: 15px; line-height: 33px; background: url('images/pmsbg.jpg') repeat-x top;}
.news .archive {padding: 10px 0;}
.news .archive li {height: 32px; line-height: 32px; padding: 0 17px 0 10px; width: 442px; float: left; overflow: hidden;}
.news .archive li span {float: right;}
.news .archive li a {background: url('images/plus.gif') no-repeat 0 5px; padding-left: 12px;}

.news .list li {margin-left: 23px;}


.info {margin-top: 15px;}

/* 产品图集 */
#tsShopContainer {float: left; width: 445px; position: relative; margin-right: 25px;}
#tsShopContainer #tsImgS {text-align: center; width: 100%; position: relative;background: #efedee;}
#tsShopContainer #tsImgS a {display: block; text-align: center; margin: 0px auto; transition: none;}
#tsShopContainer #tsImgS img {display: block;width: 445px;}
#tsShopContainer #tsPicContainer {width: 100%; height: 70px; position: relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL {width: 17px; height: 100%; background: url('images/picshopArr.gif') no-repeat left center; position: absolute; top: 4px; left: 0; cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR {width: 17px; height: 100%; background: url('images/picshopArr.gif') no-repeat right center; position: absolute; top: 4px; right: 0; cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon {position: absolute; top: 10px; left: 23px; width: 1px; height: 70px; overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul {width: 100%; overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li {width: 81px; float: left; cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img {padding: 3px; margin: 1px; border: 1px solid  #e4e4e4; display: block; width: 65px; height: 50px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {border: 2px solid #F00; margin: 0px;}

/* 产品参数 */
.param {position: relative; overflow: hidden; font-size: 14px; padding-right: 5px;}
.param h2 {padding: 0 0 10px; line-height: 25px; border-bottom: 1px dashed #ccc; font-weight: 700;}
.param h3 {line-height: 35px; margin-bottom: 20px;}
.param h3 a {color: #666; font-weight: 700;}
.param p {line-height: 30px;}
.param .te {margin-top: 20px; font-size: 16px; font-weight: 700; color: #666;}
.param .te strong {font-size: 22px; color: #6b9f1f; vertical-align: -2px;}
.param .buynow {margin: 30px 0 0 0; display: inline-block;}
.bdshear {margin:15px 0 0;}

/* 相关产品 */
.related {border: 1px solid #ccc; margin-top: 20px;}
.related h4 {border-bottom: 2px solid #b61212; background: #f7f7f7; font-size: 14px; color: #B61212; text-decoration: none; padding: 5px 8px;}
.related ul {padding-bottom: 10px;}
.related li {float: left; width: 280px; margin: 20px 0 0 19px; text-align: center;}
.related .pic {width: 280px; height: 215px; overflow: hidden;}
.related img {width: 280px; height: 215px; display: block; transition: all 2s ease-out 0s; transform: matrix(1, 0, 0, 1, 0, 0);}
.related a:hover img {transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
.related h3 {display: block; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* 产品详情 */
.st {height: 25px; border-bottom: 4px solid #0b86cd; margin-top: 20px;}
.st h5 {float: left; height: 25px; line-height: 25px; padding: 0 15px; color: #fff; margin-left: 2px; background-color: #0d96dc; border: 1px solid #006ec2; border-bottom: 0;}
.pcontent {padding: 10px; overflow: hidden; line-height: 1.8em;font-family: "Arial";font-size: 16px;}
.pcontent p {line-height: 29px;}
.pcontent img {max-width: 898px;}


/* 采购 */
.cg {margin-top: 20px;}
.cg .tit {height: 25px; line-height: 25px; color: #666; padding: 5px; margin: 5px 0 15px; background: #ccc;}
.cg .tit h3 {float: left; margin-left: 5px; font-weight: 700; font-size: 14px;}
.cg .tit span {float: right; margin-right: 5px;}
.cg .tit span em {color: #dd3904; font-style: normal; font-size: 14px; font-family: '宋体';}
.cg dl {margin-bottom: 10px; font-size: 14px;}
.cg dt {float: left; width: 150px; line-height: 27px; text-align: right;}
.cg dt span {color: #dd3904; font-family: '宋体'; margin-right: 5px;}
.cg dd {position: relative; overflow: hidden;}
.cg dd input {height: 25px; width: 30%; padding: 0 5px;}
.cg dd textarea {width: 80%; height: 80px; padding: 0 5px;}
.cg dd #validate {width: 130px;}
#verifycode {display: inline-block; vertical-align: middle; margin-left: 5px; cursor: pointer;}
.cg dd input[type=button], .cg dd input[type=reset] {border: 1px solid #006ec2; width: 58px; height: 25px; line-height: 22px; background-color: #0894d0; border-radius: 3px; font-weight: 700; color: #fff; margin: 5px 15px 0 0; cursor: pointer;}

/* 评论 */
.pl {margin-top: 15px; border: 1px solid #ccc; padding: 10px 10px 0;}
.pl h3 {font-size: 14px; font-weight: 700;}
.plist li {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; line-height: 1.8em;}
.plist li .r {margin-top: 10px; padding: 10px 10px 0; border-top: 1px dotted #ddd;}
.pl .pagination {margin-top: 10px;}
.plist li.empty {border: 0;}

/* 发表评论 */
.wpl {margin: 15px 0 5px; border: 1px solid #ccc; padding: 10px 10px 0;}
.wpl h3 {font-size: 14px; font-weight: 700;}
.wpl form {padding: 10px 0;}
.wpl dl {margin-bottom: 10px; font-size: 14px;}
.wpl dt {float: left; width: 150px; line-height: 27px; text-align: right;}
.wpl dd {position: relative; overflow: hidden;}
.wpl dd textarea {width: 80%; height: 80px; padding: 0 5px;}
.wpl dd #validate1 {height: 28px; width: 130px; padding: 0 5px;}
#verifycode1 {display: none; vertical-align: middle; margin-left: 5px; cursor: pointer;}
.wpl dd input[type=button], .wpl dd input[type=reset] {border: 1px solid #006ec2; width: 58px; height: 25px; line-height: 22px; background-color: #0894d0; border-radius: 3px; font-weight: 700; color: #fff; margin: 5px 15px 0 0; cursor: pointer;}