ï»¿/*2015å¹´5æ30æ¥ Dzikaæ´ç*/



body {

    padding: 0;

    font-size: 14px;

    margin: 0 auto;

    color: #333

}



#container {

    margin: 0 auto;

    width: 960px;

    padding: 0 5px;

    background: #fff;

    clear: both

}



.more img {

    margin-right: 3px

}



.gray {

    color: #808080

}



.clear {

    clear: both;

    font-size: 0px;

    color: #fff;

    height: 0

}



#legoo {

    padding: 6px 10px;

    font-size: 14px;

    margin: 0 auto;

    width: 938px;

    background: #f2f2f2;

    border: 1px solid #ddd;

    position: relative

}



#legoo a {

    padding-top: 5px;

    text-decoration: none

}



#legoo .llogin {

    right: 10px;

    position: absolute;

    top: 7px

}



ul {

    padding: 0;

    margin: 0;

    list-style-type: none

}



a {

    color: #333;

    text-decoration: none;

}



a:hover {

    color: #b70000

}



.more {

    text-align: right

}



.setrpos {

    width: 766px;

    position: absolute

}



.setlpos {

    width: 181px;

    position: absolute

}



.bluetitle {

    padding: 6px 0 4px 10px;

    background: url('/assets/style.51sole.com/template/images/2/title_bg_new.jpg') repeat-x center top;

    margin: 0;

    color: #000;

    border-bottom: #a7b8cc 1px solid;

    position: relative

}



.bluetitle img {

    right: 0;

    cursor: pointer;

    position: absolute;

    top: 0px

}



#menulist {

    clear: both;

    position: relative;

    height: 35px;

}



#menulist .columnlist {

    background: #b70000;

    border: 1px solid #a70000;

    padding-left: 53px;

    line-height: 33px;

    height: 33px;

    text-align: center

}



#menulist .columnlist .sel {

    background: #e6180d

}



#menulist .columnlist li {

    font-weight: bold;

    font-size: 14px;

    float: left;

    width: 96px

}



#menulist .columnlist a {

    color: #fff;

    text-decoration: none

}



#menulist .columnlist a:hover {

    text-decoration: none

}



.setedit {

    right: 5px;

    cursor: pointer;

    position: absolute;

    top: 2px

}



.setedit img {

    border-top-width: 0px;

    border-left-width: 0px;

    border-bottom-width: 0px;

    border-right-width: 0px

}



#middlelayout {

    z-index: 1000;

    margin: 0 auto;

    width: 960px;

    position: relative

}



#setlist {

    width: 400px

}



#setlist .listcontent {

    overflow: auto;

    height: 220px

}



#setlist ul {

    line-height: 30px;

    border-bottom: #999 1px solid;

    height: 30px;

    text-align: center

}



#setlist .hoverul {

    background: #eee

}



#setlist .headtitle {

    font-weight: bold;

    background: #eee

}



#setlist .inputmt {

    margin-top: 3px

}



#setlist li {

    float: left

}



#setlist .listname input {

    margin-top: 3px

}



#setlist .listupdown input {

    margin-top: 3px

}



#setlist .listshowhide input {

    margin-top: 3px

}



#setlist .listupdown input {

    border: #baceeb 1px solid;

    font-size: 14px;

    background: url('/assets/style.51sole.com/template/images/2/bluebg.gif') repeat-x 0px bottom;

    padding-top: 2px;

    height: 20px

}



#setlist .listname input {

    height: 14px

}



#setlist .listname {

    width: 25%

}



#setlist .listclass {

    width: 20%

}



#setlist .listshowhide {

    width: 25%

}



#setlist .listupdown {

    width: 29%

}



#setlist .suredo {

    padding: 4px 0 8px 0;

    text-align: center

}



.edittoolbar {

    border: #7197bc 1px solid;

    margin-top: 5px;

    display: none;

    background: #fff;

    width: 88px;

    position: absolute

}



.edittoolbar ul {

    padding: 5px 0 0 10px;

    border-top: #7197bc 1px solid

}



.edittoolbar li {

    padding-bottom: 5px;

    padding-top: 5px

}



.edittoolbar img {

    vertical-align: middle;

    margin-right: 3px

}



#namelogo {

    z-index: 1000;

    background: #fff;

    padding: 5px 0;

    position: relative;

    height: 80px

}



#namelogo #companylogo {

    left: 0;

    padding: 0;

    position: absolute;

    top: 5px;

    float: none;

    margin-top: 10px

}



#namelogo #companylogo .logoimg {

    overflow: hidden;

    width: 100px;

    text-align: center

}



#namelogo #companylogo img {

    border: 0;

    width: 100px;

    height: 60px

}



#namelogo .chinesename {

    padding: 0;

    margin: 9px 160px 0 130px;

    line-height: 60px;

    color: #333;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.setopendiv {

    border: #7197bc 1px solid;

    display: none;

    right: 50px;

    background: #fff;

    position: absolute;

    top: 30px

}



#setnamelogo {

    width: 528px

}



#setnamelogo form {

    padding: 0;

    margin: 5px 0 3px

}



#setnamelogo ul {

    width: 100%;

    border-bottom: #ccc 1px solid

}



#setnamelogo li {

    float: left

}



#setnamelogo .left {

    border-right: #ccc 1px solid;

    width: 70px;

    text-align: center

}



#setnamelogo .right {

    padding-left: 6px;

    width: 444px

}



#setnamelogo .selwidth {

    width: 105px

}



#settheme_pic .selwidth {

    width: 105px

}



#setnamelogo .headtitle {

    font-weight: bold;

    background: #eee;

    line-height: 26px;

    height: 26px;

    text-align: center

}



#setnamelogo .ecfont {

    height: 40px

}



#setnamelogo .efont {

    margin: 0

}



#setnamelogo .cfont {

    margin: 8px 0 10px

}



#setnamelogo .ecfont .left {

    line-height: 40px

}



#setnamelogo .comlogo {

    height: 50px

}



#setnamelogo .comlogo .left {

    line-height: 50px

}



#theme_pic {

    margin-bottom: 3px;

    width: 100%;

    max-height: 258px;

    overflow: hidden;

    position: relative

}



#theme_pic img {

    width: 960px

}



.themetext {

    left: 0;

    padding-top: 20px;

    position: absolute;

    top: 0

}



.themetext p {

    margin: 0 0 5px 50px

}



#settheme_pic {

    width: 500px

}



#settheme_pic .uploadimg {

    margin: 5px 10px 20px

}



#settheme_pic .uploadimg form {

    margin: 0 0 5px

}



#settheme_pic .theme {

    padding: 8px 10px 0 10px;

    border-top: #a7b8cc 1px dashed;

    margin: 0 5px

}



#settheme_pic .theme ul {

    margin-top: 5px;

    padding-top: 5px

}



#settheme_pic .theme li {

    width: 47.5%;

    height: 78px;

    text-align: center

}



#settheme_pic .theme img {

    display: block;

    margin: 0 auto 5px;

    width: 200px;

    border-style: none;

    height: 53px

}



#settheme_pic #imgpreview {

    margin-top: 10px;

    display: block;

    width: 266px;

    height: 60px

}



#settheme_pic ul {

    border-top: #ccc 1px solid

}



#settheme_pic li {

    float: left

}



#settheme_pic .left {

    border-right: #ccc 1px solid;

    width: 70px

}



#settheme_pic .right {

    padding-left: 6px;

    width: 400px

}



#settheme_pic .headtitle {

    font-weight: bold;

    background: #eee;

    line-height: 26px;

    height: 26px;

    text-align: center

}



#settheme_pic .updowntext {

    height: 58px

}



#settheme_pic .updowntext .left {

    line-height: 58px;

    text-align: center

}



#settheme_pic label {

    display: block;

    margin: 3px 0 5px

}



#content {

    margin-top: 5px;

    width: 960px

}



#search {

    float: right;

    width: 180px;

    padding: 22px 0 0 0;

    margin: 10px 0;

    position: relative

}



#search p {

    position: absolute;

    top: 0;

    left: 0;

    padding: 0;

    font-weight: normal;

    font-size: 14px;

    margin: 0

}



#search p input {

    display: none

}



#search p label {

    float: left;

    padding: 4px 10px;

    background: #f2f2f2;

    display: block;

    margin: 0 5px 0 0

}



#search p label.on {

    background: #ccc

}



#search .seek {

    float: left;

    border: 0;

    background: #666 url('/assets/style.51sole.com/template/images/2/search.gif') no-repeat;

    color: #fff;

    width: 42px;

    height: 26px

}



#search .keywords {

    float: left;

    margin: 0 5px 0 0;

    border: #ccc 1px solid;

    font-size: 14px;

    width: 120px;

    padding: 5px;

}



#content1 H3,

#content1__1 H3,

#content1__2 H3,

#content1__3 H3,

#content1__4 H3 {

    line-height: 26px;

    height: 26px;

    font-size: 14px;

    margin: 0;

    text-indent: 30px;

    position: relative;

    background: #f2f2f2 url('/assets/style.51sole.com/template/images/tit_bg.gif') no-repeat 10px 8px;

    border: 1px solid #ddd;

    border-bottom: 0

}



#content1 #productnav,

#content1__1 #productnav__1,

#content1__2 #productnav__2,

#content1__3 #productnav__3,

#content1__4 #productnav__4_1 {

    margin-bottom: 8px

}



#content1 #weizhanewm,

#content1__1 #weizhanewm__1,

#content1__2 #weizhanewm__2,

#content1__3 #weizhanewm__3,

#content1__4 #weizhanewm__4_1 {

    margin-bottom: 8px

}



#productnav__4_2 {

    width: 181px;

    margin-bottom: 8px;

    position: absolute;

    margin-left: 777px;

    top: 350px

}



#content1 #productnav h2,

#content1__1 #productnav__1 h2,

#content1__2 #productnav__2 h2,

#content1__3 #productnav__3 h2,

#content1__4 #productnav__4_1 h2,

#productnav__4_2 h2 {

    padding-right: 0px;

    padding-left: 0px;

    font-size: 14px;

    padding-bottom: 5px;

    margin: 0px;

    text-indent: 10px;

    padding-top: 9px

}



#content1 #productnav .navdiv,

#content1__1 #productnav__1 .navdiv,

#content1__2 #productnav__2 .navdiv,

#content1__3 #productnav__3 .navdiv,

#content1__4 #productnav__4_1 .navdiv,

#productnav__4_2 .navdiv {

    padding-bottom: 10px

}



#content1 #productnav li,

#content1__1 #productnav__1 li,

#content1__2 #productnav__2 li,

#content1__3 #productnav__3 li,

#content1__4 #productnav__4_1 li,

#productnav__4_2 li {

    text-indent: 10px;

    margin: 0 0 0 5px;

    line-height: 30px;

    width: 167px;

    border-bottom: 1px solid #eee;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden

}



#content1 #productnav li:hover,

#content1__1 #productnav__1 li:hover,

#content1__2 #productnav__2 li:hover,

#content1__3 #productnav__3 li:hover,

#content1__4 #productnav__4_1 li:hover,

#productnav__4_2 li:hover {

    background: #f8f8f8

}



#content1 #productnav li a,

#content1__1 #productnav__1 li a,

#content1__2 #productnav__2 li a,

#content1__3 #productnav__3 li a,

#content1__4 #productnav__4_1 li a,

#productnav__4_2 li a {

    display: block;

    /* padding-left: 10px; */

    float: left;

    text-decoration: none

}



#content1 #productnav .more,

#content1__1 #productnav__1 .more,

#content1__2 #productnav__2 .more,

#content1__3 #productnav__3 .more,

#content1__4 #productnav__4_1 .more,

#productnav__4_2 .more {

    padding-right: 10px;

    padding-left: 0px;

    padding-bottom: 0px;

    padding-top: 10px

}



#content1 #productnav span,

#content1__1 #productnav__1 span,

#content1__2 #productnav__2 span,

#content1__3 #productnav__3 span,

#content1__4 #productnav__4_1 span,

#productnav__4_2 span {

    color: #666

}



#content2 .cright,

#content2__1 .cright,

#content2__2 .cright,

#content2__3 .cright,

#content2__4 .cright {

    color: #333;

    background: #fff;

    border: 1px solid #ddd;

    border-top: 0;

    padding: 10px 0;

    margin-bottom: 10px;

    font-size: 14px;

    overflow: hidden

}



#content2 H3,

#content2__1 H3,

#content2__2 H3,

#content2__3 H3,

#content2__4 H3 {

    clear: both;

    font-size: 14px;

    margin: 0;

    letter-spacing: 1px;

    position: relative;

    line-height: 26px;

    height: 26px;

    background: #f2f2f2 url('/assets/style.51sole.com/template/images/tit_bg.gif') no-repeat 10px 8px;

    border: 1px solid #ddd

}



#content2 H3 .left,

#content2__1 H3 .left,

#content2__2 H3 .left,

#content2__3 H3 .left,

#content2__4 H3 .left {

    left: 10px;

    width: 4px;

    position: absolute;

    top: 8px;

    height: 10px;

    background: #b70000

}



#content2 H3 .right,

#content2__1 H3 .right,

#content2__2 H3 .right,

#content2__3 H3 .right,

#content2__4 H3 .right {}



#content2 H3 .titlename,

#content2__1 H3 .titlename,

#content2__2 H3 .titlename,

#content2__3 H3 .titlename,

#content2__4 H3 .titlename {

    display: block;

    color: #333;

    padding: 0 30px

}



#content2 H3 .stitle,

#content2__1 H3 .stitle,

#content2__2 H3 .stitle,

#content2__3 H3 .stitle,

#content2__4 H3 .stitle {

    display: block;

    color: #333;

    padding: 0 30px

}



#profile .cright {

    padding-bottom: 12px;

    width: 767px

}



.comgpanyimg {

    padding: 7px 0 0 7px;

    display: inline;

    background: #f2f2f2;

    float: left;

    margin: 10px 15px 0 15px;

    width: 222px;

    position: relative;

    height: 222px;

    overflow: hidden

}



.comgpanyimg .imagediv {

    vertical-align: middle;

    width: 214px;

    line-height: 214px;

    height: 214px;

    text-align: center

}



.comgpanyimg .imagediv img {

    ;

    margin-top: expression((152-this.height)/2);

    ;

    width: expression(this.width > 214 && this.width > this.height ? 214: this.widths);

    ;

    height: expression(this.height > 152 ? 152: this.heights);

    max-height: 214px;

    max-width: 214px

}



.comgpanyimg .mumlist {

    left: 233px;

    position: absolute;

    top: 4px

}



.comgpanyimg .mumlist li {

    margin-bottom: 2px

}



.comgpanyimg .mumlist a {

    display: block;

    font-weight: bold;

    background: url('/assets/style.51sole.com/template/images/2/yuan-noselect.gif') no-repeat;

    width: 16px;

    color: #8d4c04;

    text-indent: 5px;

    line-height: 17px;

    height: 17px;

    text-decoration: none

}



.comgpanyimg .select a {

    background: url('/assets/style.51sole.com/template/images/2/yuan-select.gif') no-repeat;

    color: #fff

}



#profile .profiletext {

    padding: 8px 12px 0 0;

    margin-left: 20px;

    line-height: 22px;

    position: relative;

    min-height: 170px;

    _height: 170px

}



#profile .profiletext p {

    margin: 0;

    text-indent: 24px

}



#profile .more {

    text-align: left

}



#com_news ul {

    padding: 5px 0 0 8px;

    line-height: 22px

}



#com_news ul a {

    margin-left: 3px

}



#cert_honor ul {

    padding: 5px 5px 5px 10px;

    background: #fff;

    margin-bottom: 8px;

    line-height: 22px

}



#link ul {

    padding: 5px 5px 5px 10px;

    background: #fff;

    margin-bottom: 8px;

    line-height: 22px

}



#jobs .cright {

    min-height: 100px;

    height: 100px

}



#com_news .cright {

    min-height: 100px;

    height: 100px

}



#cert_honor .cright {

    min-height: 100px;

    height: 100px

}



#jobs ul {

    padding: 5px 0 0 8px;

    line-height: 22px

}



#jobs ul span {

    padding-left: 15px

}



#rcontact ul {

    padding: 6px 0 1px 0

}



#rcontact li {

    padding: 0 5px 3px 80px;

    margin: 0 10px;

    line-height: 20px;

    position: relative

}



#rcontact li span {

    display: block;

    left: -80px;

    width: 80px;

    position: absolute;

    top: -2px

}



.redition {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    width: 200px

}



.ledition {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    width: 200px

}



.redition .headtitle {

    background: #eee

}



.ledition .headtitle {

    background: #eee

}



.redition ul {

    line-height: 26px;

    border-bottom: #ccc 1px solid;

    height: 26px

}



.ledition ul {

    line-height: 26px;

    border-bottom: #ccc 1px solid;

    height: 26px

}



.redition ul li {

    float: left;

    width: 49.5%;

    text-indent: 10px

}



.ledition ul li {

    float: left;

    width: 49.5%;

    text-indent: 10px

}



.edittitle {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    width: 220px;

    position: absolute

}



.edittitle label {

    display: block;

    padding-left: 10px;

    padding-bottom: 5px;

    padding-top: 8px

}



#demo {

    float: left;

    overflow: hidden

}



#demo1 {

    float: left

}



#demo2 {

    float: left

}



#phone {

    margin-bottom: 8px;

    height: 46px

}



.attacha {

    padding: 11px 0 0 45px;

    display: block;

    font-weight: bold;

    font-size: 14px;

    color: #000;

    height: 25px;

    text-decoration: none

}



#sitewhere {

    padding: 7px 0

}



#navcontact,

#navcontact__1,

#navcontact__2,

#navcontact__3,

#navcontact__4 {

    margin-bottom: 8px

}



#navcontact .more,

#navcontact__1 .more,

#navcontact__2 .more,

#navcontact__3 .more,

#navcontact__4 .more {

    padding: 5px 10px 10px 0

}



#navcontact ul li,

#navcontact__1 ul li,

#navcontact__2 ul li,

#navcontact__3 ul li,

#navcontact__4 ul li {

    margin: 0 5px 0 8px;

    padding-top: 8px

}



#navcontact__4 {

    width: 181px;

    margin-bottom: 8px;

    background: #fff;

    position: absolute;

    margin-left: 777px;

    top: 0

}



#moreseries {

    width: 460px;

    position: relative;

    height: 260px

}



#moreseries .box {

    border: #e28d41 1px solid;

    background: #fff;

    left: 0;

    width: 460px;

    position: absolute;

    top: 0;

    height: 260px

}



#moreseries #shodow {

    font-size: 0;

    background: #bbb;

    filter: alpha(opacity=55);

    left: 6px;

    width: 460px;

    line-height: 0px;

    position: absolute;

    top: 6px;

    height: 260px;

    moz-opacity: 0.55

}



#moreseries ul {

    padding: 0 0 0 10px;

    font-size: 14px;

    float: left;

    margin: -5px 0 0;

    width: 215px;

    line-height: 24px;

    list-style-type: none

}



#moreseries span {

    color: #666

}



#moreseries .closed {

    font-size: 14px;

    margin: 5px 5px 0 0;

    text-align: right

}



#moreseries .closed a {

    color: #444

}



#moreseries .closed a:visited {

    color: #444

}



.pro_show {

    font-size: 14px;

    margin: 0 auto;

    overflow: hidden;

    width: 756px;

    padding-top: 10px

}



.pro_show__1 {

    font-size: 14px;

    margin: 0 auto;

    overflow: hidden;

    width: 756px;

    padding-top: 10px

}



.pro_show__2 {

    font-size: 14px;

    margin: 0 auto;

    overflow: hidden;

    width: 756px;

    padding-top: 10px

}



.pro_show__3 {

    font-size: 14px;

    margin: 0 auto;

    overflow: hidden;

    width: 756px;

    padding-top: 10px

}



.pro_show__4 {

    font-size: 14px;

    margin: 0 auto;

    overflow: hidden;

    width: 576px;

    padding-top: 10px

}



.pro_show ul,

.pro_show__1 ul,

.pro_show__2 ul,

.pro_show__3 ul,

.pro_show__4 ul {

    float: left;

    overflow: hidden;

    line-height: 18px;

    text-align: left

}



.pro_show__1 li,

.pro_show__2 li,

.pro_show__3 li {

    float: left;

    width: 169px;

    height: 210px;

    margin: 0 0 20px 16px;

    text-align: center;

    display: inline;

    overflow: hidden

}



.pro_show__1 .pro_title,

.pro_show__2 .pro_title,

.pro_show__3 .pro_title {

    width: 110px;

    height: 38px;

    margin: 0 auto 5px;

    text-align: center;

    overflow: hidden

}



.freecall {

    margin-left: 580px!important;

    margin-left: 330px;

    width: 144px;

    position: absolute;

    margin-top: -30px;

    height: 29px

}



#productshow {

    margin-bottom: 10px;

    position: relative

}



#productshow .selldiv .imgdiv {

    width: 130px;

    height: 130px;

    border: 1px solid #ddd;

    display: inline

}



#productshow .selldiv .imgdiv a {

    line-height: 100px;

    margin-bottom: 6px;

    vertical-align: middle;

    display: table-cell;

    overflow: hidden

}



#productshow .selldiv .imgdiv img {

    max-height: 130px

}



#productshow .more {

    margin-top: -10px;

    padding-bottom: 20px;

    margin-right: 25px

}



.selldiv {

    padding: 10px;

    background: #fff

}



.selldiv li {

    margin-top: 10px;

    position: relative;

    height: 145px;

    overflow: hidden

}



.selldiv .sellinfo {

    padding: 10px 0 0 10px;

    margin-left: 160px

}



.selldiv .sellinfo a {

    font-size: 14px

}



.selldiv p {

    padding: 20px 0 0 0;

    margin: 0;

    overflow: hidden;

    color: #444;

    word-break: break-all;

    line-height: 18px;

    word-wrap: break-word

}



.selldiv .selltime {

    padding-left: 10px;

    color: #999;

    position: absolute;

    right: 0

}



.showdiv {

    background: #fff;

    padding-top: 10px

}



.showdiv ul {

    clear: both;

    padding: 0;

    margin: 0

}



.showdiv li {

    float: left;

    width: 130px;

    border: #ddd 1px solid;

    padding: 0;

    height: 180px;

    margin: 0 0 10px 18px;

    display: inline;

    overflow: hidden

}



.pro_show ul li a,

.pro_show__1 ul li a,

.pro_show__2 ul li a,

.pro_show__3 ul li a,

.pro_show__4 ul li a {

    display: block;

    padding: 0 12px

}



.showdiv li div a,

.pro_show ul li div a,

.pro_show__1 ul li div a,

.pro_show__2 ul li div a,

.pro_show__3 ul li div a,

.pro_show__4 ul li div a {

    padding: 0;

    text-decoration: none

}



#pro_window__1 {

    margin-top: 10px

}



#pro_window__2 {

    margin-top: 10px

}



#pro_window__3 {

    margin-top: 10px

}



#pro_window__4 {

    margin-top: 10px

}



#pro_window .showdiv,

#pro_window__1 .showdiv,

#pro_window__2 .showdiv,

#pro_window__3 .showdiv,

#pro_window__4 .showdiv {

    border: 0px;

    padding-top: 10px

}



#aboutus {

    background: #fff;

    margin-bottom: 10px;

    position: relative

}



#aboutus .companyintro p {

    margin: 0;

    line-height: 22px

}



#aboutus .companyintro {

    padding: 10px 10px 10px 16px;

    height: 100%!important;

    min-height: 185px;

    margin-bottom: 10px

}



#companyinfo {

    clear: both;

    background: #fff;

    margin-bottom: 10px

}



#companyinfo ul {

    padding: 0 0 15px 0;

    margin: 0

}



#companyinfo li {

    padding: 6px 5px 3px 12px;

    background: #fff;

    margin: 0 10px;

    line-height: 20px;

    border-bottom: #ddd 1px solid;

    position: relative

}



#companyinfo ul span {

    display: block;

    left: -155px;

    width: 150px;

    position: absolute;

    top: 3px

}



#contact {

    padding: 0 0 10px 0;

    background: #fff

}



#contact ul {

    padding: 5px 0 10px 0;

    margin: 0

}



#contact li {

    padding: 8px 5px 5px 12px;

    margin: 0 10px;

    line-height: 20px;

    border-bottom: #ddd 1px solid;

    position: relative

}



#contact li span {

    display: block;

    left: -86px;

    width: 100px;

    position: absolute;

    top: 7px

}



.chatroom {

    padding: 15px 0 25px 0;

    background: #fff

}



.chatroom .chatnow {

    font-size: 14px;

    margin: 0px auto 20px 25px

}



.imdiv {

    padding: 0;

    margin: 0;

    line-height: 12px;

    font-family: arial, helvetica, sans-serif;

    height: 138px

}



.imdiv li {

    float: left;

    text-align: center

}



.imdiv li a {

    border: #ccc 1px solid;

    display: block;

    font-size: 14px;

    margin: 0 20px 0 50px;

    vertical-align: middle;

    width: 100px;

    color: #333;

    height: 100px

}



.imdiv li a:hover {

    text-decoration: none

}



.imdiv img {

    border: 0;

    display: block;

    margin: 25px auto 3px

}



.chatim {

    clear: both;

    margin: 0 0 0 25px;

    width: 550px;

    position: relative

}



.chatim a {

    color: #00c;

    text-decoration: underline

}



.chatim p {

    padding-right: 0px;

    padding-left: 35px;

    font-size: 14px;

    padding-bottom: 0px;

    margin: 0px;

    line-height: 29px;

    padding-top: 0px;

    height: 29px

}



.chatim .chatmsn {

    background: url('/assets/style.51sole.com/template/images/2/msn.gif') no-repeat left bottom;

    margin-left: 22px;

    padding-top: 15px

}



.chatim .chatqq {

    background: url('/assets/style.51sole.com/template/images/2/qq.gif') no-repeat left center

}



.chatim .chatskpye {

    background: url('//style.51sole.com/template/images/2/skpye.gif') no-repeat left center

}



.chatim .chatyahoo {

    background: url('//style.51sole.com/template/images/2/yahootong.gif') no-repeat left center

}



.chatim .notice {

    display: block;

    margin: 30px 0 16px 60px;

    color: #999;

    line-height: 22px

}



.chatim .notice a {

    color: #999

}



.chatim .notice a:visited {

    color: #999

}



.chatim ul {

    padding: 0 0 0 60px;

    list-style-position: inside;

    line-height: 20px;

    list-style-type: disc;

    maring: 0

}



.chatim .close {

    right: 30px;

    position: absolute;

    top: 5px

}



#sendto {

    border: 0;

    background: #fff;

    margin-bottom: 10px

}



#sendto form {

    margin: 0

}



#sendto ul {

    padding: 15px 0 20px 0;

    margin: 0 15px

}



#sendto li {

    padding-left: 12px;

    margin-bottom: 8px;

    position: relative

}



#sendto .spanl {

    display: block;

    left: -86px;

    width: 100px;

    position: absolute;

    top: 4px

}



#sendto .spanf {

    top: 0

}



#sendto .inputw {

    width: 420px

}



#sendto h3 {

    padding: 0;

    font-size: 14px;

    background: #efefef;

    margin: 0;

    /*border-bottom: #ccc 1px solid */

}



#sendto .needn {

    font-weight: normal;

    font-size: 14px;

    color: #f00

}



#sendto .sendbut {

    margin: -10px 0 30px 175px;

    width: 75px;

    padding-top: 2px;

    text-align: center

}



#jobdiv .cright {

    float: left;

    padding-bottom: 8px;

    width: 764px

}



#jobdiv .cright ul {

    float: left;

    width: 100%;

    line-height: 22px;

    padding-top: 12px

}



#jobdiv .cright li {

    float: left;

    width: 33%;

    text-indent: 25px

}



#jobdiv .jobsort {

    clear: both;

    border: #ccc 1px solid;

    background: #fff;

    margin-bottom: 15px

}



#jobdiv .jobsort h3 {

    padding: 5px 0 3px 10px;

    font-size: 14px;

    background: #f5f5f5;

    margin: 1px 0 5px

}



#jobdiv .jobsort h4 {

    clear: both;

    padding: 4px 0 2px 0;

    font-size: 14px;

    margin: 5px 10px 0

}



#jobdiv .jobsort ul {

    line-height: 20px;

    height: 41px

}



#jobdiv .jobsort ul li {

    float: left;

    width: 24.9%;

    text-indent: 10px

}



#jobdiv .jobsort p {

    margin: 0 10px;

    line-height: 19px

}



#newsdiv {

    padding: 0;

    background: #fff;

}



#newsdiv ul {

    margin-bottom: 10px;

    line-height: 24px;

    text-indent: 0;

    padding: 5px 20px

}



#newsdiv ul .gray {

    padding-left: 10px

}



#newsdiv .cright ul li {

    position: relative;

    border-bottom: 1px solid #eee;

    line-height: 30px;

    height: 30px

}



#newsdiv .cright ul li i {

    float: left;

    width: 85px;

    color: #f60;

    font-style: normal

}



#newsdiv .cright ul li a {

    text-decoration: none;

    display: inline-block;

    height: 30px;

    max-width: 500px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



#newsdiv .cright ul li span {

    position: absolute;

    right: 0;

    top: 0;

    font-style: normal;

    color: #999

}



#newsdiv h2 {

    padding: 20px 0 10px 0;

    font-size: 16px;

    margin: 0 25px;

    border-bottom: #bbb 1px solid;

    text-align: center

}



#newsdiv p {

    margin: 10px 20px 25px

}



#newsdiv .newsimgs {

    margin-bottom: -10px;

    padding-top: 10px

}



#newsdiv .newsimgs img {

    display: block;

    margin: 0 auto 15px

}



.mapdiv {

    border: #ccc 1px solid;

    padding: 3px;

    width: 600px

}



.comviddiv p a {

    color: #00c

}



.comviddiv {

    margin: 0 auto;

    width: 444px;

    padding-top: 22px;

    height: 460px;

    text-align: center

}



.commapdiv {

    padding: 20px 0;

    background: #fff;

    text-align: center

}



#cooperation .cright {

    float: left;

    width: 764px

}



#cooperation #imgcoop {

    padding-top: 15px

}



#cooperation #imgcoop ul {

    height: 70px

}



#cooperation #imgcoop li {

    float: left;

    width: 19.9%;

    text-align: center

}



#cooperation .linkimg {

    margin: 0 auto;

    width: 130px;

    height: 50px

}



#cooperation .linkimg a {

    border: #ddd 1px solid;

    display: block;

    vertical-align: middle;

    overflow: hidden;

    width: 130px;

    line-height: 50px;

    height: 50px

}



#cooperation .linkimg img {

    border: 0;

    width: expression(this.width > 130 && this.width > this.height ? 130: this.widths);

    max-height: 50px;

    max-width: 130px

}



#textcoop {

    padding: 15px 0 10px 0;

    float: left;

    width: 100%

}



#textcoop .cooplist {

    border-right: #ccc 1px dashed;

    min-height: 215px;

    float: left;

    width: 55%;

    height: 215px

}



#textcoop .cooplist ul {

    padding-left: 25px

}



#textcoop .applycoop {

    padding-left: 2%;

    float: left;

    width: 42%

}



#textcoop .applycoop p {

    font-weight: bold;

    margin: 0

}



#textcoop .cooplist span {

    display: block;

    float: left;

    width: 49.5%;

    height: 22px

}



#textcoop .cooplist li {

    clear: both

}



#textcoop .applycoop .applybt {

    padding-left: 60px

}



#textcoop .applycoop .applybt input {

    margin-right: 10px

}



#textcoop .applycoop li {

    padding: 3px 0

}



#textcoop .applycoop span {

    position: absolute

}



#textcoop .applycoop textarea {

    font-size: 14px;

    margin-left: 60px;

    width: 206px;

    height: 98px

}



#certdiv .cerlist ul {

    margin-left: 115px

}



#certdiv .cerimg {

    border: #ccc 1px solid;

    margin-top: 8px;

    float: left;

    width: 100px;

    height: 100px;

    text-align: center

}



#certdiv .cerimg a {

    display: block;

    vertical-align: middle;

    overflow: hidden;

    width: 100px;

    line-height: 102px;

    height: 102px;

    text-align: center

}



#certdiv .cerimg img {

    border: 0;

    ;

    margin-top: expression((102 - this.height) / 2);

    width: expression(this.width > 100 && this.width > this.height ? 100: this.widths);

    height: expression(this.height > 100 ? 100: this.heights);

    max-height: 100px;

    max-width: 100px

}



#certdiv .cerlist {

    margin: 0 22px;

    width: auto;

    padding-top: 8px;

    height: 125px

}



#certdiv .cerlist li {

    padding: 8px 0 5px 25px

}



#maindetail .cright {

    border-top-width: 0

}



#maindetail .detaildiv h1 {

    color: #333;

    line-height: 50px;

    padding: 10px 0 20px

}



#maindetail .detaildiv .detailright {

    width: 440px;

    float: left;

    margin-left: 20px;

    top: 50px

}



#maindetail .imgnumber {

    width: 239px;

    padding-top: 5px;

    height: 38px;

    text-align: center

}



#maindetail .imgnumber a {

    border: #999 1px solid;

    padding: 0 5px;

    display: inline;

    margin-left: 5px;

    width: 22px;

    color: #333;

    line-height: 18px;

    height: 18px;

    text-align: center

}



#maindetail .imgnumber a {

    text-decoration: none

}



#maindetail .imgnumber .selnub {

    font-weight: bold

}



#maindetail h2 {

    padding: 0 20px;

    color: #0066cc;

    background: #f2f2f2;

    height: 26px;

    line-height: 26px;

    font-size: 14px;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd

}



#maindetail h4 {

    font-size: 16px;

    margin: 0;

    padding-top: 15px

}



#maindetail .description p {

    line-height: 21px;

    margin: 10px 0

}



#maindetail .bigimg {

    padding: 15px 0 20px 0;

    text-align: center

}



#maindetail .bigimg img {

    margin-bottom: 5px

}



#maindetail .proitem {

    float: left;

    width: 160px;

    line-height: 19px

}



#maindetail .proitem img {

    border: #ccc 1px solid;

    float: left;

    width: 40px;

    margin-right: 5px;

    height: 40px

}



#maindetail .detailhead {

    position: relative;

    height: 72px;

    background: #f2f2f2;

    border-bottom: 1px solid #ddd

}



#maindetail .proback a {

    padding-right: 10px;

    float: left;

    width: 26px;

    height: 42px

}



#maindetail .pronext a {

    padding-left: 10px;

    float: left;

    width: 26px;

    height: 42px

}



#companymap .cright {

    padding-top: 36px

}



#companymap p {

    margin: 0;

    padding-top: 40px

}



#maps,

#video,

#words,

#chat {

    background: #f8f8f8;

    border: 1px solid #ccc;

    height: 36px;

    margin-bottom: 5px

}



#chat {

    margin: 0 0 10px 0

}



#footer {

    clear: both;

    margin: 0 auto;

    width: 960px;

    height: 126px;

    text-align: center;

    line-height: 30px;

    border-top: 2px solid #b70000

}



#footer a {

    text-decoration: none

}



.botmenu {

    padding: 15px 0 0 0

}



#legoobt {

    font-size: 14px

}



#legoobt font {

    color: #999

}



.imgdiv {

    margin: 15px auto 5px;

    width: 102px;

    height: 115px;

    text-align: center;

    display: block

}



.imgdiv a {

    width: 100px;

    line-height: 100px;

    height: 100px;

    margin-bottom: 6px;

    vertical-align: middle;

    display: table-cell;

    overflow: hidden

}



.pro_show .imgdiv a,

.pro_show__1 .imgdiv a,

.pro_show__2 .imgdiv a,

.pro_show__3 .imgdiv a {

    border: #ddd 2px solid;

    width: 165px;

    height: 165px

}



.pro_show .imgdiv a:hover,

.pro_show__1 .imgdiv a:hover,

.pro_show__2 .imgdiv a:hover,

.pro_show__3 .imgdiv a:hover {

    border-color: #ccc

}



.selldiv .imgdiv {

    left: 18px;

    position: absolute;

    top: 0

}



.imgdiv img {

    border: 0;

    min-width: 100px;

    height: auto;

    max-height: 100px;

    _width: 100px;

    _height: 100px

}



#content2__4 .showdiv ul {

    width: 576px

}



#content2__4 .showdiv ul li {

    float: left;

    width: 100px;

    height: 160px;

    margin: 0 0 10px 11px;

    display: inline;

    overflow: hidden

}



#content2__4 .showdiv ul li .imgdiv {

    height: 110px

}



#content2__4 .showdiv ul li .imgdiv a {

    width: 100px;

    height: 100px

}



#content2__4 .showdiv ul li img {

    min-width: 100px;

    max-height: 100px

}



#content2__4 .showdiv ul li .pro_title {

    width: 90px;

    height: 38px;

    margin: 0 auto;

    text-align: center;

    overflow: hidden

}



#treemenu {

    font-weight: bold;

    font-size: 14px;

    margin-bottom: 10px

}



#treemenu a {

    text-decoration: none

}



#treemenu li {

    padding: 6px 0 3px 20px

}



#treemenu ul {

    background: #fff

}



#content1 {

    float: left;

    width: 181px;

    margin-right: 10px;

    position: relative;

    left: 50%;

    margin-left: -960px;

}



#content1__1 {

    float: left;

    width: 181px;

    margin-right: 10px;

    position: relative;

    left: 50%;

    margin-left: -960px;

}



#content1__2 {

    float: left;

    width: 181px;

    position: relative;

    margin-top: -293px;

    z-index: 1999;

    position: relative;

    left: 50%;

    margin-left: -960px;

}



#content1__3 {

    float: right;

    width: 181px;

    position: relative;

    margin-top: -293px;

    z-index: 1999;

    position: relative;

    left: 50%;

    margin-left: -960px;

}



#content1__4 {

    float: left;

    width: 181px;

    position: absolute;

    margin-top: -222px;

    margin-left: 0;

    z-index: 1999

}





/* moz */



*html #content1__4 {

    margin-left: -191px

}





/* ie6 */



*+html #content1__4 {

    margin-left: -191px

}





/* ie7 */



#content2 {

    float: left;

    width: 769px;

    overflow: hidden;

    position: relative;

    left: 50%;

    margin-left: -289px;

}



#content2__1 {

    float: left;

    width: 769px;

    overflow: hidden;

    position: relative;

    left: 50%;

    margin-left: -289px;

}



#content2__2 {

    float: right;

    width: 769px;

    overflow: hidden;

    position: relative;

    left: 50%;

    margin-left: -289px;

}



#content2__3 {

    float: left;

    width: 769px;

    overflow: hidden;

    position: relative;

    left: 50%;

    margin-left: -289px;

}



#content2__4 {

    width: 578px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    left: 50%;

    margin-left: -289px;

}



#content2__4 .cright {

    width: 576px

}



#content2__4 .pro_show1 ul {

    width: 576px

}



#content2__4 .pro_show1 ul li {

    float: left;

    width: 124px;

    height: 180px;

    margin: 0 0 0 16px;

    display: inline;

    overflow: hidden

}



#content2__4 .pro_show1 ul li .imgdiv a {

    width: 120px;

    height: 120px

}



#content2__4 .pro_show1 ul li img {

    width: 120px

}



#content2__4 .pro_show1 ul li .pro_title {

    width: 110px;

    height: 35px;

    margin: 0 auto;

    text-align: center;

    overflow: hidden

}



#tophead {

    background: url('/assets/style.51sole.com/template/images/2/topbtbg.gif') #fff no-repeat center top;

    margin: 0 auto;

    width: 960px;

    height: 98px

}



#tophead .top {

    z-index: 1100;

    background: #ececed;

    margin: 0 auto;

    width: 946px;

    position: relative;

    height: 31px

}



#tophead .top .left {

    float: left;

    width: 3px;

    height: 31px

}



#tophead .top .mid {

    margin: 0 3px;

    height: 31px

}



#tophead .top li {

    padding: 5px 0 0 10px;

    float: right

}



#tophead .top .reset {

    position: relative

}



#tophead .top .reset .imdiv {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    left: 10px;

    width: 90px;

    position: absolute;

    top: 29px;

    height: auto;

    text-align: center

}



#tophead .top .reset a {

    display: block;

    margin: 10px 0px;

    color: #009;

    text-decoration: none

}



#tophead .top .reset a:hover {

    color: #f00;

    text-decoration: underline

}



#tophead .nowedit {

    padding: 10px 0 0 10px;

    display: block

}



#tophead .myedit {

    margin-top: 5px;

    font-weight: bold;

    left: 15px;

    position: absolute;

    top: 5px

}



#tophead .blank {

    margin-top: 5px;

    font-weight: bold;

    color: #ff020b;

    text-align: right

}



#tophead .top .right {

    right: 0;

    width: 3px;

    position: absolute;

    top: 0;

    height: 31px

}



#tophead .toolbar {

    clear: both;

    z-index: 1001;

    margin-bottom: 20px;

    width: 956px;

    position: relative;

    height: 50px

}



#tophead .editlogo {

    padding: 5px 0 0 20px;

    float: left;

    line-height: 20px

}



#tophead .toolmenu {

    margin-left: 300px;

    margin-right: 5px;

    position: relative

}



#tophead .toolmenu .left {

    background: url('/assets/style.51sole.com/template/images/2/mid_left_bg.gif');

    float: left;

    width: 2px;

    margin-right: -2px;

    height: 34px

}



#tophead .toolmenu .right {

    right: 0;

    background: url('/assets/style.51sole.com/template/images/2/mid_right_bg.gif');

    width: 2px;

    position: absolute;

    top: 0;

    height: 34px

}



#tophead .menus {

    background: url('/assets/style.51sole.com/template/images/2/mid_mid_bg.gif') repeat-x left 50%;

    height: 34px

}



#tophead .menus .menusul {

    padding-left: 5px

}



#tophead .menusul li {

    margin-top: 3px;

    float: left;

    position: relative

}



#tophead .menusul .mbg {

    border-right: #d8e2e7 1px solid;

    display: block;

    background: url('/assets/style.51sole.com/template/images/2/topmenu_bg.gif') 50% bottom;

    width: 85px;

    color: #000099;

    line-height: 28px;

    text-align: center;

    text-decoration: none

}



#tophead .menusul .mbg:hover {

    background: url('/assets/style.51sole.com/template/images/2/hover_bg.gif') 50% bottom

}



#tophead .opendiv {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    position: absolute;

    top: 30px

}



#tophead .opendiv ul {

    padding: 0 0 0 10px

}



#tophead .opendiv a {

    color: #009;

    text-decoration: none

}



#tophead .opendiv a:hover {

    color: #f00;

    text-decoration: underline

}



#tophead .opendiv li {

    padding: 5px 0;

    float: none

}



#tophead .open_div {

    border: #7197bc 1px solid;

    display: none;

    background: #fff;

    left: 82px;

    position: absolute;

    top: -3px

}



#tophead .open_div img {

    border: 0

}



#tophead .open_divs {

    border: #999 1px solid;

    display: none;

    background: #fff;

    left: -340px;

    position: absolute;

    top: -3px

}



#sitelayout {

    width: 88px

}



#sitelayout_s {

    z-index: 1000;

    width: 166px;

    top: -33px;

    height: 106px

}



#sitelayout_s span {

    display: block;

    float: left;

    width: 47%;

    padding-top: 8px;

    text-align: center

}



#sitelayout_s img {

    border: 0

}



#sitelayout_s .lleft {

    padding-left: 3%

}



#sitelayout_s .5left {

    padding-right: 3%

}



#sitelayout_s span a {

    display: block;

    margin: 0 auto;

    width: 64px

}



#sitelayout_s span a:hover {

    border: #d8d8d8 3px solid

}



#sitemodel {

    background: #fff;

    width: 88px

}



#bglist {

    width: 300px

}



#bglist .bgcolrlist {

    margin-top: 5px

}



#bglist .bgcolrlist ul {

    padding-left: 26px;

    height: 20px

}



#bglist .bgcolrlist li {

    padding: 0 2px 0 1px;

    float: left

}



#bglist .bgcolrlist a {

    display: block;

    overflow: hidden;

    width: 22px;

    height: 15px

}



#bglist .bgcolrlist a:hover {

    text-decoration: none

}



#bglist .bgimglist ul {

    padding-left: 0;

    position: relative

}



#bglist .bgimglist li {

    padding: 3px 0 0 0;

    float: left;

    margin: 0px;

    width: 31.3%;

    text-align: center

}



#bglist .bgimglist img {

    border: 0

}



#bglist .upbgpic {

    clear: both;

    padding: 5px 0 10px 10px

}



#navlist {

    width: 80px;

    height: 128px

}



#navlist span {

    margin-top: 8px;

    display: block;

    margin-bottom: 3px;

    text-align: center

}



#navlist img {

    border: 0

}



#navlist .nav1 {

    height: 46px

}



#navlist .nav1 a {

    width: 55px

}



#navlist .nav2 a {

    width: 18px

}



#navlist a {

    display: block;

    margin: 3px auto 0

}



#navlist a:hover {

    border: #d7d7d7 2px solid

}



#sitestyle {

    width: 95px;

    height: 100px;

    text-align: center

}



#sitestyle span {

    padding: 8px 0 0 0;

    display: block

}



#sitestyle img {

    margin-top: 2px

}



#sitecolor {

    width: 100px

}



#sitecolor img {

    border: 0;

    vertical-align: middle;

    margin-right: 5px

}



#siteedit {

    width: 88px

}



#highsetdiv {

    width: 88px

}



#flash_edit {

    width: 315px

}



#flash_edit .content form {

    margin: 0

}



#flash_edit .content li {

    padding: 0 0 8px 0

}



#flash_edit .bgcolorlist {

    border-top: #333 1px dashed;

    padding-top: 5px

}



#flash_edit .bgcolorlist p {

    padding: 0 0 0 15px;

    margin: 0;

    line-height: 20px;

    height: 20px

}



#flash_edit .bgcolorlist ul {

    clear: both;

    padding: 0 0 0 13px;

    height: 20px

}



#flash_edit .bgcolorlist li {

    padding: 0 3px 0 2px;

    float: left

}



#flash_edit .bgcolorlist li a {

    display: block;

    overflow: hidden;

    width: 24px;

    height: 15px

}



#bgcolorshow {

    display: block;

    overflow: hidden;

    width: 24px;

    height: 15px

}



#flash_edit .bgcolorlist span {

    float: left

}



#flash_edit .bgcolorlist li a:hover {

    text-decoration: none

}



#flash_edit .flashpreviwe {

    padding: 5px 0;

    text-align: center

}



.selldiv {

    border: #ddd 1px solid;

    border-top: 0;

    overflow: hidden

}



.showdiv {

    border: 1px solid #ddd;

    border-top: 0;

    height: 100%;

    overflow: hidden

}



#pro_leads .showdiv {

    border: 0

}



#content1 #productnav .navdiv,

#content1__1 #productnav__1 .navdiv,

#content1__2 #productnav__2 .navdiv,

#content1__3 #productnav__3 .navdiv,

#content1__4 #productnav__4_1 .navdiv,

#productnav__4_2 .navdiv,

#content1 #weizhanewm .navdiv,

#content1__1 #weizhanewm__1 .navdiv,

#content1__2 #weizhanewm__2 .navdiv,

#content1__3 #weizhanewm__3 .navdiv,

#content1__4 #weizhanewm__4_1 .navdiv,

#weizhanewm__4_2 .navdiv {

    border: #ddd 1px solid;

    background: #fff;

    zoom: 1

}



#content1 #productnav li a.tw_c,

#content1__1 #productnav__1 li a.tw_c,

#content1__2 #productnav__2 li a.tw_c,

#content1__3 #productnav__3 li a.tw_c,

#content1__4 #productnav__4_1 li a.tw_c,

#productnav__4_2 li a.tw_c {

    background: url('/assets/style.51sole.com/template/images/ico080426_dot.gif') no-repeat 11px 12px;

    display: block;

    padding-left: 20px;

    float: left;

    line-height: 30px

}



.myImgMakeQR {

    padding: 10px 22px

}



#link ul {

    border: #f25f5f 1px solid

}



#cert_honor ul {

    border: #f25f5f 1px solid

}



#aboutus .companyintro {

    border: #ddd 1px solid;

    border-top: 0

}



#companyinfo ul {

    border: #ddd 1px solid;

    border-top: 0

}



#sendto form {

    border: #ddd 1px solid;

    border-top: 0

}



#contact ul {

    border: #ddd 1px solid;

    border-top: 0

}



.imdiv .selli a {

    border: #ddd 1px solid;

    border-top: 0

}



.chatim {

    border: #fbacac 2px solid

}



#navcontact ul,

#navcontact__1 ul,

#navcontact__2 ul,

#navcontact__3 ul,

#navcontact__4 ul {

    line-height: 20px;

    border: #ddd 1px solid;

    border-bottom: 0;

    background: #fff;

    zoom: 1

}



#navcontact .more,

#navcontact__1 .more,

#navcontact__2 .more,

#navcontact__3 .more,

#navcontact__4 .more {

    border: #ddd 1px solid;

    border-top: 0;

    background: #fff;

}



#profile .freecall {

    background: url('/assets/style.51sole.com/template/images/2/freecall2.gif') no-repeat right 50%

}



#maindetail .description {

    overflow: hidden;

    padding: 0;

    white-space: normal;

    clear: both;

    background: #fff;

    margin: 0 auto;

    *margin-top: 25px;

    _margin-top: 0;

    font-size: 14px;

}



#maindetail .description .desc {

    font-size: 14px

}



.selldiv li {

    border-bottom: #eee 1px solid

}



#certdiv .cerlist li {

    background: url('/assets/style.51sole.com/template/images/2/certbg.gif') no-repeat 5px center;

    border-bottom: #eee 1px solid

}



.comviddiv {

    background: url('/assets/style.51sole.com/template/images/2/videobg.gif') no-repeat center top

}



.commapdiv {

    border: #f36363 1px solid

}



.chatroom {

    border: #f36363 1px solid

}



#phone {

    background: url('/assets/style.51sole.com/template/images/2/freecall.gif')

}



#treemenu ul {

    border-right: #f25f5f 1px solid;

    border-top: #f25f5f 1px solid;

    border-left: #f25f5f 1px solid

}



#treemenu li {

    background: url('/assets/style.51sole.com/template/images/2/treebg.gif') repeat-x center center;

    border-bottom: #f25f5f 1px solid

}



#treemenu .sel {

    background: url('/assets/style.51sole.com/template/images/2/treebg_sel.gif') repeat-x center center

}



#content3 .cright1,

#content3_1 .cright1,

#content3_2 .cright1,

#content3__1_1 .cright1,

#content3__1_2 .cright1,

#content3__2_1 .cright1,

#content3__2_2 .cright1,

#content3__3_1 .cright1,

#content3__3_2 .cright1,

#content3__4_1 .cright1,

#content3__4_2 .cright1 {

    border: #ddd 1px solid;

    border-top: none

}



#content4 .cright1,

#content4_1 .cright1,

#content4_2 .cright1,

#content4__1_1 .cright1,

#content4__1_2 .cright1,

#content4__2_1 .cright1,

#content4__2_2 .cright1,

#content4__3_1 .cright1,

#content4__3_2 .cright1,

#content4__4_1 .cright1,

#content4__4_2 .cright1 {

    border: #ddd 1px solid;

    border-top: none

}



#content3 {

    float: left;

    width: 378px;

    height: 100%

}



#content3_1 {

    float: left;

    width: 378px;

    height: 100%

}



#content3_2 {

    width: auto;

    height: 100%

}



#content3__1_1 {

    float: left;

    width: 378px;

    height: 100%

}



#content3__1_2 {

    width: auto;

    height: 100%

}



#content3__2_1 {

    float: left;

    width: 378px;

    height: 100%

}



#content3__2_2 {

    width: auto;

    height: 100%

}



#content3__3_1 {

    float: left;

    width: 378px;

    height: 100%

}



#content3__3_2 {

    width: auto;

    height: 100%

}



#content3__4_1,

#content3__4_2 {

    width: 578px;

    height: 100%

}



#content3__4_1 .cright1,

#content3__4_2 .cright1 {

    width: 576px

}



#content4 {

    float: right;

    width: 378px;

    height: 100%

}



#content4_1 {

    float: right;

    width: 378px;

    height: 100%

}



#content4_2 {

    width: auto;

    height: 100%;

    margin-bottom: 10px

}



#content4__1_1 {

    float: right;

    width: 378px;

    height: 100%

}



#content4__1_2 {

    width: auto;

    height: 100%;

    margin-top: 10px

}



#content4__2_1 {

    float: right;

    width: 378px;

    height: 100%

}



#content4__2_2 {

    width: auto;

    height: 100%;

    margin-top: 10px

}



#content4__3_1 {

    float: right;

    width: 378px;

    height: 100%

}



#content4__3_2 {

    width: auto;

    height: 100%;

    margin-top: 10px

}



#content4__4_1,

#content4__4_2 {

    width: 578px;

    height: 100%;

    margin-top: 10px

}



#content4__4_1 .cright1,

#content3__4_2 .cright1 {

    width: 576px

}



#jobs1 .cright1 {

    min-height: 100px;

    height: 100px

}



#com_news1 .cright1 {

    min-height: 100px;

    height: 100px

}



#com_news1 li,

#jobs1 li {

    padding: 5px 0 0 28px;

    line-height: 22px;

    position: relative;

    float: left;

    width: 350px;

}



#com_news1 li span,

#jobs1 li span {

    position: absolute;

    right: 20px;

    color: #999;

    z-index: 1;

    top: 5px

}



#com_news1 li a,

#jobs1 li a {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 275px;

    display: block;

}



.jobsort h3 {

    padding: 5px 0 3px 10px;

    font-size: 14px;

    background: #f5f5f5;

    margin: 1px 0 5px

}



.jobsort h4 {

    clear: both;

    padding: 4px 0 2px 0;

    font-size: 14px;

    margin: 5px 10px 0

}



.jobsort ul {

    line-height: 20px;

    height: 41px

}



.jobsort ul li {

    float: left;

    width: 24.9%;

    text-indent: 0

}



.jobsort p {

    margin: 0 10px;

    line-height: 19px

}





/*solead*/



#solead {

    overflow: hidden;

    margin: 0 auto;

    width: 952px;

    height: 94px;

    _height: 98px;

    clear: both;

    margin-bottom: 5px;

    padding: 2px;

    border: 1px solid #f36363

}



#solead img {

    border: none

}



.soleadcont {

    width: 234px;

    height: 90px;

    float: left;

    margin: 2px

}



.soleadcont dl {

    list-style: none

}



.soleadpic {

    width: 234px;

    height: 90px;

    margin: 0px;

    padding: 0px

}



.soleadtxt {

    position: absolute;

    text-align: right;

    width: 224px;

    height: 12px;

    line-height: 12px;

    margin: -12px 0 0 0;

    padding: 0 5px;

    font-size: 10px;

    background: #000;

    filter: alpha(opacity=50);

    -moz-opacity: 0.5;

    opacity: 0.5;

    color: #fff

}



.soleadtxt span {

    float: left

}



#solead a:link,

#solead a:visited {

    color: #fff;

    text-decoration: none

}



#solead a:hover,

#solead a:active {

    color: #fff;

    text-decoration: none

}





/* 2010å¹´3æ4æ¥ */





/* åºé¨æäºç½é¾æ¥ */



.botwidth {

    width: 960px;

    margin: 0 auto;

    position: relative

}



.solelink {

    background: none;

    text-align: center;

    right: 0;

    top: 20;

    position: absolute

}



.solelink a {

    background: url('/assets/style.51sole.com/template/images/2/bot_pic01.gif');

    width: 163px;

    height: 55px;

    display: block;

    overflow: hidden;

    text-indent: -9999em

}



.solelink a:hover {

    background: url('/assets/style.51sole.com/template/images/2/bot_pic02.gif');

    width: 163px;

    height: 55px;

    display: block

}





/* å¤´é¨æäºç½é¾æ¥ */



#login_top {

    height: 28px;

    background: #f2f2f2;

    border-bottom: 1px solid #ddd

}



#topnav {

    width: 960px;

    height: 28px;

    margin: 0 auto

}



#topnav_save {

    width: 260px;

    float: left;

    line-height: 28px

}



#topnav_save a,

#topnav_menu a {

    color: #0071db

}



#topnav_save span,

#topnav_menu span {

    color: #e0e0e0;

    margin: 0 6px

}



#topnav_menu {

    float: right;

    width: 200px;

    line-height: 28px;

    text-align: right;

    _margin-top: 6px

}



#topnav_menu img {

    vertical-align: middle;

    margin-right: 5px

}



#topnav_mes {

    float: right;

    width: 470px;

    text-align: center;

    height: 28px

}



#topnav_mes img {

    margin-left: 3px;

    vertical-align: middle

}



#topnav_mes input {

    width: 66px;

    height: 12px;

    line-height: 12px;

    border: 1px solid #b0b0b0;

    color: #666;

    font-size: 14px;

    margin-top: 2px;

    margin-left: 1px;

    padding: 2px

}



#topnav_mes .mes {

    position: relative;

    float: right;

    text-align: right;

    height: 21px

}





/*public ico*/



.bao a,

.dian a,

.cai a,

.software a,

.union a,

.allservice a,

.titleon,

.logobar .tel a,

.navwrap li,

span.new,

span.hot,

.loginblk .leadlnk a,

.send {

    background: url('/assets/style.51sole.com/template/images/ico.gif') no-repeat

}





/*topbar*/



.topbar {

    margin: 0 auto;

    width: 960px;

    position: relative;

    z-index: 10000;

    height: 23px

}



.mainservice {

    float: right;

    line-height: 28px

}



.mainservice li {

    display: inline

}



.mainservice li a {

    padding: 3px 3px 2px 20px;

    color: #000;

    text-decoration: none

}



.mainservice li a:hover {

    color: #000;

    text-decoration: underline

}



li.login {

    padding-right: 8px

}



li.login a {

    padding: 0 2px;

    color: #000

}



li.bao a {

    padding-left: 18px;

    background-position: 0 2px

}



.dian a {

    background-position: 0 -20px

}



.cai a {

    background-position: 0 -39px

}



.software a {

    background-position: 0 -58px

}



.union a {

    background-position: 0 -78px

}



.allservice {

    padding-left: 8px;

    position: relative;

    z-index: 10002;

    line-height: 28px;

    width: 450px

}



.allservice a {

    margin-right: 5px;

    padding: 3px 22px 2px 3px;

    *padding: 3px 22px 3px 3px;

    _padding-bottom: 2px;

    background-position: right -118px;

    border: 0;

    color: #000;

    text-decoration: none

}



.allservice a:hover {

    text-decoration: none

}



.allservice .titleon {

    margin-right: 5px;

    padding: 3px 20px 2px 3px;

    *padding: 3px 20px 3px 3px;

    _padding-bottom: 2px;

    position: relative;

    z-index: 20;

    background-color: #fff;

    border: 1px solid #a8d1ff;

    border-bottom-color: #fff;

    text-decoration: none;

    background-position: right -117px

}



a.home {

    margin-right: 8px;

    padding-left: 63px;

    padding-right: 0;

    background: url('/assets/style.51sole.com/template/images/2/sole_logo.gif') no-repeat left 2px

}



a.home:hover {

    text-decoration: none;

    color: #06f

}



a.old_01 {

    margin-right: 8px;

    padding-left: 3px;

    padding-right: 0;

    background-position: 0px -598px

}



a.old_01:hover {

    text-decoration: underline

}



.toppop {

    position: absolute;

    padding: 8px;

    top: 28px;

    width: 232px;

    border: 1px solid #ddd;

    border-top: 1px solid #f2f2f2;

    background-color: #fff;

    background-position: 0 bottom;

    z-index: 10004

}



.toppop ul {

    width: 100%;

    overflow: hidden

}



.toppop li {

    float: left;

    height: 28px;

    line-height: 28px;

    width: 116px;

    white-space: nowrap

}



.toppop a {

    width: 110px;

    display: block;

    text-indent: 8px;

    color: #333;

    text-decoration: none

}



.toppop a:hover {

    color: #000;

    background-color: #f8f8f8;

    text-decoration: none;

    color: #f60

}



.toppop1 {

    position: absolute;

    padding: 8px;

    top: 28px;

    width: 100px;

    border: 1px solid #ddd;

    border-top: 1px solid #f2f2f2;

    background-color: #fff;

    background-position: 0 bottom;

    z-index: 10004

}



.toppop1 ul {

    width: 100%;

    overflow: hidden

}



.toppop1 li {

    float: left;

    height: 28px;

    line-height: 28px;

    width: 116px;

    white-space: nowrap

}



.toppop1 a {

    width: 110px;

    display: block;

    text-indent: 8px;

    color: #333;

    text-decoration: none

}



.toppop1 a:hover {

    color: #000;

    background-color: #f8f8f8;

    text-decoration: none;

    color: #f60

}





/* 2010å¹´3æ10æ¥ */



#certdiv .cerlist_4 ul {

    margin-left: 115px

}



#certdiv .cerlist_4 {

    margin: 0 auto;

    width: 560px;

    padding-top: 8px;

    height: 125px

}



#certdiv .cerlist_4 li {

    padding: 8px 0 5px 25px;

    background: url('/assets/style.51sole.com/template/images/2/certbg.gif') no-repeat 5px center;

    border-bottom: #eee 1px solid

}





/* 2010å¹´4æ14æ¥ */



.ps {

    display: none

}



.pss {

    display: block

}



.t {

    cursor: pointer;

    background: url('/assets/style.51sole.com/template/images/ico080426_close.gif') no-repeat 3px 5px;

    line-height: 30px;

    padding-left: 20px;

    height: 30px;

    white-space: nowrap;

    overflow: hidden

}



.f {

    cursor: pointer;

    background: url('/assets/style.51sole.com/template/images/ico080426_open.gif') no-repeat 3px 5px;

    padding-left: 20px;

    height: 30px;

    border-radius: 3px;

    white-space: nowrap;

    overflow: hidden

}



.b a {

    cursor: pointer;

    background: #fff url('/assets/style.51sole.com/template/images/ico080426_dot.gif') no-repeat 25px 12px;

    line-height: 30px;

    padding-left: 32px;

    width: 139px;

    height: 30px;

    white-space: nowrap

}



.b a:hover {

    background-color: #f8f8f8

}



.fblod {}



.padtb8 {

    padding: 8px 0

}



.fontred {

    color: #f00

}



#content2 H3 .smore,

#content2__1 H3 .smore,

#content2__2 H3 .smore,

#content2__3 H3 .smore,

#content2__4 H3 .smore {

    width: 70px;

    height: 26px;

    line-height: 26px;

    font-family: 'Microsoft YaHei';

    font-size: 14px;

    font-weight: normal;

    text-align: right;

    padding-right: 10px;

    float: right

}



.smore a {

    color: #666;

    text-decoration: none

}





/*2010å¹´7æ7æ¥*/



.allind {

    background-color: #ffdcd9;

    position: absolute;

    left: -1px;

    top: 19px;

    width: 460px;

    font-size: 14px;

    line-height: 180%;

    border: solid 1px #eb4d41;

    padding: 8px

}



.allind H3 {

    width: 60px;

    float: left;

    font-size: 14px;

    font-weight: bold;

    height: 20px

}



.allind ul {

    width: 400px;

    float: left;

    padding: 0;

    margin: 0;

    border-bottom: 1px dotted #a0a0a4

}



.allind li {

    width: auto;

    padding-left: 12px;

    height: auto

}



.allind li a {

    color: #333;

    text-decoration: none

}



.allind li a:hover {

    border: 1px solid #eb4d41;

    color: #000;

    background-color: #fff;

    text-decoration: none;

    color: #f60

}





/*2013å¹´10æ18æ¥*/



#content2 H1,

#content2__1 H1,

#content2__2 H1,

#content2__3 H1,

#content2__4 H1 {

    clear: both;

    font-size: 14px;

    margin: 0;

    letter-spacing: 1px;

    position: relative;

    text-indent: 20px;

    line-height: 26px;

    height: 26px;

    background: #f2f2f2

}



#content2 H1 .left,

#content2__1 H1 .left,

#content2__2 H1 .left,

#content2__3 H1 .left,

#content2__4 H1 .left {

    left: 10px;

    width: 4px;

    position: absolute;

    top: 8px;

    height: 10px;

    background: #b70000

}



#content2 H1 .right,

#content2__1 H1 .right,

#content2__2 H1 .right,

#content2__3 H1 .right,

#content2__4 H1 .right {}



#content2 H1 .titlename,

#content2__1 H1 .titlename,

#content2__2 H1 .titlename,

#content2__3 H1 .titlename,

#content2__4 H1 .titlename {

    display: block;

    color: #333;

    padding: 0 30px

}



#content2 H1 .stitle,

#content2__1 H1 .stitle,

#content2__2 H1 .stitle,

#content2__3 H1 .stitle,

#content2__4 H1 .stitle {

    display: block;

    color: #333;

    padding: 0 10px

}



.search {

    margin-bottom: 10px;

    position: relative;

    background: #fff;

    padding-bottom: 10px;

}



.search li.search_cont {

    padding: 10px 10px 0 10px;

}



.search li.search_tit {

    line-height: 26px;

    height: 26px;

    font-size: 14px;

    font-weight: 700;

    margin: 0;

    text-indent: 30px;

    position: relative;

    background: #f2f2f2 url('/assets/style.51sole.com/template/images/tit_bg.gif') no-repeat 10px 8px;

    border: 1px solid #ddd

}



.search li input.search_input {

    border: #ccc 1px solid;

    font-size: 14px;

    width: 108px;

    padding: 0 5px;

    height: 26px;

    line-height: 26px;

}



.search li input.seek {

    position: absolute;

    right: 10px;

    top: 38px;

    *top: 39px;

    border: 0;

    background: #666 url('/assets/style.51sole.com/template/images/2/search.gif') no-repeat;

    color: #fff;

    width: 42px;

    height: 28px;

    cursor: pointer;

}



#namelogo #search1 {

    position: absolute;

    left: 50%;

    top: 35px;

    width: 200px;

    margin: 0 0 0 270px;

    color: #FF5B12;

    font-size: 15px;

    font-weight: bold;

    text-align: right

}



#DIV1 {

    margin: 0 auto

}



#maindetail .detaildiv {

    position: relative;

    padding: 0;

    overflow: hidden;

    display: inline-block;

    margin-bottom: 10px

}



.selldiv {

    padding: 10px;

    background: #fff

}



.totalpro {

    clear: both;

    padding: 15px 0;

    color: #333;

    text-align: center;

    background: #fff

}



.totalpro li {

    padding: 0 3px;

    display: inline

}



.totalpro a {

    color: #333;

    height: 13px;

    padding: 5px 8px;

    border: 1px solid #ddd;

    text-decoration: none;

    display: inline

}



.totalpro span {

    height: 13px;

    padding: 5px 8px;

    border: 1px solid #f60;

    background: #f60;

    color: #fff

}



.totalpro .pre a {

    padding: 5px 15px;

    background: url('/assets/style.51sole.com/template/images/pre-next.gif') no-repeat 16px 8px

}



.totalpro .next a {

    padding: 5px 15px;

    background: url('/assets/style.51sole.com/template/images/pre-next.gif') no-repeat 17px -17px

}



.totalpro a:hover {

    background-color: #f5f5f5

}



.totalpro p {

    padding: 5px 0;

    border: 1px solid #f2f0cf;

    background: #fffde5;

    margin: 10px 0

}



.totalpro INPUT {

    font-size: 14px;

    height: 14px

}



.totalpro .selpage {

    font-weight: bold

}



.atttilist {

    background-color: #ddd;

    font-size: 14px;

    border: 20px solid #fff

}



.atttilist .title {

    width: 15%;

    background-color: #f8f8f8;

    text-align: right;

    padding: 0 10px;

    font-weight: bold

}



.atttilist .etc_cot {

    width: 40%

}



.atttilist td {

    background-color: #fff;

    padding: 4px 10px;

    line-height: 150%

}



.atttilist a {

    color: #03C;

    text-decoration: underline

}



.atttilist a:hover {

    color: #F60;

    text-decoration: underline

}



#aboutus h1 {

    border: 1px solid #ddd

}



.showdiv li {

    line-height: 100px

}



.showdiv li div {

    line-height: 20px

}



.zxkf h4 {

    font-size: 14px

}



.main_content {

    padding: 0 14px 50px 14px;

    line-height: 2em;

    text-indent: 2em;

    min-height: 300px

}



.main_content img {

    max-width: 100%

}



#maindetail .detaildiv_4 {

    padding: 0;

    margin: 0;

    width: 576px;

    overflow: hidden;

    *display: inline-block;

    margin-bottom: 10px

}



#maindetail .detaildiv_4 h1 {

    line-height: 50px;

    padding: 10px 0

}



#maindetail .detaildiv_4 .detailright_4 {

    border: 0;

    overflow: hidden;

    float: left;

    width: 536px;

    margin: 20px;

    display: inline

}





/*--------------------ä¼ä¸ä¿¡æ¯æ ·å¼--------------------*/



#maindetail .detailcom {

    background-color: #feffde;

    padding: 10px 5px;

    border: 1px solid #ff9900;

    font-size: 14px;

    position: relative

}



#maindetail .detailcom P {

    font-weight: bolder;

    margin: 0 0 3px 10px

}



#maindetail .sendemail {

    display: block;

    left: 226px;

    bottom: 80px;

    _top: 180px;

    width: 118px;

    height: 29px;

    background: url('/assets/style.51sole.com/template/images/45/mail.gif') no-repeat;

    position: absolute

}



#maindetail .detailright_4 .sendemail {

    display: block;

    left: 226px;

    bottom: 80px;

    _top: 180px;

    width: 118px;

    height: 29px;

    background: url('/assets/style.51sole.com/template/images/45/mail.gif') no-repeat;

    position: absolute

}



#maindetail .cominfo {

    min-height: 60px;

    _height: 60px;

    padding: 10px;

    margin: 5px 5px 10px 5px;

    display: inline-table;

    border: #d1d38d 1px dashed;

    background: #feffee;

    font-size: 14px;

    overflow: hidden;

    width: 420px

}



#maindetail .cominfo li {

    list-style: none;

    color: #333;

    float: left;

    width: 50%;

    line-height: 18px;

    padding: 3px 0

}



#maindetail .seeall {

    clear: both;

    margin: 5px 0 5px 16px

}



#maindetail .seeall li {

    list-style: none;

    background: url('/assets/style.51sole.com/template/images/45/gif-0865.gif') no-repeat left center;

    padding-left: 10px;

    line-height: 25px;

    font-size: 14px

}



#maindetail .seeall_4 {

    clear: both;

    margin: 5px 0 5px 16px

}



#maindetail .seeall_4 li {

    list-style: none;

    background: url('/assets/style.51sole.com/template/images/45/gif-0865.gif') no-repeat left center;

    padding-left: 10px;

    line-height: 25px;

    font-size: 14px

}



#maindetail {

    margin-bottom: 10px

}



#maindetail .detailhead {

    margin: 0;

    padding: 0;

    height: 67px;

    background: #f8f8f8;

    border: 1px solid #ddd;

    border-bottom: 0

}



#maindetail .procurrent {

    float: left;

    background: #fff;

    border-right: 1px solid #ddd;

    display: block;

    font-weight: bold;

    font-size: 16px;

    width: 120px;

    height: 67px;

    text-align: center

}



#maindetail .procurrent img {

    margin-top: 14px;

    width: 40px;

    height: 40px

}



#maindetail .productgroup {

    float: left;

    overflow: hidden;

    width: 586px;

    height: 62px;

    padding: 4px 0 0 60px;

    border-bottom: 1px solid #ddd

}



#maindetail .productgroup_4 {

    float: left;

    margin: 0;

    overflow: hidden;

    width: 424px;

    height: 62px;

    padding: 4px 0 0 30px;

    border-bottom: 1px solid #ddd

}



#maindetail .prorind {

    color: #333;

    float: left;

    overflow: hidden;

    width: 475px;

    height: 42px;

    margin-top: 10px;

    padding: 0 0 0 20px;

    border: 0

}



#maindetail .prorind_4 {

    float: left;

    overflow: hidden;

    width: 320px;

    height: 42px;

    margin-top: 10px;

    padding: 0 0 0 20px

}



#maindetail .prorinddiv {

    width: 2450px;

    color: #333

}





/*-----------------å·¦å³éæ©æé®æ ·å¼------------------*/



#maindetail .proback {

    display: block;

    float: left;

    width: 22px;

    height: 42px;

    margin-top: 10px;

    border: 0px solid #0F3

}



#maindetail .proback a {

    background: url('/assets/style.51sole.com/template/images/34/productleft.gif') no-repeat left center;

    float: left;

    width: 26px;

    height: 42px

}



#maindetail .proback a.disable {

    background: url('/assets/style.51sole.com/template/images/34/productleftdisable.gif') no-repeat left center

}



#maindetail .pronext {

    display: block;

    float: left;

    width: 22px;

    height: 42px;

    margin-top: 10px;

    border: 0px solid #0F3

}



#maindetail .pronext a {

    background: url('/assets/style.51sole.com/template/images/34/productright.gif') no-repeat right center;

    float: left;

    width: 26px;

    height: 42px

}



#maindetail .pronext a.disable {

    background: url('/assets/style.51sole.com/template/images/34/productrightdisable.gif') no-repeat right center

}



#maindetail .detailimg {

    float: left;

    vertical-align: middle;

    overflow: hidden;

    margin-left: 20px;

    text-align: center;

    display: inline

}



#maindetail .detailimg img {

    border: #eee 4px solid;

    width: expression(this.width > 238 && this.width > this.height ? 238: this.widths);

    height: expression(this.height > 238 ? 238: this.heights);

    max-height: 238px;

    max-width: 238px

}



#maindetail .detaildiv .detailright {

    position: relative;

    width: 465px;

    float: right;

    margin-right: 15px;

    padding: 0;

    overflow: hidden;

    top: -10px;

    display: inline

}



#maindetail .detaildiv .detailright table {

    margin: 5px 0 20px 0;

    padding: 0

}



#maindetail .comul {

    margin-bottom: 15px;

    width: 100%;

    overflow: hidden

}



#maindetail .comul td {

    border-bottom: #eee 1px solid;

    width: 50%;

    line-height: 28px

}



#maindetail .comul tr {

    background: #f8f8f8

}



#maindetail .comul tr+tr {

    background: #fff

}



#maindetail .comul tr+tr+tr {

    background: #f8f8f8

}



#maindetail .comul tr+tr+tr+tr {

    background: #fff

}



#maindetail .comul tr+tr+tr+tr+tr {

    background: #f8f8f8

}



#maindetail .comul tr+tr+tr+tr+tr+tr {

    background: #fff

}



#maindetail .comul td strong {

    float: left;

    width: 85px

}



#maindetail .comul td span {

    float: left;

    height: 28px;

    overflow: hidden

}



.pro_show li .pro_title {

    width: 110px;

    height: 42px;

    margin: 0 auto 5px;

    text-align: center;

    overflow: hidden

}



.showdiv li .pro_title {

    width: 110px;

    height: 42px;

    margin: 0 auto 5px;

    text-align: center;

    overflow: hidden

}



#content2__4 .showdiv li .pro_title {

    width: 100px;

    height: 42px

}



#navcontact ul li i,

#navcontact__1 ul li i,

#navcontact__2 ul li i,

#navcontact__3 ul li i,

#navcontact__4 ul li i {

    float: left;

    font-style: normal;

    width: 57px;

    height: 20px

}



#navcontact ul li span,

#navcontact__1 ul li span,

#navcontact__2 ul li span,

#navcontact__3 ul li span,

#navcontact__4 ul li span {

    width: 103px;

    display: inline-block;

    height: 20px;

}



*html .zxkf {

    position: absolute;

    top: expression(eval(document.documentElement.scrollTop));

    margin-top: 200px;

}



.picMarquee-left {

    height: 190px;

    overflow: hidden

}



.j_message {

    clear: both;

    margin: 10px auto;

    border: solid 1px #ddd;

    background: #fff;

    padding: 10px;

    line-height: 25px;

    width: 938px;

}



.j_productnav {

    background: #fff;

}



.j_productnav h3 {

    padding-left: 30px

}



.j_productnav ul {

    display: inline-block;

    width: 747px;

    padding: 10px 20px 10px 0;

    border: solid 1px #ddd;

    border-top: none

}



.j_productnav ul li {

    float: left;

    width: 353px;

    line-height: 25px;

    display: inline;

    margin-left: 20px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.j_productnav ul li a {

    text-decoration: none

}



.j_commapdiv {

    border: #ddd 1px solid

}



.j_commapdiv {

    padding: 5px 0;

    background: #fff;

    text-align: center

}





/*ç¨æ·èªå®ä¹å·¦è¾¹æ */



.udefine {

    clear: both;

    margin: 0 0 8px;

    width: 179px;

    border: #ddd 1px solid;

    background: #fff;

    zoom: 1;

    overflow: hidden;

    display: block;

}



.udefine-title {

    line-height: 26px;

    height: 26px;

    font-size: 14px;

    margin: 0;

    text-indent: 30px;

    position: relative;

    background: #f2f2f2 url('/assets/style.51sole.com/template/images/tit_bg.gif') no-repeat 10px 8px;

    border: 1px solid #ddd;

    border-bottom: 0

}



.udefine-contain {

    margin: 0;

    padding: 8px 5px 8px 8px;

    display: block;

    line-height: 24px

}



.udefine-contain h1,

.udefine-contain h2,

.udefine-contain h3,

.udefine-contain h4,

.udefine-contain h5,

.udefine-contain h6,

.udefine-contain p,

.udefine-contain div {

    max-width: 166px;

    text-indent: inherit !important;

    *text-indent: 0px !important;

    background: none !important;

    border: 0 !important;

    overflow: hidden;

}



.udefine-contain img,

.userdefi1 .cright img,

.userdefi2 .cright img {

    max-width: 100%;

}





/*****å¼æµæ ·å¼********/



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



* html .clearfix {

    height: 1%;

}



.outHide {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.yxjGg_wapper {

    z-index: 99;

    position: fixed;

    bottom: 5px;

    right: 120px;

    width: 304px;

    height: 287px;

    font: 12px/1.5 "Microsoft Yahei", "Hiragino Sans GB", arial, sans-serif;

}



.yxjGg_top {

    height: 20px;

    line-height: 20px;

    text-align: right;

    margin-bottom: 5px;

}



.yxjGg_top span {

    display: inline-block;

    width: 61px;

    height: 20px;

    background: url('/assets/style.51sole.com/template/images/xx1.png') no-repeat;

    cursor: pointer;

}



.yxjGg_top span:hover {

    background: url('/assets/style.51sole.com/template/images/xx2.png') no-repeat;

}



.yxjGg_b {

    border: 1px solid #ACACAC;

    padding: 4px;

    padding-bottom: 2;

    background: #fff;

}



.yxjGg_b_info {

    padding-right: 0;

    background: #fff;

    position: relative;

}



.yxjGg_info_box {

    max-height: 9999px;

}



.yxjGg_info {

    display: block;

    float: left;

    width: 142px;

    margin: 0 4px 1px 1px;

    text-decoration: none;

    overflow: hidden;

    position: relative;

}



.yxjGg_info:hover {

    text-decoration: none;

}



.yxjGg_img {

    width: 138px;

    height: 99px;

    border: 2px solid #ddd;

    display: block;

}



.yxjGg_info:hover .yxjGg_img {

    border: 2px solid #167bd1;

}



.yxjGg_b_txt {

    height: 20px;

    line-height: 19px;

    text-align: center;

    font-size: 14px;

    color: #333;

    cursor: pointer;

}



.yxjGg_info:hover .yxjGg_b_txt {

    background: #167bd1;

    color: #fff;

}



.yxjGg_gg {

    position: absolute;

    bottom: 0px;

    right: 0px;

    z-index: 6;

    padding: 0px 3px;

    font-size: 14px;

    color: #fff;

    background: #000;

    opacity: 0.24;

    filter: alpha(opacity=24);

}



.yl_pro_box {

    border: 1px solid #e1e1e1;

    border-top: 0;

    background: #fff;

    padding: 10px 0;

    max-height: 9999px;

    margin-bottom: 10px;

}



.yl_pro {

    display: block;

    float: left;

    width: 160px;

    margin: 0 10px 0 20px;

}



.yl_pro img {

    display: block;

    width: 156px;

    height: 156px;

    border: 2px solid #e6e6e6;

}



.yl_pro_txt {

    height: 25px;

    line-height: 25px;

    color: #555;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.yl_pro:hover .yl_pro_txt,

.yl_pro:hover,

.yl_pro:hover img {

    text-decoration: none;

    color: #fff;

    background: #f60;

}



.yl_pro:hover img {

    border: 2px solid #f60;

}



#namelogo .chinesename {

    line-height: 40px;

}



.zyhtTxt {

    position: absolute;

    left: 130px;

    bottom: 8px;

    font-weight: normal;

    font-size: 14px;

    color: #666;

    max-width: 600px;

    height: 15px;

    line-height: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



#namelogo .mL0 {

    margin-left: 10px;

}



#namelogo .mT19 {

    margin-left: 19px;

}



.left0 {

    left: 10px;

}



#profile .profiletext p {

    height: 200px;

    overflow: hidden;

}



#profile .profiletext p.hAuto {

    height: auto;

}



.zksq {

    text-align: right;

    cursor: pointer;

    padding-right: 10px;

}



.zksq span {

    padding-left: 18px;

    background: url('/assets/style.51sole.com/template/images/zk.png') left center no-repeat;

    cursor: pointer;

    color: #f60;

}



.zksq span.sq {

    background: url('/assets/style.51sole.com/template/images/sq.png') left center no-repeat;

}





/*gsxx*/



#pro_info {

    margin-bottom: 10px;

}



.pro_info {

    background: #fff;

    border: solid 1px #ddd;

    position: relative;

    display: inline-block;

    padding: 15px;

}



.pro_info dl {

    position: relative;

    width: 362px;

    float: left;

    border-left: solid 1px #e1e1e1;

    margin: 0;

    padding: 0

}



.pro_info dl dt {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100px;

    padding: 10px;

    background: #f5f5f5;

    border-bottom: solid 1px #e1e1e1;

    border-right: solid 1px #e1e1e1;

    text-align: right

}



.pro_info dl dd {

    padding-left: 110px;

    border-bottom: solid 1px #e1e1e1;

    border-right: solid 1px #e1e1e1;

    padding: 10px 10px 10px 100px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden

}



.pro_info dl.border-t {

    border-top: solid 1px #e1e1e1

}



.zctj_box {

    margin-bottom: 8px;

}



.zctj_info {

    border: 1px solid #ddd;

    padding: 10px 8px;

    background: #fff;

}



.zctj_info li {

    height: 62px;

    position: relative;

    padding-left: 70px;

    margin-bottom: 10px;

    font-size: 14px;

    font-family: å¾®è½¯éé»;

}



.zctj_info li:last-of-type {

    margin: 0;

}



.zctj_info li .zctj_info_img {

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 60px;

    border: 1px solid #eee;

}



.zctj_info li .zctj_info_name {

    height: 40px;

    line-height: 20px;

    overflow: hidden;

}



.zctj_info_price {

    height: 20px;

    line-height: 20px;

    margin-top: 4px;

    color: #f20;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.zctj_fixed {

    position: fixed;

    top: 0;

    background: #fff;

    z-index: 99;

    width: 181px;

}



.yqlj_new {

    border: 1px solid #ddd;

    padding: 10px 20px;

    width: 918px;

    margin: 0 auto 15px;

    clear: both;

    line-height: 28px;

}



.yqlj_new_tit {

    float: left;

    width: 90px;

    font-weight: bold;

}



.yqlj_new_info {

    float: right;

    width: 820px;

}



.yqlj_new_info li {

    display: inline-block;

    margin-right: 30px;

}





/* newdetailpage */



.l_lxfs_new_rz_s .l_lxfs_new_rz {

    width: auto !important;

}



.top-item-detail {

    width: 472px;

}



.product-detail>div .desc.price {

    width: 102px;

}



.product-detail>div .desc.dgl {

    width: 113px;

}



.product-btn .btn {

    width: 114px;

    margin-right: 5px;

}



.pd_d_t_table {

    width: 730px;

}



.fl.business-card {

    float: none;

    margin: 0 auto 15px auto;

}



.fr.map {

    float: none;

    margin: 0 auto;

    width: 460px;

}



.product-detail>div .desc {

    width: 318px;

}



.product-detail>div .desc.price {

    font-size: 20px;

}



.product-detail>div .desc.price i {

    font-size: 12px;

}
/* 2026-08-27 static storefront correction */
#pro_window, #pro_leads { height:auto !important; min-height:0 !important; }
#pro_window .cright, #pro_leads .cright { height:auto !important; min-height:0 !important; overflow:hidden !important; }
#pro_window .showdiv, #pro_leads .showdiv { height:auto !important; min-height:0 !important; overflow:hidden !important; }
#pro_window .showdiv ul:after, #pro_leads .showdiv ul:after { content:""; display:block; clear:both; }
#pro_window .showdiv li, #pro_leads .showdiv li { min-height:0 !important; }
#pro_window + #pro_window { display:none !important; }
.comgpanyimg .imagediv { background:#fff !important; height:70px !important; }
.comgpanyimg .imagediv img { width:174px !important; height:70px !important; object-fit:contain !important; }

/* product grid layout repair */
#pro_window .showdiv ul { margin:0 !important; padding:0 !important; list-style:none !important; display:grid !important; grid-template-columns:repeat(5, 1fr) !important; gap:8px !important; }
#pro_window .showdiv li { float:none !important; width:auto !important; height:155px !important; margin:0 !important; padding:8px 4px !important; box-sizing:border-box !important; text-align:center !important; border:1px solid #eee !important; }
#pro_window .showdiv li .imgdiv { height:102px !important; display:flex !important; justify-content:center !important; align-items:center !important; }
#pro_window .showdiv li .pro_title { height:34px !important; line-height:17px !important; overflow:hidden !important; }
#pro_window .showdiv { height:auto !important; }
