@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

img {
    border: none;
}

body {
    font-family: '微软雅黑';
    font-size: 12px;
}

.font1 {
    font-size: 12px;
    font-family: '宋体';
    color: #666666;
}

.font2 {
    font-size: 14px;
}

.font3 {
    font-size: 16px;
}

.color1 {
    color: #cccccc;
}

.color2 {
    color: #de0e0a;
}

.container {
    /*width: 1220px;*/
    margin: 0 auto;
    clear: both;
}

.clear {
    height: 20px;
    width: 100%;
    clear: both;
}

.position {
    position: relative;
}

.main {
    min-width: 1220px;
}

/*   header  */
.header {
    height: 197px;
}

.top {
    height: 40px;
    background-color: #d4d4d4;
    line-height: 40px;
    clear: both;
}

    .top a {
        margin: 0 10px;
        color: #de0e0a;
    }

    .top .login {
        color: #272727;
    }

    .top .top-l {
        float: left;
        width: 50%;
        text-align: left;
    }

    .top .top-r {
        float: right;
        width: 50%;
        text-align: right;
    }

.logo {
    height: 103px;
}

    .logo .logo-l {
        float: left;
        width: 450px;
        margin: 12px 0 0 22px;
    }

    .logo .logo-r {
        float: right;
        width: 133px;
        margin: 9px 45px 0 0;
    }

.menu {
    height: 54px;
    background-color: #272727;
}

    .menu .menulist {
        width: 970px;
        float: right;
    }

        .menu .menulist li {
            float: left;
            text-align: center;
            margin-left: 10px;
            width: 80px;
        }

.menulist li span {
    display: block;
    font-size: 12px;
}

.menulist li a {
    display: block;
    width: 97px;
    font-size: 16px;
    color: #f3f2f2;
    padding-top: 9px;
    height: 45px;
}

    .menulist li a:hover {
        background-color: #414141;
    }

.menulist li .abg {
    background-color: #414141;
}

.member-login {
    width: 156px;
    background: #c90304 url(../images/index01.jpg) no-repeat 182px 25px;
    display: block;
    float: left;
    cursor: pointer;
    height: 54px;
    line-height: 54px;
    color: #f3f2f2;
    padding-left: 75px;
    position: absolute;
    z-index: 999999;
    left: 0;
}

.member {
    position: absolute;
    left: 0;
    top: 54px;
    display: none;
    width: 219px;
    height: 338px;
    background: url(../images/login.png) top center no-repeat;
    z-index: 999999;
    padding-left: 12px;
    padding-top: 66px;
}

    .member span {
        display: block;
    }

    .member .text {
        height: 29px;
        width: 175px;
        margin-bottom: 24px;
        border: none;
        background-color: transparent;
        padding-left: 35px;
        line-height: 29px;
    }

    .member .code {
        letter-spacing: 2px;
        color: #fff;
        font-family: '宋体';
    }

    .member .text1 {
        width: 83px;
        height: 27px;
        border: none;
        background: url(../images/index03.png) top center no-repeat;
        margin-left: 5px;
    }

    .member .code-img {
        float: right;
        margin-right: 12px;
    }

.btn {
    width: 208px;
    height: 35px;
    background: url(../images/index05.jpg) top center no-repeat;
    border: none;
    margin-top: 23px;
    cursor: pointer;
}

.member p {
    height: 28px;
    line-height: 28px;
}

    .member p a {
        display: inline-block;
        width: 48%;
        text-align: center;
        color: #414141;
        font-family: '宋体';
    }

.member .share {
    margin-top: 46px;
}

    .member .share a {
        margin-left: 8px;
    }


/*  bottom  */
.bottom {
    /*height: 250px;*/
    background-color: #3b3c3d;
    border-bottom: 1px solid #000;
    clear: both;
    padding-top: 15px;
}

    .bottom dl {
        float: left;
        /*height: 250px;*/
    }

    .bottom .dl1 {
        width: 210px;
        margin-left: 75px;
    }

    .bottom .dl2 {
        width: 188px;
    }

    .bottom .dl3 {
        width: 330px;
    }

    .bottom .dl4 {
        width: 200px;
    }

    .bottom .dl5 {
        width: 205px;
    }

    .bottom dt {
        color: #cccccc;
        font-size: 16px;
        height: 35px;
        line-height: 35px;
    }

    .bottom dd a {
        color: #cccccc;
        line-height: 20px;
    }

/*  footer */
.footer {
    background-color: #272727;
    border-top: 1px solid #595959;
    text-align: center;
    padding-top: 20px;
    clear: both;
}

    .footer a {
        color: #ccc;
        margin: 0 10px;
    }

    .footer p {
        padding-bottom: 20px;
    }

/*    index    */
.item1 {
    height: 200px;
    background: url(../images/index04.jpg) top center repeat-x;
    margin-top: 5px;
}

.arc {
    height: 200px;
    background: url(../images/index06.jpg) top center no-repeat;
}

    .arc li {
        width: 260px;
        margin: 0 22px;
        padding-top: 17px;
        float: left;
    }

        .arc li span {
            display: block;
            color: #f64f4c;
            font-size: 18px;
            height: 50px;
            line-height: 50px;
            padding-left: 95px;
            margin-bottom: 30px;
        }

        .arc li p {
            font-size: 14px;
            color: #504f4f;
            line-height: 19px;
        }

        .arc li .span1 {
            background: url(../images/index07.jpg) no-repeat;
            background-position: 6px;
        }

        .arc li .span2 {
            background: url(../images/index08.jpg) no-repeat;
            background-position: 6px;
        }

        .arc li .span3 {
            background: url(../images/index09.jpg) no-repeat;
            background-position: 6px;
        }

        .arc li .span4 {
            background: url(../images/index10.jpg) no-repeat;
            background-position: 6px;
        }

.cen {
    height: 280px;
}

    .cen .cen-l {
        width: 440px;
        float: left;
    }

    .cen .cen-r {
        width: 762px;
        float: right;
    }

.recommend {
    height: 174px;
    background: url(../images/index12.jpg) top center no-repeat;
    padding-left: 50px;
    width: 1170px;
}

/*   product  */
.location {
    height: 39px;
    line-height: 39px;
    color: #c90304;
}

    .location a {
        color: #c90304;
    }

.innerbanner {
    height: 221px;
    margin-top: 10px;
}

.center {
    background-color: #f4f4f4;
}

    .center .left {
        width: 289px;
        float: left;
    }

    .center .right {
        width: 923px;
        float: right;
        border-left: 5px solid #fff;
        min-height: 650px;
    }

    .center .left-img {
        display: block;
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 5px solid #fff;
    }

    .center .leftnav {
        padding-bottom: 5px;
    }

        .center .leftnav li {
            height: 40px;
            line-height: 40px;
            border-bottom: 5px solid #fff;
        }

.leftnav li a {
    color: #c90304;
    padding-left: 18px;
    font-size: 16px;
}

.center dt {
    height: 35px;
    line-height: 35px;
    padding-left: 19px;
    color: #c90304;
}

.center dd {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding-left: 35px;
}

    .center dd a {
        color: #c90304;
    }

.right .proname {
    display: block;
    height: 70px;
    line-height: 70px;
    color: #8f8d8d;
    font-size: 18px;
    background: url(../images/index14.jpg) no-repeat;
    padding-left: 58px;
    background-position: 2px;
    border-bottom: 1px solid #bcbcbc;
    border-bottom-style: dashed;
    clear: both;
}

.prolist {
    padding: 10px 0 0 10px;
}

    .prolist li {
        width: 206px;
        background-color: #fff;
        height: 275px;
        float: left;
        text-align: center;
        margin-left: 15px;
    }

        .prolist li a, .prolist li span {
            display: block;
            color: #c90304;
        }

    .prolist .protitle {
        height: 25px;
        line-height: 25px;
        margin: 10px 0 3px;
    }

.page {
    height: 70px;
    line-height: 70px;
    text-align: center;
    clear: both;
}

    .page a {
        padding: 5px 10px;
        border: 1px solid #dddddd;
        margin-right: 8px;
        background-color: #fff;
        color: #505050;
    }

        .page a:hover {
            background-color: #ba0702;
            color: #fff;
        }

    .page .pager {
        background-color: #ba0702;
        color: #fff;
    }

.arc1-top {
    padding-top: 25px;
}

.arc1-l {
    float: left;
    width: 350px;
    margin-left: 57px;
}

.arc1-r {
    float: right;
    width: 400px;
    margin-right: 85px;
    color: #8f8d8d;
    font-size: 14px;
    line-height: 34px;
}

    .arc1-r span {
        display: block;
    }

    .arc1-r .protitle1 {
        font-size: 18px;
        color: #c90304;
        padding-bottom: 20px;
        border-bottom: 1px solid #c90304;
        border-bottom-style: dashed;
        margin-bottom: 30px;
    }

.arc1-bottom {
    padding: 0 17px;
    color: #c90304;
}

    .arc1-bottom .detail {
        display: block;
        height: 27px;
        line-height: 27px;
        background-color: #fff;
        font-size: 16px;
        padding-left: 14px;
    }

.arc2 {
    padding: 30px 25px 60px 35px;
    line-height: 26px;
}


/*   news    */
.left1 {
    float: left;
    width: 210px;
    border: 1px solid #dddddd;
}

.right1 {
    float: right;
    width: 983px;
    border: 1px solid #ebebeb;
}

.leftname {
    display: block;
    height: 30px;
    background-color: #f5f5f5;
    line-height: 30px;
    border-bottom: 1px solid #dddddd;
    padding-left: 10px;
    font-size: 14px;
    color: #505252;
    margin-bottom: 15px;
}

.left1 .leftname font {
    font-size: 12px;
    color: #c5c5c5;
    font-weight: bold;
    margin-left: 2px;
}

.left1 dl {
    width: 190px;
    margin-left: 10px;
    padding-bottom: 15px;
}

.left1 dt {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d6d6d6;
    border-bottom-style: dashed;
    font-size: 14px;
    color: #505252;
    padding-left: 35px;
}

.left1 dd {
    height: 26px;
    line-height: 26px;
    padding-left: 27px;
    background: url(../images/index19.jpg) no-repeat;
    background-position: 17px;
}

    .left1 dd a {
        color: #666666;
    }

        .left1 dd a:hover {
            color: #a10000;
        }

    .left1 dd .aabg {
        color: #a10000;
    }

.left1 .dt1 {
    background: url(../images/index15.jpg) no-repeat;
    background-position: 10px;
}

.left1 .dt2 {
    background: url(../images/index16.jpg) no-repeat;
    background-position: 10px;
}

.left1 .dt3 {
    background: url(../images/index17.jpg) no-repeat;
    background-position: 10px;
}

.left1 .dt4 {
    background: url(../images/index18.jpg) no-repeat;
    background-position: 10px;
}

.n-list {
    padding: 10px 20px 30px;
}

    .n-list li {
        height: 32px;
        line-height: 32px;
        border-bottom: 1px solid #d5d5d5;
        border-bottom-style: dashed;
    }

        .n-list li a {
            display: inline-block;
            padding-left: 12px;
            color: #666666;
            width: 820px;
            float: left;
        }

        .n-list li span {
            display: inline-block;
            float: right;
            width: 110px;
            text-align: center;
            color: #666;
        }

        .n-list li:hover a, .n-list li:hover span {
            color: #c90304;
        }

.right-title {
    height: 33px;
    border-bottom: 1px solid #d5d5d5;
    border-bottom-style: dashed;
}

    .right-title span {
        display: block;
        font-size: 16px;
        font-weight: bold;
        width: 90px;
        height: 23px;
        line-height: 21px;
        text-align: center;
        background: url(../images/index20.jpg) top center no-repeat;
        color: #fff;
    }


/*   login   */
.login1 {
    border: 1px solid #ebebeb;
    background: url(../images/test08.jpg) right center no-repeat;
    min-height: 540px;
}

.login1-top {
    height: 50px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f4f4f4;
    line-height: 50px;
}

    .login1-top a {
        display: inline-block;
        padding: 0 25px 0 29px;
        font-size: 14px;
        color: #2d2d2d;
        height: 48px;
        border-top: 2px solid #fbfbfb;
    }

        .login1-top a:hover {
            border-top: 2px solid #cd2f2e;
            background-color: #fff;
        }

    .login1-top .aaabg {
        border-top: 2px solid #cd2f2e;
        background-color: #fff;
    }

.wel {
    display: block;
    border-bottom: 1px solid #f4f4f4;
    height: 50px;
    line-height: 50px;
    color: #ababab;
    font-size: 14px;
    padding-left: 48px;
}

.form {
    font-size: 14px;
}

    .form .text3 {
        height: 30px;
        width: 250px;
        border: 1px solid #abadb3;
        background-color: #fbfbfb;
        padding-left: 10px;
    }

    .form span {
        color: #f00;
        margin-left: 14px;
    }

    .form td {
        border-bottom: 1px solid #f4f4f4;
    }

.text4 {
    height: 30px;
    width: 155px;
    border: 1px solid #abadb3;
    background-color: #fbfbfb;
    padding-left: 10px;
}

.form img {
    float: right;
    margin-right: 340px;
}

.btn1 {
    width: 119px;
    height: 40px;
    border: none;
    background: url(../images/index22.jpg) top center no-repeat;
    cursor: pointer;
}

.btn2 {
    width: 119px;
    height: 40px;
    border: none;
    background: url(../images/login1.png) top center no-repeat;
    cursor: pointer;
}
.contact {background:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.contact h2{font-size: 34px; font-weight: 500;letter-spacing: 3px;padding-top: 70px ;text-align: center;}

#contact_form {padding:25px;}

#ff label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input {display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#000;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;}

textarea {display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;	border:1px solid #5f5f5f;padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#FE9B13;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:100px;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.8;}