@charset "gb2312";

 @charset "utf-8";

 /* CSS Document */

 .navx {
   width: 100%;
   min-width: 1300px;
   height: 40px;
   background-color: #B80404;
   font: 14px/1.5 "Microsoft YaHei", "b8b\4f53", sans-serif;
 }

 .navx .cate {
   text-align: center;
   width: 200px;
   height: 40px;
   line-height: 40px;
   background-color: #A40A0C;
   float: left;
   color: #fff;
   position: relative;
   z-index: 1000;
 }

 .navx .cate a,
 .navx .cate a:hover {
   color: #ffffff;
 }

 .navx .cate .ico {
   width: 18px;
   height: 18px;
   background: url(../images/ico.png) no-repeat -266px -229px;
   margin: 5px 10px 0 0;
   _margin-top: 10px;
   display: inline-block;
 }



 .navx .nav-mid {
  margin: 0 10px;
   width: 980px;
   float: left;
 }
.navx .nav-mid li {
  width: auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin-left:20px;
  margin-right:20px
}

 .navx .nav-mid li:nth-child(4) {
   width: 84px !important
 }

 .navx .nav-mid li a {
   color: #fff;
   display: block;
 }

 .navx .nav-mid li a:hover {
   color: #ffcc66;
   text-decoration: none;
 }

 .navx .nav-mid li.active a {
   font-weight: bold;
   color: #fe5f00;
   text-decoration: none;
   height: 40px;
   line-height: 40px;
   background: url(../images/ico.png) no-repeat -213px -184px;
 }



 .navx .nav-right {
   width: 160px;
   padding-top: 11px;
   background: url(../images/ico.png) no-repeat 0 -531px;
   float: right;
   font-size: 12px;
 }

 .navx .nav-right li {
   float: right;
   padding-left: 20px;
 }



 /*?*/

 .nav-sub {
   width: 200px;
   border: 0px solid #dfdfdf;
   background-color: #f5f5f5;
   float: left;
   position: relative;
   z-index: 99999;
 }

 .nav-sub ul .icon {
   background: url(../images/ico.png) no-repeat;
   padding-left: 25px;
   float: left;
 }

 .nav-sub ul .icon1 {
   background-position: 5px -50px;
 }

 .nav-sub ul .icon2 {
   background-position: 5px -83px;
 }

 .nav-sub ul .icon3 {
   background-position: 5px -115px;
 }

 .nav-sub ul .icon4 {
   background-position: 4px -148px;
 }

 .nav-sub ul .icon5 {
   background-position: 2px -180px;
 }

 .nav-sub ul .icon6 {
   background-position: 3px -215px;
 }

 .nav-sub ul .icon7 {
   background-position: 0 -246px;
 }

 .nav-sub ul .icon8 {
   background-position: 0 -279px;
 }

 .nav-sub ul .icon9 {
   background-position: 0 -313px;
 }

 .nav-sub ul .icon10 {
   background-position: 3px -344px;
 }



 #navx .mod_cate,
 #navx .mod_cate2 {
   width: 184px;
   height: 45px;
   line-height: 45px;
   padding: 0 7px;
   background: url(../images/line.gif) repeat-x bottom;
   float: left;
 }

 #navx .mod_cate h2,
 #navx .mod_cate2 h2 {
   width: 160px;
   font-size: 14px;
   font-weight: normal;
   font-family: "Microsoft Yahei";
   cursor: pointer;
 }

 #navx .mod_cate h2 a,
 #navx .mod_cate2 h2 a {
   color: #444;
 }

 #navx .mod_cate h2 a:hover,
 #navx .mod_cate2 h2 a:hover {
   text-decoration: none;
 }

 #navx .mod_subcate {
   display: none;
   width: 520px;
   height: 418px;
   border: 1px solid #dfdfdf;
   padding: 15px 15px 15px 20px;
   background: #fff;
   position: absolute;
   top: 6px;
   z-index: 99999;
   left: 198px;
   overflow: hidden;
 }

 #navx .mod_subcate dl {
   width: 500px;
   padding: 7px 0 7px 15px;
   border-bottom: 1px #e5e5e5 solid;
   float: left;
   overflow: hidden;
 }

 #navx .mod_subcate dl dt {
   width: 65px;
   font-size: 12px;
   color: #1d7ad9;
   line-height: 22px;
   font-style: normal;
   font-variant: normal;
   font-weight: 700;
   float: left;
   font-size-adjust: none;
   font-stretch: normal;
 }

 #navx .mod_subcate dl dt a {
   color: #1d7ad9;
 }

 #navx .mod_subcate dl dd {
   line-height: 22px;
   float: left;
   overflow: hidden;
 }

 #navx .mod_subcate dl dd a {
   color: #666;
   font-size: 12px;
   margin: 0 10px 0 0;
   float: left;
   display: inline;
   white-space: nowrap;
 }

 #navx .mod_subcate dl dd a.orange {
   color: #ff7300;
 }

 #navx .mod_subcate dl dd a:hover {
   color: #ff7300;
 }



 #navx .on {
   background: #B80404;
 }

 #navx .on h2 a {
   color: #fff;
 }

 #navx .on h2.icon1 {
   background-position: -302px 14px;
 }

 #navx .on h2.icon2 {
   background-position: -300px -19px;
 }

 #navx .on h2.icon3 {
   background-position: -300px -51px;
 }

 #navx .on h2.icon4 {
   background-position: -301px -84px;
 }

 #navx .on h2.icon5 {
   background-position: -302px -116px;
 }

 #navx .on h2.icon6 {
   background-position: -302px -150px;
 }

 #navx .on h2.icon7 {
   background-position: -301px -183px;
 }

 #navx .on h2.icon8 {
   background-position: -297px -215px;
 }

 #navx .on h2.icon9 {
   background-position: -299px -249px;
 }

 #navx .on h2.icon10 {
   background-position: -301px -278px;
 }

 #navx .on .mod_subcate {
   display: block !important;
   /* !important ???*/
 }

 #navx .on .mod_cate_r a {
   color: #666;
 }



 /*??*/

 .center {
   width: 728px;
   margin: 15px 0 0 15px;
   float: left;
 }

 .center .focus {
   width: 728px;
   height: 285px;
   overflow: hidden;
   position: relative;
 }

 .center .focus .slider img {
   width: 728px;
   height: 382px;
   display: block;
 }

 .center .focus .slider {
   width: 25000px;
   position: absolute;
 }

 .center .focus .slider li {
   float: left;
 }

 .center .focus .num {
   position: absolute;
   right: 5px;
   bottom: 7px;
 }

 .center .focus .num li {
   float: left;
   width: 12px;
   height: 12px;
   font-family: Arial;
   cursor: pointer;
   overflow: hidden;
   margin: 3px 5px;
   border: 1px solid #fff;
 }

 .center .focus .num li.on {
   width: 14px;
   height: 14px;
   margin: 2px 1px;
   border: 0;
   background-color: #ff7300;
 }



 /*1?*/

 .center .supply {
   width: 726px;
   height: 32px;
   line-height: 32px;
   border: 1px solid #dfdfdf;
   margin-top: 15px;
   overflow: hidden;
 }

 .center .supply .supply-title {
   width: 84px;
   border-right: 1px solid #dfdfdf;
   text-align: center;
   background-color: #f8f8f8;
 }

 .center .supply li {
   width: 190px;
   text-align: center;
   float: left;
   margin: 0 8px;
 }



 /*??*/

 .center .comtab {
   width: 728px;
   float: left;
   overflow: hidden;
 }

 .center .comtab .comtit {
   height: 26px;
   line-height: 26px;
   position: relative;
 }

 .center .comtab .comtit b {
   border-bottom: 2px solid #e56e14;
   position: absolute;
 }

 .center .comtab ul {
   width: 711px;
   height: 133px;
   border: 1px solid #dfdfdf;
   border-top: 2px solid #dfdfdf;
   padding-top: 13px;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 15px;
 }

 .center .comtab ul li {
   width: 65px;
   padding-left: 10px;
   line-height: 24px;
   float: left;
   background-image: url(../images/ico-.png);
   background-repeat: no-repeat;
   background-position: -316px -532px;
   margin-top: 0;
   margin-right: 5px;
   margin-bottom: 0;
   margin-left: 5px;
 }



 /*??*/

 .rightbar {
   width: 242px;
   float: right;
 }

 .rightbar .operation {
   height: 46px;
   line-height: 45px;
   font-size: 14px;
   font-family: "Microsoft YaHei";
   background-color: #f5f5f5;
   border: 1px solid #dfdfdf;
 }

 .rightbar .operation .login-btn,
 .rightbar .operation .regist-btn {
   background: url(../images/ico.png) no-repeat;
   text-align: center;
 }

 .rightbar .operation .login-btn {
   width: 120px;
   background-position: 32px 14px;
   border-right: 1px solid #dfdfdf;
 }

 .rightbar .operation .regist-btn {
   width: 119px;
   background-position: 14px -18px;
 }



 /*??��*/

 .rightbar .help-tab {
   width: 212px;
   padding: 15px 14px 10px 14px;
   border: 1px solid #dfdfdf;
   border-top: 0;
   float: left;
   overflow: hidden;
 }

 .rightbar #tab {
   height: 30px;
   line-height: 30px;
   color: #747474;
   border-bottom: 1px solid #dfdfdf;
 }

 .rightbar #tab li {
   width: 48px;
   margin-right: 22px;
   display: inline;
   float: left;
 }

 .rightbar #tab .active {
   color: #444;
   border-bottom: 1px solid #ff7300;
 }

 .rightbar #tab-sub {
   margin-top: 10px;
   float: left;
 }

 .rightbar #tab-sub ul {
   width: 216px;
   line-height: 24px;
   display: none;
 }

 .rightbar #tab-sub ul a {
   text-decoration: none;
 }



 /*??*/

 .rightbar .new-num {
   width: 240px;
   height: 105px;
   _height: 104px;
   background: url(../images/ico.png) no-repeat -192px -58px;
   padding-top: 16px;
   border: 1px solid #dfdfdf;
   border-top: 0;
   overflow: hidden;
 }

 .rightbar .new-num .contentx {
   margin-left: 110px;
 }

 .rightbar .new-num .contentx li {
   width: 120px;
   height: 35px;
   margin-bottom: 15px;
   border-left: 4px solid #dedede;
   padding-left: 10px;
 }



 /*??*/

 .rightbar .price {
   width: 240px;
   height: 164px;
   border: 1px solid #dfdfdf;
   float: left;
   overflow: hidden;
 }

 .rightbar .price .ptit {
   height: 30px;
   line-height: 30px;
   background-color: #f5f5f5;
   border-bottom: 1px solid #dfdfdf;
   padding-left: 15px;
 }

 .rightbar .price li {
   border: 1px solid #dbdbdb;
   border-width: 0 1px 1px 0;
   width: 60px;
   height: 33px;
   line-height: 32px;
   text-align: center;
   float: left;
 }

 .rightbar .price li:hover {
   background-color: #f3f3f3;
 }

 .rightbar .price .pnobor {
   border-right: none;
   width: 57px;
 }

 .rightbar .price .pnobor1 {
   border-bottom: none;
 }



 /**/

 .floor {
   margin-top: 15px;
 }

 .floor .floor-head .floor-title {
   padding-left: 10px;
   font: 18px/20px "Microsoft YaHei", "b8b\4f53", sans-serif;
   background: url(../images/ico.png) no-repeat -74px -511px;
   display: block;
 }

 .floor .floor-head .hot {
   float: right;
 }

 .floor .floor-head .hot a {
   padding-left: 8px;
 }



 .floor .floor-list {
   width: 1198px;
   border: 1px solid #dfdfdf;
   background-color: #fdfdfd;
   float: left;
 }

 .floor .ad {
   width: 217px;
   padding: 1px;
   border-right: 1px solid #dfdfdf;
 }

 .floor .floor-content {
   width: 978px;
   float: left;
 }

 .floor .floor-content-top {
   height: 315px;
   border-bottom: 1px solid #dfdfdf;
   overflow: hidden;
 }

 .floor .floor-content-cate {
   width: 455px;
   height: 285px;
   padding: 30px 0 0 32px;
   border-right: 1px solid #dfdfdf;
   font-size: 14px;
   float: left;
 }

 .floor .floor-content-cate li {
   width: 450px;
   float: left;
   line-height: 26px;
 }

 .floor .floor-content-cate li a {
   padding: 0 10px;
 }

 .floor .floor-content-cate li b a {
   padding-left: 0;
 }

 .floor .floor-content-cate li.block_end {
   margin-bottom: 30px;
 }


 .floor .floor-content-company {
   width: 490px;
   float: left;
 }

 .floor .floor-content-company .floor-content-ctit {
   height: 44px;
   border-bottom: 1px solid #dfdfdf;
   padding-left: 20px;
   font: 16px/44px "Microsoft YaHei";
 }

 .floor .floor-company-infro {
   width: 246px;
   margin: 18px 0 18px 18px;
   border-right: 1px dotted #dfdfdf;
   float: left;
   display: inline;
 }

 .floor .floor-company-infro li {
   width: 246px;
   float: left;
 }

 .floor .icon11 {
   width: 23px;
   height: 18px;
   display: block;
   margin: 5px 0;
   background: url(../images/ico.png) no-repeat;
   float: left;
 }

 .floor .icon11 {
   background-position: -212px -232px;
 }

 .floor .icon12 {
   background-position: -237px -232px;
 }

 .floor .floor-company-infro .brand a {
   float: left;
   padding: 15px 3px 0 3px;
 }

 .floor .floor-content-company .year {
   width: 130px;
   height: 18px;
   line-height: 18px;
   background-color: #ea0f1f;
   border-radius: 2px;
   color: #fff;
   margin: 5px 0 0 5px;
   display: inline;
 }

 .floor .floor-content-company .year .vip {
   width: 25px;
   height: 20px;
   background: url(../images/ico.png) -212px -254px;
   display: block;
   float: left;
 }



 .floor .floor-content-name {
   margin: 18px 0 0 18px;
   width: 187px;
   overflow: hidden;
   float: left;
 }

 .floor .floor-content-name li {
   background: url(../images/ico.png) no-repeat -317px -531px;
   padding-left: 10px;
   line-height: 26px;
 }



 .floor .proshow {
   width: 952px;
   height: 183px;
   float: left;
 }

 .floor .proshow li {
   width: 132px;
   height: 170px;
   padding: 18px 0 0 26px;
   float: left;
 }

 .floor .proshow li .img {
   width: 130px;
   height: 130px;
   border: 1px solid #efefef;
   display: block;
 }

 .floor .proshow li .img:hover {
   width: 130px;
   height: 130px;
   border: 1px solid #ff5a00;
 }

 .floor .proshow li .text {
   height: 20px;
   width: 130px;
   overflow: hidden;
   margin-top: 10px;
 }



 /*?*/

 .news-title {
   height: 40px;
   border-bottom: 2px solid #dfdfdf;
   font: 18px/2.5 "Microsoft YaHei";
 }

 .news {
   width: 396px;
   margin-top: 10px;
   float: left;
 }

 .news .rank-list {
   height: 225px;
   background: url(../images/ico.png) no-repeat -290px -312px;
   padding-left: 35px;
   float: left;
 }

 .news .rank-list li {
   width: 158px;
   height: 33px;
   line-height: 33px;
   overflow: hidden;
 }



 .news .ad1 {
   position: relative;
 }

 .news .text1 {
   width: 182px;
   height: 30px;
   line-height: 30px;
   padding: 0 10px;
   top: 186px;
   left: 0;
   background-color: #000;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   position: absolute;
   z-index: 999;
   overflow: hidden;
 }

 .news .text1 a {
   color: #fff;
 }



 .dynamic {
   width: 360px;
   float: left;
   padding-left: 42px;
 }

 .dynamic p {
   font: 16px/2.5 "Microsoft YaHei";
 }

 .dynamic dl {
   width: 360px;
 }

 .dynamic dl dt,
 .dynamic dl dd {
   float: left;
 }

 .dynamic dl dd {
   width: 270px;
   margin-left: 10px;
 }

 .dynamic ul {
   width: 360px;
   line-height: 26px;
   float: left;
 }

 .dynamic ul li {
   background: url(../images/ico.png) no-repeat -317px -531px;
   padding-left: 10px;
 }

 .dynamic ul li span {
   float: right;
 }



 /**/

 .friendlink li {
   padding: 8px 10px 0 10px;
   word-break: keep-all;
   float: left;
 }





 .dynamic {
   width: 360px;
   float: left;
   padding-left: 42px;
 }

 .dynamic p {
   font: 16px/2.5 "Microsoft YaHei";
 }

 .dynamic dl {
   width: 360px;
 }

 .dynamic dl dt,
 .dynamic dl dd {
   float: left;
 }

 .dynamic dl dd {
   width: 270px;
   margin-left: 10px;
 }

 .dynamic ul {
   width: 360px;
   line-height: 26px;
   float: left;
 }

 .dynamic ul li {
   background: url(../images/ico.png) no-repeat -317px -531px;
   padding-left: 10px;
 }

 .dynamic ul li span {
   float: right;
 }


 /**/

 .purleft {
   width: 200px;
   float: left;
   height: 464px;
   overflow: hidden;
 }

 .purleft .purtit {
   background: #f9f9f9;
   border: 1px solid #dfdfdf;
   height: 38px;
   line-height: 38px;
   color: #01A8B7;
   padding-left: 10px;
 }

 .purleft .purshow {
   width: 182px;
   border: 1px solid #dfdfdf;
   border-top: none;
   padding: 8px;
   line-height: 24px;
   overflow: hidden;
 }

 .purleft .purshow .purtime {
   width: 14px;
   height: 14px;
   background: url(purico.png) no-repeat 0 -30px;
   display: block;
   margin: 5px 5px 0 0;
 }

 .purleft .purshow dl {
   border-bottom: 1px solid #ededed;
   line-height: 24px;
   line-height: 28px;
   padding-top: 4px;
   padding-right: 5px;
   padding-bottom: 4px;
   padding-left: 5px;
   width: 42%;
   float: left;
 }

 .purleft .purshow li {
   height: 24px;
   line-height: 24px;
   background: url(purico.png) 0 -44px no-repeat;
   padding-left: 10px;
   width: 200px;
   overflow: hidden;
 }



 /*??*/

 .center {
   width: 985px;
   margin: 15px 0 0 15px;
   float: left;
 }

 .center .focus {
   width: 985px;
   height: 382px;
   overflow: hidden;
   position: relative;
 }

 .center .focus .slider img {
   width: 985px;
   height: 382px;
   display: block;
 }

 .center .focus .slider {
   width: 25000px;
   position: absolute;
 }

 .center .focus .slider li {
   float: left;
 }

 .center .focus .num {
   position: absolute;
   right: 5px;
   bottom: 7px;
 }

 .center .focus .num li {
   float: left;
   width: 14px;
   height: 14px;
   font-family: Arial;
   cursor: pointer;
   overflow: hidden;
   margin: 3px 5px;
   border: 1px solid #fff;
 }

 .center .focus .num li.on {
   width: 18px;
   height: 18px;
   margin: 2px 1px;
   border: 0;
   background-color: #ff7300;
 }

 .center .special {
   width: 706px;
   height: 223px;
   border: 1px solid #dfdfdf;
   padding-top: 13px;
   padding-right: 10px;
   padding-bottom: 13px;
   padding-left: 10px;
 }

 .center .special .spetit {
   width: 70px;
   height: 110px;
   text-align: right;
   padding: 30px 30px 0 0;
   background: url(purbg.jpg) no-repeat right;
   font-size: 24px;
   line-height: 32px;
   font-family: "??";
 }

 .center .special .spelist li {
   width: 150px;
   float: left;
   text-align: center;
   line-height: 34px;
 }

 .center .special .spelist img {
   max-height: 100px !important;
   max-width: 100px !important;
   width: expression(this.width > 100 && this.width > this.height ? 100 :true);

   height: expression(this.height >100 ? 100:true);

   vertical-align: middle;
   overflow: hidden;
 }



 /*??*/

 .purright {
   width: 242px;
   float: right;
   overflow: hidden;
 }

 .purright .operation {
   height: 46px;
   font: 14px/1.5 "Microsoft YaHei", "b8b\4f53", sans-serif;
   line-height: 46px;
   background-color: #f5f5f5;
   border: 1px solid #dfdfdf;
 }

 .purright .operation .login-btn {
   width: 120px;
   background: url(2_ico.png) no-repeat 32px 14px;
   text-align: center;
   border-right: 1px solid #dfdfdf;
 }

 .purright .operation .regist-btn {
   width: 119px;
   background: url(2_ico.png) no-repeat 14px -18px;
   text-align: center;
 }



 .purright .purarea {
   width: 220px;
   border: 1px solid #dfdfdf;
   border-top: 0;
   padding: 5px 10px;
   line-height: 30px;
 }

 .purright .purarea .purname {
   border: 1px dotted #B80404;
   color: #209FAA;
   padding: 3px;
 }

 .purright .purarea li a {
   padding: 0 3px;
 }

 .purright .purgent {
   border: 1px solid #dfdfdf;
   border-top: 0;
 }

 .purright .purgent .purgetit {
   height: 27px;
   line-height: 27px;
   border-bottom: 1px solid #e9e9e9;
   background: url(2_purico.png) no-repeat 10px -62px #f8f8f8;
   padding-left: 25px;
 }

 .purright .purgent ul {
   padding: 8px 10px;
   line-height: 24px;
 }

 .purright .purgent ul li {
   background: url(2_purico.png) no-repeat 0 -92px;
   padding-left: 7px;
 }



 /*?*/

 .purchtit {
   height: 30px;
   line-height: 30px;
   padding-right: 15px;
   background-image: url(purico.png);
   background-repeat: repeat-x;
   background-position: 0 0;
 }

 .purchtit .purchname {
   width: 155px;
   float: left;
   background: #fff;
   display: block;
   font-size: 20px;
   font-family: "΢���ź�";
 }

 .purchtit .purchname b {
   width: 30px;
   height: 30px;
   text-align: center;
   float: left;
   color: #fff;
   display: block;
   font-size: 20px;
   font-family: "??";
   font-weight: normal;
   margin-right: 5px;
   background-color: #B80404;
 }

 .purchtit .more {
   width: 80px;
   background: #fff;
   display: block;
   float: right;
   text-align: center;
 }

 .listleft {
   width: 220px;
   height: 407px;
   border: 1px solid #dfdfdf;
   float: left;
 }

 .listleft .listtop {
   border-bottom: 1px solid #dfdfdf;
   background: #fafafa;
 }

 .listleft .listtop li {
   width: 80%;
   height: 26px;
   line-height: 24px;
   float: left;
   text-align: center;
   font-size: 14px;
   padding: 6px 0 6px 20px;
 }

 .listleft .listtop li a,
 .listleft .listtop li a:link {
   height: 24px;
   display: block;
   color: #B80404;
   border: 1px dotted #38D2E0;
   text-decoration: none;
   background-color: #F4FEFF;
 }

 .listleft .listtop li a:hover {
   color: #ff0000;
   border: 1px solid #2FC9D7;
   font-weight: bold;
   background-color: #F4FEFF;
 }

 .listleft .listtop p {
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 14px;
   font-family: "??";
 }

 .listleft .listbottom {
   text-align: center;
 }

 .listmid {
   width: 742px;
   height: 392px;
   float: left;
   border-top: 1px solid #dfdfdf;
 }

 .listmid li {
   width: 164px;
   height: 164px;
   line-height: 24px;
   float: left;
   border-right: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
   background: #fff;
   padding: 20px 10px;
   text-align: center;
 }

 .listmid li:hover {
   background: #f7f7f7;
 }

 .listmid dt {
   width: 164px;
   height: 130px;
   margin-right: 15px;
 }

 .listmid dt img {
   width: expression(this.width > 85 && this.width > this.height ? 85 :true);

   height: expression(this.height >85 ? 85:true);

   vertical-align: middle;
   overflow: hidden;
 }

 .listright {
   width: 234px;
   height: 407px;
   float: left;
   border: 1px solid #dfdfdf;
   border-left: none;
 }

 .listright .lrtit {
   height: 40px;
   line-height: 40px;
   padding-left: 14px;
   font-size: 14px;
   font-family: "??";
 }

 .listright ul {
   line-height: 30px;
   background: url(2_purico.png) 0 -129px no-repeat;
   margin-left: 4px;
   padding-left: 10px;
 }



 .listmids {
   width: 706px;
   height: 190px;
   float: left;
   text-align: center
 }

 .listmids li {
   width: 75px;
   height: 95px;
   line-height: 24px;
   float: left;

   background: #fff;
   padding-top: 2px;
   padding-right: 0;
   padding-bottom: 0;
   padding-left: 5px;
 }

 .listmids li:hover {
   background: #f7f7f7;
 }

 .listmids dt {
   width: 75px;
   height: 65px;
   margin-right: 15px;
 }

 .listmids dt img {
   max-height: 60px !important;
   max-width: 120px !important;
   width: expression(this.width > 120 && this.width > this.height ? 60 :true);

   height: expression(this.height >60 ? 100:true);

   vertical-align: middle;
   overflow: hidden;
 }

 /**/

 .ml12 {
   margin-left: 12px;
 }

 .stocktab {
   width: 390px;
   border: 1px solid #eaeaea;
 }

 .stocktab .stocktit {
   height: 20px;
   line-height: 20px;
   padding: 10px;
   background: #f4f4f4;
 }

 .stocktab .stocktit .stockname {
   background: url(2_ico.png) no-repeat -74px -510px;
   padding-left: 10px;
   font-family: "??";
 }

 .stocktab dl {
   height: 70px;
   padding: 20px 10px 0 14px;
   line-height: 22px;
 }

 .stocktab dt {
   float: left;
   margin-right: 10px;
 }

 .stocktab dl .name {
   width: 270px;
   height: 25px;
   overflow: hidden;
 }

 .stocktab dl .text {
   width: 270px;
   height: 43px;
   line-height: 22px;
   overflow: hidden;
   margin-left: 55px;
 }

 .stocktab dt img {
   max-height: 70px !important;
   max-width: 70px !important;
   width: expression(this.width > 70 && this.width > this.height ? 70 :true);

   height: expression(this.height >70 ? 70:true);

   vertical-align: middle;
   overflow: hidden;
 }

 .stocktab ul {
   padding: 14px;
 }

 .stocktab ul li {
   height: 24px;
   line-height: 24px;
   background: url(2_purico.png) 0 -44px no-repeat;
   padding-left: 10px;
   overflow: hidden;
 }

 .stocktab .gray {
   color: #9a9a9a;
 }



 /**/

 .friendlink li {
   padding: 8px 10px 0 10px;
   word-break: keep-all;
   float: left;
 }

 .friendlink .ftitle {
   height: 40px;
   border-bottom: 2px solid #dfdfdf;
   font: 18px/2.5 "Microsoft YaHei";
 }



 /*��*/

 .crumbs {
   height: 27px;
   line-height: 27px;
   background: #f1f1f1;
   border: 1px solid #e4e4e4;
   padding-left: 12px;
   width: 1186px;
 }

 .crumbs .mr10 {
   margin-right: 10px;
 }



 /*��-*/

 .pleftbar {
   width: 942px;
   float: left;
 }

 .pleftbar .pleftit {
   background: #f5f5f5;
   border: 1px solid #dfdfdf;
   padding: 10px;
   float: left;
   width: 920px;
 }

 .pleftbar .pleftshow {
   width: 900px;
   line-height: 24px;
   border: 1px solid #dfdfdf;
   border-top: none;
   padding: 10px 20px 20px 20px;
   float: left;
 }

 .pleftbar .pleftshow .plshow {
   height: 100px;
   border-bottom: 1px dotted #c8c8c8;
   padding: 15px 10px;
 }

 .pleftbar .pleftshow .plshow .pldetail {
   width: 456px;
   float: left;
   margin-right: 65px;
 }

 .pleftbar .pleftshow .plshow .plarea {
   width: 130px;
   float: left;
   margin: 20px 115px 0 0;
 }

 .pleftbar .pleftshow .plshow .plicon {
   width: 100px;
   float: left;
   margin-top: 20px;
 }

 .pleftbar .pleftshow .plshow .plicon a {
   float: left;
 }

 .pleftbar .pleftshow .plshow .plicon2 {
   background: url(2_purico.png) no-repeat 0 -92px;
   padding-left: 25px;
 }

 a.purbtn {
   width: 56px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   background: #ff5c01;
   display: block;
   color: #fff;
 }

 .pinput {
   border: 1px solid #dcdcdc;
   height: 22px;
   line-height: 22px;
   padding: 0 3px;
 }



 /*??*/

 .btn-msg,
 .btn-tel {
   height: 28px;
   padding-left: 26px;
   background: url(2_ico.png) no-repeat;
   display: block;
   cursor: pointer;
 }

 .btn-msg {
   background-position: -128px -649px;
 }

 .btn-tel {
   background-position: 2px -650px;
 }



 /*?*/

 .category {
   width: 1178px;
   padding: 10px 10px 7px 10px;
   overflow: hidden;
   border-top-width: 2px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #B80404;
   border-right-color: #e4e4e4;
   border-bottom-color: #e4e4e4;
   border-left-color: #e4e4e4;
 }

 .category h2 {
   width: 48px;
   height: 24px;
   line-height: 26px;
   text-align: center;
   background-color: #B80404;
   color: #fff;
   float: left;
 }

 .category ul {
   float: left;
   width: 1050px;
   line-height: 28px;
   padding-bottom: 4px;
   overflow: hidden;
 }

 .category ul li {
   float: left;
   padding: 0 15px;
   white-space: nowrap;
 }

 .category .more {
   background: url(2_ico.png) no-repeat;
   display: block;
   width: 32px;
   height: 18px;
   line-height: 20px;
   margin: 5px 10px 0 0;
   padding-left: 16px;
   float: right;
 }

 .category .more {
   background-position: -191px -523px;
 }

 .category .more:hover {
   background-position: -240px -523px;
   text-decoration: none;
   color: #ff6600;
 }

 .category .show {
   background-position: -191px -542px;
 }

 .category .show:hover {
   background-position: -240px -542px;
 }



 /*��-?*/

 .prightbar {
   width: 242px;
   float: right;
 }

 .prightbar .purtit {
   background: #f9f9f9;
   border: 1px solid #dfdfdf;
   height: 38px;
   line-height: 38px;
   padding-left: 10px;
 }

 .prightbar .purshow {
   border: 1px solid #dfdfdf;
   border-top: none;
   padding: 10px 16px;
   line-height: 28px;
 }

 .purretit {
   background: #f9f9f9;
   border: 1px solid #dfdfdf;
   height: 38px;
   line-height: 38px;
   padding-left: 10px;
 }

 .purretit span {
   38px;
   line-height: 38px;
   padding-right: 10px;
 }

 .purreshow {
   border: 1px solid #dfdfdf;
   line-height: 24px;
   border-top: none;
   width: 1198px;
   float: left;
 }

 .purreshow li {
   width: 166px;
   float: left;
   margin: 10px 15px;
   text-align: center;
 }

 .purreshow li img {
   max-height: 164px !important;
   max-width: 164px !important;
   width: expression(this.width > 164 && this.width > this.height ? 164 :true);

   height: expression(this.height >164 ? 164:true);

   vertical-align: middle;
   overflow: hidden;
   border: 1px solid #e0e0e0;
   padding: 1px;
 }

 .purreshowx {
   border: 1px solid #dfdfdf;
   line-height: 24px;
   border-top: none;
   width: 940px;
   float: left;
 }

 .purreshowx li {
   width: 166px;
   float: left;
   margin: 10px 11px;
   text-align: center;
 }

 .purreshowx li img {
   max-height: 164px !important;
   max-width: 164px !important;
   width: expression(this.width > 164 && this.width > this.height ? 164 :true);

   height: expression(this.height >164 ? 164:true);

   vertical-align: middle;
   overflow: hidden;
   border: 1px solid #e0e0e0;
   padding: 1px;
 }

 /*?*/

 .purdetail {
   width: 904px;
   border: 1px solid #dfdfdf;
   line-height: 24px;
   border-top: none;
   padding: 18px;
   float: left;
 }

 .purdetail .detailtit {
   border-bottom: 1px solid #e5e5e5;
   height: 28px;
   position: relative;
   width: 900px;
   float: left;
   font-size: 14px;
 }

 .purdetail .detailtit span {
   background: #fff;
   border-left: 1px solid #e5e5e5;
   border-right: 1px solid #e5e5e5;
   border-top: 2px solid #fc7a2f;
   display: block;
   width: 92px;
   text-align: center;
   line-height: 28px;
   position: absolute;
   top: -1px;
   z-index: 999;
   color: #fc7a2f;
   font-weight: bold;
 }

 .purdetail .m20 {
   margin: 20px;
 }

 .rocembar {
   border: 1px solid #dfdfdf;
   border-top: none;
   width: 940px;
   float: left;
 }

 .rocomtab {
   width: 880px;
   padding: 0 20px;
   margin: 12px 0;
 }

 .rocomtab ul li {
   width: 350px;
   height: 24px;
   line-height: 24px;
   background: url(2_purico.png) 0 -44px no-repeat;
   padding-left: 10px;
   margin: 0 40px 0 20px;
   overflow: hidden;
   float: left;

 }

 .rocomtab .gray {
   color: #9a9a9a;
 }



 /*???*/

 .purchshow {
   border-bottom: 1px solid #f0f0f0;
   height: 340px;
   margin-bottom: 30px;
 }

 .purchshow .bigimg {
   width: 400px;
   height: 340px;
   float: left;
 }

 .purchshow .bigimg dt {
   width: 312px;
   height: 312px;
 }

 .purchshow .bigimg .proimg1 {
   display: table-cell;
   width: 310px;
   height: 310px;
   font-size: 118px;
   *font-size: 140px;

   text-align: center;
   vertical-align: middle;
   overflow: hidden;
   border: 1px solid #e3e3e3;
 }

 .purchshow .bigimg .proimg1:hover {
   border: 1px solid #ff5a00;
 }

 .purchshow .bigimg .proimg1 img {
   max-height: 310px !important;
   max-width: 310px !important;
   width: expression(this.width >310 && this.width > this.height ? 310 :true);

   height: expression(this.height >310 ? 310:true);

   vertical-align: middle;
   overflow: hidden;
 }

 .purchshow .bigimg dd {
   float: left;
   margin: 0 0 14px 12px;
   overflow: hidden;
   width: 61px;
   height: 61px;
   line-height: 59px;
   *height: 63px;

   border: 1px solid #e3e3e3;
   text-align: center;
   padding: 1px;
 }

 .purchshow .bigimg dd a {
   height: 100%;
   vertical-align: middle\9;
   _writing-mode: tb-rl;
 }

 .purchshow .bigimg dd a img {
   vertical-align: middle;
   max-height: 61px !important;
   max-width: 61px !important;
 }

 .purchshow .explain {
   width: 448px;
   float: left;
 }

 .purchshow .explain ul {
   width: 408px;
   background: #fafafa;
   border-top: 1px dotted #bfbfbf;
   border-bottom: 1px dotted #bfbfbf;
   margin-left: 22px;
   line-height: 30px;
   padding: 20px;
   margin-top: 10px;
 }

 .purchshow .explain .procontact {
   width: 316px;
   height: 94px;
 }

 .purchshow .explain .procontact a,
 .prodetail .explain .procontact a:hover {
   cursor: pointer;
 }

 /*2015.5.132?��*/

 .newarea {
   width: 940px;
   border: 1px solid #ffcdcd;
   border-top: 0;
   height: 34px;
   background: #fffbfb;
 }

 .newarea li {
   float: left;
   padding: 0 10px;
   margin: 7px 0 0 10px;
 }

 .newarea .biztype {
   background: url(3_ico1.gif) no-repeat 0 0;
   width: 58px;
   height: 22px;
   line-height: 22px;
 }

 .newarea .txt {
   width: 65px;
   height: 22px;
   line-height: 22px;
   border: 1px solid #d6d5d5;
 }


 .menu_new- {
   width: 100%;
   margin-top: 0px;
   display: inline-block;
   float: left;
   position: relative;
   z-index: 3;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #317ee7;
 }

 .menu_new- .navxx {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   width: 100%;
   float: left;
 }

 .menu_new .navxx .spec {
   float: left;
   width: 200px;
   height: 40px;
 }

 .menu_new .navxx .spec:hover .drop-memu {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
 }

 .menu_new .navxx .spec h2 {
   line-height: 40px;
   background: #317ee7;
   text-indent: 15px;
   font-size: 16px;
   color: #fff;
   font-weight: bold;
 }

 .menu_new .navxx .spec .drop-memu {
   border: #ddd solid 1px;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   background: #fff;
   position: relative;
   padding-top: 0px;
   display: none;
 }

 .menu_new .navxx .spec .drop-memu dl {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   float: left;
   width: 100%;
   border-bottom: solid 1px #ddd;
   height: 37px;
 }

 .menu_new .navxx .spec .drop-memu dl dd {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   float: left;
 }

 .menu_new .navxx .spec .drop-memu dl dd:hover .hover_con {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
 }

 .menu_new .navxx .spec .drop-memu dl dd:hover span {
   border: #B80404 solid 2px;
   border-right: 0;
   background: #fff;
   z-index: 10;
   width: 210px;
   height: 35px;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   margin-right: -2px;
   position: relative;
   padding-top: 0;
   padding-left: 0px;
 }

 .menu_new .navxx .spec .drop-memu dl dd:hover i {
   display: none;
 }

 .menu_new .navxx .spec .drop-memu dl dd span {
   font-size: 14px;
   color: #333;
   float: left;
   text-indent: 15px;
   line-height: 33px;
   padding-top: 2px;
   padding-left: 2px;
 }

 .menu_new .navxx .spec .drop-memu dl dd i {
   float: right;
   color: #ddd;
   font-size: 16px;
   margin-top: -1px;
   margin-right: 5px;
   line-height: 35px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con {
   position: absolute;
   top: 0px;
   /* width: 720px; */
   background: #fff;
   border: 2px solid #B80404;
   padding: 0 15px 0 15px;
   height: 415px;
   overflow: hidden;
   z-index: 9;
   *width: 661px;
   height: 415px;
   display: none;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left {
   float: left;
   background: #fff;
   padding-top: 10px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .top {
   /* width: 470px; */
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .top a {
   color: #333;
   margin: 0 auto;
   font-size: 14px;
   white-space: nowrap;
   width: 100px;
   display: inline-block;
   text-align: left;
   padding: 5px 5px 5px 5px;
   border-bottom: 1px dashed #B80404;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .top a:hover {
   color: #B80404;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot {
   margin-top: 20px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot h2 {
   width: 90px;
   height: 25px;
   line-height: 25px;
   font-size: 14px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   background: #48ccbf;
   text-indent: 0px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul {
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   margin-top: 20px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li {
   padding: 1px;
   width: 100px;
   float: left;
   margin-right: 18px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img {
   width: 100px;
   margin: 12px 0px;
   overflow: hidden;
   text-align: left;
   border: solid 1px #CCCCCC;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img a {
   display: inline-block;
   width: 100%;
   text-align: center;
 }

 .ie7 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img a {
   position: absolute;
   top: 50%;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img img {
   max-width: 100px;
   max-height: 100px;
   vertical-align: middle;
 }

 .ie7 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img img {
   position: relative;
   top: -50%;
 }

 .ie7 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li .wrap-img {
   position: relative;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li p {
   width: 100%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .left .hot ul li p em {
   color: #ff6458;
   margin-right: 2px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .right {
   float: left;
   width: 180px;
   background: #f5f5f5;
   border-left: #ddd solid 1px;
   padding-top: 10px;
   padding-left: 15px;
   height: 360px;
   *width: 165px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .right h2 {
   width: 90px;
   height: 25px;
   line-height: 25px;
   font-size: 14px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   background: #f4ce33;
   margin-bottom: 10px;
   text-indent: 0px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .right ul li {
   width: 100%;
   margin-bottom: 1px;
 }

 .menu_new .navxx .spec .drop-memu dl dd .hover_con .right ul li img {
   width: 145px;
   height: 44px;
   border: #ddd solid 1px;
 }

 .menu_new .navxx .spec .drop-memu dl.bd0 {
   border: 0;
 }

 .menu_new .navxx .spec .drop-memu .num_total {
   margin-top: 20px;
   width: 100%;
   float: left;
   padding-bottom: 5px;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   *padding-bottom: 20px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   width: 100%;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li {
   height: 20px;
   line-height: 20px;
   width: 100%;
   float: left;
   margin-bottom: 15px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li i {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   width: 20px;
   height: 20px;
   background: url('../images/ico_mall_index.png') 0 0px no-repeat;
   margin-left: 15px;
   float: left;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li i.i1 {
   background-position: -105px 0px;
   margin-top: 2px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li i.i2 {
   background-position: -153px 0px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li label {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   font-size: 14px;
   color: #666;
   float: left;
   margin-left: 3px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li span {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   width: 110px;
   float: left;
   margin-left: 3px;
 }

 .menu_new .navxx .spec .drop-memu .num_total ul li span em {
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   width: 94px;
   text-align: center;
   color: #ff7200;
   font-size: 14px;
   background: #f0f0f0;
 }

 .menu_new .navxx ul.link {
   float: left;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   margin-left: 25px;
 }

 .menu_new .navxx ul.link li {
   float: left;
   margin-right: 40px;
   height: 40px;
   line-height: 37px;
 }

 .menu_new .navxx ul.link li a {
   color: #333;
   font-size: 16px;
 }

 .menu_new .navxx ul.link li a.cur {
   color: #317ee7;
 }

 .menu_new .navxx ul.link li a.cur:hover {
   color: #FF771C;
 }

 .menu_new .navxx ul.link li a:hover {
   color: #B80404;
 }

 .menu_new .navxx .tel {
   float: right;
   display: inline-block;
   vertical-align: middle;
   *vertical-align: auto;
   *zoom: 1;
   *display: inline;
   margin-top: 3px;
 }

 .menu_new .navxx .tel i {
   display: inline-block;
   width: 26px;
   height: 25px;
   background: url("../images/ico-index-2015.png") -212px 6px;
   float: left;
 }

 .menu_new .navxx .tel span {
   display: inline-block;
   color: #333;
   font-size: 14px;
   float: left;
   margin-top: 5px;
 }

 .menu_new .navxx .tel span.num {
   font-size: 20px;
   margin-top: 0;
 }

 .menu_new .navxx .tel span.time {
   color: #999;
   margin-left: 3px;
 }



 .tabBox {
   border-top: 2px solid #996666;
   width: 1200px;
   margin: 0 auto;
   display: flex;
   flex-direction: row;
 }

 /* .tabBox .hd{  line-height:33px; border:1px solid #DDCDCD; border-top:0; background:#f6f6f6;  } */
 /* .tabBox .hd ul{ position:absolute; width:100%; height:34px; overflow:hidden;  } */
 .tabBox .hd li {
   width: 100px;
   border: 1px solid #ddd;
   text-align: center;
   font: normal 14px/33px "Microsoft YaHei";
   _font-weight: bold;
   color: #999;
 }

 .tabBox .hd li a {
   color: #999;
   display: block;
 }

 .tabBox .hd li.on {
   background: #996666;
 }

 .tabBox .hd li.on a {
   color: #fff;
 }

 .tabBox .bd {
   padding: 10px 0;
   border: 1px solid #DDCDCD;
   border-top: 0;
 }

 .tabBox .bd ul {
   overflow: hidden;
 }

 .tabBox .bd ul li {
   width: 166px;
   float: left;
   overflow: hidden;
   margin-left: 10px;
   display: inline;
 }

 .tabBox .bd ul li img {
   width: 166px;
   height: 250px;
   display: block;
   background: url(images/loading.gif) center center no-repeat;
 }