@charset "gb2312";

*,
p,
div,
ul,
li {
    margin: 0;
    padding: 0;
}

html {
    text-align: center;
    background: #fff url(../skin/index_01.jpg) repeat-x;
}

body {
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    font-family: Arial, "����", "΢���ź�", Helvetica, sans-serif;
}

ul,
li {
    list-style-type: none;
}

div,
ul,
li,
span,
ol,
h1,
p,
em,
strong {
    overflow: hidden;
    text-align: left;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 12px;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #333;
}

body a:hover {
    text-decoration: underline;
    color: #f60;
}

/* a:active {text:expression(target="_blank");} */
img {
    border: 0px;
}

.p_s {
    text-indent: 2em;
}

.clear {
    clear: both;
}

.main {
    width: 982px;
    margin: 0 auto;
    position: relative;
}

.pages {
    width: 70%;
    margin: 15px auto;
    text-align: center;
    background: #e5e5e5;
    height: 27px;
    line-height: 26px;
}

.pages,
.pages a {
    color: #333;
}

.pages a:hover {
    color: #f60;
}

.marginbottom20 {
    margin-bottom: 20px;
}

/* top */
#head {
    height: 217px;
    background: url(../skin/index_06.jpg) right 23px no-repeat;
}

#pay {
    width: 250px;
    position: absolute;
    left: 480px;
    top: 12px;
}

#pay div {
    width: 100px;
    float: left;
    text-align: center;
    color: #7f7f7f;
    display: none;
}

#pay div img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

#pay div.wx img {
    height: 45px;
}

#pay div.ali img {
    height: 45px;
}

.top {
    height: 88px;
}

.logo {
    float: left;
    width: 327px;
}

.topuser {
    float: left;
    width: 382px;
    height: 60px;
    margin-top: 10px;
}

.topuser h4 {
    display: block;
}

.topuser a {
    color: #f60;
    text-decoration: underline;
    margin: 0 3px;
}

.topuser a:hover {
    color: #333;
}

.sindex {
    float: right;
    width: 138px;
    margin-top: 8px;
}

.nav {
    width: 100%;
    height: 91px;
    clear: both;
    position: relative;
    background: url(../skin/index_11.jpg) repeat-x;
}

.navleftbg {
    width: 100%;
    height: 91px;
    background: url(../skin/index_09.jpg) left top no-repeat;
}

.navrightbg ul {
    margin-left: 18px;
}

.navrightbg {
    width: 100%;
    height: 91px;
    background: url(../skin/index_14f.jpg) right top no-repeat;
}

.navrightbg li {
    float: left;
    width: 80px;
    height: 23px;
    margin-top: 15px;
    text-align: center;
    background: url(../skin/index_17.jpg) right top no-repeat;
}

.navrightbg li a {
    color: #fff;
    font: bold 14px/23px sans;
}

.navrightbg li a:hover {
    color: #ffec00;
}

.navhelp {
    position: absolute;
    top: 16px;
    right: 45px;
}

.navhelp a {
    color: #965421;
}

.ss {
    height: 24px;
    padding: 0px 0 6px 18px;
    border-bottom: 1px solid #ccc;
    background: url(../skin/news.gif) left 7px no-repeat;
}

.ss p {
    display: inline;
    margin-right: 30px;
    height: 24px;
    line-height: 24px;
    color: #999;
}

.ss p span {
    color: #333;
}

.search {
    width: 406px;
    height: 26px;
    position: absolute;
    bottom: 6px;
    left: 80px;
}

.search select,
.search input {
    float: left;
    margin-right: 4px;
}

.search input.k {
    width: 241px;
    height: 18px;
    border: 1px solid #dbdfe6;
    border-top: 1px solid #abadb3;
}

.searchhot {
    position: absolute;
    bottom: 13px;
    left: 480px;
}

.searchhot strong {
    color: #f60;
}

.searchhot a {
    color: #666;
    margin-left: 4px;
}

.searchhot a:hover {
    color: #f60;
}

#left {
    float: left;
    width: 197px;
    margin-right: 11px;
}

.leftbox {
    width: 197px;
    margin-bottom: 12px;
    background: url(../skin/index_34.jpg) repeat-y;
}

.leftboxt {
    width: 197px;
    height: 36px;
    background: url(../skin/index_28.jpg) no-repeat;
    position: relative;
}

.leftboxt strong {
    line-height: 36px;
    margin-left: 30px;
    color: #fff;
}

.leftboxt a,
.leftboxt a:hover {
    color: #fff;
}

.leftboxt a.mores {
    position: absolute;
    right: 13px;
    top: 8px;
}

.cctv ul {
    width: 80%;
    height: 188px;
    margin: 0 auto;
}

.cctv li {
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    padding-left: 15px;
    background: url(../skin/index_34-13.jpg) left center no-repeat;
}

.leftboxb {
    width: 197px;
    height: 11px;
    background: url(../skin/index_51-18.jpg) no-repeat;
}

.leftproductlist ul {
    width: 76%;
    margin: 10px auto 0 auto;
    padding: 0 10px 6px 10px;
    border-bottom: 1px dotted #333;
}

.leftproductlist ul strong {
    display: block;
    margin-bottom: 3px;
}

.leftproductlist ul strong a {
    color: #f60;
}

.leftproductlist ul li {
    float: left;
    width: 49%;
    height: 25px;
    line-height: 25px;
    color: #666;
}

.leftproductlist ul li a {
    color: #666;
}

.leftproductlist ul li a:hover {
    color: #f60;
}

.indexhtlp {
    width: 193px;
    background: url(../skin/il_84.jpg) repeat-y;
}

.indexhtlpt {
    width: 193px;
    height: 12px;
    background: url(../skin/il_82.jpg) no-repeat;
}

.indexhtlpt2 {
    width: 193px;
    height: 42px;
    background: url(../skin/news_show_03.jpg) no-repeat;
}

.indexhtlpb {
    width: 193px;
    height: 14px;
    background: url(../skin/il_94.jpg) no-repeat;
}

.indexhtlp li {
    height: 24px;
    line-height: 24px;
    margin-left: 38px;
}

.helpul {
    width: 85%;
    margin: 10px auto 0 auto;
}

.helpu0 strong {
    display: block;
    padding-left: 36px;
    background: url(../skin/il_87.jpg) no-repeat;
}

.helpu1 strong {
    display: block;
    padding-left: 36px;
    background: url(../skin/news_show_09.jpg) no-repeat;
}

.helpu2 strong {
    display: block;
    padding-left: 36px;
    background: url(../skin/il_90.jpg) no-repeat;
}

.helpu3 strong {
    display: block;
    padding-left: 36px;
    background: url(../skin/il_92.jpg) no-repeat;
}

.helpu4 strong {
    display: block;
    padding-left: 36px;
    background: url(../skin/news_show_12.jpg) no-repeat;
}

#centerbox {
    float: left;
    width: 540px;
}

.flasha {
    width: 540px;
    height: 230px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

.flasha .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.flasha .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.flasha .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.flasha .hd ul li.on {
    background: #f00;
    color: #fff;
}

.flasha .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.flasha .bd li {
    zoom: 1;
    vertical-align: middle;
}

.flasha .bd img {
    width: 540px;
    height: 230px;
    display: block;
}

.cpb1 {
    width: 538px;
    border: 1px solid #d3d3d3;
}

.cpb2 {
    width: 534px;
    margin: 1px;
    border: 1px solid #e8e8e8;
}

.t {
    width: 100%;
    height: 24px;
    background: url(../skin/index_58.jpg) repeat-x;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.t p {
    width: 100%;
    line-height: 25px;
    padding-left: 36px;
    color: #347700;
    background: url(../skin/index_56.jpg) 5px top no-repeat;
    font-family: "����";
    font-weight: bold;
}

.t p a {
    color: #347700;
}

.t a.more {
    position: absolute;
    right: 8px;
    top: 2px;
    color: #666;
    font-family: "����";
}

.t a:hover.more {
    color: #f60;
}

.centerproduct {
    margin-bottom: 16px;
}

.product ul {
    width: 110%;
    margin-left: 7px;
}

.product li {
    float: left;
    width: 100px;
    height: 190px;
    margin: 10px 40px 10px 0;
}

.product li span.imx {
    display: block;
    width: 100px;
    height: 100px;
}

.product li strong {
    text-align: center;
    display: block;
    height: 20px;
}

.product li strong a {
    font-weight: normal;
    display: block;
    color: #111;
}

.product li strong a:hover {
    color: #f60;
}

.product li span.m1,
.product li span.m2 {
    color: #666;
    display: block;
    text-align: center;
}

.product li span.m1 del {
    color: #999;
}

.product li span.m2 em {
    font-style: normal;
    color: #f00;
}

.product li p {
    margin-top: 3px;
}

.product li p .l {
    float: left;
}

.product li p .r {
    float: right;
}

#rightbox .product ul {
    width: 110%;
    margin-left: 24px;
}

#rightbox .product li {
    float: left;
    width: 100px;
    height: 190px;
    margin: 10px 55px 10px 0;
}

#right {
    float: right;
    width: 226px;
}

.rbg {
    width: 226px;
    margin-bottom: 16px;
    background: url(../skin/index_41.jpg) repeat-y;
}

.rb {
    width: 226px;
    height: 15px;
    background: url(../skin/index_51.jpg) no-repeat;
}

.rcontact {
    width: 226px;
    padding-top: 103px;
    background: url(../skin/index_31.jpg) no-repeat;
}

.rcontacttel,
.rcontactqq {
    width: 80%;
    margin: 8px auto;
}

.rcontactqq li {
    float: left;
    width: 43%;
}

.rcontactqq .qq,
.rcontactqq .tao {
    padding-left: 24px;
    height: 24px;
    line-height: 24px;
    background: url(../skin/index_44.jpg) left center no-repeat;
}

.rcontactqq .tao {
    background: url(../skin/index_47.jpg) left center no-repeat;
}

.rproduct {
    width: 80%;
    margin: 8px auto;
}

.rproduct li {
    height: 60px;
    margin-bottom: 11px;
    border-bottom: 1px dotted #666;
    position: relative;
}

.rproduct li span {
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
}

.rproduct li strong,
.rproduct li i,
.rproduct li em {
    display: block;
    margin-left: 60px;
    height: 17px;
    font-weight: normal;
    font-style: normal;
}

.rproduct li strong a {
    color: #333;
}

.rproduct li i {
    color: #666;
}

.rproduct li em,
.rproduct li a:hover {
    color: #f60;
}

.rptt1,
.rptt2 {
    width: 226px;
    height: 59px;
    text-align: right;
    line-height: 56px;
    background: url(../skin/index_60.jpg) no-repeat;
}

.rptt2 {
    background: url(../skin/index_79.jpg) no-repeat;
}

.rptt1 a,
.rptt2 a {
    color: #666;
    margin-right: 18px;
    font-family: "����";
}

#foot {
    width: 979px;
    margin: 2px auto;
}

.links {
    width: 979px;
    background: url(../skin/index_85.jpg) repeat-y;
}

.linkst {
    width: 979px;
    height: 35px;
    text-align: right;
    line-height: 35px;
    background: url(../skin/index_82.jpg) no-repeat;
}

.linkst a {
    margin-right: 18px;
}

.links ul {
    width: 96%;
    margin: 10px auto;
}

.links li {
    display: inline;
}

.links li a {
    color: #666;
    margin-right: 8px;
}

.links li a:hover {
    color: #f60;
}

.linkb {
    width: 979px;
    height: 6px;
    background: url(../skin/index_87.jpg) no-repeat;
}

.copyright {
    text-align: center;
    line-height: 2;
}

.copyright,
.copyright a {
    color: #333;
}

.copyright a:hover {
    color: #f60;
}

#rightbox {
    float: right;
    width: 772px;
}

.rightbor {
    width: 770px;
    border: 1px solid #d3d3d3;
}

.rightbor2 {
    width: 766px;
    margin: 1px;
    border: 1px solid #e8e8e8;
}

.rightag {
    margin-bottom: 6px;
}

.product_show {
    margin: 15px;
}

.product_show_img {
    float: left;
    width: 326px;
    height: 326px;
    margin-bottom: 20px;
}

.product_show_myin {
    float: right;
    width: 388px;
    height: 326px;
}

.product_show_myin h1 {
    display: block;
    font: bold 16px/2 sans;
    color: #eb0000;
}

.product_show_myin li {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #505050;
}

.product_show_myin li a.fav {
    color: #008407;
    text-decoration: underline;
    font-size: 12px;
    margin-left: 15px;
}

.product_show_myin li a:hover.fav {
    color: #f60;
}

.product_show_myin li span {
    color: #0081e0;
}

.product_show_myin li strong {
    color: #eb0000;
}

.product_show_myin li em {
    font-style: normal;
    color: #eb0000;
}

.product_show_other {
    width: 386px;
    height: 98px;
    margin-top: 10px;
    border: 1px solid #ccc;
    position: relative;
}

.product_show_othert {
    width: 100%;
    height: 35px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.product_show_othert .p1 {
    line-height: 37px;
    color: #333;
    margin-left: 10px;
}

.product_show_othert .p1 em {
    font-style: normal;
    color: #eb0000;
}

.product_show_othert .p2 {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #333;
}

.product_show_othert .p2 strong {
    color: #eb0000;
}

.product_show_other img.buynow {
    margin: 12px 0 0 12px;
}

.product_show_qq {
    position: absolute;
    bottom: 12px;
    right: 10px;
    color: #0091fe;
}

.product_show_qq span {
    float: left;
    width: 60px;
    line-height: 29px;
}

.product_show_qq img {
    float: right;
    width: 70px;
}

.pordict_show_tab,
.product_show_hot {
    width: 734px;
    clear: both;
    border: 1px solid #ccc;
}

.product_show_hot {
    margin-top: 24px;
}

.product_show_hott {
    width: 100%;
    height: 31px;
    background: url(../skin/product_show_15.jpg) repeat-x;
    line-height: 31px;
}

.product_show_hott strong {
    float: left;
    width: 300px;
    height: 31px;
    line-height: 35px;
    background: url(../skin/product_show_19.jpg) 6px top no-repeat;
    padding-left: 25px;
}

.product_show_hott span {
    float: right;
    width: 50px;
}

.product_show_hott span a {
    color: #666;
    font-family: "����";
}

.product_show_hott span a:hover {
    color: #f60;
}

.product_show_hot ul {
    width: 110%;
    margin-left: 10px;
}

.product_show_hot li {
    float: left;
    width: 22%;
    height: 60px;
    margin: 18px 50px 0 0;
    border-bottom: 1px dotted #666;
    position: relative;
}

.product_show_hot li span {
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
}

.product_show_hot li strong,
.product_show_hot li i,
.product_show_hot li em {
    display: block;
    margin-left: 60px;
    height: 17px;
    font-weight: normal;
    font-style: normal;
}

.product_show_hot li strong a {
    color: #333;
}

.product_show_hot li i {
    color: #666;
}

.product_show_hot li em,
.product_show_hot li a:hover {
    color: #f60;
}


.news {
    width: 90%;
    margin: 40px auto 20px;
}

.news li {
    border-bottom: 1px dotted #7f7f7f;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.news li strong a {
    font: bold 14px/2 sans;
    color: #f60;
}

.news li span {
    color: #333;
    margin-left: 16px;
}

.news li p {
    color: #777;
    line-height: 2;
}


.news_show {
    width: 94%;
    margin: 40px auto 30px;
}

.news_show h1 {
    display: block;
    font: bold 22px/2 sans;
    color: #666;
    text-align: center;
    padding-bottom: 18px;
    border-bottom: 1px dotted #666;
}

.news_show .newstime {
    color: #f60;
    text-align: center;
    margin: 15px 0;
}

.news_show_info {
    width: 94%;
    margin: 0 auto 25px;
    color: #585858;
}

.news_show_info,
.news_show_info * {
    line-height: 2;
}

.nextprv {
    padding: 18px 0 0;
    line-height: 28px;
    border-top: 1px dotted #666;
    color: #0091fe;
}

.nextprv a {
    color: #666;
}

.nextprv a:hover {
    color: #0091fe;
}

.faok {
    font: 14px/2 sans;
    margin: 29px 0;
}

.feedback li {
    margin-bottom: 10px;
    clear: both;
}

.feedback li p {
    float: left;
    width: 90px;
    font-size: 14px;
    text-align: right;
}

.feedback .fk,
.feedback .fk2 {
    float: left;
    width: 290px;
    height: 16px;
    line-height: 16px;
    padding: 4px;
    border: 1px solid #ccc;
    margin-right: 6px;
}

.feedback .fk2 {
    width: 360px;
    height: 100px;
}

.fubg {
    width: 981px;
    background: url(../skin/user_34.jpg) repeat-y;
}

.usert {
    width: 981px;
    height: 43px;
    background: url(../skin/user_03.jpg) no-repeat;
}

.usert p {
    float: right;
    width: 765px;
    margin-top: 17px;
    color: #333;
}

.usert p strong {
    color: #f60;
    margin-right: 18px;
}

.usert p span a {
    text-decoration: underline;
    color: #008407;
    margin: 0 70px 0 8px;
}

.usert p span a:hover {
    color: #f60;
}

.usert p em {
    font-style: normal;
    color: #0091fe;
}

.fubgbottom {
    width: 981px;
    height: 12px;
    background: url(../skin/user_06.jpg) no-repeat;
}

.usebox {
    width: 937px;
    margin: 16px auto;
}

.userleft {
    float: left;
    width: 161px;
}

.userleft li {
    height: 30px;
    padding-left: 25px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
}

.userleft li a {
    display: block;
    color: #333;
    background: url(../skin/user_10.jpg) right center no-repeat;
}

.userleft li a:hover,
.userleft li.usernow a {
    font-weight: bold;
    background: url(../skin/user_15.jpg) right center no-repeat;
    text-decoration: none;
}

.sfexit {
    text-align: center;
    margin: 26px auto;
}

.userleft li.l1 {
    background: url(../skin/user_07.jpg) left center no-repeat;
}

.userleft li.l2 {
    background: url(../skin/user_10-04.jpg) left center no-repeat;
}

.userleft li.l3 {
    background: url(../skin/user_10-06.jpg) left center no-repeat;
}

.userleft li.l4 {
    background: url(../skin/user_10-07.jpg) left center no-repeat;
}

.userleft li.l5 {
    background: url(../skin/user_10-08.jpg) left center no-repeat;
}

.userleft li.l6 {
    background: url(../skin/user_10-09.jpg) left center no-repeat;
}

.userright {
    float: right;
    width: 748px;
}

.table1px {
    border-left: #ddd solid 1px;
    border-top: #ddd solid 1px;
    border-collapse: collapse;
}

.table1px td,
.table1px th {
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    padding: 10px 10px 6px;
    vertical-align: top;
}

.userinputbor {
    padding: 3px;
    border: 1px solid #b3b3b3;
    background: url(../skin/user_30.jpg) repeat-x;
}

.onbut {
    width: 139px;
    height: 21px;
    color: #fff;
    text-align: center;
    line-heightL: 22px;
    background: url(../skin/user_31.jpg) no-repeat;
    border: none;
    border: 0;
}

.regtable td,
.regtable th {
    padding: 10px 10px 6px;
}

.usertitle {
    margin: 20px 0;
}

.usertitle strong {
    margin-left: 10px;
}

.reglinkloing a,
loginlinkreg a:hover {
    color: #f60;
    text-decoration: underline;
}

.reglinkloing a:hover,
.loginlinkreg a {
    color: #0091fe;
}

.soltop {
    width: 360px;
    border: 1px solid #ccc;
    margin: 45px auto 15px;
}

.soltop h5 {
    display: block;
    background: #f0f0f0;
    padding-left: 8px;
    line-height: 24px;
    color: #333;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.soltop p {
    background: url(../images/dot_oran.gif) left 6px no-repeat;
    padding-left: 13px;
}

.soltop p span {
    color: #f60;
}

.red {
    margin-left: 5px;
    color: red;
    font-family: "����";
}

/* product show tag */
/*ѡ�1*/
#Tab1 {
    width: 100%;
}

/*�˵�class*/
.Menubox {
    width: 100%;
    background: url(../skin/product_show_15.jpg) repeat-x;
    height: 31px;
    line-height: 28px;
}

.Menubox ul {
    margin-left: 6px;
}

.Menubox li {
    float: left;
    display: block;
    cursor: pointer;
    width: 90px;
    height: 26px;
    margin-top: 4px;
    text-align: center;
    color: #111;
    font-weight: bold;
}

.Menubox li.hover {
    background: #fff;
    width: 88px;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background: #fff;
    color: #058b1c;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
}

.Menubox .Menubox_on {
    background: #fff;
    width: 88px;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background: #fff;
    color: #058b1c;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
}

.Contentbox {
    clear: both;
    margin: 20px;
    color: #333;
}

.Contentbox,
.Contentbox * {
    line-height: 2.3;
}