/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*{margin:0px;padding:0px;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
body {
    margin: 0;
    font-family: Arial;
    font-size: 12px;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
 font-size: 16px;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}


table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}







h1, h3, h4, h5, h6 {
    font-size: 12px;
    margin:0;
}

/*p {
    margin: 0 0 10px;
}*/

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }


dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857143;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.cb {
    clear: both;
}
.fontstyle {
    color:red;
}
.spaceRL {
    padding: 0 20px;
}

.box {
    background-color: white;
    padding: 0 15px;
}

.HeadTop {
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    /* background-color: #F3F3F3; */
    color: #7C7C7C;
    padding: 0 5px;
    /* border-bottom: 1px solid #FCFCFC; */
    /* box-shadow: inset 0px -1px 0px #DFDFDF; */
    border-bottom: 1px solid #DFDFDF;
}
.HeadTopInfo {
    width:980px;
    margin:0 auto;
}
.pull-left {
    float: left !important;
}

.PartW2 {
    display: inline-block;
    padding: 0 5px;
}

.HeadTop a {
    color: #7C7C7C;
}

.HeadLanguage {
    float: right;
    height:30px;
    margin-right:15px;
}

    .HeadLanguage span {
        margin-right: 10px;
        padding-left: 10px;
        border-left: 1px solid #dedede;
        cursor: pointer;
    }

.HeadInfoRight {
    /* background-color: #DCDCDD; */
    font-weight: bold;
    margin-right: 10px;
    position: relative;
    height: 28px;
    width: 119px;
}

.pull-right {
    float: right !important;
}

.HeadMenuTitle {
    padding: 0 25px 0 10px;
    height: 30px;
    width:81px;
    border:1px solid #f5f5f5;
    border-top:none;
    border-bottom:none;
}

    .HeadMenuTitle:after {
        content: "";
        border: 4px solid transparent;
        border-color: #636668 transparent transparent transparent;
        position: absolute;
        top: 13px;
        right: 7px;
    }

.HeadMenu {
    display: none;
}

.HeadInfoRight:hover .HeadMenuTitle:after {
    content: "";
    border: 4px solid transparent;
    border-color: transparent transparent #f18d05 transparent;
    position: absolute;
    top: 9px;
    right: 6px;
}

.HeadInfoRight:hover .HeadMenuTitle, .HeadInfoRight:hover .HeadMenu {
    position: absolute;
    background-color: white;
    border: 1px solid #d2d2d2;
}

.HeadInfoRight:hover .HeadMenu {
    display: block;
    font-weight: normal;
}

.HeadInfoRight:hover .HeadMenuTitle {
    border: 1px solid #d2d2d2;
    border-bottom: none;
    top: -1px;
    left: 0;
    z-index: 200;
    width: 81px;
}

.HeadMenu {
    top: 28px;
    left: 0;
    width: 115px;
    z-index: 100;
    padding: 5px 10px;
}

    .HeadMenu li {
        line-height: 22px;
        position: relative;
        padding-left: 10px;
    }

        .HeadMenu li a:hover {
            text-decoration: underline;
        }

        .HeadMenu li:after {
            content: "";
            border: 3px solid transparent;
            border-color: transparent transparent transparent rgb(122, 122, 122);
            position: absolute;
            top: 7px;
            left: 0;
        }

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


/****************************************Start****************************************************/
a {
    text-decoration: none;
}
.dib {
    display:inline-block;
}
.pr {
    position: relative;
}

.spaceT {
    margin-top: 20px;
}

.spaceM {
    margin-bottom: 20px;
}

.spaceM2 {
    margin-bottom: 10px;
}
.spaceM3 {
    margin-bottom: 5px;
}

.spaceR {
        /*right: -6px;*/
    /* margin-right: 5px; */
    position: absolute;
    top: 5px;
    display:none;
}
.companynamego {
      display: inline-block;
    color: #a86d27;
/*    font-size: 18px;*/
    position: absolute;
    top: 40px;
    left: 18px;
    font-weight:bold;
    text-transform: uppercase;
}
.jpinmebertimes4 {
      position: absolute;
    color: #a86d27;
    font-size:18px;
    top: -25px;
    right: 10px;
    font-weight: bold;
}

.HeadInfo, .main {
    width: 980px;
    margin: 0 auto;
    background-color:white;
}

.TopBanner {
    width: 980px;
  line-height: 120px;
    height: 120px;
}
    .TopBanner img {
        max-height: 120px;
        max-width: 980px;
    }

.fwb {
    font-weight: bold;
}
.TopBox tr td{
    height:80px;
 
}
.CompanyLogo {

    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
    word-wrap: break-word;
    zoom: 1;
    padding-right:10px;
    padding-left:10px;
}

.CompanyLogoImg {
    /*vertical-align: middle;
  
    overflow: hidden;
    text-align: center;
    *font-size: 70px;*/
    float: left;
    display: block;
    line-height: 120px;
    padding-left: 20px;
    width: 100px;
    height:100px;
}

    .CompanyLogoImg img {
        max-height: 100px;
       width:100%;
        vertical-align: middle;
    }

.TopCompanyNameBox {
    display: table;
    height: 100px;
}

.TopCompanyName {
 /*display: table-cell;
    vertical-align: middle;*/
    font-weight: bold;
    font-size: 26px;
    word-wrap: break-word;
    zoom: 1;
    color: #404040;
        line-height: 120px;
    padding-left: 20px;
}
.companylogoleft {
    float: left;
        width: 820px;
    overflow: hidden;
    height: 120px;
}
.companygoldmemberright {
    float: right;
    height: 120px;
    line-height: 120px;
    margin-right: 40px;
    position: relative;
    overflow: hidden;
    width: 120px;
}
.TopGrade {
    float: right;
    display: inline;
    margin-right: 20px;
    /*line-height: 15px;*/
  
    /*margin-left: 20px;*/
    /*background-color: white;*/
    /*border: 1px solid #dedede;*/
    /*border-radius: 8px;*/
    /*box-shadow: inset 0px 0px 10px 1px #CFCFCF;*/
    /*box-shadow: 0px 0px 10px 1px #D1D1D1;*/
      
      position:relative;
        /*margin-top: -22px;*/
      height:120px;
      color: #af6d0d;
}
.TopGradeLogo {
    /*background: url(../../images/member.png) 4px 9px no-repeat;*/
    padding: 5px 5px 0px 5px;
    position:relative;
}
.TopGradebg1 {
     /*background: url(../../images/bgL.png) left center no-repeat;*/
     height:46px;
     width:7px;
     float:left;
}
.TopGradebg2 {
     /*background: url(../../images/topbg2.png) right center repeat-x;*/
     height:120px;
     /*background: url(../../images/bgM.png) repeat-x;*/
     float:left;

}
.goleftstyle {
                  position: relative;
}
.TopGradebg3 {
     /*background: url(../../images/bgR.png) right center no-repeat;*/
     height:46px;
     width:7px;
     float:left;
}
.fontStyle2 {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
.MenuBox {
    height: 35px;
    font-weight: bold;
    line-height: 35px;
}

    .MenuBox ul li {
        float: left;
        text-align: center;
        position: relative;
        /*padding: 0 45px;*/
        /*width: 160px;*/
        z-index:999;
    }

.MenuMain {
    padding: 0 45px;
}

.SubMenu {
    display: none;
}

.MenuBox ul li ol.SubMenu li {
    text-align: left;
    padding: 0 10px;
    line-height: 30px;
    font-weight: bold;
    float:left;
}

.MenuBox ul li ol.SubMenuW li {
    width: 198px;
}

.MenuBox ul li ol.SubMenuW2 li {
    width: 175px;
}



.MenuBox ul li:hover ol.SubMenu {
    display: block;
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    z-index: 9999;
    left: 0;
    top: 35px;
}


.divBigPic {
    width: 980px;
    height: 280px;
    margin: 0 auto;
    padding: 15px 0 8px 0;
    /*background-color:white;*/
}

    .divBigPic img {
        max-height: 280px;
        max-width: 980px;
    }

.bodynavbg {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0px 0 10px;
}

.RecProRi {
    float: right;
    /*width:400px;*/
    display: inline;
    margin-right: 3px;
}

.RecProSelect {
    height: 27px;
    line-height: 27px;
    display: inline-block;
    color: black;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 5px;
    width: 150px;
    overflow: hidden;
    vertical-align: middle;
}

.RecProSearch {
    border: 1px solid #dedede;
    height: 24px;
    position: relative;
    display: inline-block;
    background-color: white;
    vertical-align: middle;
    width: 158px;
}

.RecProSearchInput {
    margin: 0;
    border: none;
    color: black;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
    height: 20px;
    padding: 0 5px;
    width: 120px;
    outline: medium;
    margin-bottom: 8px;
}

.RecProSearchBut {
    height: 26px;
    width: 26px;
    background: url(../../images/search.png) center center #999999 no-repeat;
    border: none;
    vertical-align: middle;
    position: absolute;
    z-index: 99;
    right: -1px;
    top: -1px;
}
.ShowImgListBox {
    margin-left: -27px;
    /*position: relative;*/
}
.ShowImgList li {
    float: left;
    display: inline;
    margin-left: 37px;
    margin-bottom: 30px;
}

.ShowImgBox {
    width: 160px;
    height: 160px;
    border: 1px solid #dedede;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *font-size: 140px;
}

    .ShowImgBox img {
        max-height: 160px;
        max-width: 160px;
        width: 160px\0;
        height: 160px\0;
        vertical-align: middle;
    }

.ShowImgTxt {
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10px;
}

.HomeTitle {
    /*border-bottom: 2px solid #ADADAD;
    line-height: 30px;
    color: #8D8C8C;
    margin-bottom: 20px;
    margin-top: 15px;*/
    border: 1px solid #E9E9E9;
    line-height: 30px;
    color: #8D8C8C;
    padding: 0 10px;
    background-color: #f8f8f8;
    margin: 15px 10px 20px;
}

    .HomeTitle a {
        cursor: pointer;
    }

        .HomeTitle a:hover {
            text-decoration: underline;
            color: #f39143;
        }
    .HomeTitle span a {
        color:#8D8C8C;
        margin-right:3px;
    }

.HomeTitleFont {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    color: #333;
}

.tabs {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #dedede;
    margin-top: 15px;
}

    .tabs li {
        float: left;
        list-style: none;
        white-space: nowrap;
        background: none;
        height: 35px;
        line-height: 35px;
        background-color: #F1F1F1;
        border: 1px solid #dedede;
        margin-right: 2px;
        border-bottom: none;
        width: 194px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .tabs li a {
            color: #8F8F8F;
            font-weight: bold;
        }

        .tabs li.NavTabSelec {
            height: 36px;
            line-height: 36px;
            background-color: white;
        }

        .tabs li.NavTabSelect a {
            color: #333;
        }

.tabsMoreLeft {
    float: left;
    width: 35px;
    height: 36px;
    display: inline-block;
    background: url(../../images/leftDir.png) center center no-repeat;
    border-bottom: 1px solid #dedede;
    cursor:pointer;
}

    .tabsMoreLeft:hover {
        background: url(../../images/leftDir2.png) center center no-repeat;
    }

.tabsMoreRight {
    float: right;
    width: 35px;
    height: 36px;
    display: inline-block;
    background: url(../../images/rightDir.png) center center no-repeat;
    border-bottom: 1px solid #dedede;
    cursor:pointer;
}

    .tabsMoreRight:hover {
        background: url(../../images/rightDir2.png) center center no-repeat;
    }

.tabsMoreBox2 {
    /*border-bottom: 1px solid #dedede;*/
    margin-top: 15px;
}

.tabsMoreBox {
    float: left;
    height: 37px;
    line-height: 37px;
    width: 980px;
}
.tabsMore {
    height: 36px;
    /*float: left;*/
    width: 980px;
    border-bottom: 1px solid #dedede;
}

    .tabsMore li {
        float: left;
        list-style: none;
        white-space: nowrap;
        background: none;
        height: 35px;
        line-height: 35px;
        background-color: #F1F1F1;
        border: 1px solid #dedede;
        margin-right: 2px;
        border-bottom: none;
        width: 178px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .tabsMore li a {
            color: #8F8F8F;
            font-weight: bold;
        }

        .tabsMore li.NavTabSelect {
            /*height: 36px;
        line-height: 36px;*/
            background-color: white;
        }

            .tabsMore li.NavTabSelect a {
                color: #333;
            }





.tabsProjectInfo {
    border: 1px solid #dedede;
    background-color: white;
    padding: 0;
    border-top: none;
    margin-bottom: 15px;
}

.tabsProjectImgList li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    display: inline;
}

.ShowImg {
    width: 300px;
    height: 300px;
    border: 1px solid #dedede;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    overflow: hidden;
    *font-size: 250px;
}

    .ShowImg img {
        max-height: 300px;
        max-width: 300px;
        width: 300px\0;
        vertical-align: middle;
    }

.MoreBox, .MoreBox2 {
    margin-right: 20px;
    text-align: right;
    margin: 10px 20px;
}

.tabsExhibitonInfo {
    border: 1px solid #dedede;
    background-color: white;
    padding: 0;
    border-top: none;
    margin-bottom: 15px;
}

.tabsExhibitonImgList li {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    display: inline;
}

.more {
    color: #A3A3A3;
    cursor: pointer;
}

.ShowImg2 {
    width: 218px;
    height: 218px;
    border: 1px solid #dedede;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    overflow: hidden;
    *font-size: 190px;
}

    .ShowImg2 img {
        max-height: 218px;
        max-width: 218px;
        width: 218px\0;
        vertical-align: middle;
    }

.BoxOH {
    overflow: hidden;
}

.FactoryPhotos li {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    display: inline;
}

.tableInfoBox {
    margin: 15px;
    padding-bottom: 10px;
}

.tableInfo {
    width: 100%;
}

.ShowBigImgBaBox {
    float: left;
}




.WidthTd {
    width: 290px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.vat {
    vertical-align: top;
}
.ImgVAM {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 3px;
}
.ImgVAM2 {
    vertical-align: middle;
    margin-bottom: 3px;
  
}
.FieldList li {
    margin-bottom: 15px;
}

.Field {
    width: 110px;
    text-align: right;
    color: #868080;
}

.Field2 {
    /*margin-left: 120px;*/
    width: 300px;
    word-wrap: break-word;
    margin: 0 10px 0 3px;
}

.Field3 {
    width: 214px;
}

.Field4 {
    text-align: right;
    width: 100px;
    display: inline-block;
    color: #868080;
}

.Field5 {
    margin-left: 105px;
}

.Field6 {
    width: 120px;
    text-align: left;
    display: inline-block;
    color: #868080;
}

.Field7 {
    width: 200px;
    word-wrap: break-word;
    margin-left: 3px;
}

.Field8 {
    width: 65px;
    display: inline-block;
    color: #868080;
}

.Field9 {
    width: 100px;
    display: inline-block;
    color: #868080;
}

.Field10 {
    width: 165px;
    word-wrap: break-word;
    color: #333;
    display: inline-block;
}

.Field11 {
    word-wrap: break-word;
    width: 140px;
    margin-left: 5px;
    display: inline;
}

.Field12 {
    width: 145px;
    word-wrap: break-word;
    margin-left: 5px;
    display: inline;
}

.Field13 {
    width: 117px;
    word-wrap: break-word;
    display: inline;
    margin-left: 5px;
}
.Field14{
    width: 370px;
    word-wrap: break-word;
    display: inline;
    margin-left: 5px;
}
.Field15{
    width: 210px;
    word-wrap: break-word;
    display:block;
}
.Field16{
    width: 140px;
    word-wrap: break-word;
    display:inline-block;
}
.TopMessageBox {
    width: 210px;
    border: 1px solid #dedede;
    padding: 10px;
    background-color: #F8F8F8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #696969;
}



.divContactDetail {
    float: left;
    width: 400px;
}

.divSendMsg {
    float: right;
    width: 560px;
}

.SendMsgInfo {
    border: 1px solid #dedede;
    border-top: none;
    padding: 10px;
}

    .SendMsgInfo ul li {
        margin-bottom: 10px;
        line-height: 25px;
    }

.FontColor {
    color: #cb0202;
    font-style: normal;
}

.Input {
    width: 90%;
    height: 25px;
}

.InputVAM {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 3px;
}

.textarea {
    width: 90%;
    height: 134px;
}

.ContactDetailBox {
    border: 1px solid #dedede;
    border-top: none;
    padding: 10px;
}

    .ContactDetailBox ul {
        border-bottom: 1px dotted #dedede;
        border-top: 1px dotted #dedede;
        padding: 10px 0;
    }

        .ContactDetailBox ul li {
            margin-bottom: 10px;
        }

.ContactAdField {
    margin-left: 120px;
    word-wrap: break-word;
}

.ContactDetailWebFav {
    margin-top: 10px;
}

.favorites {
    /*background: url(../../images/favorites.png) left center no-repeat;*/
    /*padding-left: 25px;*/
    color: #777777;
    line-height: 25px;
    display: inline-block;
}
    .favorites img {
        vertical-align:middle;
        margin-bottom:4px;
    }
.favorites a:hover,.WebSite a span:hover{
    color:#f29101;
    text-decoration:underline;
}
.WebSite {
    background: url(../../images/website.png) left center no-repeat;
    padding-left: 20px;
    line-height: 25px;
    display: inline-block;
    margin-right: 40px;
}


    .WebSite a, .favorites a {
        color: #37589B;
        cursor:pointer;
    }

.TitleStyle {
    font-weight: bold;
    font-size: 14px;
}

.CompanyInfoBox {
    margin-top: 10px;
    line-height: 20px;
    color: #333;
    padding: 0 20px 20px 20px;
}

.tableInfoBox2 {
    padding: 10px 15px;
    margin: 0 0 20px;
    /*border-top: 1px solid #dedede;
    border-bottom: 1px dashed #dedede;*/
}
.WidthTd2 {
    width: 450px;
}

.FieldList2 li {
    margin-bottom: 10px;
}

.CompanyName {
    font-weight: bold;
    font-size: 14px;
    color: #3F3F3F;
    margin: 20px 0;
}

.ShowBigImgBa3 {
    height: 218px;
    width: 218px;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #dedede;
    overflow: hidden;
    padding: 2px;
    text-align: center;
    *font-size: 250px;
}

    .ShowBigImgBa3 img {
        max-height: 218px;
        max-width: 218px;
        width: 218px\0;
        vertical-align: middle;
    }

.ShowBigImgBa3Name {
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    color: #333;
}

.BoxBorder {
    margin: 5px 0;
    border-top: 1px solid #dedede;
}

.ImgList li {
    float: left;
    margin-left: 5px;
    margin-right:8px;
    display: inline;
    margin-top: 20px;
    height: 360px;
}

.ImgList2 li {
    float: left;
    margin-right: 8px;
    margin-left: 5px;
    display: inline;
    margin-top: 20px;
    width:218px;
}
 .note2 {
   border: 1px solid #a2aec4;
    color: #55637e;
    width: 230px;
    position: absolute;
    top: -30px;
    padding: 5px;
    background-color: white;
    left: 95px;
    line-height: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    display: none;
}

    .note2:before {
        content: "";
        border: 7px solid transparent;
        border-color: transparent transparent rgb(162,174,196) transparent;
        position: absolute;
        top: 5px;
        left: -15px;
        transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    }

    .note2:after {
        content: "";
        border: 6px solid transparent;
        border-color: transparent transparent rgb(255,255,1255) transparent;
        position: absolute;
         top: 6px;
        left: -12px;
        transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    }
.NavigationBox {
    padding: 5px 10px;
}
.OnsiteCheck {
color: #1ca0d7;
    position: relative;
    top: -2px;
    left: 3px;
}
.OnsiteCheck:hover .note2 {
display:inline-block
}

.TitleStyle2 {
    font-weight: bold;
    font-size: 14px;
    color: #3F3F3F;
    margin: 10px 0 0;
}

.BoxBorder2 {
    border-bottom: 1px dashed #dedede;
    padding-bottom: 20px;
}

.ShowBigImgBa4 {
    height: 218px;
    width: 218px;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #dedede;
    overflow: hidden;
    padding: 2px;
    text-align: center;
}

    .ShowBigImgBa4 img {
        max-height: 218px;
        max-width: 218px;
        width: 218px\0;
        vertical-align: middle;
    }

.ImgList3 li {
    float: left;
    margin-right: 8px;
    margin-left: 5px;
    display: inline;
    margin-top: 20px;
}

#leftMenu {
    float: left;
    width: 191px;
    overflow: hidden;
    background-color: white;
    padding: 5px;
}

#rightContent {
    float: right;
    width: 750px;
    overflow: hidden;
    background-color: white;
    padding: 5px;
    min-height:599px;
}

.CategoryTitle {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding-left: 10px;
    font-size:12px;
    margin:0;
}



.subNodeBox {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

    .subNodeBox ul li {
        line-height: 35px;
        padding-left: 12px;
        border-bottom: 1px solid #dedede;
    }

        .subNodeBox ul li a {
            color: #333;
        }

.ShowBigImgBa5 {
    height: 160px;
    width: 160px;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #dedede;
    overflow: hidden;
    padding: 2px;
    text-align: center;
    *font-size:140px;
}

    .ShowBigImgBa5 img {
        max-height: 160px;
        max-width: 160px;
        width: 160px\0;
        vertical-align: middle;
    }

.divProductList li {
    float: left;
    display: inline;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ProductListName {
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    color: #333;
}

.PartBG {
    background-color: #F3F3F3;
    border: 1px solid #dedede;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

.TitleStyle3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 10px 0;
    display: inline-block;
}

.PageButton, .PageGO {
    height: 26px;
    line-height: 20px;
}

.PageTxt {
    height: 20px;
    width: 30px;
}

.Search {
    margin-bottom: 10px;
    border: 1px solid #dedede;
    height: 32px;
    position: relative;
}

.SearchButton {
    height: 34px;
    width: 34px;
    background: url(../../images/search.png) center center #999999 no-repeat;
    border: none;
    vertical-align: middle;
    position: absolute;
    z-index: 99;
    right: -1px;
    top: -1px;
}

.SearchInput {
    vertical-align: middle;
    height: 30px;
    border: none;
    width: 140px;
    padding: 0 5px;
    outline: medium;
}




.QuarryListInfo {
    float: right;
    width: 320px;
}

.TitleStyle4 {
    font-weight: bold;
    font-size: 14px;
    color: #3F3F3F;
    margin: 20px 0;
}

.QuarryListMessage {
    border: 1px solid #dedede;
    padding: 5px 20px;
    background-color: rgb(248, 248, 248);
    /*border:1px solid #188377;
    background-color:#307d74;*/
    margin-top: 50px;
}

.QuarryListCoNa {
    background: url(../../images/People.png) left 0px no-repeat;
    color: #3F3F3F;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0;
    padding: 5px 0 15px 28px;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 15px;
}

.QuarryListtxt {
    margin-bottom: 10px;
    color: #696969;
}

.button {
    height: 28px;
    width: 150px;
    font-weight: bold;
}

.favoritesBox2 {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 8px;
    border-top: 1px dashed #dedede;
}
.favoritesBox3 {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 8px;
    border-top: 1px dashed #dedede;
}
.favorites2 {
    background: url(../../images/favorites.png) left center no-repeat;
    padding-left: 25px;
    color: #777777;
    font-size: 14px;
    line-height: 25px;
    display: inline-block;
}

.ManiQuarr {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0 10px;
    border: 1px solid #dedede;
    padding: 7px 10px;
    background-color: rgb(248, 248, 248);
    margin-bottom: 15px;
    color: #3F3F3F;
}

.ManiQuarrBoSpa {
    border-bottom: 1px dashed #dedede;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.ContactUsLeft {
    float: left;
    width: 230px;
    padding: 15px;
    border: 1px solid #dedede;
    background-color: white;
}

.CompanyNameBox {
    border-bottom: 1px dashed #dedede;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.CompanyName2 {
    color: #333;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

.FontColor2 {
    color: #8A8A8A;
}

.FontColor3 {
    color: #333;
}
.FontColor4 {
    color: #AFAFAF;
}

.ContactUsLeftInfo li {
    color: #3F3F3F;
    margin-bottom: 10px;
}

.ContactUsRight {
    float: right;
    width: 670px;
    background-color: white;
    padding: 15px;
    border: 1px solid #dedede;
    min-height: 624px;
}
.divCertificate,.Exhibition,.FactoryShow {
     min-height: 655px;
}
.ContactUsTitle {
    border-bottom: 2px solid #ADADAD;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
}

.Avatar {
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: table-cell;
    border: 1px solid #dedede;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    *font-size: 120px;
}

    .Avatar img {
        max-height: 140px;
        max-width: 140px;
        width: 140px\0;
        vertical-align: middle;
    }

.ContactUsRL {
    float: left;
    width: 360px;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dedede;
}

.ContactUsRLInfo {
    margin-left: 165px;
}

.ContactUsRLInfoNa {
    color: #3F3F3F;
    font-weight: bold;
    font-size: 14px;
    /*margin: 10px 0;*/
    padding: 10px 0;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 15px;
    display:block;
}

.divMarketContactInfo li {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #dedede;
}

.ContactUsRInfoList li {
    margin-bottom: 10px;
}

.ContactUsRR {
    float: right;
    width: 270px;
}

.ContactUsRInfo {
    float: left;
    margin-left: 20px;
    display: inline-block;
}

.ContactUsRInfoName {
    color: #3F3F3F;
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0;
    padding: 5px 0;
}

.ContactUsRInfo2 {
    float: right;
    width: 150px;
    margin-top: 30px;
}
.diaCertificateBox {
    position: relative;
    z-index: 9;
}
.diaCertificateBox li {
    float: left;
    display: inline;
    margin-right: 10px;
    white-space:nowrap;
}

.diaCertificateImgBox {
    display: none;
    width: 400px;
    height: 400px;
}

.diaCertificate:hover {
    /*position: relative;
    z-index:9;*/
}

    .diaCertificate:hover div.diaCertificateImgBox {
        display: block;
        position: absolute;
        left: 0;
        bottom: -416px;
    }

.diaCertificateImg {
    width: 400px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    border: 1px solid #dedede;
    overflow: hidden;
}

    .diaCertificateImg img {
        max-height: 400px;
        max-width: 400px;
        width: 400px\0;
    }

.Avatar2 {
    width: 50px;
    height: 50px;
    border: 1px solid #dedede;
    vertical-align: middle;
    display: table-cell;
    text-align:center;
}

    .Avatar2 img {
        max-height: 50px;
        max-width: 50px;
        height: 50px\0;
        width: 50px\0;
        vertical-align: middle;
    }

.Name {
    font-weight: bold;
    color: #333;
    font-size: 14px;
    line-height: 50px;
    margin-bottom: 10px;
}

.bodynavbg, .bodynavbg2, .bodynavbg3 {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0px 0 10px;
}

.divRecProduct, .divProjectShow, .divFactoryPho, .divCompanyPro, .divExhibition, .divContactDetail, .divSendMsg {
    background-color: white;
    margin-bottom:15px;
}

.ProductDetailsShow {
    padding: 10px;
}

.ProductDetailsImgLeft {
    float: left;
}

.ProductDetailsInfoRight {
    float: right;
    width: 335px;
}

.TopMessageBox2 {
    width: 300px;
    border: 1px solid #dedede;
    padding: 10px;
    background-color: #F8F8F8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #696969;
}

.ProductDetailsTitle {
    font-weight: bold;
    font-size: 16px;
}

.ProductDetailsPrice {
    width: 300px;
    margin: 0 0 10px;
}

    .ProductDetailsPrice tr th {
        padding: 4px;
        background-color: #fafafa;
        border: 1px solid #dedede;
        text-align: center;
    }

    .ProductDetailsPrice tr td {
        padding: 4px;
        border: 1px solid #dedede;
        text-align: center;
    }

.ProductDetailsList {
    margin: 20px 0;
}

    .ProductDetailsList li {
        margin-bottom: 10px;
    }

.ProductDetailsInfo {
    /*float: right;
    width: 675px;*/
}

.ProductDetailsInfoTitle {
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
}

.ProductDetailsInfolh {
    line-height: 20px;
    color: #5A5A5A;
}
.ProductDetailsInfolh p{
    word-break:break-all;
    word-wrap:break-word;
}

.ProductDetailsInfoBox {
    margin: 20px 0;
    border-top: 1px solid #dedede;
    padding-top: 20px;
}

.ProductDetailsInfoBox img{
    max-width:100%;
}

.selectedItem2 {
    color: white;
}

.QuarriesBoxbg {
    background-color: white;
    padding: 0 10px;
    margin-top: 10px;
    min-height:597px;
}
.ui-dialog-buttonset {
    padding: 10px 40px;
    /*margin-top: 30px;*/
    text-align:center;
}
    .ui-dialog-buttonset button {
        height: 30px;
        padding: 0 20px;
        background-color: #e77b0e;
        border: none;
        color: white;
        font-weight: bold;
        margin-right:5px;
    }
.ui-dialog {
    background-color: white;
}
.ui-dialog-titlebar {
    background-color: white;
    height:30px;
    line-height: 50px;
    padding: 0px 10px 0 20px;
}
.ui-dialog-title {
    font-weight: bold;
    font-size: 16px;
}
.ui-dialog-titlebar-close {
    float: right;
}
.ui-icon-closethick {
    background: url(../../images/CloseICO.png) center center no-repeat;
    width:30px;
    height:35px;
    display: inline-block;
    text-indent: -9999px;
}
.ui-icon-closethick:hover {
    background: url(../../images/CloseICO1.png) center center no-repeat;
}
.PopUpbox {
    background-color: white;
    padding: 10px;
}
.PopUpboxMenu {
    height: 30px;
    border-bottom: 1px solid #dedede;
    padding-left: 15px;
}
 .PopUpboxMenu li {
    float: left;
    padding: 0px 15px;
    height: 29px;
    line-height: 29px;
    border: 1px solid #dedede;
    border-bottom: none;
    background-color: #fafafa;
    margin-left: 3px;
    color: #4c4c4c;
    font-weight: bold;
    cursor: pointer;
}
    .PopUpboxMenu li.MenuSelect {
        background-color: white;
        border-top: 2px solid #f29101;
    }
.PopUpboxcolor {
    color:red;
}
.memberInfo {
    padding: 20px 40px;
    display: block;
    height:155px;
}
.PopUpboxInput {
    height:32px;
    width:100%;
    border:1px solid #dedede;
    padding: 0 5px;
}
.PopUpboxButBox {
    padding: 10px 40px;
    border-top: 1px solid #dedede;
    margin-top: 10px;
}
.PopUpboxBut {
    height: 30px;
    padding: 0 20px;
    background-color: #f29101;
    border: none;
    color: white;
    font-weight: bold;
}
.PopUpboxField {
    display: inline-block;
    width: 60px;
    text-align: right;
    margin-right: 5px;
}
.PopUpboxField2 {
    display: inline-block;
    width: 320px;
}
.visitorInfo {
    padding: 20px 40px;
}
    .visitorInfo ul li {
        margin-bottom:10px;
    }
.diaFavorites {
    background-color:white;
    padding:20px 40px;
}
.diaCertificate a {
    color: #003399;
    text-decoration: underline;
}
.bodynavbg4 {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 0px 0 10px;
    border: 1px solid #dedede;
    border-bottom: none;
}
.SendMail {
    background-color: #f29101;
    border: none;
    color: white;
    padding: 5px 10px;
    outline:medium;
}
.ReturnContactList {
    background-color: #b3b3b3;
    border: none;
    padding: 5px 10px;
    color: #5A5A5A;
    outline:medium;
}
    .SendMail:hover, .ReturnContactList:hover {
        text-decoration:underline;
    }
.linkmanName {
    font-size: 12px;
    margin-left: 5px;
    font-weight: normal;
    color:#5F5F5F;
}
.ContactSupplier:hover {
    text-decoration:underline;
}
.ContactUsRInfoList {
    margin-bottom: 20px;
}
.ContactSupplier {
    background-color: #f29101;
    border: 0;
    color: white;
    padding: 5px 10px;
    outline:medium;
}
.HeadLanguage a img{
    height: 28px;
}
.PageDis {
    border: 1px solid #CECECE;
    background-color: #F3F3F3;
    padding: 3px 6px;
    color: #ACACAC;
    margin-right: 5px;
}
.PageBox {
   padding:20px;
}
.PageBox a {
    display:inline-block;
    border:1px solid #d3d3d4;
    padding:3px 6px;
    color:#888;
    margin-right: 5px;
}
    .PageBox a:hover {
        border: 1px solid #999999;
        /*background-color: #A3A3A3;
        color: white;*/
        color:#333;
    }
.PageSel {
    padding: 3px 8px;
    /*border: 1px solid #999999;
    background-color: #A3A3A3;
    color: white;*/
    margin-right: 5px;
    color:#333;
}
.pageFont {
    color:red;
}
.QuarryTitle {
    clear:both;
    border:1px solid #dedede;
    padding:5px 10px;
    background-color: #F3F3F3;
}
.MediaBox {
    /*padding-bottom:36px;*/
}
.bottom {
    /*position: fixed;
    _position: absolute;*/
    width: 100%;
    /*bottom: 0px;*/
    z-index:99;
    margin-top: 20px;
}
.tooltipBox {
    position: absolute;
    z-index: 999;
   
    height: 400px;
    width: 400px;
}
.tooltipImg {
    height: 400px;
    width: 400px;
    background: white;
    border:1px solid #dedede;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    overflow:hidden;
}
    .tooltipImg img {
        max-height:400px;
        max-width:400px;
        height:400px\0;
        vertical-align:middle;
    }
.ui-draggable {
    border: 5px solid #dedede;
}
.LoginPrompt {
    color: #4D4D4D;
    font-weight: bold;
    font-size: 25px;
    display: block;
    padding: 10px 0 10px 0;
    outline: medium;
    /*background: url(../../images/Ico.png) left center no-repeat;*/
    margin: 0 20px;
    text-align:center;
    padding-top: 40px;
}
    .LoginPrompt:hover{
        color:#e77b0e;
        text-decoration:underline;
    }
    .LoginPrompt img {
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 3px;
    }
.SuccessNote {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    color: #4D4D4D;
}
    .SuccessNote img {
        vertical-align: middle;
        margin-bottom: 3px;
        margin-right: 10px;
    }
.SuccessNote1 {
    text-align: center;
    color: #555;
    font-size: 14px;
}
    .SuccessNote1 a {
        color:#003399;
        outline:medium;
       text-decoration:underline;
    }
.SuccessNote3 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 25px 0 10px 0;
    color: #4D4D4D;
}
.head-Subclass {
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:0;
   text-transform: capitalize;
}
.catalogName {
    float:left;
    margin-left:3px;
    display:inline;
    text-transform: capitalize;
}
.goTop {
    background: url(../../images/top.png) center center no-repeat;
    display:inline-block;
    width:54px;
    height:54px;
    cursor:pointer;
}
.goTop:hover {
    background: url(../../images/top2.png) center center no-repeat;
}
/***************************************************************************************************/
/*****************************************End******************************************************/