html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
    padding: 0;
    margin: 0;
}

ul, ol, dl {
    list-style-type: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {
    -webkit-appearance: none;
    outline: none
}

body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-size: 12px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

a:link, a:visited {
    text-decoration: blink;
}

body {
    margin: 0 auto;
    padding: 0;
    background: #bd4530;
}

.mobile-banner {
    display: none;
}

.header {
    width: 100%;
    height: 924px;
    background: url("../images/bg.png") no-repeat top center;
    min-width: 1200px;
}

.banner-title {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.banner-title img {
    display: block;
    margin: 60px auto 0;
}

.box-cjyw {
    width: 1200px;
    margin: -280px auto 0;
    height: auto;
    overflow: hidden;
}

.box-title {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    position: relative;
}

.box-title img {
    float: left;
}

.box-title span {
    float: right;
    font-size: 16px;
    color: #F5DF9F;
    line-height: 60px;
}

.cjyw-cn {
    width: 100%;
    margin: 45px auto;
    height: auto;
    overflow: hidden;
}

.cjyw-swiper {
    width: 608px;
    height: 346px;
    background: #D5C38F;
    float: left;
    overflow: hidden;
    border: 4px solid #D5C38F;
    position: relative;
}

.cjyw-swiper .cjyw-img {
    width: 100%;
    height: 346px;
    overflow: hidden;
}

.cjyw-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
}

.cjyw-text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 96%;
    padding: 0 2%;
    height: 54px;
    background: rgba(93, 30, 16, 0.8);
    line-height: 54px;
    font-size: 18px;
    color: #ffffff;
}

.cjyw-cn .cjyw-swiper .swiper-pagination {
    width: auto;
    right: 15px;
    bottom: 16px;
    left: auto;
}

.cjyw-cn .cjyw-swiper .swiper-pagination span {
    display: inline-block;
    width: 18px;
    float: left;
    height: 18px;
    background: url("../images/pic-02.png") no-repeat center;
}

.cjyw-cn .cjyw-swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: url("../images/list-bg.png") no-repeat center;
}

.cjyw-list {
    width: 550px;
    float: right;
    height: auto;
    overflow: hidden;
}

.cjyw-list h3 {
    color: #FFE9AD;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    width: 100%;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cjyw-list h3 a {
    color: #FFE9AD;
}

.cjyw-list h3 a:hover {
    color: #ffffff;
}

.cjyw-list p {
    color: #CF9B8F;
    font-size: 16px;
    line-height: 27px;
    height: 54px;
    width: 100%;
    margin: 15px auto 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cjyw-list ul {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.cjyw-list li {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    line-height: 40px;
}

.cjyw-list li a {
    display: block;
    width: calc(100% - 24px);
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    background: url("../images/pic-02.png") no-repeat left center;
    color: #FFE2BA;
    padding-left: 24px;
}

.cjyw-list li a:hover {
    color: #ffffff;
    background: url("../images/list-bg.png") no-repeat left center;
}

.box-xczjc, .box-video, .box-tsxc, .box-sp {
    width: 1200px;
    margin: 0 auto 44px;
    height: auto;
    overflow: hidden;
}

.xczjc-cn {
    width: 100%;
    height: 509px;
    background: url("../images/xinchun-bg.png") no-repeat top center;
    margin: 45px auto 0;
    overflow: hidden;
}

.xczjc-list {
    width: 475px;
    float: left;
    height: auto;
    overflow: hidden;
    margin-left: 40px;
    margin-top: 30px;
}

.xczjc-list li {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #ececec;
    padding: 14px 0;
}

.xczjc-list li span {
    font-size: 18px;
    color: #7C200B;
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xczjc-list li a {
    color: #7C200B
}

.xczjc-list li a:hover span {
    opacity: 0.7;
}

.xczjc-list li p {
    color: #978B79;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 5px auto 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xczjc-img {
    width: 540px;
    float: right;
    margin-right: 40px;
    margin-top: 45px;
}

.xczjc-img ul {
    width: 572px;
    margin-left: -32px;
}

.xczjc-img li {
    width: 254px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 32px;
    margin-bottom: 20px;
}

.xczjc-img-cli {
    width: 100%;
    height: 138px;
    overflow: hidden;
    border-radius: 3px;
}

.xczjc-img-cli img {
    display: block;
    width: 100%;
}

.xczjc-img li p {
    margin-top: 14px;
    font-size: 16px;
    line-height: 24px;
    color: #3C150C;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xczjc-img li a:hover p {
    opacity: 0.7
}

.video-cn {
    width: 100%;
    margin: 40px auto 0;
    height: 597px;
    overflow: hidden;
    background: url("../images/shipin-bg.png") no-repeat top center;
}

.video-cn video {
    display: block;
    width: 826px;
    height: 468px;
    margin: 58px auto;
    overflow: hidden;
}

.tsxc-cn {
    width: 100%;
    margin: 40px auto 0;
    height: 479px;
    overflow: hidden;
    background: url("../images/tushuo-bg.png") no-repeat top center;
    position: relative;
}

.tsxc-img {
    width: 605px;
    float: left;
    height: 340px;
    overflow: hidden;
    margin-left: 55px;
    margin-top: 80px;
    border-radius: 4px;
}

.tsxc-img img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.tsxc-text {
    float: right;
    width: 440px;
    margin-right: 50px;
    margin-top: 80px;
    text-align: justify;
}

.box-tsxc .tsxc-cn .swiper-pagination {
    position: absolute;
    bottom: 58px;
    right: 30px;
    width: 440px;
    left: auto;
}

.box-tsxc .tsxc-cn .swiper-pagination span {
    display: block;
    width: 104px;
    height: 3px;
    background: #EBE5D3;
    float: left;
    border-radius: 0;
    opacity: 0.9;
    margin-left: 5px;
    margin-right: 0;
}

.tsxc-cn .swiper-pagination span.swiper-pagination-bullet-active {
    background: #A9452E;
}

.tsxc-cn .swiper-button-next {
    top: 280px;
    right: 30px;
    width: 35px;
    height: 35px;
    background: url("../images/right-bg.png") no-repeat center;
}

.tsxc-cn .swiper-button-prev {
    top: 280px;
    left: auto;
    right: 75px;
    width: 35px;
    height: 35px;
    background: url("../images/left-tit.png") no-repeat center;
}

.tsxc-text span {
    font-size: 24px;
    line-height: 34px;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #91240B;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tsxc-text span a {
    color: #91240B;
}

.tsxc-text span a:hover {
    color: #8C8482;
}

.tsxc-text p {
    color: #8C8482;
    font-size: 16px;
    line-height: 24px;
    margin: 10px auto;
    height: 96px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.tsxc-text em {
    color: #DFD2AC;
    font-size: 22px;
    letter-spacing: 4px;
}

.sp-box {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}

.sp-box ul {
    width: 1233px;
    margin: 60px auto;
    margin-left: -33px;
}

.sp-box li {
    width: 320px;
    padding: 40px 28px 0 28px;
    height: 301px;
    background: url("../images/shipin1-bg.png") no-repeat top center;
    float: left;
    overflow: hidden;
    text-align: justify;
    margin-left: 33px;
}

.sp-box li span {
    color: #FFE9AD;
    font-size: 20px;
    line-height: 28px;
    width: 100%;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sp-box li p {
    color: #CF9B8F;
    font-size: 16px;
    line-height: 24px;
    margin: 15px auto;
}

.sp-box li a:hover span {
    color: #ffffff;
}

@media (max-width: 750px) {
    .mobile-banner {
        display: block;
        width: 100%;
    }

    .header {
        height: auto;
        background: none;
        min-width: 100%;
    }

    .banner-title {
        display: none;
    }

    .box-cjyw {
        width: 96%;
    }
    .box-title img{display: block;width: 100%;float: none;}
    .box-title span{display: none;}
    .cjyw-cn{margin:15px auto;}
    .cjyw-swiper{width: calc(100% - 8px);float: none;height: auto;overflow: hidden;}
    .cjyw-swiper .cjyw-img{height: auto;}
    .cjyw-img img{min-height: auto;}
    .cjyw-text{height: 34px;line-height: 34px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .cjyw-list{width: 100%;float: none;margin:14px auto;}
    .cjyw-list h3{font-size: 16px;line-height: 26px;height: 52px;}
    .cjyw-list p{margin:10px auto 15px;}
    .box-xczjc,.box-video,.box-tsxc,.box-sp{width: 96%;}
    .xczjc-cn{height: auto;margin:15px auto 0;background:#FCF6E7;border-radius: 4px;}
    .xczjc-list{float: none;width: 94%;margin:0 auto;}
    .xczjc-list li span{font-size: 16px;line-height:24px;height: 24px;}
    .xczjc-list li p{font-size: 14px;line-height: 22px;height: 44px;}
    .xczjc-img{float: none;width: 94%;margin:0 auto;height: auto;overflow: hidden;}
    .xczjc-img ul{width: 100%;margin-left: 0;}
    .xczjc-img li{width: calc(50% - 5px);margin-left: 10px;margin-bottom: 10px;}
    .xczjc-img li:nth-child(odd){margin-left: 0;}
    .xczjc-img-cli{height: auto;}
    .xczjc-img-cli img{border-radius: 3px;height:120px; }
    .xczjc-img li p{margin:8px auto 4px;font-size: 14px;line-height: 22px;height: 44px;}
    .video-cn{margin:20px auto 0;height: auto;background: #ECE4E1;}
    .video-cn video{width: 96%;height: 300px;margin:10px auto;}
    .tsxc-cn{margin:20px auto 0;height: auto;background: #FFFDF7;border-radius: 4px;}
    .tsxc-img{width: 96%;float: none;height: auto;margin:10px auto;}
    .tsxc-text{width: 96%;margin:0 auto;height: auto;float: none;padding-bottom: 60px;}
    .tsxc-text span{font-size: 16px;line-height: 28px;height: 56px;}
    .tsxc-text p{font-size: 14px;line-height: 22px;height:88px;margin:5px auto;}
    .tsxc-text em{font-size: 14px;display: block;}
    .tsxc-cn .swiper-button-prev,.tsxc-cn .swiper-button-next{top: auto;bottom: 30px;}
    .sp-box ul{width: 100%;height: auto;overflow: hidden;margin:20px auto 10px;}
    .sp-box li{width: calc(100% - 26px);padding: 20px 13px;height: auto;margin:0 auto 10px;}
    .sp-box li span{font-size: 16px;line-height: 24px;height: 24px;}
    .sp-box li p{font-size: 14px;margin:10px auto;}
    .box-tsxc .tsxc-cn .swiper-pagination,.cjyw-cn .cjyw-swiper .swiper-pagination{display: none;}
    .tt{display: none;}
}
.tt{background: #ffffff;}
@media (max-width: 479px) {
    .box-cjyw{ margin: -150px auto 0;}
}
@media screen and (min-width: 480px) and (max-width: 650px) {
    .box-cjyw{ margin: -200px auto 0;}
}
@media screen and (min-width: 651px) and (max-width: 750px) {
    .box-cjyw{ margin: -260px auto 0;}
}

