@charset "utf-8";
/*@import "/USITE/Css/ui/black-tie/jquery-ui-1.7.1.custom.css";*/
@import url('../../user/custom.css');
/*���������ʽ*/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background: url(images/bg.jpg) repeat left top;
    padding: 0;
    margin: 0;
}

li, ul, p, h2, h3, h4, a {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s 1 ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}

select:focus, input:focus, textarea:focus {
    outline: none !important;
}

li a:hover, .active a, #__ErrorMessagePanel {
    color: rgba(0, 27, 127, 1) !important;
}

.control {
    float: left;
    width: auto;
    height: auto;
}

    .control h2 {
        float: left;
        font-size: 16px;
        font-weight: normal !important;
        text-align: left;
    }

.cn .control h2 {
    font-weight: bold !important;
}

.control h2 span {
    font-size: 16px;
    color: #5a5a5a;
    text-transform: uppercase;
}

.control .txt {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a;
}

    .control .txt a {
        color: #f8ad1c;
    }

.btn, .bottom span a, #main #regform .bottom input {
    float: left;
    width: 68px;
    height: 55px;
    color: #fff;
    background: #f8ad1c;
    border: 1px solid #f8ad1c;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s 1 ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}

    .btn:hover, .bottom span a:hover, #main #regform .bottom input:hover {
        transform: translate(0,-3px);
        -webkit-transform: translate(0,-3px);
        -moz-transform: translate(0,-3px);
        -o-transform: translate(0,-3px);
        -ms-transform: translate(0,-3px);
    }


/*������ʽ*/
#PageTop {
    float: left;
    width: 100%;
    height: auto;
    padding: 100px 0 0;
    background: #fff;
}
/*frame1----------------------*/
#frame1 {
    width: 100%;
    height: 100px;
    padding: 0 0 4px;
    background: url(images/frame_bg.png) repeat-x left bottom;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

    #frame1 .container {
        width: 100%;
        height: 100px;
        background: #fff;
    }

    #frame1 .control .container {
        width: auto;
        height: auto;
        background: none;
    }

    #frame1 .control {
        float: none;
    }

    #frame1 .main {
        width: 1080px;
        height: 100px;
        margin: 0 auto;
        position: relative;
    }

        #frame1 .main .main {
            width: auto;
            height: auto;
            margin: 0;
            position: static;
        }

#logo {
    width: 180px;
    height: 73px;
    padding: 27px 0 0;
}

#language {
    float: none;
    width: auto;
    height: 17px;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 33;
}

    #language li {
        float: left;
        width: 25px;
        height: 17px;
        margin: 0 0 0 15px;
    }

        #language li a {
            display: inline;
            color: #8c8c8c;
        }

#menu {
    width: auto;
    padding: 40px 0 0;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0px;
}

    #menu li {
        float: left;
        width: auto;
        height: 50px;
        line-height: 50px;
        background: url(images/menu_a_bg1.gif) no-repeat left center;
    }

    #menu #M_contact a {
        background: url(images/menu_a_bg1.gif) no-repeat right center;
    }

    #menu li a {
        float: left;
        padding: 0 28px;
        font-size: 16px;
        color: #666;
    }

.cn #menu li a {
    padding: 0 28px;
}

.de #menu li a, .py #menu li a, .es #menu li a {
    padding: 0 24px;
}

.fr #menu li a {
    padding: 0 18px;
}
/*��תͼ-----------------------*/
#backpic {
    width: 100%;
    height: 420px;
    overflow: hidden;
}

#picbackground {
    position: relative;
    z-index: 2;
}

#backplaynum {
    width: 100%;
    height: 5px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 100px;
    display: none;
}

    #backplaynum a {
        display: inline-block;
        width: 80px;
        height: 3px;
        background: #f5b841;
        border: 1px solid #f3c05d;
        margin: 0 5px;
        cursor: pointer;
        text-indent: -9999px;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s 1 ease-in-out;
        -moz-transition: All .4s ease-in-out;
        -o-transition: All .4s ease-in-out;
        opacity: 0.85;
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        filter: alpha(Opacity=85);
    }

    #backplaynum .act {
        background: #fff;
        border: 1px solid #fff;
        transform: translate(0,-5px);
        -webkit-transform: translate(0,-5px);
        -moz-transform: translate(0,-5px);
        -o-transform: translate(0,-5px);
        -ms-transform: translate(0,-5px);
    }

.PAGE_home #backpic {
    width: 100%;
    height: 535px;
}

.PAGE_home #backplaynum {
    display: block;
}
/*Main��ʽ*/
#main {
    float: left;
    width: 100%;
    height: auto;
    margin: -340px 0 0;
    position: relative;
    z-index: 3;
}

.PAGE_home #main {
    margin: -80px 0 0;
}

#main1 {
    width: 1080px;
    height: auto;
    margin: 0 auto;
    padding: 0 60px;
    background: #fff;
    overflow: hidden;
    min-height: 340px;
    _height: 340px;
}

#main .control .content {
    float: left;
}
/*welcome_m��ʽ*/
#THREE #main #welcome_m {
    padding: 16px 0 23px;
}

    #THREE #main #welcome_m .txt {
        font-size: 30px;
        font-weight: bold;
        font-style: italic;
        color: #4c4c4c;
        text-align: center;
        line-height: 48px;
    }
/*��ҳabout��ʽ*/
#THREE .PAGE_home #main #wwwwww h2, #THREE .PAGE_home #main #about h2 {
    padding: 0 60px 18px;
}

#THREE .PAGE_home #main .control .content {
    padding: 0 60px;
}

#wwwwww img, #about img {
    float: left;
    padding: 0 30px 0 0;
}

#wwwwww .txt a:hover, #about .txt a:hover {
    text-decoration: underline;
}

/*THREEʽҳ����ʽ---------------*/
/*Main��ʽ*/
#THREE #main1 {
    width: 1200px;
    padding: 0;
}

#THREE #main .control {
    padding: 55px 0 60px;
    border-bottom: 1px solid #ececec;
}
    /*h2��ʽ*/
    #THREE #main .control h2 {
        width: 1080px;
        text-align: center;
        padding: 0 60px 55px;
        border-bottom: 1px solid #ececec;
    }

#THREE #main #nav1 h2 {
    padding: 0 60px 0 !important;
    border-bottom: none !important;
    text-align: center !important;
}

#THREE .PAGE_home #main .control h2 {
    text-align: left;
    padding: 0 60px 30px;
    border: none;
}
/*content��ʽ*/
#THREE #main .control .content {
    width: 1080px;
    padding: 60px 60px 0;
}
/*�û���¼��ʽ*/
#THREE #loginform li {
    width: auto;
    margin: 0 40px 0 0;
}

    #THREE #loginform li label {
        width: auto;
        padding: 0 20px 0 0;
    }

    #THREE #loginform li .txt {
        width: 250px;
        height: 28px;
        line-height: 28px;
    }

#THREE #loginform .bottom {
    margin: 0;
}

#THREE .bottom .btn {
    margin: 0 20px 0 0;
}

#THREE .bottom span {
    width: auto;
    margin: 0;
}

    #THREE .bottom span a {
        margin: 0;
    }
/*����Ŀ¼��ʽ*/
#THREE #main #nav1 .content {
    padding: 22px 60px 0 !important;
    text-align: center !important;
}

#THREE #main #nav1 li {
    display: inline;
    padding: 0 20px;
    background: url(images/menu_a_bg.gif) no-repeat left center;
}

    #THREE #main #nav1 li a {
        color: #666;
        font-size: 14px;
    }

#THREE #main #nav1 #about {
    background: none;
}
/*about��ʽ*/
#THREE .PAGE_about #main .control h2, #THREE .PAGE_Culture #main .control h2, #THREE .PAGE_culture #main .control h2, #THREE .PAGE_equipment #main .control h2, #THREE .PAGE_glories #main .control h2, #THREE .PAGE_network #main .control h2, #THREE .PAGE_organization #main .control h2 {
    text-align: left;
    padding: 0 60px 18px;
    border: none;
}

#THREE .PAGE_about #main .control .content, #THREE .PAGE_Culture #main .control .content, #THREE .PAGE_culture #main .control .content, #THREE .PAGE_equipment #main .control .content, #THREE .PAGE_glories #main .control .content, #THREE .PAGE_network #main .control .content, #THREE .PAGE_organization #main .control .content {
    padding: 0 60px;
}
/*�����б���ʽ*/
#THREE #main #makelist {
    padding: 55px 0 40px;
}

    #THREE #main #makelist .content {
        width: 1100px;
        padding: 0 40px 0 60px;
    }

    #THREE #main #makelist li {
        float: left;
        width: 200px;
        height: 30px;
        line-height: 30px;
        margin: 0 20px 20px 0;
    }

        #THREE #main #makelist li a {
            float: left;
            width: 198px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ececec;
            color: #5a5a5a;
        }

            #THREE #main #makelist li a:hover {
                border: 1px solid #f8ad1c;
                background: #f8ad1c;
                color: #fff !important;
                text-decoration: none;
            }

#main #Content .makelist .more a, #Content .makelist .less a {
    color: #f8ad1c;
}


/*DEFAULT&THREE-RIGHTʽҳ����ʽ--------------*/
/*Main��ʽ*/
#DEFAULT #main1, #THREE-RIGHT #main1 {
    padding: 55px 60px 60px;
}

#DEFAULT #Content, #THREE-RIGHT #Content {
    float: right;
    width: 780px;
    padding: 0 0 0 49px;
    border-left: 1px solid #ececec;
    min-height: 340px;
    _height: 340px;
}

    #DEFAULT #Content .control, #THREE-RIGHT #Content .control {
        width: 780px;
    }

#DEFAULT #PageLeft, #THREE-RIGHT #PageRight {
    float: left;
    width: 200px;
    border-right: 1px solid #ececec;
    margin: 0 -1px 0 0;
    padding: 0 50px 0 0;
}

    #DEFAULT #PageLeft .control, #THREE-RIGHT #PageRight .control {
        width: 200px;
        margin: 0 0 20px;
    }

#THREE-RIGHT #Content {
    float: left;
    padding: 0 49px 0 0;
    border: none;
    border-right: 1px solid #ececec;
}

#THREE-RIGHT #PageRight {
    float: right;
    border: none;
    border-left: 1px solid #ececec;
    margin: 0 0 0 -1px;
    padding: 0 0 0 50px;
}
/*h2��ʽ*/
#DEFAULT #main .control h2, #THREE-RIGHT #main .control h2 {
    width: 100%;
    padding: 0 0 40px;
    border: none;
}

#DEFAULT #main #PageLeft .control h2, #THREE-RIGHT #main #PageRight .control h2 {
    background: url(images/h2_bg.jpg)no-repeat left 10px;
}

#DEFAULT #PageLeft #nav1 h2, #DEFAULT #PageLeft #partlist h2, #DEFAULT #PageLeft #makelist h2, #THREE-RIGHT #PageRight #nav1 h2, #THREE-RIGHT #PageRight #partlist h2, #THREE-RIGHT #PageRight #makelist h2 {
    padding: 0 0 33px;
}

#DEFAULT #PageLeft #partsearch h2, #DEFAULT #PageLeft #loginform h2, #THREE-RIGHT #PageRight #partsearch h2, #THREE-RIGHT #PageRight #loginform h2 {
    padding: 0 0 33px;
}
/*content��ʽ*/
#DEFAULT #main .control .content, #THREE-RIGHT #main .control .content {
    width: 100%;
    padding: 0 0 30px;
}
/*�б���ģ����ʽ*/
#DEFAULT #PageLeft #nav1 li, #DEFAULT #PageLeft #partlist li, #DEFAULT #PageLeft #makelist li, #THREE-RIGHT #PageRight #nav1 li, #THREE-RIGHT #PageRight #partlist li, #THREE-RIGHT #PageRight #makelist li {
    float: left;
    width: 200px;
    height: 42px;
    background: url(images/line_bg1.gif) repeat-x left bottom;
    margin: 0;
}

    #DEFAULT #PageLeft #nav1 li a, #DEFAULT #PageLeft #partlist li a, #DEFAULT #PageLeft #makelist li a, #THREE-RIGHT #PageRight #nav1 li a, #THREE-RIGHT #PageRight #partlist li a, #THREE-RIGHT #PageRight #makelist li a {
        float: left;
        padding-left: 20px;
        margin: 0;
        width: 180px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        color: #5a5a5a;
        background: url(images/nav-a_bg2.gif) no-repeat 2px center;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s 1 ease-in-out;
        -moz-transition: All .2s ease-in-out;
        -o-transition: All .2s ease-in-out;
    }

        #DEFAULT #PageLeft #nav1 li a:hover, #DEFAULT #PageLeft #partlist li a:hover, #DEFAULT #PageLeft #makelist li a:hover, #THREE-RIGHT #PageRight #nav1 li a:hover, #THREE-RIGHT #PageRight #partlist li a:hover, #THREE-RIGHT #PageRight #makelist li a:hover {
            background: url(images/nav-a_bg.gif) no-repeat 2px center;
            transform: translate(10px,0);
            -webkit-transform: translate(10px,0);
            -moz-transform: translate(10px,0);
            -o-transform: translate(10px,0);
            -ms-transform: translate(10px,0);
        }

#DEFAULT #PageLeft #nav1 .active a, #DEFAULT #PageLeft #partlist .active a, #DEFAULT #PageLeft #makelist .active a, #THREE-RIGHT #PageRight #nav1 .active a, #THREE-RIGHT #PageRight #partlist .active a, #THREE-RIGHT #PageRight #makelist .active a {
    background: url(images/nav-a_bg.gif) no-repeat 2px center;
}
/*����������ʽ*/
#DEFAULT #main #partsearch li, #THREE-RIGHT #main #partsearch li {
    width: 200px;
    padding: 10px 0 0;
}

    #DEFAULT #main #partsearch li .txt, #THREE-RIGHT #main #partsearch li .txt {
        width: 172px;
    }
/*��Ʒ������ʽ*/
#main #advsearch li, #main #advsearch1 li, #main #advsearch2 li {
    width: 200px;
    height: 32px;
    margin: 0 0 10px;
}

#main .control #userstyle {
    position: relative;
    z-index: 1;
}

    #main .control #userstyle select {
        width: 200px;
        border: 1px solid #ececec;
        height: 30px;
    }

        #main .control #userstyle select option:hover {
            background: #f8ad1c;
            color: #fff;
        }

    #main .control #userstyle .tip {
        width: 180px;
        height: 30px;
        line-height: 30px;
        color: #5a5a5a;
        padding: 0 4px;
        top: 0;
        left: 0;
    }

#main .control .select_box {
    width: 193px;
    height: 30px;
    padding: 0;
    border: 1px solid #d6d6d6;
    color: #5a5a5a;
    padding-left: 5px;
}

#main .select_box .box1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 192px;
    height: 32px;
    padding: 0;
    background: url(images/undericon.gif) no-repeat right center;
}

#main .select_box .box2 {
    line-height: 32px;
    font-size: 14px;
}

#main .control .adv_btn {
    margin: 0;
}

#main .control .select_menu {
    width: 198px;
    left: 0;
    top: 31px;
}

    #main .control .select_menu a {
        line-height: 22px !important;
        padding: 0 0 0 8px;
        margin: 0 0 4px;
    }

        #main .control .select_menu a:hover {
            color: #fff !important;
            background: #f8ad1c;
        }

#main #advs_keyword, #main #advs_number {
    width: 190px;
    padding: 0 0 0 8px;
    height: 30px;
    line-height: 32px;
    border: 1px solid #d6d6d6;
    color: #5a5a5a;
}
/*�û���¼��ʽ*/
#loginform li {
    float: left;
    width: 200px;
    margin: 0 0 5px;
}

#loginform .bottom {
    margin: 10px 0 0;
}

#loginform li label {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #5a5a5a;
}

#loginform li .txt {
    width: 194px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 4px;
    border: 1px solid #d6d6d6;
}

.bottom span {
    float: left;
    width: 160px;
    margin: 15px 0 0;
}

    .bottom span a {
        float: left;
        width: 66px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        background: #fff;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        color: #5a5a5a;
        margin: 0;
    }

        .bottom span a:hover {
            color: #5a5a5a !important;
            background: #fff;
            border: 1px solid #d6d6d6;
        }

.info {
    color: #f8ad1c;
    font-size: 14px;
    line-height: 24px;
}
/*�Ñ�ע����ʽ*/
#main #regform {
    padding: 20px 40px;
    border: 1px solid #d6d6d6;
}

    #main #regform li {
        height: 30px;
        padding: 0;
        margin: 0 0 15px;
        clear: both;
    }

        #main #regform li label {
            float: left;
            width: 100px;
            line-height: 30px;
            font-size: 12px;
            color: #5a5a5a;
            margin: 0 0 10px;
        }

        #main #regform li .txt {
            float: left;
            width: 275px;
            padding: 0 2px;
            height: 30px;
            border: 1px solid #d6d6d6;
        }

    #main #regform .red {
        float: left;
        line-height: 30px;
        padding: 0 0 0 5px;
        color: #de4a4a;
    }

    #main #regform #fmessage {
        float: left;
        line-height: 30px;
        padding: 0 0 0 10px;
        border: 1px solid #d6d6d6;
    }

    #main #regform .bottom input {
        float: none;
        margin: 0 0 0 100px;
    }

#__ErrorMessagePanel {
    padding: 0 0 0 4px;
    line-height: 30px;
}
/*PageBottom��ʽ*/
#DEFAULT #PageBottom1, #THREE-RIGHT #PageBottom1 {
    border: 1px solid #ececec;
}



/*���������ʽ*/
#main #partmakemodel {
    padding: 0 0 40px;
}

    #main #partmakemodel .content h2 {
        display: none;
    }

    #main #partmakemodel .content {
        width: 778px !important;
        padding: 0 !important;
        height: 320px;
        border: 1px solid #d6d6d6;
    }

#main #partsearch li, #main #partsearch1 li {
    position: relative;
    width: 220px;
}

#main #partsearch1 li {
    padding: 10px 0 0 285px;
}

    #main #partsearch li .tip, #main #partsearch1 li .tip {
        width: 160px;
        height: 20px;
        line-height: 20px;
        color: #5a5a5a;
        padding: 0 4px;
        top: 10px;
        left: 0;
        text-indent: 0 !important;
    }

    #main #partsearch1 li .tip {
        left: 285px;
    }

    #main #partsearch li .txt, #main #partsearch1 li .txt {
        width: 182px;
        height: 20px;
        padding: 0 4px;
        border: none;
        border-bottom: 1px solid #d6d6d6;
    }

    #main #partsearch li .btn, #main #partsearch1 li .btn {
        width: 20px;
        height: 20px;
        background: url(images/search_btn1.gif) no-repeat left top;
        border: none;
        text-indent: -9999px;
        vertical-align: top;
        float: none;
        margin: 0;
    }

        #main #partsearch li .btn:hover, #main #partsearch1 li .btn:hover, #THREE #main #frame2 #advsearch .adv_btn .btn:hover {
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
        }

#partsearch1 {
    padding: 0 0 12px;
    border-bottom: 1px solid #d6d6d6;
}

#main #partmakemodel form {
    margin: 0;
}

#main #partmakemodel #searchgroup {
    height: 274px;
    border-top: none;
    position: relative;
    z-index: 2;
}

    #main #partmakemodel #searchgroup div {
        float: left;
        width: 246px;
        height: 274px;
        padding: 0;
        overflow: hidden;
    }

        #main #partmakemodel #searchgroup div div {
            float: left;
            width: 245px;
            height: 231px;
            border-right: 1px solid #d6d6d6;
            padding: 0;
            overflow-y: scroll;
        }

    #main #partmakemodel #searchgroup .col_part div {
        width: 246px;
        border: 0;
    }

    #main #partmakemodel #searchgroup div h3 {
        float: left;
        width: 184px;
        height: 42px;
        background: #f9f9f9;
        border-bottom: 1px solid #d6d6d6;
        margin: 0;
        padding: 0 0 0 64px;
    }

        #main #partmakemodel #searchgroup div h3 span {
            height: 42px;
            line-height: 42px;
            font-size: 14px;
            font-weight: bold;
            color: #999;
            background: #f9f9f9;
            border: none;
            padding: 0;
            cursor: default;
        }

    #main #partmakemodel #searchgroup .col_make h3 {
        background: #f9f9f9 url(images/adv_label_bg1.gif) no-repeat 20px center;
    }

    #main #partmakemodel #searchgroup .col_model h3 {
        background: #f9f9f9 url(images/adv_label_bg2.gif) no-repeat 20px center;
    }

    #main #partmakemodel #searchgroup .col_part h3 {
        background: #f9f9f9 url(images/adv_label_bg3.gif) no-repeat 20px center;
    }

    #main #partmakemodel #searchgroup .col_search {
        width: 40px;
        height: 274px;
        background: #f0f0f0;
        border-left: 1px solid #d6d6d6;
        position: absolute;
        right: 0;
        top: 0;
    }

        #main #partmakemodel #searchgroup .col_search .btn {
            width: 34px;
            height: 274px;
            background: url(images/search_btn2.gif) no-repeat center center;
            border: none;
            text-indent: -9999px;
            margin: 0;
        }

    #main #partmakemodel #searchgroup div a {
        display: block;
        height: 32px;
        line-height: 32px !important;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #f0f0f0;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        #main #partmakemodel #searchgroup div a:hover, #main #partmakemodel #searchgroup div .sel {
            background: #f0f0f0;
            color: #333;
        }

#THREE #main #partmakemodel {
    padding: 0;
}

#THREE #main #partsearch1 li {
    padding: 10px 0 0 430px;
}

    #THREE #main #partsearch1 li .tip {
        left: 430px;
    }

#THREE #main #partmakemodel {
    width: 1078px;
    padding: 55px 60px 60px;
}

    #THREE #main #partmakemodel h2 {
        padding: 0 0 30px;
    }

    #THREE #main #partmakemodel .content {
        width: 1078px !important;
    }

    #THREE #main #partmakemodel #searchgroup div {
        width: 340px;
    }

        #THREE #main #partmakemodel #searchgroup div div {
            width: 339px;
        }

    #THREE #main #partmakemodel #searchgroup .col_part div {
        width: 340px;
    }

    #THREE #main #partmakemodel #searchgroup div h3 {
        width: 276px;
    }

    #THREE #main #partmakemodel #searchgroup .col_search {
        width: 57px;
    }

        #THREE #main #partmakemodel #searchgroup .col_search .btn {
            width: 59px;
        }


/*�Ƽ���Ʒ��ʽ*/
#main #productsolid .content {
    height: 134px;
}

    #main #productsolid .content .card {
        position: relative;
        width: 1080px;
    }

#main #productsolid .productsolidcontent ul {
    width: 1500px;
}

#main #productsolid .prebtn {
    float: left;
    width: 25px;
    height: 134px;
    background: url(images/prebtn_bg.gif) no-repeat left top;
}

#main #productsolid .nextbtn {
    position: absolute;
    right: 0;
    width: 25px;
    height: 134px;
    background: url(images/nextbtn_bg.gif) no-repeat left top;
}

#main #productsolid .productsolidcontent {
    width: 990px !important;
    height: 134px !important;
    float: left;
    margin: 0 20px;
    padding: 0;
}

    #main #productsolid .productsolidcontent li {
        float: left;
        width: 138px;
        height: 132px;
        border: 1px solid #d6d6d6;
        text-align: center;
        margin: 0 10px 0 0;
        padding: 0;
    }

        #main #productsolid .productsolidcontent li:hover, #main #productsolid .productsolidcontent li:hover img {
            border: 1px solid #f8ad1c;
        }

        #main #productsolid .productsolidcontent li a {
            display: block;
            width: 138px;
            height: 132px;
            background: #fff;
        }

#productsolid .productsolidcontent li img {
    border: 1px solid #d6d6d6;
    padding: 3px;
    margin-top: 10px;
}

#main #productsolid .productsolidcontent li p {
    margin-top: -30px;
    color: 5a5a5a;
}
/*��Ʒչʾ��ʽ*/
#main #pdcar .content {
    padding: 44px 60px 0;
}

#main .productlist table {
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
    color: #777;
}

#main #pdcar table tr.title th {
    border: 1px solid #d6d6d6;
}

#main #pdcar table td {
    color: #5a5a5a;
    line-height: 22px;
}

    #main #pdcar table td a {
        color: #f8ad1c;
        font-size: 14px;
        margin: 0 0 10px;
    }

.productlist #fumore {
    color: #f8ad1c;
}

    .productlist #fumore:hover {
        text-decoration: underline;
    }

#main .productlist table tr td.img {
    width: 240px;
    padding: 1px;
}

#main .productlist table tr td.desc {
    width: 200px;
}

    #main .productlist table tr td.desc h3 a {
        font-size: 14px;
        padding: 0;
        color: #555;
    }

#main .productlist table tr td {
    padding: 10px;
}

#main .productlist h4 {
    margin: 10px 0;
}

#main .pagenav {
    position: relative;
    margin: 40px 0 0;
    padding: 0 0 0 40px;
}

    #main .pagenav .title {
        position: absolute;
        top: 40px;
        left: 260px;
        line-height: 30px;
        color: #f8ad1c;
    }

    #main .pagenav li {
        float: left;
        height: 30px;
        line-height: 28px;
    }

        #main .pagenav li a {
            float: left;
            height: 28px;
            line-height: 28px;
            border: 1px solid #d6d6d6;
            color: #5a5a5a;
            padding: 0 8px;
            margin: 0 4px 0 0;
            text-decoration: none;
            background-color: #fff;
        }

        #main .pagenav li span a {
            width: 30px;
            padding: 0;
            font-size: 12px;
            font-weight: normal;
            text-align: center;
        }

        #main .pagenav li a:hover, .pagenav li .active a {
            border: 1px solid #f8ad1c !important;
            background: #f8ad1c !important;
            color: #fff !important;
            text-decoration: none;
        }

    #main .pagenav .goto {
        height: 28px;
        line-height: 28px;
        border: 1px solid #d6d6d6;
        color: #5a5a5a;
        padding: 0 10px;
    }

        #main .pagenav .goto select {
            height: 20px;
            border: 1px solid #d6d6d6;
            margin: 0 0 0 5px;
            font-size: 12px;
            cursor: pointer;
        }

#main .productlist table tr th {
    background: #f9f9f9;
    color: #999;
    border-bottom: 1px solid #d6d6d6;
}

#main .productlist table tr td label {
    background: #f0f0f0;
}

#main .productlist table tr td.img a {
    color: #f8ad1c;
}
/*���ﳵ��ʽ*/
#main #pdcar .orderstep {
    margin: 0 0 20px;
}

#pdcar .EditButton {
    margin: 0 10px;
}

#main #pdcar table td .EditButton a, #main #pdcar table td .DeleteButton a {
    color: #333;
}

    #main #pdcar table td .EditButton a:hover, #main #pdcar table td .DeleteButton a:hover {
        color: #f8ad1c;
    }

#main #pdcar .toolsbar {
    margin: 40px 0 0;
    padding: 0;
    background: none;
    border: none;
}

#main #pdcar table tr td input.txt {
    width: 60px;
    height: 28px;
}

#main #pdcar #orderform {
    padding: 20px 40px;
    border: 1px solid #d6d6d6;
}

    #main #pdcar #orderform li {
        padding: 5px;
        clear: both;
    }

        #main #pdcar #orderform li label {
            float: left;
            width: 100px;
            line-height: 28px;
            font-size: 12px;
            color: #5a5a5a;
            margin: 0 0 10px;
        }

        #main #pdcar #orderform li .txt {
            float: left;
            width: 275px;
            padding: 0 2px;
            height: 26px;
            border: 1px solid #d6d6d6;
        }

    #main #pdcar #orderform .red {
        float: left;
        line-height: 28px;
        padding: 0 0 0 5px;
        color: #de4a4a;
    }

    #main #pdcar #orderform #fmessage {
        float: left;
        line-height: 28px;
        padding: 0 0 0 10px;
        border: 1px solid #d6d6d6;
    }

#main #pdcar #plistsuccess td a {
    color: #5a5a5a;
}

#main #pdcar input#clear, #main #pdcar input#continue, #main #pdcar input#Submit, #main #pdcar #orderform .btn {
    float: left;
    width: auto;
    height: 32px;
    line-height: 30px;
    padding: 0 15px;
    font-weight: normal;
    text-align: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    color: #5a5a5a;
    margin: 0 20px 0 0;
}

#main #pdcar input#Submit, #main #pdcar #orderform .btn {
    background: #f8ad1c;
    border: 1px solid #f8ad1c;
    color: #fff;
}

#main #pdcar #orderform .btn {
    float: none;
    margin: 10px 5px 5px 100px;
}
/*����ģ����ʽ*/
#THREE #main #news .content, #THREE #main #news_view .content {
    padding: 53px 60px 0;
}

#main .news .list {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dashed #d6d6d6;
}

    #main .news .list .title a {
        font-size: 18px;
        font-weight: normal;
        color: #f8ad1c;
        width: 650px;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        #main .news .list .title a:hover {
            color: #f8ad1c;
        }

    #main .news .list .date {
        text-align: right;
        color: #5a5a5a;
    }

    #main .news .list .txt {
        padding: 10px 0 0;
        font-size: 14px;
        color: #5a5a5a;
    }

#main .news .pagenav {
    padding: 0;
}

#main #news_view .date {
    padding: 15px 0 0;
    color: #333;
}

#newsviewnav {
    float: left;
    width: 1080px;
    padding: 50px 60px 0;
    font-size: 14px;
}

    #newsviewnav .pre {
        margin: 10px 0 0;
    }

    #newsviewnav a {
        color: #f8ad1c;
        margin: 0 0 0 10px;
    }

        #newsviewnav a:hover {
            text-decoration: underline;
        }
/*Ŀ¼������ʽ*/
#THREE #main #dowmload .content .content {
    padding: 0;
}

#main .news .content {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a;
}

#main .news .download {
    float: left;
    width: 100%;
    margin: 10px 0;
}

#main .newsview .news .download {
    margin: 0 0 10px;
}
/*��ϵ������ʽ*/
#allmap {
    width: 978px;
    height: 360px;
    border: 1px solid #d6d6d6;
}

.PAGE_contact #main #contact h2, .PAGE_contact #main #contactform h2 {
    text-align: left;
    padding: 0 0 33px;
    border: none;
}

#THREE .PAGE_contact #main #contact h2, #THREE .PAGE_contact #main #contactform h2 {
    padding: 0 60px 30px;
}

#THREE .PAGE_contact #main #contact .content, #THREE .PAGE_contact #main #contactform .content {
    padding: 0 60px;
}

#main #contact .content ul, #main #contactcard .content ul {
    padding: 0;
}

    #main #contact .content ul li, #main #contactcard .content ul li {
        height: 30px;
        border-bottom: 1px dashed #d6d6d6;
    }

        #main #contact .content ul li label, #main #contact .content ul li span, #main #contactcard .content ul li label, #main #contactcard .content ul li span {
            height: 30px;
            line-height: 30px;
            color: #5a5a5a;
        }

        #main #contact .content ul li label {
            width: 60px;
        }

        #main #contactcard .content ul li label {
            padding: 0 5px 0 0;
            color: #555;
            font-weight: bold;
        }

        #main #contact .content ul li span a, #main #contactcard .content ul li span a {
            color: #f8ad1c;
        }

            #main #contact .content ul li span a:hover, #main #contactcard .content ul li span a:hover {
                text-decoration: underline;
            }

#contactform li {
    float: left;
    width: 355px;
    height: 65px;
    padding: 0 20px 20px 0;
}

    #contactform li label {
        float: left;
        width: 355px;
        font-size: 14px;
        color: #5a5a5a;
        margin: 0 0 6px;
    }

    #contactform li .txt, #contactform .single .txtrange, #contactform .captcha input {
        float: left;
        width: 338px;
        padding: 0 0 0 10px;
        height: 30px;
        border: 1px solid #d6d6d6;
    }

    #contactform li .red {
        float: left;
        width: 5px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: red;
    }

#contactform .fsex {
    color: #5a5a5a;
    font-size: 14px;
}

    #contactform .fsex label {
        margin: 32px 0 0;
    }

#contactform .single {
    width: 835px;
    height: 116px;
}

    #contactform .single .txtrange {
        width: 703px;
        height: 64px;
        padding: 10px;
    }

#contactform .captcha {
    position: relative;
}

    #contactform .captcha input {
        width: 338px !important;
    }

    #contactform .captcha img {
        position: absolute;
        top: 37px;
        right: 32px;
    }

#contactform .bottom {
    width: 1080px;
    height: 32px;
    padding: 20px 0 0;
}

    #contactform .bottom input {
        height: 30px;
        line-height: 28px;
        text-align: center;
        cursor: pointer;
        margin: 0 15px 0 0;
    }

#contactform .resetbtn {
    background: #fff;
    border: 1px solid #ececec;
    color: #5a5a5a;
}

/*�ײ���ʽ*/
#PageBottom {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 0 60px;
}

#PageBottom1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 60px;
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
}

    #PageBottom1 .control .content {
        float: left;
        width: 1080px;
        padding: 0 60px;
    }

#PageBottom #bottom_link {
    padding: 60px 0 0;
    text-align: center;
}

#bottom_link img {
    padding: 0 0 5px;
}

#bottom_link li {
    display: inline;
    padding: 0 20px;
    background: url(images/menu_a_bg.gif) no-repeat left center;
}

    #bottom_link li a {
        color: #666;
    }

#bottom_link #M_home {
    background: none;
}

#copyright {
    color: #999;
    text-align: center;
    margin: 12px 0 20px;
}

.icppic {
    padding: 0 60px;
}

.icppic {
    width: 1080px;
    float: left;
}




.frame .PanelEdit {
    left: 10px;
    color: red;
    top: 2px !important;
}

.frame .control .PanelEdit {
    right: 2px;
    left: auto;
}

#backpic .PanelEdit {
    z-index: 55;
    top: 70px;
}

#pagesetup {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}