body {
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #333;
    background: #fff!important;
}

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

a:hover {
    color: #f00;
}

img {
    border: 0;
}

input {
    line-height: 24px;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

#container {
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.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;
    position: relative;
    background: #f6f6f6;
}

#legoo .top_box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#legoo a {
    padding-top: 5px;
    text-decoration: none
}

#legoo .llogin {
    right: 10px;
    position: absolute;
    top: 0px
}

.more {
    text-align: right
}

.setrpos {
    width: 766px;
    position: absolute
}

.setlpos {
    width: 220px;
    position: absolute
}

.bluetitle {
    padding: 6px 0 4px 10px;
    background: url(../image/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
}

#middlelayout {
    margin: 0 auto 10px;
    width: 100%;
    height: 660px;
    background: url(../image/head_bj.jpg) repeat-x;
    position: relative;
    z-index: 1;
}

#search1 {
    padding: 0 0 0 70px;
    height: 70px;
    line-height: 70px;
    color: #dc2e28;
    font-size: 20px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../image/tel.png) no-repeat left;
    position: absolute;
    top: 10px;
    right: 100px;
}

#menulist {
    clear: both;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #0075bb;
    border-bottom: #4db7fc 1px solid;
    position: relative;
}

#menulist .columnlist {
    margin: 0 auto;
    width: 1200px;
    text-align: center;
    overflow: hidden;
}

#menulist .columnlist .sel {
    background: url(../image/menuheadbj.jpg);
    color: #fff;
}

#menulist .columnlist .sel a {
    color: #fff;
}

#menulist .columnlist li {
    float: left;
    width: 100px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

#menulist .columnlist li a {
    color: #fff;
}

#menulist .columnlist li:hover {
    background: url(../image/menuheadbj.jpg);
}

#menulist .columnlist li:hover a {
    color: #fff;
}

#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
}

#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(../image/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 {
    margin: 0 auto;
    padding: 5px 0 0;
    width: 1200px;
    height: 100px;
    position: relative;
    z-index: 2;
}

#namelogo #companylogo {
    padding: 0;
    width: 1200px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0;
    overflow: hidden;
}

#namelogo #companylogo .logoimg {
    width: 1200px;
    max-height: 100px;
    text-align: left;
    overflow: hidden;
    display: block;
}

#namelogo #companylogo img {
    max-height: 100px;
}

#namelogo h1,
#namelogo .t_gsm {
    width: 490px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 700px;
}

#namelogo .chinesename {
    padding: 0;
    margin: 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px !important;
    /*color: #333 !important;*/
    text-align: right;
    padding-left: 100px;
    display: none;
}

#namelogo .chinesename #qrcodebg {
    top: 5px;
}

.zyhtTxt {
    float: left;
    width: 800px;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    font-size: 14px;
    color: #666;
    margin: 60px 0 0 98px;
    font-family: 微软雅黑;
    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 {
    width: 100%;
    height: 500px;
    background: no-repeat center;
    overflow: hidden;
    position: relative;
}

#theme_pic a {
    display: block;
}

#theme_pic img {
    display: none;
}

.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: 5px auto;
    width: 1200px;
}

#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(../image/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 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 0;
    text-indent: 30px;
    position: relative;
    color: #fff;
    background: #017ac3;
}

#productnav h3 {
    height: 116px;
    line-height: 116px;
    font-size: 36px;
    text-align: left;
    font-family: "黑体";
    background: url(../image/probj.jpg) center no-repeat;

    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-indent: 30px;
    position: relative;
    color: #fff;
    background: #017ac3;
    margin-bottom: 8px;
    font-family: initial;
}

#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: 256px;
    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 {
    margin: 5px 0;
    width: 222px;
    line-height: 32px;
    text-indent: 24px;
    background: #e2e2e2/*url(../image/y3j.jpg) 6px center no-repeat*/
    ;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

#productnav ul,
#productnav__1 ul {
    margin: 5px auto;
    width: 222px;
}

#productnav ul div[style='float:right; margin-top:6px; margin-right:6px; height:14px; line-height:14px; padding:0 10px; background:url(Template/Images/list_xlicon.gif) no-repeat right'] {
    display: none;
}

#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 {
    color: #f00;
}

#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 {
    float: left;
    font-size: 14px;
    color: #333;
    display: block;
}

#content1 #productnav li:hover a.tw_c,
#content1__1 #productnav__1 li:hover a.tw_c,
#content1__2 #productnav__2 li:hover a.tw_c,
#content1__3 #productnav__3 li:hover a.tw_c,
#content1__4 #productnav__4_1 li:hover a.tw_c,
#productnav__4_2 li:hover a.tw_c {
    color: #f00;
}

#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 {
    clear: both;
    margin: 0 auto 10px;
    padding: 5px 0;
    height: auto !important;
    color: #333;
    border: #E0E0E0 1px solid;
    border-top: none;
    overflow: hidden;
}

#content2 H3,
#content2__1 H3,
#content2__2 H3,
#content2__3 H3,
#content2__4 H3 {
    clear: both;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: url(../image/box_dh.jpg) repeat-x;
    border-right: #e0e0e0 1px solid;
    position: relative;
    display: block;
}

#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;
    display: none;
}

#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 {
    text-indent: 40px;
    color: #fff;
    background: url(../image/left.jpg) left no-repeat;
    display: block;
}

#content2 H3 .stitle,
#content2__1 H3 .stitle,
#content2__2 H3 .stitle,
#content2__3 H3 .stitle,
#content2__4 H3 .stitle {
    text-indent: 40px;
    color: #fff;
    background: url(../image/left.jpg) left no-repeat;
    display: block;
}

#profile .cright {
    margin: 0;
    padding: 20px;
}

.comgpanyimg {
    float: left;
    margin: 10px 20px 5px 0 !important;
    width: 240px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline;
}

.comgpanyimg .imagediv {
    max-width: 240px;
    text-align: center;
    vertical-align: middle;
    border-radius: 6px;
    display: table-cell;
}

.comgpanyimg .imagediv img {
    width: auto !important;
    height: auto !important;
    max-width: 240px;
    border-radius: 6px;
}

.comgpanyimg .mumlist {
    left: 233px;
    position: absolute;
    top: 4px
}

.comgpanyimg .mumlist li {
    margin-bottom: 2px
}

.comgpanyimg .mumlist a {
    display: block;
    font-weight: bold;
    background: url(../image/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(../image/yuan-select.gif) no-repeat;
    color: #fff
}

#profile .profiletext {
    margin: 0 20px !important;
    line-height: 24px;
    display: inline;
    float:left;
    width:588px;
}

#profile .profiletext p {
    margin: 0 20px 0 10px !important;
    text-indent: 2em;
    word-break: break-all;
    display: inline;
}

#profile .profiletext table {
    display: none;
}

#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: 0 0 0 30px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
}

#sitewhere {
    margin: 0 0 10px;
    padding: 7px;
    line-height: 20px;
    border: 1px #CCC solid;
    background: #fff;
}

#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: 256px;
    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: 10px auto;
    border: #E0E0E0 1px solid;
    position: relative;
}

#productshow .selldiv .imgdiv {
    width: 200px;
    height: 130px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #eee;
}

#productshow .selldiv .imgdiv a {
    overflow: hidden;
}

#productshow .selldiv .imgdiv img {
    width: auto !important;
    height: auto !important;
    max-width: 200px;
    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;
    width: 680px;
    position: absolute;
    top: 20px;
    right: 0;
}

.selldiv .sellinfo a {
    font-size: 14px;
    color: #777;
}

.selldiv p {
    padding: 20px 0 0 0;
    margin: 0;
    overflow: hidden;
    color: #999;
    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;
    margin: 0 9px 10px;
    width: 212px;
    height: 250px;
    overflow: hidden;
    border: #ddd 1px solid;
}

.imgdiv {
    margin: 0 auto;
    width: 220px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.imgdiv img {
    margin: 0 auto;
    width: auto !important;
    height: auto !important;
    max-width: 200px;
    max-height: 185px;
    _width: 200px;
    _height: 185px;
}

.pro_title {
    padding: 5px 10px;
    height: 40px;
    line-height: 21px;
    font-size: 14px;
    text-align: center;
    background: #f0f0f0;
    overflow: hidden;
    cursor: pointer;
}

.pro_title a {
    color: #666;
}

.pro_title:hover {
    background: #017ac3;
}

.pro_title:hover a {
    color: #fff;
}

.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
}

#showProd .list_xl {
    padding: 20px 0 !important;
    line-height: 28px;
}

#showProd .list_xl .list_a {
    width: 165px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    padding: 0 5px;
    text-align: center;
    background: #05becd;
    font-size: 14px;
    cursor: pointer;
    margin: 5px;
    overflow: hidden;
}

#showProd .list_xl .list_a a {
    color: #fff !important;
    text-decoration: none;
}

#showProd .list_xl .list_a:hover {
    background: #045585;
}

#showProd .list_xl a:hover {
    color: #ff0 !important;
}

#showProd .bot_x {
    border: 0;
}

#showProd .list_xl p {
    display: none;
}

#aboutus {
    margin: 10px auto;
    position: relative;
}

#aboutus .companyintro p {
    margin: 0;
    line-height: 24px;
    text-indent: 2em;
    word-break: break-all;
}

#aboutus .companyintro {
    padding: 10px 10px 10px 16px;
    min-height: 185px;
    margin-bottom: 10px;
    border: #e2e2e2 1px solid;
    border-top: 0;
}

#companyinfo {
    clear: both;
    margin: 10px auto;
}

#companyinfo ul {
    padding: 0 0 15px 0;
    margin: 0;
    border: #e2e2e2 1px solid;
    border-top: 0;
}

#companyinfo ul span {
    left: -155px;
    width: 150px;
    position: absolute;
    top: 3px;
    display: block;
}

#companyinfo li {
    padding: 6px 5px 3px 50px;
    background: #fff;
    margin: 0 10px;
    line-height: 28px;
    position: relative
}

#contact {}

#contact h3 {}

#contact ul {
    margin: 0;
    padding: 80px 0 50px 360px;
    color: #000;
    background: #fff url(../image/contact.jpg) left no-repeat;
    border: #e2e2e2 1px solid;
    border-top: 0;
    overflow: hidden;
}

#contact li {
    margin: 0 10px;
    line-height: 30px;
    position: relative
}

#contact li span {
    width: 100px;
    position: absolute;
    top: 7px;
    left: -86px;
    display: block;
}

.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(../image/msn.gif) no-repeat left bottom;
    margin-left: 22px;
    padding-top: 15px
}

.chatim .chatqq {
    background: url(../image/qq.gif) no-repeat left center
}

.chatim .chatskpye {
    background: url(http://style.51sole.com/template/images/2/skpye.gif) no-repeat left center
}

.chatim .chatyahoo {
    background: url(http://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 {
    margin: 10px auto;
}

#sendto form {
    margin: 0;
    border: #e2e2e2 1px solid;
    border-top: none;
    overflow: hidden;
    background: #fff;
}

#sendto ul {
    padding: 15px 0 20px 0;
    margin: 0 15px
}

#sendto li {
    padding-left: 12px;
    margin-bottom: 18px;
    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;
    margin: 0 auto;
}

#sendto .needn {
    font-weight: normal;
    font-size: 14px;
    color: #f00
}

#sendto .sendbut {
    margin: -10px 0 30px 175px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 0;
    border: 0;
    background: url(../image/mail.gif) no-repeat 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 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden;
}

#newsdiv ul {
    margin-bottom: 10px;
    padding: 5px;
    line-height: 24px;
    text-indent: 0;
}

#newsdiv ul .gray {
    padding-left: 10px
}

#newsdiv .cright {
    margin-bottom: 0;
}

#newsdiv .cright ul li {
    height: 30px;
    line-height: 30px;
    position: relative;
    border-bottom: #eee 1px dashed;
}

#newsdiv .cright .main_content {
    line-height: 24px
}

#newsdiv .cright .main_content ul li {
    height: auto;
}

#indexbody #newsdiv {
    border: 0;
}

#indexbody #newsdiv .cright ul li {
    float: left;
    margin-right: 20px;
    width: 430px;
    height: 30px;
    line-height: 30px;
    position: relative;
    border-bottom: #eee 1px dashed;
    font-size: 14px
}

#newsdiv .cright ul li i {
    float: left;
    width: 85px;
    color: #017ac3;
    font-style: normal
}

#newsdiv .cright ul li a {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    display: inline;
}

#newsdiv.newsinfo .cright ul li a {
    float: left;
    max-width: 650px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

#indexbody #newsdiv.newsinfo .cright ul li a {
    max-width: 260px;
}

#newsdiv .cright ul li span {
    position: absolute;
    right: 0;
    top: 0;
    font-style: normal;
    color: #999
}

#newsdiv h2 {
    padding: 10px 30px 0;
    font-size: 16px;
    margin: 0 25px;
    border-bottom: #bbb 1px solid;
    text-align: center
}

#newsdiv p {
    margin: 10px 30px 25px;
    word-break: break-all;
}

#newsdiv p img {
    max-width: 100%;
}

#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: #eee 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
}

#indexbody #certdiv .cright {
    font-size: 0;
}

#indexbody #certdiv {
    border: 0;
}

#certdiv {
    clear: both;
    overflow: hidden;
}

#certdiv .cerlist {
    float: left;
    width: 310px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}

#certdiv .cerlist ul {
    clear: both;
    margin: 15px 0 0;
}

#certdiv .cerlist li {
    padding: 5px 20px 5px 50px;
}

#certdiv .cerimg {
    margin-top: 8px;
    padding: 10px;
    width: 300px;
    height: 180px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

#certdiv .cerimg a {
    overflow: hidden;
}

#certdiv .cerimg img {
    width: auto !important;
    height: auto !important;
    max-width: 260px;
    max-height: 180px;
    _width: 300px;
    _height: 160px;
}

#maindetail .cright {
    margin: 20px 0 10px;
    border-top: #e2e2e2 1px solid;
}

#maindetail .detaildiv h1 {
    margin: 0 20px;
    color: #333;
    line-height: 50px;
    padding: 10px 0 20px;
    text-align: center;
    border-bottom: #017ac3 3px dashed;
}

#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: #333;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

#maindetail h4 {
    font-size: 16px;
    margin: 0;
    padding-top: 15px
}

#maindetail .description p {
    margin: 0;
    word-break: break-all;
}

#maindetail .description p img {
    max-width: 100%;
}

#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 .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 {
    height: 36px;
    border: solid 2px #017ac3;
    margin-bottom: 10px;
    line-height: 36px;
    padding-top: 5px;
    background: #fff;
}

#chat {
    margin: 0 0 10px;
}

#footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #9d9d9d;
    background: #343434;
    overflow: hidden;
}

#footer a {
    color: #9d9d9d;
    text-decoration: none
}

.botmenu {
    padding: 29px 0 5px 0;
}

#legoobt {
    padding: 5px 0 12px 0;
    font-size: 14px
}

#legoobt font {
    color: #999
}

.pro_show .imgdiv a,
.pro_show__1 .imgdiv a,
.pro_show__2 .imgdiv a,
.pro_show__3 .imgdiv a {
    border: #eee 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
}

#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: 256px;
    margin-right: 10px;
    position: relative;
    left: 50%;
    margin-left: -1200px;
}

#content1__1 {
    float: left;
    width: 256px;
    margin-right: 10px;
    position: relative;
    left: 50%;
    margin-left: -1200px;
    margin-top: 8px;
}

#content1__2 {
    float: left;
    width: 256px;
    position: relative;
    margin-top: -293px;
    z-index: 1999;
    position: relative;
    left: 50%;
    margin-left: -1200px;
}

#content1__3 {
    float: right;
    width: 256px;
    position: relative;
    margin-top: -293px;
    z-index: 1999;
    position: relative;
    left: 50%;
    margin-left: -1200px;
}

#content1__4 {
    float: left;
    width: 220px;
    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: 934px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -334px;
    margin-bottom: 30px;
}

#content2__1 {
    float: left;
    width: 934px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -334px;
    margin-top: 8px;
}

#content2__2 {
    float: right;
    width: 934px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -334px;
}

#content2__3 {
    float: left;
    width: 934px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -334px;
}

#content2__4 {
    width: 578px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -334px;
}

#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(../image/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(../image/mid_left_bg.gif);
    float: left;
    width: 2px;
    margin-right: -2px;
    height: 34px
}

#tophead .toolmenu .right {
    right: 0;
    background: url(../image/mid_right_bg.gif);
    width: 2px;
    position: absolute;
    top: 0;
    height: 34px
}

#tophead .menus {
    background: url(../image/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(../image/topmenu_bg.gif) 50% bottom;
    width: 85px;
    color: #000099;
    line-height: 28px;
    text-align: center;
    text-decoration: none
}

#tophead .menusul .mbg:hover {
    background: url(../image/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 .left {
    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
}

#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: #017ac3 5px solid;
    zoom: 1;
    background: #fff;
}

.navdiv li:hover .t {
    color: #333;
}

#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 {
    float: left;
    padding-left: 14px;
    line-height: 32px;
}

.navdiv b {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 0;
    background: url(http://style.51sole.com/template/images/82/more.jpg);
    display: none;
}

a.tw_c:hover {
    color: #017ac3;
}

.myImgMakeQR {
    padding: 10px 22px
}

#link ul {
    border: #f25f5f 1px solid
}

#cert_honor ul {
    border: #f25f5f 1px solid
}

.imdiv .selli a {
    border: #eee 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: #eee 1px solid;
    border-bottom: 0;
    background: #fff;
    zoom: 1
}

#navcontact .more,
#navcontact__1 .more,
#navcontact__2 .more,
#navcontact__3 .more,
#navcontact__4 .more {
    border: #eee 1px solid;
    border-top: 0;
    background: #fff;
}

#profile .freecall {
    background: url(../image/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
}

#maindetail .description .desc img {
    max-width: 100%;
}

.selldiv li {
    border-bottom: #eee 1px solid
}

#certdiv .cerlist li {
    line-height: 16px;
}

.comviddiv {
    background: url(../image/videobg.gif) no-repeat center top
}

.commapdiv {
    border: #f36363 1px solid
}

.chatroom {
    border: #f36363 1px solid
}

#phone {
    background: url(../image/freecall.gif)
}

#treemenu ul {
    border-right: #f25f5f 1px solid;
    border-top: #f25f5f 1px solid;
    border-left: #f25f5f 1px solid
}

#treemenu li {
    background: url(../image/treebg.gif) repeat-x center center;
    border-bottom: #f25f5f 1px solid
}

#treemenu .sel {
    background: url(../image/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: #eee 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: #eee 1px solid;
    border-top: none
}

#content3 {
    float: left;
    width: 460px;
    height: 100%
}

#content3_1 {
    float: left;
    width: 460px;
    overflow: hidden;
}

#content3_2 {
    width: auto;
    overflow: hidden;
}

#content3__1_1 {
    float: left;
    width: 460px;
    height: 100%
}

#content3__1_2 {
    width: auto;
    height: 100%
}

#content3__2_1 {
    float: left;
    width: 460px;
    height: 100%
}

#content3__2_2 {
    width: auto;
    height: 100%
}

#content3__3_1 {
    float: left;
    width: 460px;
    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: 460px;
    overflow: hidden;
}

#content4_1 {
    float: right;
    width: 460px;
    overflow: hidden;
}

#content4_2 {
    width: auto;
    overflow: hidden;
    margin-bottom: 10px
}

#content4__1_1 {
    float: right;
    width: 460px;
    height: 100%
}

#content4__1_2 {
    width: auto;
    height: 100%;
    margin-top: 10px
}

#content4__2_1 {
    float: right;
    width: 460px;
    height: 100%
}

#content4__2_2 {
    width: auto;
    height: 100%;
    margin-top: 10px
}

#content4__3_1 {
    float: right;
    width: 460px;
    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 {
    float: left;
    width: 400px;
    padding: 5px 0 0 28px;
    height: 24px;
    line-height: 24px;
    position: relative;
    display: block;
}

#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;
    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
}

#com_news1 .cright,
#jobs1 .cright {
    height: auto !important;
    overflow: hidden;
}


/*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(../image/bot_pic01.gif);
    width: 163px;
    height: 55px;
    display: block;
    overflow: hidden;
    text-indent: -9999em
}

.solelink a:hover {
    background: url(../image/bot_pic02.gif);
    width: 163px;
    height: 55px;
    display: block
}


/* 头部搜了网链接 */

#login_top {
    height: 28px;
    background: #f2f2f2;
    border-bottom: 1px solid #eee;
}

#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(../image/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(../image/sole_logo1.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 #eee;
    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 #eee;
    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 {
    margin: 0 auto;
    width: 760px;
    padding-top: 8px;
}

#certdiv .cerlist_4 .cerimg {
    width: 760px;
    height: auto;
    padding: 0;
    border: 0;
    overflow: hidden;
}

#certdiv .cerlist_4 .cerimg img {
    width: auto !important;
    height: auto !important;
    max-width: 760px;
    max-height: 1000px !important;
}

#certdiv .cerlist_4 ul {
    margin: 20px auto;
    padding: 15px;
    background: url(../image/honor.png) no-repeat 605px 10px;
    border: #e2e2e2 3px dashed;
    border-radius: 6px;
}

#certdiv .cerlist_4 li {
    padding: 8px 0 5px 25px;
    background: url(../image/honors.png) no-repeat left;
}


/* 2010年4月14日 */

.ps {
    display: block;
}

.pss {
    display: block
}

#productnav li:hover .t {
    background: #e2e2e2 url(../image/ico080426_close1.gif) no-repeat 3px 5px;
}

.t {
    padding-left: 20px;
    font-size: 14px;
    background: url(../image/ico080426_close1.gif) no-repeat 3px 5px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.t:hover {
    color: #333;
}

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

.f {
    font-size: 16px;
    cursor: pointer;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    background: #e2e2e2 url(../image/y3j.jpg) 6px center no-repeat !important;
    overflow: hidden
}

.b {
    height: 30px;
    border-top: #fff 1px solid;
}

.b a {
    cursor: pointer;
    font-size: 14px !important;
    background: #e2e2e2 url(../image/ico080426_dot.gif) no-repeat 18px 12px;
    line-height: 30px;
    text-indent: 32px;
    width: 100%;
    height: 30px;
    white-space: nowrap
}

.b a:hover {
    color: #f00 !important;
    background: #e2e2e2 url(../image/ico080426_dot.gif) no-repeat 18px 12px;
}

.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-size: 14px;
    font-weight: normal;
    text-align: right;
    padding: 6px 20px 0 0;
    float: right;
}

.smore a {
    width: 58px;
    height: 24px;
    line-height: 24px;
    font-size: 0;
    text-decoration: none;
    background: url(../image/more.gif) no-repeat center;
    display: inline-block;
}


/*2010年7月7日*/

.allind {
    background: #e2e2e2;
    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;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: url(../image/box_dh.jpg) repeat-x;
    border-right: #e0e0e0 1px solid;
    position: relative;
    display: block;
}

#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;
    display: none;
}

#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 {
    text-indent: 40px;
    color: #fff;
    background: url(../image/left.jpg) left no-repeat;
    display: block;
}

.search {
    margin-bottom: 10px;
    position: relative
}

.search li.search_cont {
    padding: 10px;
    background: #fff;
}

.search li.search_tit {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-indent: 30px;
    position: relative;
    color: #fff;
    background: #017ac3;
}

.search li input.search_input {
    width: 150px;
    padding: 5px;
    border: #017ac3 1px solid;
    font-size: 14px;
}

.search li input.seek {
    width: 80px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    top: 50px;
    border: 0;
    background: #017ac3 url(../image/search1.gif) no-repeat;
    color: #fff;
}

#DIV1 {
    clear: both;
    margin: 0;
    position: relative;
}

#DIV1 .smore {
    position: absolute;
    right: 0;
    bottom: -2px;
}

#DIV1 .right {
    display: none;
}

#maindetail .detaildiv {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.selldiv {
    padding: 10px;
    background: #fff
}

.totalpro {
    clear: both;
    margin: 0 !important;
    padding: 15px 0;
    color: #333;
    text-align: center;
    background: #fff;
}

.totalpro li {
    padding: 0 3px;
    display: inline;
    cursor: pointer;
}

.totalpro a {
    color: #333;
    height: 26px;
    line-height: 26px;
    padding: 10px 13px;
    border: 1px solid #eee;
    text-decoration: none;
    display: inline
}

.totalpro span {
    height: 13px;
    padding: 10px 13px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    color: #aaa;
}

.totalpro .pre a {
    padding: 10px 20px;
    background: url(../image/pgup.gif) no-repeat center;
    cursor: pointer;
}

.totalpro .next a {
    padding: 10px 20px;
    background: url(../image/pgnext.gif) no-repeat center;
    cursor: pointer;
}

.totalpro a:hover {
    background-color: #f5f5f5
}

.totalpro p {
    padding: 5px 0;
    margin: 10px 0
}

.totalpro INPUT {
    font-size: 14px;
    height: 14px
}

.totalpro .selpage {
    font-weight: bold
}

.atttilist {
    margin: 20px auto;
    width: 96%;
    font-size: 14px;
    background: #fff !important;
}

.atttilist .title {
    width: 15%;
    color: #fff;
    background: #7ec1c6 !important;
    text-align: right;
    padding: 0 10px;
    font-weight: bold;
}

.atttilist .etc_cot {
    width: 35%;
    background: #d4f4f7;
}

.atttilist td {
    padding: 8px 10px;
}

.atttilist a {
    color: #03C;
    text-decoration: underline
}

.atttilist a:hover {
    color: #F60;
    text-decoration: underline
}

.main_content {
    padding: 0 14px 50px 14px;
    text-indent: 2em;
    min-height: 300px;
    word-break: break-all;
}

.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 {
    padding: 10px 5px;
    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(../image/mail.gif) no-repeat;
    position: absolute;
}

#maindetail .detailright_4 .sendemail {
    display: block;
    left: 226px;
    bottom: 80px;
    _top: 180px;
    width: 118px;
    height: 29px;
    background: url(../image/mail1.gif) no-repeat;
    position: absolute
}

#maindetail .cominfo {
    min-height: 60px;
    _height: 60px;
    padding: 10px;
    margin: 10px;
    background: #d8f6fc;
    border: #069 1px dotted;
    border-radius: 8px;
    overflow: hidden
}

#maindetail .cominfo li {
    list-style: none;
    color: #056173;
    float: left;
    width: 50%;
    line-height: 28px;
    padding: 3px 0
}

#maindetail .seeall {
    clear: both;
    margin: 5px 0 5px 16px
}

#maindetail .seeall li {
    list-style: none;
    background: url(../image/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(../image/gif-0865.gif) no-repeat left center;
    padding-left: 10px;
    line-height: 25px;
    font-size: 14px
}

#maindetail {
    margin: 20px 0 10px;
}

#maindetail .detailhead {
    margin: 20px 0 0;
    position: relative;
    height: 72px;
}

#maindetail .procurrent {
    float: left;
    background: #fff;
    border-right: 1px solid #eee;
    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: 746px;
    height: 62px;
    padding: 4px 0 0 60px;
}

#maindetail .productgroup_4 {
    float: left;
    margin: 0;
    overflow: hidden;
    width: 424px;
    height: 62px;
    padding: 4px 0 0 30px;
}

#maindetail .prorind {
    color: #333;
    float: left;
    overflow: hidden;
    width: 635px;
    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(../image/productleft.gif) no-repeat left center;
    float: left;
    width: 26px;
    height: 42px
}

#maindetail .proback a.disable {
    background: url(../image/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(../image/productright.gif) no-repeat right center;
    float: left;
    width: 26px;
    height: 42px
}

#maindetail .pronext a.disable {
    background: url(../image/productrightdisable.gif) no-repeat right center
}

#maindetail .detailimg {
    float: left;
    width: 400px;
    height: 420px;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-align: center;
    display: table-cell;
}

#maindetail .detailimg img {
    border: #eee 4px solid;
    max-width: 400px;
    max-height: 420px;
}

#maindetail .detaildiv .detailright {
    position: relative;
    width: 500px;
    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 {
    width: 50%;
    line-height: 28px;
}

#maindetail .comul td strong {
    float: left;
    width: 85px
}

#maindetail .comul td span {
    float: left;
    height: 28px;
    overflow: hidden
}


/*.pro_show li .pro_title,.showdiv li .pro_title{ margin: 10px auto 0 !important; width:256px; height:42px; line-height: 20px; 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: 183px;
    display: inline-block
}

#zxkf {
    margin: 0 0 0 605px;
}

.picMarquee-left {
    height: 250px;
    overflow: hidden
}

.j_message {
    clear: both;
    margin: 10px auto;
    border: solid 1px #eee;
    background: #fff;
    padding: 10px;
    line-height: 25px;
    width: 1178px;
}

.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 #eee;
    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: 0;
}

.j_commapdiv {
    padding: 5px 0;
    background: #fff;
    text-align: center
}

#map,
#baiduMap {
    width: 100% !important;
    border: 0 !important;
}

#form1 input,
#form1 textarea {
    border: #017ac3 1px solid;
    text-indent: 1em;
}

#profile,
#pro_leads,
#pro_window {
    clear: both;
}

#profile,
#pro_leads,
#content3_1,
#content4_1,
#pro_window,
#certdiv,
#newsdiv {
    margin-bottom: 10px;
}


/*头部轮播banner图片 20160628加*/

.index-banner-nav {
    clear: both;
    width: 100%;
    height: 500px;
    position: relative;
    display: block;
}

.index-banner-nav .index-imgnav {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.index-banner-nav .index-imgnav img {
    width: 100%;
    height: 500px;
    display: none;
}

.index-banner-nav .btn-nav {
    margin-left: -40px;
    position: absolute;
    left: 50%;
    bottom: 8px;
    z-index: 10;
    display: inline-block;
}

.index-banner-nav .btn-nav em {
    margin-left: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    text-align: center;
    color: #999;
    background: #f6f6f6;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: -1px 1px 3px #222;
    display: inline-block;
}

.index-banner-nav .btn-nav em.active {
    color: #ff0;
    background: #006699;
}

.index_banner {
    width: 100%;
    height: 500px;
}

.index_banner li {
    width: 100%;
    height: 500px;
    background: no-repeat top;
    display: none;
}

.index_banner li a {
    width: 100%;
    height: 500px;
    display: block;
}

.price {
    color: #f30;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-align: center;
    overflow: hidden
}

.picMarquee-left {
    height: 275px
}


/*.showdiv li{height:270px}*/

.smore a {
    background: none;
    font-size: 14px;
    color: #999
}

#namelogo .noData_gsm {
    text-align: left;
    margin: 32px 0 0 -700px;
    font-size: 35px !important;
    display: block;
}

.zctj_box {
    margin-bottom: 8px;
    background: #fff;
}

.zctj_info {
    border: 1px solid #ddd;
    padding: 10px 8px;
}

.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: 256px;
}

.yqlj_new {
    border: 1px solid #ddd;
    padding: 10px 20px;
    width: 1158px;
    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: 1060px;
}

.yqlj_new_info li {
    display: inline-block;
    margin-right: 30px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

#maindetail .cominfo li:last-of-type {
    width: 100%
}

.product-name-1 {
    max-width: 720px;
}