﻿@charset "utf-8";
/* CSS Document */
@import "slide.css";
@import "pager.css";
@import "common.css";
/*头部*/
.head {
    height: 156px;
    background: url(../images/head_bg.jpg) no-repeat center 0;
}

.head-t {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    padding-top: 20px;
}

.nav {
    background: url(../images/nav.jpg) repeat-x 0 0;
    height: 38px;
    border-radius: 4px;
    margin-top: 10px;
}

    .nav li {
        float: left;
        height: 34px;
        border-left: 1px solid #074181;
        position: relative;
        z-index: 99;
    }

          .nav li a {
            font-size: 15px;
            color: #fff;
            display: block;
            padding: 0 19px;
            margin-top: 3px;
            line-height: 33px;
            height: 35px;
        }


            .nav li a:hover {
                color: #246295;
                background: url(../images/nav_hover.jpg) repeat-x 0 0;
            }

        .nav li .hover {
            color: #246295;
            background: url(../images/nav_hover.jpg) repeat-x 0 0;
        }

    .nav .no-bor {
        border: 0;
        overflow: hidden;
        border-radius: 0 0 0 4px;
    }

.nav_list {
    position: absolute;
    left: -1px;
    top: 38px;
    background-color: #f7fcff;
    padding-left: 15px;
    border: 1px solid #5ba9f3;
    border-top: 0;
    display: none;
}

.nav li .nav_list a {
    color: #313538;
    font-size: 12px;
    display: inline-block;
    float: left;
    background: url(../images/l-f.jpg) no-repeat 10px center;
    padding: 0 20px;
}

    .nav li .nav_list a:hover {
        background: url(../images/l-f.jpg) no-repeat 10px center;
        color: #0062bb;
    }





/*--------------xuling20150422----------------*/
.infor {
    width: 1151px;
    margin: 0 auto;
}

.infor-t-l {
    width: 331px;
}

.infor-t-l-t {
    background: url(../images/info-t.jpg) no-repeat 0 0;
    height: 26px;
    position: relative;
}

    .infor-t-l-t h2 {
        font-size: 16px;
        color: #085faf;
    }

    .infor-t-l-t a {
        position: absolute;
        right: 0;
        top: 3px;
        font-size: 11px;
        color: #0172bf;
    }

.infor-t-l-b {
    width: 328px;
    height: 188px;
    background-color: #dbdbdb;
}

.infor-t-c {
    width: 473px;
}


/*---------20150427xuling------------*/
.info-t-r {
    width: 310px;
    height: 225px;
    background: url(../images/info-con.jpg) no-repeat center bottom;
    margin-left: 10px;
}

    .info-t-r .tel-img {
        border-bottom: 1px dashed #dbdbdb;
    }

    .info-t-r p {
        line-height: 18px;
        height: 20px;
    }

    .info-t-r .p1 {
        background: url(../images/home.jpg) no-repeat left center;
    }

    .info-t-r .p2 {
        background: url(../images/kef.jpg) no-repeat left center;
    }

    .info-t-r .p3 {
        background: url(../images/email.jpg) no-repeat left center;
    }

.infor-b {
    height: 238px;
    background-color: #f3f3f3;
    border-top: 2px solid #036fb7;
}

.infor-b-l {
}

    .infor-b-l h2 {
        color: #085faf;
        font-size: 16px;
        height: 38px;
        line-height: 38px;
    }

    .infor-b-l .movie {
        width: 237px;
        height: 189px;
    }

.infor-b-r {
    position: relative;
    width: 1100px;
}

    .infor-b-r h2 {
        color: #085faf;
        font-size: 16px;
        height: 38px;
        line-height: 38px;
    }

    .infor-b-r .a {
        position: absolute;
        right: 16px;
        top: 16px;
        font-size: 11px;
        color: #0172bf;
    }

/*底部*/
.foot {
    height: 120px;
    background-color: #055eba;
    margin-top: 12px;
    text-align: center;
    line-height: 120px;
    padding-top: 0;
    color: #bae4ff;
}

    .foot a {
        color: #bae4ff;
    }
    .foot span {
        color:#fff;
    }

.banner {
    height: 190px;
}

.center {
    width: 1000px;
    margin: 0 auto;
}

.center-l {
    width: 233px;
}

.lnav-ti {
    background: url(../images/lnav-ti.jpg) no-repeat 0 0;
    height: 44px;
    color: #fff;
}

    .lnav-ti h2 {
        font-size: 20px;
    }

.lnav-list {
    border: 1px solid #c1c1c1;
    border-top: 0;
}

    .lnav-list li {
        border-top: 1px solid #c1c1c1;
    }

    .lnav-list .lnav-h2 {
        line-height: 28px;
        background: url(../images/lnav-1.jpg) repeat-x 0 0;
        padding-left: 18px;
    }

    .lnav-list li a {
        font-size: 14px;
    }

    .lnav-list li .s1 {
        width: 5px;
        height: 9px;
        background: url(../images/lnav-ll.png) no-repeat 0 0;
        margin-right: 7px;
        display: inline-block;
        float: left;
        margin-top: 11px;
    }

    .lnav-list li .cuer .s1 {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }

    .lnav-list .lnav-h2:hover {
        background: url(../images/lnav-2.jpg) repeat-x 0 0;
    }

        .lnav-list .lnav-h2:hover .s1 {
            background: url(../images/lnav-ll1.png) no-repeat 0 0;
        }

        .lnav-list .lnav-h2:hover a {
            color: #fff;
        }

    .lnav-list .cur .lnav-h2 {
        background: url(../images/lnav-2.jpg) repeat-x 0 0;
    }

    .lnav-list .cur a {
        color: #fff;
    }

    .lnav-list .cur .s1 {
        background: url(../images/lnav-ll1.png) no-repeat 0 0;
    }

    .lnav-list .s2 {
        background: url(../images/ffff.jpg) no-repeat 0 0;
        width: 8px;
        height: 5px;
        display: inline-block;
        margin-right: 7px;
        float: left;
        margin-top: 12px;
    }

.slid-nav {
    padding: 0 0 5px 0;
    border-top: 1px solid #c1c1c1;
    display: none;
}

.cur .slid-nav {
    display: block;
}

    .cur .slid-nav a {
        color: #333;
    }

.slid-nav a:hover {
    background: none;
    color: #900;
}

.slid-nav dd {
    line-height: 26px;
    margin-left: 25px;
    margin-right: 26px;
    border-bottom: 1px dotted #ababab;
}

.quick {
    background: url(../images/quick.jpg) no-repeat 0 0;
    height: 30px;
    color: #fff;
    padding-top: 5px;
    margin-top: 10px;
}

    .quick h2 {
        font-size: 20px;
        display: inline-block;
        padding: 0 10px 0 15px;
        *display: inline;
    }

    .quick span {
    }

.quick-list {
    border: 1px solid #c3c3c3;
}

    .quick-list a {
        display: inline-block;
        padding-bottom: 15px;
    }

    .quick-list img {
        border: 1px solid #dcdedd;
    }

.quick-lisct {
    background-color: #f6f6f6;
    padding: 15px 0 0 15px;
}

.contact {
    background: url(../images/info-con.jpg) no-repeat center bottom;
    padding-bottom: 80px;
    padding-top: 10px;
}

    .contact .b-tel {
        border-bottom: 1px dotted #e4e4e4;
        padding: 3px 0;
    }

    .contact p {
        line-height: 20px;
    }

    .contact span {
        display: inline-block;
        padding: 0 5px;
    }

.center-r {
    width: 759px;
    border: 1px solid #dbdbdb;
    margin-top: 6px;
}

.center-r-ti {
    background: url(../images/title.jpg) repeat-x 0 0;
    height: 37px;
    border-bottom: 2px solid #036fb7;
    position: relative;
}

.r-nav {
    position: absolute;
    right: 20px;
    top: 9px;
    font-size: 14px;
}

    .r-nav span {
        color: #055eba;
    }

.center-ti-h4 {
    background: url(../images/ti-h.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: -6px;
    width: 145px;
    height: 44px;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    padding-left: 15px;
}

/*20150507xuling*/
.center-ti-h4 {
    background: url(../images/ti-h4.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: -6px;
    width: 200px;
    height: 44px;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    padding-left: 15px;
}
.center-ti-h6 {
    background: url(../images/ti-h6.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: -6px;
    width: 200px;
    height: 44px;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    padding-left: 15px;
}
.center-ti-h8 {
    background: url(../images/ti-h8.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: -6px;
    width: 200px;
    height: 44px;
    color: #fff;
    font-size: 20px;
    line-height: 44px;
    padding-left: 15px;
}

.c-list {
    padding: 15px 0;
}

    .c-list li {
        width: 229px;
        text-align: center;
        float: left;
        margin: 16px 0 0 17px;
    }

        .c-list li img {
            width: 229px;
            height: 160px;
        }

        .c-list li h2 {
            height: 33px;
            line-height: 33px;
            background-color: #f6f5f6;
            color: #000;
            font-size: 14px;
        }

.news_view {
    padding: 0 10px;
}

.view-ti {
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 6px;
}

    .view-ti h2 {
        font-size: 22px;
        padding: 30px 0;
    }

    .view-ti span {
        display: inline-block;
        padding-right: 20px;
    }

.content-view {
    padding: 15px 30px;
}

.content-view {
    line-height: 24px;
}

.news-list {
    padding: 10px;
}

    .news-list li {
        border-bottom: 1px dotted #ababab;
        height: 24px;
        line-height: 24px;
        padding-top: 4px;
        position: relative;
        /*background: url(../images/lnav-ll.png) no-repeat 5px 12px;*/
        padding-left: 20px;
        font-size: 14px;
    }

        .news-list li span {
            position: absolute;
            right: 0;
            top: 4px;
        }



/* #CONTACT
================================================== 20141225*/
.newscontact {
    overflow: hidden;
    width: 600px;
}

.u-reg-info {
    margin-top: 20px;
}

    .u-reg-info table {
        width: 550px;
    }

    .u-reg-info th {
        text-align: right;
        font-size: 14px;
        font-weight: lighter;
        line-height: 50px;
        width: 100px;
    }

    .u-reg-info td {
        padding: 5px 12px 5px 12px;
        text-align: left;
        font-weight: normal;
        width: 600px;
    }

    .u-reg-info input {
        float: left;
        display: inline;
        margin-right: 5px;
        padding: 0 5px 0 5px;
        height: 22px;
        line-height: 22px;
        border-left: 1px #000 solid;
        border-top: 1px #000 solid;
        border-right: 1px #EEE solid;
        border-right: 1px #EEE solid;
    }

    .u-reg-info .input-long {
        width: 568px;
        border: 1px solid #8a8a8a;
        font-size: 16px;
    }

    .u-reg-info .input-in {
        width: 170px;
        border: 1px solid #8a8a8a;
        font-size: 16px;
    }

    .u-reg-info .input-btn {
        float: left;
        display: inline;
        margin-left: 5px;
        width: 150px;
        height: 35px;
        line-height: 35px;
        cursor: pointer;
        border: none;
        background: url(../images/sumit.png);
        text-align: center;
        font-weight: 900;
        color: #fff;
        margin: 20px 0 0 250px;
    }

    .u-reg-info span, .u-reg-info label {
        float: left;
        display: inline;
        margin-right: 5px;
        padding: 0 2px 0 2px;
        height: 20px;
        line-height: 20px;
    }

    .u-reg-info .span-required {
        color: #FF0000;
    }

    .u-reg-info .span-tip {
        color: #AAA;
    }

    .u-reg-info textarea {
        padding: 5px;
        width: 400px;
        height: 212px;
        border: 1px #8a8a8a solid;
        font-size: 16px;
        height: 200px;
    }

    .main-img{ position:fixed; right:-2px; top:400px; z-index: 100; width: 135px; height: 170px;margin-right:20px;z-index:9000;}