body {
    background-color: #f7f7f7;
    touch-action:none;

touch-action:pan-y;
}


/*首页搜索框样式*/

.logo {
    margin-top: -3vh;
}

.logo .sousuo {
    float: left;
    width: 45px;
    height: 38px;
    background: url("search.png") no-repeat center center;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-right: none;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
}

.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important;
}

.logo .searchicon {
    position: relative;
    left: 52px;
    width: 40px;
}

.logo .search1 {
    float: left;
    width: 267px;
    height: 38px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-right: none;
    border-left: none;
}

.logo .logoR {
    margin-top: -10px;
}

.logo .logoR1 input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #999;
}

.logo .logoR1 input::-moz-placeholder {
    font-size: 1rem;
    color: #999;
}

.logo .logoR1 input:-moz-placeholder {
    font-size: 1rem;
    color: #999;
}

.logo .logoR1 input:-ms-input-placeholder {
    font-size: 1rem;
    color: #999;
}

.logo .logoR1 button {
    float: left;
    border: none;
    width: 76px;
    height: 39px;
    background-color: #bd1a2d;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
}

@media (min-width: 576px) {
    .resp-height {
        height: auto;
    }
}

@media (min-width: 768px) {
    .resp-height {
        height: 50px;
    }
}


/*footer底部样式*/

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
}

.contantus li {
    padding-left: 30px;
}

.footer-area {
    background-color: #c12c20;
    padding-top: 4vh;
    display: none;
}

@media (min-width: 768px) {
    .footer-area {
        background-color: #c12c20;
        padding-top: 4vh;
        display: block;
    }
}

.footer-area p {
    color: #fff;
    font-size: 0.8rem;
    margin-bottom: 0vh;
}

.footer-area a {
    color: #fff;
    font-size: 0.8rem;
    text-decoration: none;
}

.footer-top h6 {
    color: #fff;
    border-bottom: 1px solid #999999;
    padding: 0 0 8px;
    font-weight: 400;
    margin-bottom: 0.5rem !important;
}

.second-footer {
    text-align: left;
    line-height: 25px;
}

.copyright p {
    color: #fff;
    text-align: left;
    font-size: 1rem;
}

.copyright a {
    color: #fff;
    font-size: 1rem;
}

.footer-bottom {
    background-color: #bd1e26;
    padding: 15px 0
}

.footerh5 a {
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
}

.footerh5 {
    font-size: 1rem;
    color: #fff;
}


/*全局悬浮公众号关注*/

.div-scroll {
    position: relative;
    width: 100vw;
    top: 0px;
    z-index: 1;
}

.qrcode-img {
    width: 100px;
}

.div-weixin {
    position: fixed;
    width: 100vw;
    top: 0px;
    z-index: 3;
    padding-right: 5vw;
}

.float-img {
    width: 25px;
}

.ewm {
    width: 100px;
}

.weixin {
    width: 110px;
}


/*首页通知*/

.scrollDiv {
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    position: relative;
}

.scrollDiv a {
    color: #999;
    font-weight: 500;
    text-decoration: none;
}

.scrollDiv p {
    width: 98%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*首页新闻列表*/

.date {
    float: right;
    color: #999
}

.newslist {
    margin-left: 1%;
    width: 97%;
    padding-right: 3%;
}

.newslist ul {
    border-bottom: none;
}

.newslist li {
    color: #666;
}

.newslist li:hover {
    color: #c12c20;
}

.newslist a {
    text-decoration: none;
    color: #666666;
    font-size: 1.15rem
}

.newslist p:hover {
    color: #c12c20 !important;
}


/*video展示*/

.videotitle {
    position: absolute;
    bottom: 0%;
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
}

.videotitle h5 {
    margin-left: 1vw;
}


/*会员风采*/

.imgswiper {
    width: 1920px;
    margin-right: 10px;
    background-size: 100% 100%;
}

.imgmin {
    width: 475px;
    margin-right: 10px;
    background-size: 100% 100%;
}

.imgbig {
    position: absolute;
    width: 100%;
    text-align: right;
    z-index: 9999;
}

.imgbig a {
    position: absolute;
    width: 91%;
    text-align: right;
    z-index: 9999;
    margin-top: 1vh;
    color: #fff;
}

.white_content {
    display: none;
}


/*年会照片*/

@media (max-width: 321px) {
    .resp-year {
        height: 30vh;
    }
    .pleft {
        padding-left: 0vw;
    }
    .pright {
        padding-right: 0vw;
    }
    .leader {
        height: 29vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .breadheight {
        background-color: #fff;
        height: 8vh;
    }
    .newslist p {
        width: 79%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 5vw;
    }
    .videoheight {
        height: 180px;
    }
    .noticeheight {
        margin-left: 2vw;
        margin-top: 1vh;
    }
    .memberheight {
        height: 500px;
    }
    .topnews {
        text-align: center;
        line-height: 5vh;
        height: 5vh;
        font-size: 1.25rem;
    }
    .newslistli {
        margin: 1.75vh 0
    }
}

@media (min-width: 322px) and (max-width: 991.98px) {
    .resp-year {
        height: 30vh;
    }
    .pleft {
        padding-left: 0vw;
    }
    .pright {
        padding-right: 0vw;
    }
    .leader {
        height: 29vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .breadheight {
        background-color: #fff;
        height: 6vh;
    }
    .newslist p {
        width: 81%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 4vw;
    }
    .videoheight {
        height: 216px;
    }
    .noticeheight {
        margin-left: 2vw;
        margin-top: 1vh;
    }
    .memberheight {
        height: 500px;
    }
    .topnews {
        text-align: center;
        line-height: 5vh;
        height: 5vh;
        font-size: 1.25rem;
    }
    .newslistli {
        margin: 1.75vh 0
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .resp-year {
        height: 50vh;
    }
    .pleft {
        padding-left: 0vw;
    }
    .pright {
        padding-right: 0vw;
    }
    .leader {
        height: 29vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .mheader {
        margin-left: 14vw;
    }
    .breadheight {
        background-color: #fff;
        height: 6vh;
    }
    .newslist p {
        width: 84%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 1.2vw;
    }
    .videoheight {
        height: 260px;
    }
    .noticeheight {
        margin-left: 2vw;
        margin-top: 1vh;
    }
    .memberheight {
        height: 600px;
    }
    .topnews {
        text-align: center;
        line-height: 7vh;
        height: 7vh;
        font-size: 2.25rem;
    }
    .newslistli {
        margin: 1.75vh 0
    }
}

@media (min-width: 1200px)and (max-width: 1999.98px) {
    .resp-year {
        height: 50vh;
    }
    .pleft {
        padding-left: 1.05vw;
    }
    .pright {
        padding-right: 1vw;
    }
    .leader {
        height: 26vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .mheader {
        margin-left: 17vw;
    }
    .breadheight {
        background-color: #fff;
        height: 5vh;
    }
    .newslist p {
        width: 84%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 1.2vw;
    }
    .videoheight {
        height: auto;
    }
    .noticeheight {
        margin-left: 2vw;
        margin-top: 1vh;
    }
    .memberheight {
        height: 600px;
    }
    .topnews {
        text-align: center;
        line-height: 7vh;
        height: 7vh;
        font-size: 2rem;
    }
    .newslistli {
        margin: 1.75vh 0
    }
}

@media (min-width: 2000px)and (max-width: 2999.98px) {
    .resp-year {
        height: 30vh;
    }
    .pleft {
        padding-left: 0.5vw;
    }
    .pright {
        padding-right: 1vw;
    }
    .leader {
        height: 13vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .mheader {
        margin-left: 9vw;
    }
    .breadheight {
        background-color: #fff;
        height: 5vh;
    }
    .newslist p {
        width: 81%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 0.7vw;
    }
    .videoheight {
        height: auto;
    }
    .noticeheight {
        margin-left: 1vw;
        margin-top: 0.6vh;
    }
    .memberheight {
        height: 600px;
    }
    .topnews {
        text-align: center;
        line-height: 7vh;
        height: 7vh;
        font-size: 2rem;
    }
    .newslistli {
        margin: 1.25vh 0
    }
}

@media (min-width: 3000px) {
    .resp-year {
        height: 30vh;
    }
    .pleft {
        padding-left: 0.5vw;
    }
    .pright {
        padding-right: 1vw;
    }
    .leader {
        height: 13vh;
        overflow: hidden;
        position: relative;
        margin-left: 0.7vw;
        margin-top: 1vh;
    }
    .mheader {
        margin-left: 9vw;
    }
    .breadheight {
        background-color: #fff;
        height: 5vh;
    }
    .newslist p {
        width: 83%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #212529 !important;
        text-decoration: none;
        font-size: 1rem;
        margin-left: 0.5vw;
    }
    .videoheight {
        height: auto;
    }
    .noticeheight {
        margin-left: 0.5vw;
        margin-top: 0.5vh;
    }
    .memberheight {
        height: 90vh;
    }
    .topnews {
        text-align: center;
        line-height: 7vh;
        height: 7vh;
        font-size: 2rem;
    }
    .newslistli {
        margin: 0.5vh 0
    }
}

.topnews p {
    color: #c12c20;
    width: 90%;
    margin-left: 5%;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*协会简介*/

.company-left {
    float: none;
    margin-top: 0vh;
}

.company-left img {
    width: 100%;
}

.company-right {
    float: none;
    width: 100%;
    margin-top: 2vh
}

.company-right p {
    margin-right: 0vw;
}

@media (min-width: 768px) {
    .company-left {
        margin-top: 2vh;
        float: left;
    }
    .company-left img {
        width: 50%;
    }
    .company-right {
        float: right;
        width: 64%;
        margin-top: 2vh
    }
    .company-right p {
        margin-right: -1vw
    }
}


/*会员简介*/

.leader-title {
    font-weight: bolder;
    color: #000;
}

.leader p {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}


/*面包屑*/

.breadcrumb a {
    color: #555555;
    font-size: 1.25rem;
}

.bread {
    overflow: hidden;
    padding-left: 2vw;
    padding-right: 2vw;
}

.bread i {
    font-size: 1.25rem;
    color: #555555;
    padding-right: 1vw;
}

.bread span {
    float: right;
    color: #555555;
    font-size: 1.15rem;
    margin-top: 0.5vh;
}


/*其他新闻列表*/

.newslistoth {
    width: 100%;
}

.newslistoth ul li {
    margin-top: 5vh;
    list-style-type: none;
    background: url("../image/liicon.png") no-repeat 0rem 0.5rem;
    background-size: 0.8rem 0.8rem;
}

.newslistoth li:hover {
    color: #c12c20;
}

.newslistoth a {
    text-decoration: none;
    font-size: 1.15rem
}

.newslistoth p {
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555 !important;
    text-decoration: none;
    font-size: 1rem;
    padding-left: 5vw;
}

.newslistoth p:hover {
    color: #c12c20 !important;
}

.newslistoth span:hover {
    color: #c12c20 !important;
}

.dateoth {
    float: left;
    color: #999;
    margin-top: -2vh;
    margin-left: 5vw;
}

@media (min-width: 768px) {
    .newslistoth {
        width: 100%;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .newslistoth ul li {
        margin-top: 2vh;
        list-style-type: none;
        background: url("../image/liicon.png") no-repeat 0rem 0.3rem;
        background-size: 0.8rem 0.8rem;
    }
    .newslistoth li {
        padding-left: 0vw;
    }
    .newslistoth li:hover {
        color: #c12c20;
    }
    .newslistoth a {
        text-decoration: none;
        font-size: 1.15rem
    }
    .newslistoth p {
        width: 90%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #555 !important;
        text-decoration: none;
        font-size: 1rem;
        padding-left: 1.5vw;
    }
    .newslistoth p:hover {
        color: #c12c20 !important;
    }
    .newslistoth span:hover {
        color: #c12c20 !important;
    }
    .dateoth {
        float: right;
        color: #999;
        margin-top: 0vh;
        margin-left: 0vw;
    }
}


/* 新闻详情页展示*/

.newdetails-title h5 {
    text-align: center;
    margin: 3vh;
    font-weight: bolder;
}

.newdetails-content {
    width: 96%;
    margin: 0 auto;
}

.newdetali-bottom {
    border-bottom: solid 1px #dbdbdb;
    border-top: solid 1px #dbdbdb;
    padding: 1vh 0 1vh;
}

.newdetali-bottom i {
    color: #f47575;
}

.newdetali_time {
    text-align: end;
}

.an-chejanXqBBox {
    height: 42px;
    margin-top: 2vh;
    margin-bottom: 10vh;
}

@media (min-width: 768px) {
    .newdetali_time {
        text-align: center;
    }
    .an-chejanXqBBox {
        height: 42px;
        margin-top: 2vh;
        margin-bottom: 3vh;
    }
}

.an-xinWENCOUNTbOX {
    padding: 3vh 0;
    font: 14px/28px "微软雅黑";
    color: #333333;
    border-bottom: solid 1px #dbdbdb;
}

.an-chejanXqBBoxc {
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1vh;
}

.an-chejanXqBBoxcL {
    font: 15px/40px "微软雅黑";
    height: 40px;
    width: 98px;
    border: solid 2px #362622;
    color: #362622;
    font-weight: bold;
    float: left;
    margin-right: 18px;
    text-align: center;
}

.an-chejanXqBBoxcR {
    font: 15px/42px "微软雅黑";
    color: #362622;
}

.bdsharebuttonbox a {
    float: none !important;
}

.bdsharebuttonbox span {
    float: none !important;
}


/*协会会员列表页*/

.memberlist {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 0px 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.memberlist a {
    text-decoration: none;
}

.memberlist img {
    width: 20vw;
    height: 20vw;
    border: 1px solid #f93636;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(249, 54, 54);
    margin: 0px auto;
    display: block;
    padding: 10px;
}

@media (min-width: 768px) {
    .memberlist img {
        width: 150;
        height: 150;
        border: 1px solid #f93636;
        border-radius: 50%;
        box-shadow: 0px 0px 6px rgba(249, 54, 54);
        margin: 0px auto;
        display: block;
        padding: 10px;
    }
}

.memberlist p {
    color: #222222;
    text-align: center;
    padding: 10px 0 0px;
    margin: 0;
}


/*联系我们页面*/

.contactinfo {
    padding: 2vh 1.5vw 0;
}

.contactinfo a {
    text-decoration: none;
}

.contactinfo h4 {
    color: #333;
    font-size: 2rem;
}

.contactinfo img {
    width: 9%;
    float: left;
    margin-top: 0.5vh;
    margin-right: 1vw;
}

.contactinfo p {
    color: #333;
    margin: 4px 0px;
}

.contactewm {
    display: none;
}

@media (min-width: 768px) {
    .contactinfo img {
        width: 3%;
        float: left;
        margin-top: 0.5vh;
        margin-right: 1vw;
    }
    .contactewm {
        display: block;
    }
}

.contactewm p {
    padding-left: 3.5vh;
    margin-top: 3vh;
    margin-bottom: 0;
}

.contactewm img {
    width: 70%;
}


/*供求信息列表页*/

.rowtrade {
    margin-left: -8px;
    margin-right: -8px
}

.tradeclass {
    text-align: center;
    background-color: #e1f0f7;
    margin-top: 3vh;
    display: none;
}

.tradeclass p {
    font-size: 2rem;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 10vw;
    vertical-align: middle;
}

.tradeclass img {
    width: 15%;
    display: inline-block;
}

.tradetitle {
    overflow: hidden;
    margin-top: 3vh;
}

.trademore a {
    text-decoration: none;
    color: #333;
}

.tradetitle span {
    border-left: 5px solid #d81e06;
    padding-left: 5px;
    font-size: 1.25rem;
}

.trademore {
    float: right;
}

.tradecontent {
    background-color: #fff;
    border-radius: 5px;
    height: 145px;
    padding: 8px;
    display: flex;
}

.tradecontent a {
    text-decoration: none;
}

.tradecontent h6 {
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    font-size: 0.9rem;
}

.tradecontent img {
    height: 100%;
    width: 95%;
    padding: 5px;
}

.tradecontent p {
    height: 62px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
}

.tradedesc {
    width: 60%;
}

.tradetele {
    overflow: hidden;
}

.tradetele span {
    float: left;
    font-size: 0.9rem;
}

.tradetele a {
    float: right;
    font-size: 1.25rem;
    margin: 2px;
    color: #d81e06;
}

@media (min-width: 768px) {
    .rowtrade {
        margin-left: 0px;
        margin-right: 0px
    }
    .tradeclass {
        text-align: center;
        background-color: #e1f0f7;
        margin-top: 3vh;
        display: block;
    }
    .tradecontent {
        background-color: #fff;
        border-radius: 5px;
        height: 336px;
        padding: 15px;
        display: block;
    }
    .tradecontent a {
        text-decoration: none;
    }
    .tradecontent h6 {
        width: 100%;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
        font-weight: bold;
        color: #333333;
        font-size: 1rem;
    }
    .tradecontent img {
        width: 100%;
        padding: 15px;
        height: 50%;
    }
    .tradecontent p {
        height: 100px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 0px;
        font-size: 1rem;
    }
    .tradedesc {
        width: 100%;
    }
    .tradetele {
        overflow: hidden;
    }
    .tradetele span {
        float: left;
        font-size: 1rem;
    }
    .tradetele a {
        float: right;
        font-size: 1.25rem;
        margin: 2px;
        color: #d81e06;
    }
}


/*供求信息详情页*/

.tradede {
    display: block;
}

.tradedeitem {
    width: 100%;
    padding: 10px;
}

.imgitem {
    width: 100%;
    margin: 0 auto;
}

.tradelistdesc {
    width: 100%;
    padding-right: 2.65vw;
}

.tradelistdesc h5 {
    font-weight: bold;
    color: #222;
    font-size: 1rem;
    margin: 1vh 0vw 0px 2vw;
}

.tradelistdesc p {
    color: #666;
    font-size: 1rem;
    margin: 2vh 2vw 0px 2vw;
}

.tradelistdesc i {
    padding-right: 1vw;
    font-size: 1rem;
}

.tradeinfo {
    width: 100%;
    margin: 5vh auto;
}

.tradeinfosolid {
    border-top: 1px solid rgb(0, 0, 0, 0.1);
}

.tradeinfotitle {
    background-color: #000;
    width: 40%;
    margin: -17px auto;
    padding: 5px;
}

.tradeinfotitle p {
    color: #fff;
    text-align: center;
    margin: auto 1px;
}

.tradeinfodesc {
    margin: 6vh auto;
}

.tradeinfodesc img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .tradede {
        display: flex;
    }
    .tradedeitem {
        width: 60%;
        padding: 30px;
    }
    .imgitem {
        width: 50%;
        margin: 0 auto;
    }
    .tradelistdesc {
        width: 40%;
        margin: auto 0;
        padding-right: 2vw;
    }
    .tradelistdesc h5 {
        font-weight: bold;
        color: #222;
        font-size: 1.25rem;
    }
    .tradelistdesc p {
        color: #666;
        font-size: 1.25rem;
    }
    .tradelistdesc i {
        padding-right: 1vw;
        font-size: 1.25rem;
    }
    .tradeinfo {
        width: 85%;
        margin: 5vh auto;
    }
    .tradeinfodesc img {
        display: block;
        margin: 0 auto;
        width: 60%;
    }
}


/*会员公司简介*/

.memberinfotitle {
    width: 50%;
    margin: -17px auto;
    padding: 5px;
}

.memberinfotitle p {
    font-size: 1.15rem;
    font-weight: bold;
    text-align: center;
    margin: auto 1px;
    border-left: 5px solid #d81e06;
    border-right: 5px solid #d81e06;
}

.memberinfo img {
    width: 100%;
    border-radius: 10%;
}

@media (min-width: 768px) {
    .memberinfotitle {
        width: 15%;
        margin: -17px auto;
        padding: 5px;
    }
}


/*手机footer样式*/

.footerphone {
    width: 100%;
    height: 8vh;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0px -3px 3px #efefef;
    display: block;
}

@media (min-width: 768px) {
    .footerphone {
        width: 100%;
        height: 49px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        box-shadow: 0px -3px 3px #efefef;
        display: none;
    }
}

.footerphone ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.footerphone li {
    list-style: none;
    text-align: center;
    margin-top: 1vh;
}

.footerphone img {
    width: 25px;
    height: 25px;
    margin-bottom: 0.5vh;
}

.active-p {
    font-size: 0.6rem;
    color: rgb(163, 8, 9) !important;
    font-weight: bold;
}

.footerphone p {
    font-size: 0.6rem;
    color: #666666;
}

.footerphone a {
    font-size: 0.6rem;
    color: #666666;
    text-decoration: none;
}


/*供求信息手机端列表页*/

.tradephone {
    margin-bottom: 8vh;
}

.tradephone a {
    text-decoration: none;
}

.tradephonecont {
    background-color: #fff;
    display: flex;
    border-radius: 20px;
    margin-top: 2vh;
}

.tradeimgphone {
    width: 50%;
    padding: 15px;
    margin: 0 auto;
}

.tradeimgphone img {
    width: 80%;
}

.tradetitlephone {
    margin: auto 0;
    width: 50%
}

.tradetitlephone h4 {
    color: #222;
    font-size: 1.25rem;
}


/*政策法规*/

@media (max-width: 321px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 10px 0px 10px;
        margin: 5px;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}

@media (min-width: 322px) and (max-width: 991.98px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 10px 0px 10px;
        margin: 0.7vh;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 10px 0px 10px;
        margin: 0.7vh;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}

@media (min-width: 1200px)and (max-width: 1999.98px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 10px 0px 10px;
        margin: 0.7vh;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}

@media (min-width: 2000px)and (max-width: 2999.98px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 10px 0px 10px;
        margin: 0.7vh;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}

@media (min-width: 3000px) {
    .newruleback {
        background: #F7FAFF;
        border: 1px solid #C7D5E8;
        border-radius: 10px;
        padding: 20px 0px 20px;
        margin: 1vh;
        flex: 1
    }
    .newruleback i {
        width: 100%;
        font-size: 3rem;
        text-align: center;
    }
    .newruleback p {
        margin: 5px;
        font-size: 0.8rem;
        padding: 0 5px;
        text-align: center
    }
    .newruleback a:hover {
        border-bottom: none;
    }
}


/*羊绒基地样式*/

.p0 {
    padding-left: 0px;
    padding-right: 0px
}

.an-aboutUsBox {
    padding: 10px 0;
    margin-bottom: 30px;
}

.an-aboutUsCoutBox {
    height: 630px;
    position: relative;
}

.an-aboutUsLeft {
    width: 100%;
    height: 100%;
    background: #f8f8f8;
}

.an-aboutUsRight {
    width: 100%;
    height: 276px;
    background: #000;
    position: absolute;
    top: 260px;
    right: 0;
    z-index: 999;
}

.an-aboutRbox {
    padding: 0px 3vw;
    height: 100%;
    position: relative;
    overflow: hidden
}

.an-aboutUl {
    width: 2696px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0px;
}

.an-aboutUlLi {
    float: left;
    width: 100vw;
    height: 100%;
    padding: 0px 2vw;
}

.an-aboutTitle a {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 58px;
    font: 20px/58px "微软雅黑";
    color: #c32d2e;
    background: url(../image/aboutBack.png) no-repeat left bottom;
    font-weight: bolder;
}

.an-aboutTcount {
    height: 190px;
    font: 15px/36px "微软雅黑";
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.an-aboutLianj {
    width: 100%;
    position: absolute;
    bottom: 38px;
}

.an-aboutLianj li {
    float: left;
    margin-right: 1vw;
    width: 150px;
    height: 40px;
    text-align: center;
    font: 16px/40px "微软雅黑";
    background: #d6d6d6;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.an-aboutLianj li.an-ABOUTA {
    background: #c32d2e;
}

.an-aboutLianj li.an-ABOUTA a {
    color: #fff;
}

.an-aboutLianj li a {
    color: #42272e;
}

.an-aboutUsRMoveBox {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.an-aboutUsRMoveBoxUl {
    width: 200vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.an-an-aboutUsRMoveBoxUlLi {
    width: 100vw;
    height: 276px;
    float: left;
}

.an-aboutMlistBox {
    width: 100%;
    height: 276px;
    position: relative;
}

.an-bigImg {
    width: 100%;
    height: 276px;
}

.an-opacitySallBack {
    height: 40px;
    width: 666x;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 6;
    background: #000;
    opacity: 0.24;
    filter: alpha(opacity=24);
}

.an-aboutSmallImgBox {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 7;
}

.an-aboutSmallImgBox li {
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    margin-top: 14px;
}

.an-aboutSmallImgBox li img {
    height: 12px;
    width: 12px;
}

.headerimg {
    width: 45%;
}

.ruleright {
    display: flex;
    margin-top: 5px;
}

.zcbottom {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1vh;
}

@media (min-width: 768px) {
    .zcbottom {
        display: flex;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 1vh;
    }
    .p0 {
        padding-left: 15px;
        padding-right: 15px
    }
    .an-aboutUsBox {
        padding: 40px 0;
        margin-bottom: 0px;
    }
    .an-aboutUsCoutBox {
        height: 360px;
        position: relative;
    }
    .an-aboutUsLeft {
        width: 800px;
        height: 100%;
        background: #f8f8f8;
    }
    .an-aboutUsRight {
        width: 570px;
        height: 328px;
        background: #000;
        position: absolute;
        top: -24px;
        right: 0;
        z-index: 999;
    }
    .an-aboutRbox {
        padding-left: 34px;
        height: 100%;
        position: relative;
        overflow: hidden
    }
    .an-aboutUl {
        width: 2696px;
        height: 280px;
        position: absolute;
        top: 0;
        left: 0px;
    }
    .an-aboutUlLi {
        float: left;
        width: 765px;
        height: 100%;
        padding-left: 34px;
    }
    .an-aboutTitle a {
        padding-top: 14px;
        margin-bottom: 14px;
        padding-bottom: 14px;
        height: 58px;
        font: 20px/58px "微软雅黑";
        color: #c32d2e;
        background: url(../image/aboutBack.png) no-repeat left bottom;
        font-weight: bolder;
    }
    .an-aboutTcount {
        height: 180px;
        font: 15px/36px "微软雅黑";
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
    }
    .an-aboutLianj {
        width: 642px;
        position: absolute;
        bottom: 38px;
    }
    .an-aboutLianj li {
        float: left;
        margin-right: 8px;
        width: 170px;
        height: 40px;
        text-align: center;
        font: 18px/40px "微软雅黑";
        background: #d6d6d6;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    .an-aboutLianj li.an-ABOUTA {
        background: #c32d2e;
    }
    .an-aboutLianj li.an-ABOUTA a {
        color: #fff;
    }
    .an-aboutLianj li a {
        color: #42272e;
    }
    .an-aboutUsRMoveBox {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .an-aboutUsRMoveBoxUl {
        width: 2072px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .an-an-aboutUsRMoveBoxUlLi {
        width: 570px;
        height: 328px;
        float: left;
    }
    .an-aboutMlistBox {
        width: 570px;
        height: 328px;
        position: relative;
    }
    .an-bigImg {
        width: 570px;
        height: 328px;
    }
    .an-opacitySallBack {
        height: 40px;
        width: 570px;
        position: absolute;
        bottom: -16px;
        left: 0;
        z-index: 6;
        background: #000;
        opacity: 0.24;
        filter: alpha(opacity=24);
    }
    .an-aboutSmallImgBox {
        height: 40px;
        width: 570px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 7;
    }
    .an-aboutSmallImgBox li {
        float: left;
        width: 12px;
        height: 12px;
        margin-right: 8px;
        margin-top: 14px;
    }
    .an-aboutSmallImgBox li img {
        height: 12px;
        width: 12px;
    }
    .headerimg {
        width: 20%;
    }
    .ruleright {
        margin-right: 1.5vw;
        display: flex;
        margin-top: 1vh;
    }
}

@media (min-width: 2000px)and (max-width: 2999.98px) {
    .zcbottom {
        display: flex;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 0.6vh;
    }
    .p0 {
        padding-left: 0px!important;
        padding-right: 0px!important
    }
    .an-aboutUsBox {
        padding: 10px 0!important;
        margin-bottom: 30px!important;
    }
    .an-aboutUsCoutBox {
        height: 30vh!important;
        position: relative!important;
    }
    .an-aboutUsLeft {
        width: 70%!important;
        height: 100%!important;
        background: #f8f8f8!important;
    }
    .an-aboutUsRight {
        width: 35%!important;
        height: 30vh!important;
        background: #000!important;
        position: absolute!important;
        top: 0vh!important;
        right: 0!important;
        z-index: 999!important;
    }
    .an-aboutRbox {
        padding: 0px 3vw;
        height: 100%!important;
        position: relative!important;
        overflow: hidden !important
    }
    .an-aboutUl {
        width: 2696px!important;
        height: 30vh!important;
        position: absolute!important;
        top: 0!important;
        left: 0px;
    }
    .an-aboutUlLi {
        float: left!important;
        width: 1184px!important;
        height: 100%!important;
        padding: 0px 2vw;
    }
    .an-aboutTitle a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        margin-bottom: 10px!important;
        height: 58px!important;
        font: 20px/58px "微软雅黑"!important;
        color: #c32d2e!important;
        background: url(../image/aboutBack.png) no-repeat left bottom!important;
        font-weight: bolder!important;
    }
    .an-aboutTcount {
        height: 190px;
        font: 15px/36px "微软雅黑"!important;
        color: #333333!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 15!important;
        -webkit-box-orient: vertical!important;
    }
    .an-aboutLianj {
        width: 100%!important;
        position: absolute!important;
        bottom: 38px!important;
    }
    .an-aboutLianj li {
        float: left!important;
        margin-right: 1vw!important;
        width: 150px!important;
        height: 40px!important;
        text-align: center!important;
        font: 16px/40px "微软雅黑"!important;
        background: #d6d6d6!important;
        border-radius: 20px!important;
        -moz-border-radius: 20px!important;
        -ms-border-radius: 20px!important;
        -o-border-radius: 20px!important;
    }
    .an-aboutLianj li.an-ABOUTA {
        background: #c32d2e!important;
    }
    .an-aboutLianj li.an-ABOUTA a {
        color: #fff!important;
    }
    .an-aboutLianj li a {
        color: #42272e!important;
    }
    .an-aboutUsRMoveBox {
        width: 100%!important;
        height: 100%!important;
        position: relative!important;
        overflow: hidden!important;
    }
    .an-aboutUsRMoveBoxUl {
        width: 200vw!important;
        height: 100%!important;
        position: absolute!important;
        top: 0!important;
        left: 0;
    }
    .an-an-aboutUsRMoveBoxUlLi {
        width: 100vw!important;
        height: 30vh!important;
        float: left!important;
    }
    .an-aboutMlistBox {
        width: 100%!important;
        height: 30vh!important;
        position: relative!important;
    }
    .an-bigImg {
        width: 35%!important;
        height: 30vh!important;
    }
    .an-opacitySallBack {
        height: 40px!important;
        width: 645px!important;
        position: absolute!important;
        bottom: -2vh!important;
        left: 0vh!important;
        z-index: 6!important;
        background: #000!important;
        opacity: 0.24!important;
        filter: alpha(opacity=24);
    }
    .an-aboutSmallImgBox {
        height: 40px!important;
        width: 100%!important;
        position: absolute!important;
        bottom: 0!important;
        left: 0!important;
        z-index: 7!important;
    }
    .an-aboutSmallImgBox li {
        float: left!important;
        width: 12px!important;
        height: 12px!important;
        margin-right: 8px!important;
        margin-top: 14px!important;
    }
    .an-aboutSmallImgBox li img {
        height: 12px!important;
        width: 12px!important;
    }
    .headerimg {
        width: 20%!important;
    }
    .ruleright {
        margin-right: 2vw!important;
        display: flex!important;
        margin-top: 5px!important;
    }
}

@media (min-width: 3000px) {
    .zcbottom {
        display: flex;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 0.5vh;
    }
    .p0 {
        padding-left: 0px!important;
        padding-right: 0px!important
    }
    .an-aboutUsBox {
        padding: 10px 0!important;
        margin-bottom: 30px!important;
    }
    .an-aboutUsCoutBox {
        height: 30vh!important;
        position: relative!important;
    }
    .an-aboutUsLeft {
        width: 70%!important;
        height: 100%!important;
        background: #f8f8f8!important;
    }
    .an-aboutUsRight {
        width: 35%!important;
        height: 30vh!important;
        background: #000!important;
        position: absolute!important;
        top: 0vh!important;
        right: 0!important;
        z-index: 999!important;
    }
    .an-aboutRbox {
        padding: 0px 3vw;
        height: 100%!important;
        position: relative!important;
        overflow: hidden !important
    }
    .an-aboutUl {
        width: 200vw!important;
        height: 30vh!important;
        position: absolute!important;
        top: 0!important;
        left: 0px;
    }
    .an-aboutUlLi {
        float: left!important;
        width: 1840px!important;
        height: 100%!important;
        padding: 0px 2vw;
    }
    .an-aboutTitle a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        margin-bottom: 10px!important;
        height: 58px!important;
        font: 20px/58px "微软雅黑"!important;
        color: #c32d2e!important;
        background: url(../image/aboutBack.png) no-repeat left bottom!important;
        font-weight: bolder!important;
    }
    .an-aboutTcount {
        height: 240px;
        font: 15px/36px "微软雅黑"!important;
        color: #333333!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 30!important;
        -webkit-box-orient: vertical!important;
    }
    .an-aboutLianj {
        width: 100%!important;
        position: absolute!important;
        bottom: 38px!important;
    }
    .an-aboutLianj li {
        float: left!important;
        margin-right: 1vw!important;
        width: 150px!important;
        height: 40px!important;
        text-align: center!important;
        font: 16px/40px "微软雅黑"!important;
        background: #d6d6d6!important;
        border-radius: 20px!important;
        -moz-border-radius: 20px!important;
        -ms-border-radius: 20px!important;
        -o-border-radius: 20px!important;
    }
    .an-aboutLianj li.an-ABOUTA {
        background: #c32d2e!important;
    }
    .an-aboutLianj li.an-ABOUTA a {
        color: #fff!important;
    }
    .an-aboutLianj li a {
        color: #42272e!important;
    }
    .an-aboutUsRMoveBox {
        width: 100%!important;
        height: 100%!important;
        position: relative!important;
        overflow: hidden!important;
    }
    .an-aboutUsRMoveBoxUl {
        width: 200vw!important;
        height: 100%!important;
        position: absolute!important;
        top: 0!important;
        left: 0;
    }
    .an-an-aboutUsRMoveBoxUlLi {
        width: 100vw!important;
        height: 30vh!important;
        float: left!important;
    }
    .an-aboutMlistBox {
        width: 100%!important;
        height: 30vh!important;
        position: relative!important;
    }
    .an-bigImg {
        width: 35%!important;
        height: 30vh!important;
    }
    .an-opacitySallBack {
        height: 40px!important;
        width: 970px!important;
        position: absolute!important;
        bottom: -2vh!important;
        left: 0vh!important;
        z-index: 6!important;
        background: #000!important;
        opacity: 0.24!important;
        filter: alpha(opacity=24);
    }
    .an-aboutSmallImgBox {
        height: 40px!important;
        width: 100%!important;
        position: absolute!important;
        bottom: 0!important;
        left: 0!important;
        z-index: 7!important;
    }
    .an-aboutSmallImgBox li {
        float: left!important;
        width: 12px!important;
        height: 12px!important;
        margin-right: 8px!important;
        margin-top: 14px!important;
    }
    .an-aboutSmallImgBox li img {
        height: 12px!important;
        width: 12px!important;
    }
    .headerimg {
        width: 20%!important;
    }
    .ruleright {
        margin-right: 3vw!important;
        display: flex!important;
        margin-top: 5px!important;
    }
}