﻿/* CSS Document */
a,abbr,address,area,b,bdo,blockquote,body,button,caption,cite,code,dd,del,div,dfn,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,i,img,input,ins,kbd,label,legend,li,map,object,ol,optgroup,option,p,pre,q,samp,select,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,ul,var{direction:ltr;font-family: 'Microsoft YaHei',SimSun;font-size:12px;line-height:22px;margin:0;padding:0;word-break:break-all;word-wrap:break-word;outline:none;}
a{color:#0066cc;text-decoration:none;}
a:hover{color:#0066cc;text-decoration:underline;}
dl,ol,ul{list-style:none;}
img,table{border:0;}
input,select{line-height:16px;}

a {
    color: #444;
}

    a:hover {
        color: #cd0000;
    }

.container {
    width: 1130px;
    margin: 0 auto;
    overflow: hidden;
}

.pull-left {
    float: left;
    overflow: hidden;
}

.pull-right {
    float: right;
    overflow: hidden;
}

.header {
    height:78px;
    overflow:hidden;
}

.header .nav a {
    width: 108px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #666;
    font-weight:bold;
}
.header .nav .active a, .header .nav a:hover {
    color: #fff;
    text-decoration: none;
    background:#f00;
}
.header .nav .selected {
    color: #fff;
    text-decoration: none;
    background:#f00;
}
.header .nav dd a,.header .nav .active dd a, .header .nav dd a:hover {
    color: #d0d0d0;
    background: none;
    height: 30px;
    line-height: 30px;
    width:auto;
}
.header .nav dd a:hover {
    text-decoration: underline;
}
.header .nav li {
    float: left;
}
.header .nav dl {
    position: absolute;
    background: #4c4a4f;
    padding: 10px;
    width: 120px;
    z-index: 999999;
    display: none;
}

.banner {
    height:409px;
    overflow:hidden;
}

.banner-image {
    width: 100%;
    height: 409px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}
.banner-image ul {
    width: 9999px;
    height: 409px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-image li {
    float: left;
    width: 100%;
    height: 409px;
}
.banner-image li span {
    display: block;
    width: 100%;
    height: 409px;
    background-position: center top;
    background-repeat: no-repeat;
}
.banner-image li a {
    display: block;
    width: 100%;
    height: 409px;
}
.banner-nav {
    width: 1130px;
    margin: 0 auto;
    position: relative;
}
.banner-nav .banner-nav-a {
    position: absolute;
    top: 360px;
    left: 90px;
    z-index: 999;
    width: 300px;
    height: 21px;
}
.banner-nav a {
    float: left;
    width: 21px;
    height: 21px;
    background: url('../images/btn_main_img.png') 0 0 no-repeat;
    display: block;
    text-indent: -1130px;
    transition: none;
}

.banner-nav a.on {
    background-position: 0 -21px;
}

.home-news {
    background:#fff;
}
    .home-news .container {
        height: 58px;
        line-height: 58px;
        background: url(../Images/icon_news.png) no-repeat 10px 18px;
    }
        .home-news .container a {
            margin-left:50px;
        }
.home-news .news-more {
    width:76px;
    height:37px;
    text-align:center;
    line-height:37px;
    display:inline-block;
    background:url(../Images/bg_news_more.png) no-repeat;
    font-weight:bold;
}
.home-link {
    background:#e0e2e4;
    height:165px;
    overflow:hidden;
}

.top-banner {
    background:url(../Images/top_banner.jpg) no-repeat center top;
}

    .top-banner .container {
        height:93px;
    }

.top-location {
    height:77px;
    border-bottom:1px solid #eaeaea;
}

    .top-location .pull-left {
        line-height:77px;
        background:url(../Images/homepage.png) no-repeat 0 29px;
        padding-left:20px;
        font-weight:bold;
    }
        .top-location .pull-left a {
            font-weight:bold;
            font-size:14px;
        }
        .top-location .pull-left i {
            width:20px;
            height:20px;
            display:inline-block;
            background:url(../Images/homepage_split.png) no-repeat center 8px;
        }
    .top-location .pull-right {
        line-height: 77px;
        color: #ccc;
    }
.home-page {
    border-bottom:17px solid #eeeeee;
}
.home-page .pull-left {
    width:800px;
    padding:20px 0;
    border-right:1px solid #eaeaea;
    padding-right:16px;
}

        .home-page .pull-left * {
            font-family: SimSun,arial,sans-serif;
            font-size: 14px;
            line-height: 28px;
        }
            .home-page .pull-left p {
                margin: 14px 0;
            }

           .home-page .pull-left table {
                border-collapse: collapse;
            }

    .home-page .pull-left td {
        border: 1px dotted #aaa;
    }

    .home-page .pull-left .bg-contact {
        width:409px;
        height:359px;
        background:url(../Images/bg_contact.jpg) no-repeat;
        color:#746969;
        padding-left:350px;
        padding-top:25px;
    }
        .home-page .pull-left .bg-contact div {
            font-size: 12px;
            line-height: 22px;
            font-family: 'Microsoft YaHei',SimSun;
        }
        .home-page .pull-left .bg-contact h3 {
            color:#746969;
            margin-top:20px;
            font-size:24px;
            margin-bottom:15px;
            font-family: 'Microsoft YaHei',SimSun;
        }
    .home-page .pull-left .order form {
        width:100%;
        overflow:hidden;
    }
    .home-page .pull-left .order p {
        color:#f00;
    }
    .home-page .pull-left .order .textarea {
        height:186px;
        width:450px;
        float:left;
        border:1px solid #cfcfcf;
        margin:0;
        margin-right:20px;
        color:#8b8b8b;
    }
    .home-page .pull-left .order .text {
        height:35px;
        width:227px;
        float:left;
        border:1px solid #cfcfcf;
        margin-bottom:16px;
        padding:0 5px;
        color:#8b8b8b;
    }
    .home-page .pull-left .order div {
        width:100%;
        float:left;
    }
    .home-page .pull-left .order .reset {
        background:#cecece;
        border-radius:4px;
        border:1px solid #cecece;
        width:100px;
        height:32px;
        color:#333;
    }
    .home-page .pull-left .order .submit {
        background:#4ca7d3;
        border:1px solid #2b86b2;
        border-radius:4px;
        width:100px;
        height:32px;
        color:#fff;
    }

    .home-page .pull-left .order .success {
        font-size:14px;
        font-weight:bold;
        color:#0066cc;
    }

    .home-page .pull-left .news li {
        width:100%;
        overflow:hidden;
        border-bottom:1px solid #ccc;
    }

        .home-page .pull-left .news li a {
            width:100%;
            height:136px;
        padding:15px 0;
            display:block;
        }

            .home-page .pull-left .news li a:hover {
                background:#eaeaea;
                text-decoration:none;
            }

        .home-page .pull-left .news li img {
            float:left;
            margin-right:20px;
            width:200px;
            height:136px;
        }
        .home-page .pull-left .news li strong {
            font-size:18px;
        }
        .home-page .pull-left .news li div {
            line-height:22px;
            font-size:12px;
        }

.home-page .pull-right {
    width:293px;
    padding:20px;
    padding-right:0;
}

    .home-page .pull-right .contact {
        width:293px;
        height:439px;
        background:url(../Images/contact.jpg) no-repeat;
    }

        .home-page .pull-right .contact p {
            padding-top: 400px;
            color: #fff;
            font-size: 28px;
            font-weight: bold;
            text-align: center;
        }


.product-list {
    background:#f1eff2;
    padding:40px 0;
}

    .product-list .container {
        background:url(../Images/bg-class.jpg)  no-repeat right 0px;
        min-height:500px;
    }

    .product-list a:hover {
        text-decoration:none;
    }
    .product-list .title {
        font-size:13px;
        font-weight:bold;
        margin-top:15px;
    }
    .product-list .link {
       font-size:12px;
       line-height:18px;
       margin-bottom:10px;
    }
.product-details {
    background:#f1eff2;
    border-bottom:17px solid #eee;
}
.product-details .prev {
    width:74px;
    height:74px;
    display:block;
    position:absolute;
    margin-left:-80px;
    margin-top:250px;
    background:url(../Images/hover_left.png) no-repeat;
}
.product-details .next {
    width:74px;
    height:74px;
    display:block;
    position:absolute;
    margin-left:1136px;
    margin-top:250px;
    background:url(../Images/hover_right.png) no-repeat;
}
.product-details img {
    width:1130px;
    height:630px;

    height: auto;
    display: block;
}

         .pages {
            padding: 20px 0;
            text-align:center;
        }

                    .pages a {
                        border: 1px solid #ccc;
                        color: #444;
                        height: 28px;
                        line-height: 28px;
                        width: 28px;
                        text-align: center;
                        display: inline-block;
                        font-size: 14px;
                    }

                .pages a:hover {
                    background: #d1e5fc;
                    color: #0066cc;
                }

            .pages strong {
                height: 30px;
                line-height: 30px;
                width: 30px;
                text-align: center;
                display: inline-block;
                font-size: 14px;
                font-family: "Tahoma";
            }

            .pages .prev, .pages .next {
                width: 70px;
            }


.footer .container {
    background:url(../images/footer-logo.png) no-repeat 0 20px;
    padding:20px 0;
}

    .footer .container .pull-left {
        padding-left:120px;
        color:#9a9998;
    }
        .footer .container .pull-left a {
            color: #9a9998;
        }

.online {
    margin: 150px 0 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}
.online-tab {
    float: left;
    width: 28px;
    margin-top: 20px;
}
.online-show, .online-hide {
    height: 118px;
    width: 28px;
    display: block;
    background: url(../images/float_s.gif) no-repeat -30px -374px;
}
.online-hide {
    display: none;
    background-position: 0 -374px;
}
.online-service {
    float: left;
    width: 130px;
    text-align: center;
    display: none;
}
.online-service-head, .online-service-foot {
    height: 10px;
    background: url(../images/float_bg.gif) no-repeat;
}
.online-service-foot {
    background: url(../images/float_bg.gif) no-repeat -131px 0;
}
.online-service-body {
    width: 130px;
    background: url(../images/float_bg.gif) repeat-y -262px 0;
}
.online-service-body ul {
    margin: 0 15px;
}
.online-service-body li {
    border-bottom: 1px solid #e6e5e4;
    padding: 7px 0 2px 0;
}
.online-service-qq, .online-service-tel {
    margin: 0 15px;
    border-bottom: 1px solid #ace5f9;
    background: url(../images/float_s.gif) no-repeat 0 10px;
    height: 36px;
}
.online-service-tel {
    background-position: 0 -47px;
}
.online-icon-comment {
    height: 25px;
    width: 25px;
    display: inline-block;
    background: url(../images/float_s.gif) no-repeat 0 -138px;
    vertical-align: middle;
}
.online-service-align {
    text-align: left;
}

.validation-summary-errors li {
    color:#f00;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.admin #loginForm {
    margin-top:35px;
}

.admin #loginForm li {
    padding-top:10px;
}

.admin .login .title {
    padding-left:50px;
}
.admin .login #loginForm {
    padding-left:150px;
}

.admin .pull-left {
    width:220px;
}
    .admin .pull-left li {
        border-bottom:1px solid #eee;
    }
    .admin .pull-left a {
        font-size:14px;
        text-decoration:none;
        width:215px;
        padding-left:5px;
        height:35px;
        line-height:35px;
        display:block;
    }
        .admin .pull-left a:hover {
            background:#ccc;
        }
    .admin .pull-left .active a {
        background:#333;
    }
        .admin .pull-left .active a {
            color:#fff;
        }
        .admin .pull-left a span {
            font-family:SimSun;
            margin-right:10px;
        }

.admin .pull-right {
    width:850px;
    padding-bottom:50px;
    min-height:450px;
}
    .admin .pull-right .search {
        padding-top:10px;
    }
    .admin .pull-right .search strong {
        font-size:14px;
    }
        .admin .pull-right .submit {
            border:1px solid #a9c6c9;
            background:#d4e3e5;
        }
    .admin .pull-right .pg {
        text-align:right;
        padding:20px 0;
    }
        .admin .pull-right .pg a {
            border:1px solid #a9c6c9;
            background:#d4e3e5;
            display:inline-block;
            height:32px;
            line-height:32px;
            width:75px;
            font-size:14px;
            text-align:center;
            text-decoration:none;
        }
            .admin .pull-right .pg a:hover {
                background:#a9c6c9;
                color:#fff;
            }
            .admin .pull-right .pg a span {
                font-family:SimSun;
                margin:0 5px;
            }

.admin .location {
    padding:15px 10px;
    background:#eee;
}
    .admin .location span {
        font-family:SimSun;
        margin:0 10px;
    }

.admin .hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
    width:100%;
}
.admin .hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
.admin .hovertable tr {
	background-color:#d4e3e5;
}
.admin .hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

.admin .ui-tabs-hide {
    display:none;
}

.admin fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.admin fieldset legend {
    display: none;
}

.admin fieldset ol {
    padding: 0;
    list-style: none;
}

.admin fieldset ol li {
    padding-bottom: 5px;
}

.admin label {
    font-size: 1.2em;
    font-weight: 600;
}

.admin label.checkbox {
    display: inline;
}

.admin select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 10px 6px 0;
    padding: 4px 5px;
}

.admin .text-box, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

.admin textarea {
    font-family: inherit;
    width: 500px;
}

.admin input:focus, textarea:focus {
    border: 1px solid #7ac0da;
}

.admin input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

.admin p input[type="submit"],
.admin p input[type="button"],
.admin button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 3px 5px;
    margin-right: 8px;
    vertical-align:middle;
}

.admin td input[type="submit"],
.admin td input[type="button"],
.admin td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

.admin .message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.admin .message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.admin .message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.admin .error {
    color: #e80c4d;
}

.admin .field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.admin .field-validation-valid {
    display: none;
}

.admin input.input-validation-error {
    border: 1px solid #e80c4d;
}

.admin input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.admin .validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.admin .validation-summary-valid {
    display: none;
}

.admin table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

.admin th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

.admin th a {
    display: block;
    position: relative;
}

.admin th a:link, th a:visited, .admin th a:active, th a:hover {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
}

.admin th a:hover {
    color: #000;
}

.admin th.asc a, .admin th.desc a {
    margin-right: .75em;
}

.admin th.asc a:after, .admin th.desc a:after {
    display: block;
    position: absolute;
    right: 0em;
    top: 0;
    font-size: 0.75em;
}

.admin th.asc a:after {
    content: '▲';
}

.admin th.desc a:after {
    content: '▼';
}

.admin td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

.admin tr.pager td {
    padding: 0 0.25em 0 0;
}

.admin .editor-label {
    margin:15px 0 5px;
}
.admin .editor-field label {
    font-weight:normal;
}
.admin .submit {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 3px 5px;
    margin-right: 8px;
    vertical-align:middle;
}

.admin .delete-confirm {
    margin-top: 40px;
}

    .admin fieldset p {
        margin:25px 0;
    }