﻿* {
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    line-height: 23px;
}

input, select, textarea, button {
    outline: none;
}

   .cx-sub textarea::-webkit-input-placeholder {
        color: #fff;
    }

   .cx-sub textarea:-moz-placeholder {
        color: #fff;
    }

  .cx-sub textarea::-moz-placeholder {
        color: #fff;
    }

   .cx-sub textarea:-ms-input-placeholder {
        color: #fff;
    }

a, li {
    text-decoration: none;
    list-style-type: none;
}

a {
    color: #262626;
}

    a:hover {
        color: #ec6f4d;
    }

.max100 {
    width: 100%;
}

.w1150 {
    width: 1150px;
    margin: 0 auto;
}

.head-hy {
    background: #141111;
    overflow: hidden;
    color: #fff;
    height: 25px;
    line-height: 25px;
}

.head-hy-l {
    float: left;
}

.head-hy-r {
    float: right;
}

    .head-hy-r .head-hy-l {
        margin-left: 20px;
    }

    .head-hy-r .select {
        background: #141111;
        color: #fff;
        border: none;
        height: 25px;
        line-height: 25px;
    }

        .head-hy-r .select option:hover {
            background: #141111 !important;
        }

.icos {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.hrad-nav-logo {
    height: 91px;
}

.hrad-logo {
    width: 271px;
    height: 91px;
    float: left;
}

.hrad-nav {
    float: right;
}

#nav {
    height: 91px;
    text-align: center;
    clear: both;
    margin: 0;
    float: left;
}

    #nav ul {
        width: 630px;
        margin: 0 auto;
    }

    #nav li {
        float: left;
        height: 91px;
        position: relative;
    }

        #nav li.line_off {
            background: none;
        }

    #nav a {
        display: block;
        float: left;
        text-decoration: none;
        color: #141111;
        width: 90px;
        outline: none;
        position: relative;
        font-size: 14px;
        text-align: left;
    }

    #nav > ul > li > a {
        margin-top: 36px;
        text-align: center;
    }

    #nav a:hover, #nav .active a, #nav li.sfhover a {
        color: #ec6f4d;
        text-decoration: none;
    }

    #nav a span {
        font-size: 8px;
        -webkit-text-size-adjust: none;
        line-height: 12px;
        padding-bottom: 15px;
        display: block;
        font-weight: 300;
        cursor: pointer;
        position: relative;
    }

    #nav .n {
        width: 16px;
        height: 51px;
        float: left;
    }

    #nav li ul::before {
        content: "▲";
        left: 45%;
        color: #000000;
        top: -15px;
        position: absolute;
        z-index: 111;
        font-size: 15px;
    }

    #nav li ul {
        display: none;
        position: absolute;
        top: 91px;
        left: -40px;
        width: 180px;
        padding: 10px 0;
        background: #000000;
        z-index: 11;
    }
    #nav li .minwi {
     width: 80px; left: 0px;
    }

        #nav li ul li {
            line-height: 30px;
            height: 30px;
            margin: 0;
            background-image: none;
            position: relative;
            z-index: 2;
        }

        #nav li ul a, #nav li.active ul a, #nav li.sfhover ul a {
            background: none;
            height: auto;
            color: #fff;
            line-height: 24px;
            width: 180px;
            font-size: 13px;
            float: none;
            margin-left: 12px;
        }

            #nav li ul a:hover { /*background:#ec6f4d;*/
                color: #ec6f4d;
            }

        #nav li ul .t {
            position: relative;
            z-index: 2;
            top: 14px;
            left: 0;
            width: 116px;
            height: 4px;
            font-size: 0;
            line-height: 0;
            overflow: hidden;
            background: url(images/nav2.png) no-repeat -116px 0;
            _background: url(images/nav2_2.png) no-repeat;
        }

        #nav li ul .navs {
            padding-left: 18px;
            position: relative;
        }

            #nav li ul .navs a {
                color: #949494;
            }

                #nav li ul .navs a:hover {
                    color: #ec6f4d;
                }

            #nav li ul .navs::after {
                content: "▶";
                position: absolute;
                left: 16px;
                color: #949494;
                top: -5px;
            }

.hrad-zxfs {
    float: right;
    width: 150px;
}

    .hrad-zxfs i {
        font-size: 20px;
        color: #b3b3b3;
        line-height: 91px;
        margin: 0 10px;
    }

        .hrad-zxfs i:hover {
            color: #ec6f4d;
        }

.banner-box {
    min-width: 100%;
    height: 586px;
    position: relative;
    overflow: hidden;
}

    .banner-box .bd {
        width: 100% !important;
    }

        .banner-box .bd ul {
            padding: 0;
            margin: 0;
        }

        .banner-box .bd li .m-width {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
        }

        .banner-box .bd li {
            width: 100% !important;
            height: 586px;
        }

            .banner-box .bd li a {
                display: block;
                background-size: auto;
                height: 586px;
            }

.banner-btn {
    width: 1210px;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -605px;
}

    .banner-btn a {
        display: block;
        width: 49px;
        height: 104px;
        position: absolute;
        top: 0;
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;
    }

        .banner-btn a.prev {
            left: 20px;
            background: url(../images/foot.png) no-repeat 0 0;
        }

        .banner-btn a.next {
            right: 20px;
            background: url(../images/foot.png) no-repeat -49px 0;
        }

.banner-box .hd {
    position: absolute;
    top: 390px;
    left: 46%;
}

    .banner-box .hd ul li {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        text-indent: -9999px;
        margin-right: 15px;
        float: left;
        cursor: pointer;
        border: 1px solid #ccc;
    }

        .banner-box .hd ul li.on {
            background: #ec6f4d;
            border: 1px solid #ec6f4d;
        }

.banner {
    width: 100%;
    height: 384px;
}

    .banner img {
        width: 100%;
    }

.cx-gg {
    position: relative;
}

    .cx-gg .cx {
        position: absolute;
        top: -193px;
        width: 420px;
        background: rgba(245, 89, 0, 0.65);
        height: 192px;
        border-radius: 10px 10px 0 0;
     
    }

.cx-sub {
   padding: 15px 20px;
}

    .cx-sub h2 {
        color: #fff;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .cx-sub textarea {
        border: 1px solid #fff;
        background: none;
        resize: none;
        width: 360px;
        height: 100px;
        color: #fff;
        padding: 10px;
    }

.cx-form {
    position: relative;
}

    .cx-form button {
        position: absolute;
        right: 10px;
        bottom: 10px;
        border: 1px solid #fff;
        background: none;
        padding: 5px 10px;
        color: #fff;
        border-radius: 5px;
    }

.bianyv {
  
    line-height: 37px;
    color: #fff;
    height: 37px;
    background:#f55900;
    padding:0 20px;
}

.gg {
    width: 730px;
    right: 0;
    background: #e94f17;
    height: 75px;
    position: absolute;
    top: -40px;
}

.gg-li {
    float: left;
}

.ggti {
    background: #de3b00;
    line-height: 75px;
    height: 75px;
    padding: 0 10px;
    font-size: 15px;
    color: #fff;
}

    .ggti i {
        font-size: 20px;
        margin-right: 5px;
    }

.icoxx {
    line-height: 75px;
    height: 75px;
    padding: 0 10px;
    font-size: 15px;
    color: #fedb41;
}

.newsli {
    width: 570px;
    position: relative;
}

.smarticker1 ul li a {
    color: #fff;
    font-size: 12px;
    position: relative;
    display: block;
}

    .smarticker1 ul li a span {
        position: absolute;
        right: -100px;
    }

.smarticker1 {
    position: absolute;
    top: 24px;
    height: 18px;
    overflow: hidden;
}

.prbjs {
    background: #f2f2f2;
    padding-top: 80px;
    padding-bottom: 50px;
}

.prfw {
    /*overflow: hidden;*/
}

.nr-title {
    text-align: center;
	
}

    .nr-title b {
        color: #222222;
        font-size: 24px;
    }

    .nr-title span {
        display: inline-block;
        height: 3px;
        width: 45px;
        background: #c3c3c3;
        margin-top: 20px;
    }

.nr-title {
    color: #c3c3c3; margin-top:10px;
}

.pr-li {
    margin-top: 30px;
}

.scrolllist {
    width: 1150px;
    height: 289px;
    margin: 0 auto;
    position: relative;
}

    .scrolllist .imglist_w {
        width: 1150px;
        height: 289px;
        overflow: hidden;
        float: left;
        position: relative; /*必要元素*/
    }

        .scrolllist .imglist_w ul {
            width: 20000px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .scrolllist .imglist_w li {
            width: 395px;
            height: 289px;
            float: left;
            position: relative;
        }

            .scrolllist .imglist_w li img {
            }

            .scrolllist .imglist_w li em {
                position: absolute;
                width: 361px;
                height: 289px;
                background: rgba(20, 17, 17, 0.48);
                transition: 1s;
                left: 0;
                top: 0;
                z-index: 11;
            }

                .scrolllist .imglist_w li em:hover, .scrolllist .imglist_w li:hover em {
                    background: rgba(236, 111, 77, 0.48);
                }

            .scrolllist .imglist_w li div {
                width: 361px;
                position: relative;
                z-index: 111;
                text-align: center;
            }

            .scrolllist .imglist_w li a {
                color: #fff;
                font-size: 20px;
                display: inline-block;
                margin-top: 95px;
                z-index: 111;
            }

            .scrolllist .imglist_w li div p a {
                margin-top: 10px !important;
                font-size: 14px;
                margin-right: 15px;
            }

a.abtn {
    display: block;
    height: 68px;
    width: 28px;
    top: 110px;
    position: absolute;
}

a.aleft {
    left: -40px;
    background: url(../images/p-l.jpg)center no-repeat;
}

    a.aleft:hover {
        left: -40px;
        background: url(../images/p-l-h.jpg)center no-repeat;
    }
/*a.agrayleft { cursor: default;background:none}*/
a.aright {
    right: -40px;
    background: url(../images/p-r.jpg)center no-repeat;
}

    a.aright:hover {
        right: -40px;
        background: url(../images/p-r-h.jpg)center no-repeat;
    }
/*a.agrayright { cursor: default; background:none}*/


.ind-about {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}

.ind-about-info {
    margin-top: 30px;
}

    .ind-about-info .about-mv {
        float: left;
        width: 435px;
        height: 278px;
        margin-right: 40px;
    }

ind-about-info .about-mv img {
    width: 100%;
}

.ind-about-info .about-info {
    width: 675px;
    float: left;
    font-size: 13px;
    line-height: 25px;
}

.xiangqing {
    color: #949494;
    display: block;
    margin-top: 8px;
}

.youshi {
    background: #e55028 url(../images/youshi.jpg)center no-repeat;
    height: 340px;
    padding-top: 40px;
}

.lisn b {
    color: #fff !important;
}

.lisn span {
    background: #fff !important;
}

.youshi .you {
    text-align: center;
    margin-top: 40px;
}

.nd-news {
    padding: 40px 0;
    overflow: hidden;
}

.news-li {
    margin-top: 30px;
}

.linews {
    width: 365px;
    margin-right: 25px;
    float: left;
}

.neicimg {
    width: 100%;
    margin-bottom: 10px;
}

    .neicimg img {
        width: 100%;
        border: 3px solid #eeeeee;
    }

.linews ul li {
    line-height: 20px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
    margin-top: 10px;
}

.linews ul li {
    font-size: 13px;
}

    .linews ul li span {
        color: #adabae;
        font-size: 12px;
    }

.hzkh {
    padding: 30px 0;
    overflow: hidden;
}



.khli {
    width: 1300px;overflow: hidden; height: 140px;margin: 0 auto;position: relative;top:30px
}
.roll ul{position: absolute;top: 0;left: 0;}

    .khli ul li {
        width: 201px;
        height: 93px;
        border: 1px solid #e6e6e6;
        float: left;
        overflow: hidden;
        margin-right: 33px;
        margin-bottom: 33px;
    }

        .khli ul li img {
        }

.foot {
    background: #222222;
    height: 300px;
}

.foot-info {
    padding: 30px 0;
    overflow: hidden;
}

.cxjg {
    width: 350px;
    float: left;
}

.fot-ti {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}

.fot-jg-info {
    font-size: 13px;
    color: #fff;
    margin: 20px 0;
}

.foot-form {
    padding-top: 20px;
}

.fottxt {
    padding: 10px;
    width: 160px;
    border: none;
}

.ui-select {
    margin-left: -5px;
    padding: 9px;
    width: 90px;
    border: none;
    border-left: 1px solid #949494;
}

.foot-sub {
    background: #ec6f4d;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 8px 25px;
    margin-left: -5px;
    position: relative;
    top: 1px;
}

.foot-nav {
    float: left;
    margin-left: 50px;
}

    .foot-nav ul {
        margin-top: 20px;
    }

        .foot-nav ul a {
            color: #fff;
        }

            .foot-nav ul a:hover {
                color: #ec6f4d;
            }

.foot-com {
    float: left;
    margin-left: 80px;
    width: 335px;
}

    .foot-com ul {
        margin-top: 20px;
    }

        .foot-com ul li {
            color: #fff;
        }

    .foot-com i {
        margin-right: 5px;
    }

.foor-wx {
    float: left;
    margin-left: 50px;
}

.wxewm {
    margin-top: 30px;
}

.footbq {
    border-top: 1px solid #393939;
    text-align: center;
    color: #fff;
    padding-top: 8px;
}

    .footbq a {
        color: #fff;
        margin-left: 20px;
    }

.nr-nav {
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin-top: 10px;
}

    .nr-nav a {
        font-size: 13px;
    }

    .nr-nav span {
        display: inline-block;
        width: 1px;
        height: 20px;
        background: #d1d1d1;
        position: relative;
        top: 5px;
        margin: 0 15px;
    }

    .nr-nav .current {
        color: #ec6f4d;
    }

.nr-navb {
    margin-top: 10px;
    text-align: center;
    position: relative;
}

    .nr-navb>ul>li {
        display: inline-block;
        position: relative;
        padding-bottom:20px;
    }

        .nr-navb li > a {
            padding: 4px 15px;
            border: #d1d1d1 solid 1px;
            font-size: 13px;
            margin: 0 5px;
            display: inline-block;
            border-radius: 5px;
            position: relative;
        }
    .nr-navb > li > .lsxs li {
    display:block;
    }

    .nr-navb .lsxs {
        background: #ec6f4d;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        width: 150px;
        position: absolute;
        top: 35px;
        left: 5%;
        display: none;
       transition: 1s;z-index:1111;
        text-align:left !important;
    }

        .nr-navb .lsxs li a {
            border: none;
            padding: 0;
            color: #fff;
            text-align:left !important;
        }

        .nr-navb .lsxs::before {
            content: " ";
            left: 45%;
            color: #ec6f4d;
            top: -15px;
            position: absolute;
            z-index: 111;
            font-size: 15px;
        }

    .nr-navb .current {
        background: #ec6f4d;
        color: #fff;
    }
     /*.nr-navb:hover> li > .lsxs {
        display: block;
    }
    .nr-navb li:hover > .lsxs {
        display: block;
    }
.lsxs:hover {
display:block;
}*/
.content {
    overflow: hidden;
    padding: 20px 0;
}

.cn-title {
    margin: 20px 0;
}

    .cn-title b {
        font-size: 22px;
        color: #000;
        font-weight: 300;
    }

    .cn-title span {
        height: 3px;
        width: 50px;
        background: #ec6f4d;
        display: block;
        margin-top: 5px;
    }

.fwjs {
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
}

.cxwz {
    padding: 5px 20px;
    background: #ec6f4d;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
}

    .cxwz:hover {
        color: #fff;
    }

.cont-li {
    overflow: hidden;
    margin-bottom: 30px;
    background: #f2f2f2;
}

    .cont-li .fgsimg {
        width: 572px;
        float: left;
        height: 380px;
    }

    .cont-li .gsxx {
        padding: 30px 20px;
        width: 538px;
        float: left;
    }

.list {
    overflow: hidden;
}

    .list li {
        padding: 15px 0;
        border-bottom: 1px dotted #d1d1d1;
        overflow: hidden;
    }

        .list li .adtime {
            width: 70px;
            height: 65px;
            background: #ec6f4d;
            float: left;
            color: #fff;
            text-align: center;
        }

            .list li .adtime b {
                font-size: 24px;
                padding-top: 10px;
                display: block;
            }

.li-info {
    float: left;
    margin-left: 20px;
    width: 1060px;
}

    .li-info p {
        font-size: 15px;
    }

    .li-info span {
        font-size: 13px;
        color: #7c7c7c;
    }

.paging {
    margin: 10px auto;
    text-align: center;
}

    .paging a {
        padding: 3px 10px;
        border: 1px solid #d1d1d1;
        font-size: 13px;
        margin: 0 5px;
        display: inline-block;
    }

        .paging a:hover {
            background: #ec6f4d;
            border: 1px solid #ec6f4d;
            color: #fff;
        }

    .paging .dq {
        background: #ec6f4d;
        border: 1px solid #ec6f4d;
        color: #fff;
    }

.cxform {
    text-align: center;
    margin-top: 30px;
}

    .cxform input {
        border: 1px solid #ec6f4d;
        padding: 10px;
        width: 300px;
    }

    .cxform button {
        background: #ec6f4d;
        color: #fff;
        padding: 10px 30px;
        border: none;
        position: relative;
        top: 1px;
    }

        .cxform button i {
            margin-left: 10px;
        }

.about-info {
    /*margin: 40px auto;*/
    overflow: hidden;
}

.about-in {
    margin-top: 20px;
}

.abjsimg {
    width: 520px;
    height: 340px;
    float: left;
}


#focus3 {
    width: 520px;
    height: 340px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    display: none;
    background: #c1c1c1;
}
/* focusWarp */
.focusWarp {
    width: 520px;
    height: 340px;
    overflow: hidden;
    position: relative;
}

.imgList {
    position: absolute;
}

    .imgList li {
        float: left;
        text-align: center;
        height: 340px;
    }

.imgList_two {
    position: absolute;
    z-index: 10;
    top: 100px;
}

    .imgList_two li {
        float: left;
        text-align: center;
    }

        .imgList_two li img {
            margin-left: -330px;
        }

.imgBtn {
    position: absolute;
    bottom: 10px;
    z-index: 10;
}

.btnWarp {
    overflow: hidden;
}
/* 默认圆点样式 */
.imgBtn li {
    width: 19px;
    height: 20px;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    background: url(../images/btnBg_03.png) no-repeat right top;
    _background: url(../images/btnBg_03.gif) no-repeat right top;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

    .imgBtn li.hover {
        background: url(../images/btnBg_03.png) no-repeat left top;
        _background: url(../images/btnBg_03.gif) no-repeat left top;
    }
/* 圆点样式结束 */
.sizeBox {
    width: 300px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}

.prev, .next {
    display: block;
    height: 77px;
    width: 36px;
    position: absolute;
    top: 120px;
    z-index: 100;
    background: url(../images/prevNext.png) no-repeat;
    outline: none;
    *background: url(../images/prevNext.gif) no-repeat;
    background: url(../images/prevNext.gif) no-repeat\0;
}

.prev {
    left: 50%;
}

.next {
    right: 50%;
    background-position: right top;
}

.thumPrev, .thumNext {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/sprevNext.png) no-repeat;
    _background: url(../images/sprevNext.gif) no-repeat;
    margin-top: 10px;
    margin-right: 10px;
    outline: none;
}

.thumNext {
    background-position: right top;
}

.abnr {
    width: 600px;
    float: left;
    margin-left: 30px;
}

.gszz {
    background: url(../images/gszz.jpg) center no-repeat;
    height: 475px;
    padding: 40px 0;
}

#s2 .imglist li {
    width: 290px;
    height: 220px;
}

    #s2 .imglist li div {
        width: 280px;
    }

        #s2 .imglist li div img {
            width: 100%;
        }

#s2 {
    margin-top: 80px;
}

    #s2 a.abtn {
        top: 80px;
    }

    #s2 a.abtn {
        top: 80px;
    }

.news {
}

.newsimg {
    width: 178px;
    height: 120px;
    float: left;
}

    .newsimg img {
        width: 100%;
    }

.news .li-info {
    width: 952px;
}

.news-tile {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
}

    .news-tile b {
        font-size: 18px;
        display: block;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .news-tile span {
        margin: 0 10px;
    }

.ps {
    margin-top: 30px;
}
.wlcx {overflow:hidden;
background:#f0f0f0;

}
.kdxx {
background:url(../images/wlcx.jpg)top no-repeat;
position:relative;top:40px;
padding-bottom:50px;
overflow:hidden;min-height:800px;
}
.formcss {
position:absolute;
right:0;top:100px;
}
    .formcss .cxddh {
      resize: none;
      height:110px;
      width:330px;
      background:#fff;
      border:2px solid #ec6f4d;
      border-radius:10px;
      padding:10px;float:left;
    }
    .formcss button {
    width:100px;height:135px;
    border:none;
    background:#ec6f4d;float:right;margin-left:10px;border-radius:10px;font-size:22px;color:#fff;
    }
        .formcss button i {
        font-size:22px;margin-left:10px;
        }
.cxjgs {
  margin-top:380px;
}
.cxjgs {
width:1150px;
overflow:hidden;margin-bottom:50px;
}
.bgti {
 background:#cacaca;
 color:#000;
}
.bgtia td {
     background:#fd4f00 !important;
 color:#fff !important;text-align:center !important

}
.fwtb td {

padding:5px;font-size:13px; 
 background:#ffff00;
 color:#000;
}
 
.cxjg td,.ddxxjl td{
  padding:10px;font-size:14px;text-align:center
}
.ddhxx {
margin-bottom:50px;
font-size:14px;color:#ec6f4d;
}
.rwm {
width:100%;
background:rgba(20, 17, 17, 0.39);
position:fixed;left:0;top:0;z-index:999;display:none
}
.rwmimg {
line-height:1080px;
text-align:center;
}
.jiaochu{ font-size:14px; font-weight:bold}