.SearchT {
    float: right;
    width: 41.7%;
    margin-top: 6px;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SearchT a {
    color: #888888;
}

.SearchT a:hover {
    color: #007ac3;
}

.SearchA {
    float: right;
    width: 41.7%;
    position: relative;
}

.SearchA .Search {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 40px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding: 4px 116px 4px 16px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.SearchA .Search:focus {
    border: 1px solid #007ac3;
}

.SearchA .submit {
    float: right;
    width: 100px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../_im_g/search.png) 18px center no-repeat #007ac3;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    padding-left: 26px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.SearchA .submit:hover {
    background: url(../_im_g/search.png) 18px center no-repeat #104c9e;
}

.SearchA ::-webkit-input-placeholder {
    color: #9c9c9c;
}

.SearchA :-moz-placeholder {
    color: #9c9c9c;
}

.SearchA ::-moz-placeholder {
    color: #9c9c9c;
}

.SearchA :-ms-input-placeholder {
    color: #9c9c9c;
}



.pordClass {
    float: left;
    position: relative;
    width: 20%;
}

.pordClass .p {
    float: left;
    width: 100%;
    background: #007ac3;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    padding: 0 12px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pordClass .p img {
    max-width: none;
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.layout-catalogs {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    float: left;
    width: 100%;
    height: 491px;
    padding-top: 1px;
    line-height: 43px;
    box-sizing: border-box;
    font-size: 14px;
    color: #555555;
}

.layout-catalogs.not-index-page {
    display: none;
}

.layout-catalogs ul {
    box-sizing: border-box;
    padding: 3px 0;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 5;
    border-radius: 0;
}

.layout-catalogs ul li {
    box-sizing: border-box;
}

.layout-catalogs ul li,
.layout-catalogs ul li a {
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}

.layout-catalogs ul li a {
    float: left;
    display: block;
    border: 1px solid transparent;
    color: #555555;
}

.layout-catalogs ul li>a {
    line-height: 28px;
    font-size: 14px;
}

.layout-catalogs ul li .industrial {
    position: relative;
    padding: 7px 17px 7px 41px;
}

.layout-catalogs ul li .industrial::after {
    float: left;
    width: 7px;
    height: 9px;
    content: '';
    position: absolute;
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: #d2caca;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 50%);
    clip-path: polygon(0% 0%, 0% 0%, 100% 50%, 0% 100%, 0% 100%, 0% 50%);
}

.layout-catalogs ul li .industrial::before {
    float: left;
    height: 1px;
    width: -webkit-calc(42%);
    width: -moz-calc(42%);
    width: calc(100% - 58px);
    content: '';
    position: absolute;
    left: 41px;
    bottom: 0;
    border-bottom: 1px dashed #e0e0e0;
}

.layout-catalogs ul li:hover .industrial::after {
    background: #2f90a3;
}

.layout-catalogs ul li:hover .industrial::before,
.layout-catalogs ul li:last-child .industrial::before {
    display: none;
}

.layout-catalogs ul li.all {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: 15px;
}

.layout-catalogs ul li.all>a {
    color: #199de9;
}

.layout-catalogs ul li.all>img {
    display: none;
}

.layout-catalogs ul li p {
    float: right;
    margin-right: 2px;
}

.layout-catalogs ul li .pic {
    float: left;
    display: inline-block;
    margin: 0 10px 0 16px;
    padding-top: 9px;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    text-indent: 30px;
    background: url(https://static.szlcsc.com/ecp/public/img/catagory_icon3.3b7bf5e2.png) no-repeat;
}

.layout-catalogs ul li:hover {
    background: #e6f2ff;
    cursor: pointer;
}

.layout-catalogs ul li:hover.all>img {
    display: inline-block;
}

.layout-catalogs ul li:hover .s-submnu {
    display: block;
}

.layout-catalogs ul li:hover a {
    color: #007ac3;
}

.layout-catalogs ul li:hover>a {
    float: none;
    z-index: 100;
}

.layout-catalogs ul li .s-submnu {
    display: none;
    position: absolute;
    z-index: 98;
    left: 100%;
    margin-left: -1px;
    top: 0;
    padding: 0 20px 0 24px;
    box-sizing: border-box;
    width: 400%;
    min-height: 490px;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(1, 66, 104, 0.2);
    border-radius: 0 8px 8px 0;
}

.layout-catalogs ul li .s-submnu dl {
    height: auto;
}

.layout-catalogs ul li .s-submnu dl dt {
    line-height: 44px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    color: #0895e7;
    position: relative;
    margin-bottom: 10px;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn {
    opacity: 0;
    float: right;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn img {
    width: 100%;
    height: 100%;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn:hover+.connector-pic-btn-active {
    display: block;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn-active {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn-active img {
    width: 100%;
    height: 100%;
}

.layout-catalogs ul li .s-submnu dl dt .connector-pic-btn-active:hover {
    display: block;
}

.layout-catalogs ul li .s-submnu dl dt .two-catalog {
    float: none;
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.layout-catalogs ul li .s-submnu dl dt .two-catalog:hover {
    color: #007ac3;
}

.layout-catalogs ul li .s-submnu dl dd {
    display: inline-block;
    float: left;
    line-height: 22px;
    margin: 2px 0;
    color: #494949;
    width: 160px;
    text-align: left;
}

.layout-catalogs ul li .s-submnu dl dd.noMarginR {
    margin-right: 0;
}

.layout-catalogs ul li .s-submnu dl dd a {
    font-weight: 400;
    color: #494949;
    font-size: 12px;
    display: inline-block;
    border: none;
    text-align: left;
}

.layout-catalogs ul li .s-submnu dl dd a .pp {
    width: 100%;
    height: 100px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layout-catalogs ul li .s-submnu dl dd a .pp img {
    max-width: 50%;
}

.layout-catalogs ul li .s-submnu dl dd a h4 {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin-top: 6px;
}

.layout-catalogs ul li .s-submnu dl dd a h6 {
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-bottom: 4px;
}

.layout-catalogs ul li .s-submnu dl dd a .down {
    display: flex;
    align-items: center;
    justify-content: center;
}

.layout-catalogs ul li .s-submnu dl dd a .down .xh {
    width: 40px;
    height: 24px;
    background: #ce332d;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.layout-catalogs ul li .s-submnu dl dd a .down .num {
    border: 1px solid #007ac3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 7px;
    color: #007ac3;
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    border-left-width: 0;
}

.layout-catalogs ul li .s-submnu dl dd a:hover {
    color: #007ac3;
}

.layout-catalogs .catalog-img {
    margin-top: 15px;
    width: 240px;
    height: 98px;
}

.layout-catalogs ul li:hover .s-submnu {
    display: block;
}

.layout-catalogsA {
    display: none;
}

.pordClassA:hover .layout-catalogsA {
    display: block;
}



.menucolse {
    display: none;
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 6;
}

.menucolse::after,
.menucolse::before {
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    content: '';
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
}

.menucolse::after {
    width: 100%;
    height: 2px;
}

.menucolse::before {
    width: 2px;
    height: 100%;
}

@media screen and (max-width: 1360px) {
    .head .tel {
        margin-right: 10px;
    }

    

    .layout-catalogs ul li .industrial {
        padding: 7px 12px 7px 24px;
        font-size: 12px;
    }

    .layout-catalogs ul li .industrial::after {
        left: 12px;
    }

    .layout-catalogs ul li .industrial::before {
        left: 24px;
        width: -webkit-calc(64%);
        width: -moz-calc(64%);
        width: calc(100% - 36px);
    }
}

@media screen and (max-width: 1024px) {
    .menuph {
        display: block;
    }

   

    .head .box {
        padding: 0;
        border-bottom: none;
        position: relative;
    }

    .head::after {
        float: left;
        height: -webkit-calc(48%);
        height: -moz-calc(48%);
        height: calc(100% - 82px);
        content: '';
        position: absolute;
        right: 32px;
        bottom: 0;
        z-index: 6;
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .head .welcom {
        display: none;
    }

    .head .lang {
        display: none;
    }

    .head .shop {
        display: none;
    }

    .head .vip {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .head .tel {
        display: none;
    }

    .head .slogan {
        display: none;
    }

    .head .lang a {
        font-size: 12px;
        margin-left: 15px;
    }

    .head .lang a:after {
        height: 12px;
        margin-top: -6px;
        left: -7px;
    }

    .head .lang a img {
        margin-right: 3px;
    }

    .head .logo {
        margin-top: 0;
        width: 40%;
    }

    .head .logo img {
        height: auto;
        margin-top: 10px;
    }

    .head .logo .pc {
        display: none;
    }

    .head .logo .ph {
        display: block;
    }

    .head .top {
        margin: 6px 0;
        padding: 0 8px;
    }

    .SearchT {
        display: none;
    }

    .SearchA {
        width: -webkit-calc(-33%);
        width: -moz-calc(-33%);
        width: calc(100% - 183px);
        margin: 4px 10px;
        margin-right: 0;
    }

    .SearchA .Search {
        padding: 5px 39px 5px 7px;
        height: 32px;
        line-height: 24px;
        font-size: 12px;
    }

    .SearchA .submit {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        padding-left: 0;
        background: url(../_im_g/search.png) center center no-repeat #007ac3;
        border-radius: 0;
        text-indent: 100px;
        overflow: hidden;
    }

    .SearchA .submit:hover {
        background: url(../_im_g/search.png) 8px center no-repeat #104c9e;
    }

    .pordClass .p {
        display: none;
    }

    .pordClass .p.active {
        display: block;
        position: fixed;
        top: 0;
        z-index: 10;
        right: 0;
        width: 92%;
    }

    .pordClass .p.active img {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: auto;
        margin-top: -2px;
    }

    .pordClass .p.active::after {
        float: left;
        width: 100%;
        height: 40px;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        right: 100%;
        top: 0;
        content: '';
    }

    .layout-catalogs {
        left: -100%;
    }

    .layout-catalogs.active {
        display: block;
        left: 0;
        top: 40px;
        width: 100%;
        padding: 0 0 0 8%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        height: 100%;
        overflow-x: auto;
    }

    .layout-catalogs.active ul {
        padding: 0 0 80px 0;
        height: auto;
        width: 100%;
        min-height: 100%;
        float: left;
    }

    .layout-catalogs.active ul li,
    .layout-catalogs ul li a {
        float: left;
    }

    .layout-catalogs.active ul li .industrial {
        font-size: 16px;
        float: left;
        width: 100%;
        padding: 9px 12px 9px 24px;
    }

    .layout-catalogs.active ul li .s-submnu {
        position: static;
        float: left;
        width: 100%;
        min-height: inherit;
        padding: 0 12px 18px 24px;
        border-radius: 0;
        box-shadow: none;
        background: #e6f2ff;
        margin: -14px 0 0 0;
    }

    .layout-catalogs.active ul li .s-submnu dl {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .layout-catalogs.active ul li .s-submnu dl dd {
        float: left;
        width: 49%;
    }

    .layout-catalogs.active ul li .s-submnu dl dd:nth-child(2n - 1) {
        float: right;
    }

    .layout-catalogs.active .menucolse {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .menu {
        display: block;
        padding: 5px 34px 5px 12px;
    }

    .menu .nli {
        width: 33.33%;
    }

    .menu .nli span a {
        line-height: 26px;
    }

    .menu .nli span a:after {
        opacity: 0;
    }
}

.spot {
    background: #007ac3;
    padding-top: 32px;
    padding-bottom: 28px;
    position: relative;
    z-index: 6;
}

.spot .slick-list {
    position: relative;
}

.spot .slick-list::after,
.spot .slick-list::before {
    float: left;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0.16;
}

.spot .slick-list::before {
    left: auto;
    right: 0;
}

.spot ul {
    float: left;
    width: 100%;
    padding: 0 1px;
}

.spot ul li {
    float: left;
    width: 25%;
}

.spot ul li a {
    float: left;
    width: 100%;
    color: #fff;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    padding: 0 10px;
}

.spot ul li:first-child a {
    border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.spot ul li a .div {
    float: left;
    color: #fff;
    position: relative;
    padding: 6px 0 6px 63px;
    text-align: justify;
}

.spot ul li a img {
    max-width: none;
    width: 47px;
    height: 54px;
    position: absolute;
    left: 0;
    top: 3px;
}

.spot ul li a h5 {
    font-size: 16px;
    line-height: 24px;
}

.spot ul li a h6 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 2px;
    opacity: 0.8;
}

.spot .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 26px;
}

.spot .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #fff;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.4;
    padding: 0 !important;
}

.spot .slick-dots li.slick-active {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .spot ul li a .div {
        padding: 6px 0 6px 55px;
    }

    .spot ul li a h6 {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .spot ul li {
        width: 50%;
    }

    .spot ul li a .div {
        padding: 0 0 0 55px;
    }

    .spot ul li a h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .spot ul li a h6 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }
}

.footer {
    float: left;
    width: 100%;
    background: #35383c;
}

.footer .box {
    padding-top: 44px;
    padding-bottom: 41px;
}

.footer .box .w_center {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.footer .left {
    float: left;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
}

.footer .logo {
    float: left;
    line-height: 0;
    margin-bottom: 16px;
}

.footer .logo img {
    max-width: none;
    height: 59px;
}

.footer .adrr {
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding-left: 26px;
    margin-top: 8px;
    opacity: 0.5;
}

.footer .adrr img {
    float: left;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    max-width: none;
}

.footer .er {
    float: left;
    width: 118px;
    text-align: center;
}

.footer .er i {
    float: left;
    width: 100%;
    line-height: 0;
}

.footer .er h6 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    opacity: 0.5;
    margin-top: 10px;
}

.footer .line {
    float: left;
    width: 1px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
}

._navF {
    float: left;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    margin-top: -5px;
    margin-bottom: -5px;
}

._navF h5 {
    float: left;
}

._navF h5 a {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

._navF ul {
    float: left;
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    margin-top: 13px;
}

._navF ul li {
    float: left;
    margin-top: 4px;
}

._navF ul li a {
    float: left;
    color: #fff;
    opacity: 0.5;
    font-size: 14px;
    line-height: 24px;
}

._navF ul li a:hover {
    opacity: 1;
}



.Copyright a {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
}

.Copyright a:hover {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .footer {
        margin-bottom: 52px;
    }

    .footer .er {
        display: none;
    }

    .footer .box {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .footer .logo {
        display: none;
    }

    .footer .adrr {
        margin-top: 4px;
        opacity: 1;
    }

    .footer .line {
        width: 100%;
        margin-top: 20px;
    }

    ._navF {
        width: 100%;
        margin: 0;
    }

    ._navF h5 {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 8px 0;
        position: relative;
    }

    ._navF h5:after {
        float: right;
        width: 8px;
        height: 8px;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        opacity: 0.5;
        transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
    }

    ._navF h5.active:after {
        transform: translate(-50%, -50%) rotate(225deg);
        -ms-transform: translate(-50%, -50%) rotate(225deg);
    }

    ._navF h5 a {
        font-size: 15px;
    }

    ._navF ul {
        width: 100%;
        display: none;
        margin: 0 0 15px 0;
    }

    ._navF ul li {
        width: 100%;
    }

    ._navF ul li a {
        width: 100%;
    }

    .Copyright {
        color: #ffffff;
    }

    .Copyright a {
        color: #ffffff;
    }
}

@media screen and (max-width: 767px) {
    .Copyright a {
        display: inline-block;
    }
}

 

/*banner*/
.slide_banner {
    float: left;
    width: 60%;
    margin: 10px 0 0 20%;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

.slide_banner .div {
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
}

.slide_banner .div a {
    float: left;
    width: 100%;
    height: 480px;
}

.slide_banner .div img {
    width: 100%;
    display: none;
}

.slide_banner .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 20px;
}

.slide_banner .slick-dots li {
    background: #fff;
    width: 18px;
    height: 2px;
    margin: 0 3px;
    background: #000000;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.2;
}

.slide_banner .slick-dots li.slick-active {
    background: #007ac3;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .index0 {
        padding: 0;
    }

    .slide_banner {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .slide_banner .div a {
        height: auto;
    }

    .slide_banner .div img {
        display: block;
    }

    .slide_banner .slick-dots {
        bottom: 15px;
    }
}

.member {
    float: right;
    width: 20%;
    height: 480px;
    background: #fff;
    margin-top: 10px;
    padding: 22px 10px 10px 10px;
    text-align: center;
}

.member i {
    float: left;
    width: 100%;
    line-height: 0;
}

.member i img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
}

.member h1 {
    float: left;
    width: 100%;
    color: #333333;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin: 14px 0 5px 0;
}

.member h2 {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin: 6px 0 15px 0;
}

.member h4 {
    float: left;
    width: 100%;
}

.member h4 a {
    float: left;
    width: 50%;
    background: #007ac3;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member h4 a img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.member h4 a:first-child {
    background: #289332;
}

.member h4 a:hover {
    background: #104c9e;
}

.member ul {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.member ul li {
    float: left;
    width: 47.7%;
    background: #f5f5f5;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.member ul li a {
    float: left;
    width: 100%;
    line-height: 0;
    padding: 16px 5px;
}

.member ul li a em {
    float: left;
    width: 100%;
    height: 41px;
    position: relative;
}

.member ul li a em img {
    width: 31px;
    height: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.member ul li a em .show {
    opacity: 1;
}

.member ul li a em .hide {
    opacity: 0;
}

.member ul li a span {
    float: left;
    width: 100%;
    margin-top: 5px;
    color: #555555;
    font-size: 16px;
    line-height: 26px;
}

.member ul li:hover {
    background: #104c9e;
}

.member ul li:hover a span {
    color: #fff;
}

.member ul li:hover a em .show {
    opacity: 0;
}

.member ul li:hover a em .hide {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .member {
        display: none;
        width: 100%;
        padding: 15px 10px 10px 10px;
        height: 404px;
    }

    .member h1 {
        margin: 10px 0 0 0;
    }

    .member h2 {
        margin: 5px 0 10px 0;
    }

    .member h4 a {
        font-size: 14px;
        line-height: 34px;
    }

    .member h4 a img {
        margin-right: 4px;
    }

    .member ul li {
        width: 49%;
        margin-top: 8px;
    }

    .member ul li a {
        padding: 14px 5px 10px 5px;
    }

    .member ul li a span {
        font-size: 14px;
        line-height: 24px;
        margin-top: 3px;
    }
}

.Business {
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.Business .list {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 10px;
    padding: 0 24px;
}

.Business .list ul {
    float: left;
    width: 100%;
}

.Business .list ul li {
    float: left;
    width: 47.1%;
    border-top: 1px solid #ebebeb;
}

.Business .list ul li a {
    float: left;
    width: 100%;
    position: relative;
    padding: 12px 0;
}

.Business .list ul li a i {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 214px;
    height: 140px;
    overflow: hidden;
}

.Business .list ul li a i img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.Business .list ul li a:hover i img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.Business .list ul li a h4 {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin: 6px 0 12px 0;
}

.Business .list ul li a:hover h4 {
    color: #007ac3;
}

.Business .list ul li a h5 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
}

.Business .list ul li a h6 {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 0 100px 0 20px;
    position: relative;
}

.Business .list ul li a h6::after {
    float: left;
    width: 4px;
    height: 4px;
    content: '';
    background: #b2b2b2;
    border-radius: 50%;
    position: absolute;
    left: 9px;
    top: 10px;
}

.Business .list ul li a time {
    float: left;
    width: 80px;
    text-align: center;
    background: #eaf4ff;
    color: #007ac3;
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 12px;
}

.Business .list ul li a:hover h6 {
    color: #007ac3;
}

.Business .list ul li a:hover h6::after {
    background: #007ac3;
}

.Business .list ul li.img {
    border-top: none;
    padding: 17px 0;
}

.Business .list ul li:nth-child(2n) {
    float: right;
}

.Business .list ul li.img a {
    padding: 0 0 0 242px;
}

.Business .list ul li.img time {
    position: static;
    margin: 14px 0 10px 0;
}

@media screen and (max-width: 1024px) {
    .Business {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .Business .list {
        padding: 0 12px;
    }

    .Business .list ul li {
        width: 48.5%;
    }

    .Business .list ul li a i {
        width: 135px;
        height: 88px;
    }

    .Business .list ul li a h4 {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

    .Business .list ul li a h5 {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }

    .Business .list ul li a h6 {
        padding: 0 90px 0 12px;
    }

    .Business .list ul li a h6::after {
        left: 2px;
    }

    .Business .list ul li a time {
        line-height: 22px;
    }

    .Business .list ul li.img a {
        padding: 0 0 0 142px;
    }

    .Business .list ul li.img time {
        /*display:none;*/
        margin: 4px 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .Business .list ul li {
        width: 100%;
    }

    .Business .list ul li a {
        padding: 10px 0;
    }

    .Business .list ul li:nth-child(2) {
        border-top: 1px solid #ebebeb;
    }

    .Business .list ul li.img {
        padding: 12px 0;
    }
}

.field {
    margin-top: 20px;
    overflow: hidden;
}

.field .list {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 1px;
    padding: 8px 8px 19px 8px;
}

.field .list ul {
    float: left;
    width: 100%;
}

.field .list ul li {
    float: left;
    width: 25%;
    padding: 8px;
}

.field .list ul li .img {
    float: left;
    width: 100%;
    position: relative;
    line-height: 0;
    overflow: hidden;
    margin-bottom: 12px;
}

.field .list ul li .img img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.field .list ul li .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.field .list ul li h4 {
    float: left;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    left: 7%;
    top: 18px;
    font-weight: bold;
}

.field .list ul li span {
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 6%;
    top: 18px;
    width: 56px;
    text-align: center;
    background: rgba(0, 0, 0, 0.14);
}

.field .list ul li h5 {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin: 16px 0 6px 0;
}

.field .list dl {
    float: left;
    width: 100%;
}

.field .list dl dd {
    float: left;
    width: 100%;
    margin-top: 4px;
}

.field .list dl dd a {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding-left: 16px;
}

.field .list dl dd a::after {
    float: left;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #d2caca;
}

.field .list dl dd a:hover {
    color: #007ac3;
}

.field .list dl dd a:hover::after {
    border-left: 8px solid #007ac3;
}

.field .list .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 12px;
}

.field .list .slick-dots li {
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #007ac3;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.4;
    padding: 0 !important;
}

.field .list .slick-dots li.slick-active {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .field {
        margin-top: 15px;
    }

    .field .list {
        padding: 7px 8px 17px 8px;
    }

    .field .list ul li {
        width: 25%;
        padding: 4px;
    }

    .field .list ul li .img {
        margin-bottom: 6px;
    }

    .field .list ul li h4 {
        font-size: 14px;
        left: 5px;
        top: 5px;
    }

    .field .list ul li span {
        right: 5px;
        top: 5px;
        font-size: 12px;
        width: auto;
        padding: 0 5px;
        opacity: 0;
    }

    .field .list ul li h5 {
        margin: 8px 0 3px 0;
    }

    .field .list dl dd {
        margin-top: 2px;
    }

    .field .list dl dd a {
        padding-left: 12px;
    }
}

@media screen and (max-width: 767px) {
    .field .list ul li {
        width: 50%;
    }
}

.Title {
    float: left;
    width: 100%;
    background: #fff;
    padding: 12px 16px;
    color: #333333;
    font-size: 20px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
}

.Title span {
    font-weight: bold;
    display: flex;
    align-items: center;
}

.Title span img {
    max-width: none;
    height: 24px;
    margin-right: 3px;
}

.Title a {
    float: right;
    color: #888888;
    font-size: 14px;
}

.Title a:hover {
    color: #007ac3;
}

@media screen and (max-width: 1024px) {
    .Title {
        padding: 6px 12px;
        font-size: 18px;
        line-height: 30px;
    }
}

.PordA {
    margin-top: 20px;
    overflow: hidden;
}

.PordA .img {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.PordA .img ul {
    margin: 0 -5px;
}

.PordA .img ul li {
    float: left;
    width: 50%;
    padding: 0 5px;
    line-height: 0;
    text-align: center;
}

.PordA .img ul li a {
    float: left;
    width: 100%;
}

.PordA .img .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 12px;
}

.PordA .img .slick-dots li {
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #007ac3;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.4;
    padding: 0 !important;
}

.PordA .img .slick-dots li.slick-active {
    opacity: 1;
}

.PordA .brand {
    float: right;
    width: 28.75%;
    background: #fff;
    padding: 0 4px;
}

.PordA .brand .list {
    float: left;
    width: 100%;
    padding: 2px 16px 18px 16px;
}

.PordA .brand .list ul {
    margin: -4px;
}

.PordA .brand .list li {
    float: left;
    width: 50%;
    padding: 4px;
}

.PordA .brand .list li a {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
    line-height: 0;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73px;
    overflow: hidden;
}

.PordA .brand .list li a img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.PordA .brand .list li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.PordA .brand .list ul li a:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.PordA .hot {
    float: left;
    width: 70.5%;
    background: #fff;
    padding: 0 4px;
}

.PordA .hot .list {
    float: left;
    width: 100%;
    padding: 1px 16px 20px 16px;
}

.PordA .hot .list ul {
    float: left;
    width: 100%;
}

.PordA .hot .list li {
    float: left;
    width: 36%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 18px 20px 24px 118px;
}

.PordA .hot .list li .ico {
    z-index: 2;
    float: left;
    position: absolute;
    right: -28px;
    top: 4px;
    background: #ff0000;
    color: #fff;
    width: 86px;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.PordA .hot .list li .img {
    float: left;
    line-height: 0;
    text-align: center;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -50px;
}

.PordA .hot .list li .tit {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.PordA .hot .list li:hover .tit {
    color: #007ac3;
}

.PordA .hot .list li .model {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0;
}

.PordA .hot .list li .btn {
    float: left;
    width: 100%;
}

.PordA .hot .list li .btn a {
    float: left;
    text-align: center;
    border: 1px solid #007ac3;
    width: 48.5%;
    color: #007ac3;
    font-size: 14px;
    line-height: 22px;
    margin: 5px 0 0 0;
}

.PordA .hot .list li .btn a:nth-child(2n) {
    float: right;
}

.PordA .hot .list li .btn a:hover {
    background: #007ac3;
    color: #fff;
}

.PordA .hot .list li:nth-child(1) {
    width: 28%;
    background: #eff7ff;
    border-bottom: none;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    padding: 20px 20px 20px 20px;
}

.PordA .hot .list li:nth-child(2),
.PordA .hot .list li:nth-child(3) {
    border-top: 1px solid #e5e5e5;
}

.PordA .hot .list li:nth-child(1) .img {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 15px 0;
    width: 100%;
    height: 138px;
    overflow: hidden;
}

.PordA .hot .list li:nth-child(1) .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.PordA .hot .list li:nth-child(1) .model {
    margin: 4px 0 8px 0;
}

.PordA .hot .list li:nth-child(1) .btn {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.PordA .hot .list li:nth-child(1) .btn a {
    width: 40%;
    margin: 9px 3.5% 0 3.5%;
}

@media screen and (max-width: 1360px) {
    .PordA .brand {
        padding: 0;
    }

    .PordA .hot {
        padding: 0;
    }

    .PordA .hot .list li {
        padding: 18px 10px 23px 68px;
    }

    .PordA .hot .list li .img {
        left: 0;
        width: 68px;
        height: 68px;
        margin-top: -34px;
    }

    .PordA .hot .list li .btn a {
        font-size: 12px;
    }

    .PordA .hot .list li:nth-child(1) {
        padding: 16px 10px 22px 10px;
    }

    .PordA .hot .list li:nth-child(1) .btn a {
        width: 44%;
        margin: 9px 2% 0 2%;
    }
}

@media screen and (max-width: 1024px) {
    .PordA {
        margin-top: 15px;
    }

    .PordA .img {
        margin-top: 15px;
    }

    .PordA .brand {
        width: 100%;
        margin-top: 15px;
    }

    .PordA .brand .list {
        padding: 0 12px 12px 12px;
    }

    .PordA .brand .list ul {
        margin: -3px;
    }

    .PordA .brand .list li {
        width: 25%;
        padding: 3px;
    }

    .PordA .brand .list li a {
        height: auto;
    }

    .PordA .hot {
        width: 100%;
    }

    .PordA .hot .list {
        padding: 0 12px 12px 12px;
    }

    .PordA .hot .list li {
        padding: 12px 10px 17px 68px;
    }

    .PordA .hot .list li .model {
        margin: 0;
    }

    .PordA .hot .list li:nth-child(1) {
        padding: 10px 10px 17px 10px;
    }

    .PordA .hot .list li:nth-child(1) .img {
        margin-bottom: 5px;
        height: 134px;
    }

    .PordA .hot .list li:nth-child(1) .model {
        margin: 0;
    }

    .PordA .hot .list li:nth-child(1) .btn a {
        width: 44%;
        margin: 5px 2% 0 2%;
    }
}

@media screen and (max-width: 767px) {
    .PordA .img ul li {
        width: 100%;
    }

    .PordA .hot .list li {
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-top: -1px;
        padding: 12px 15px 17px 130px;
    }

    .PordA .hot .list li .img {
        left: 15px;
        width: 100px;
        height: 100px;
        margin-top: -50px;
    }

    .PordA .hot .list li:nth-child(1) {
        background: none;
        width: 100%;
        padding: 12px 15px 17px 130px;
        text-align: left;
    }

    .PordA .hot .list li:nth-child(1) .img {
        position: absolute;
        top: 50%;
        left: 15px;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
        margin-top: -50px;
    }

    .PordA .brand .list li {
        width: 50%;
    }

    .PordA .hot .list li .btn a {
        width: 48%;
    }

    .PordA .hot .list li:nth-child(1) .btn {
        display: block;
    }

    .PordA .hot .list li:nth-child(1) .btn a {
        width: 48%;
        margin: 5px 0 0 0;
    }
}

.Product {
    margin-top: 20px;
    overflow: hidden;
}

.Product .listR {
    float: left;
    width: 87.5%;
    margin-top: 10px;
}

.Product .listR ul {
    float: left;
    width: 100%;
}

.Product .listR li {
    float: left;
    width: -webkit-calc(10%);
    width: -moz-calc(10%);
    width: calc(20% - 10px);
    background: #fff;
    margin-left: 10px;
}

.Product .listR li:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.Product .listR li .img {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    line-height: 0;
    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
    margin-bottom: 11px;
}

.Product .listR li .img img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.Product .listR li:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.Product .listR li .tit {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 13px;
}

.Product .listR li .model {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 13px;
}

.Product .listR li .text {
    float: left;
    width: 100%;
    color: #888888;
    font-size: 12px;
    line-height: 22px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 0 13px;
}

.Product .listR li .more {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 9px 13px;
}

.Product .listR li .btn {
    float: left;
    width: 100%;
    padding: 12px 13px 0 13px;
}

.Product .listR li .btn a {
    float: left;
    text-align: center;
    border: 1px solid #007ac3;
    width: 41.5%;
    color: #007ac3;
    font-size: 14px;
    line-height: 22px;
    margin: 5px 8.5% 0 0;
}

.Product .listR li .btn a:hover {
    background: #007ac3;
    color: #fff;
}

.Product .listR li:hover .tit,
.Product .listR li:hover .more {
    color: #007ac3;
}

.Product .listL {
    float: left;
    width: 12.5%;
    margin-top: 10px;
    background: #fff;
}

.Product .listL ul {
    float: left;
    width: 100%;
}

.Product .listL li {
    float: left;
    width: 100%;
}

.Product .listL li a {
    float: left;
    width: 100%;
    position: relative;
    height: 40px;
    overflow: hidden;
    line-height: 18px;
    color: #555555;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 34px;
}

.Product .listL li:nth-child(2n) {
    background: #f3f8ff;
}

.Product .listL li a img {
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -9px;
    max-width: none;
    width: 18px;
    height: 18px;
}

.Product .listL li a img.show {
    opacity: 1;
}

.Product .listL li a img.hide {
    opacity: 0;
}

.Product .listL li a span {
    float: right;
    opacity: 0.5;
}

.Product .listL li.slick-current a {
    background: #007ac3;
    color: #fff;
}

.Product .listL li.slick-current a img.show {
    opacity: 0;
}

.Product .listL li.slick-current a img.hide {
    opacity: 1;
}

.Product .listL li.slick-current a span {
    opacity: 1;
}

@media screen and (max-width: 1360px) {
    .Product .listR li .tit {
        font-size: 13px;
        padding: 0 10px;
    }

    .Product .listR li .model {
        font-size: 13px;
        padding: 0 10px;
    }

    .Product .listR li .text {
        font-size: 13px;
        padding: 0 10px;
    }

    .Product .listR li .more {
        font-size: 13px;
        padding: 9px 10px;
    }

    .Product .listR li .btn {
        padding: 12px 10px 0 10px;
    }

    .Product .listR li .btn a {
        font-size: 12px;
        width: 48%;
        margin: 5px 0 0 0;
    }

    .Product .listR li .btn a:nth-child(2n) {
        float: right;
    }

    .Product .listL li a {
        padding: 0 6px 0 26px;
        font-size: 12px;
        line-height: 16px;
    }

    .Product .listL li a img {
        left: 5px;
    }
}

@media screen and (max-width: 1024px) {
    .Product {
        margin-top: 15px;
    }

    .Product .listL {
        width: 17%;
    }

    .Product .listR {
        width: 83%;
    }

    .Product .listR li {
        width: -webkit-calc(17%);
        width: -moz-calc(17%);
        width: calc(25% - 8px);
        margin-left: 8px;
    }

    .Product .listR li:first-child {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .Product {
        margin-top: 15px;
    }

    .Product .listL {
        width: 100%;
    }

    .Product .listL li {
        width: 33.33%;
    }

    .Product .listR {
        width: 100%;
        margin-top: 4px;
    }

    .Product .listR li {
        width: 49%;
        margin-left: 0;
        margin-top: 6px;
    }

    .Product .listR li:nth-child(2n) {
        float: right;
    }

    .Product .listR li:first-child {
        display: none;
    }

    .Product .listR li .img {
        height: 78px;
        margin-bottom: 8px;
    }

    .Product .listR li .btn {
        padding: 4px 10px 0 10px;
    }

    .Product .listR li .more {
        padding: 7px 10px;
    }
}

.technical {
    margin-top: 20px;
    overflow: hidden;
}

.technical .box {
    float: left;
    width: 100%;
    margin-top: 10px;
    background: #fff;
    padding: 15px 21px;
}

.technical .list {
    float: left;
}

.technical .list dl {
    float: left;
    width: 100%;
}

.technical .list dl dd {
    float: left;
    width: 100%;
    margin: 4px 0;
}

.technical .list dl dd a {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding-left: 16px;
}

.technical .list dl dd a::after {
    float: left;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #d2caca;
}

.technical .list dl dd a:hover {
    color: #007ac3;
}

.technical .list dl dd a:hover::after {
    border-left: 8px solid #007ac3;
}

.technical .list ul {
    margin: 0 -4px;
}

.technical .list ul li {
    float: left;
    width: 25%;
    padding: 0 4px;
}

.technical .list ul li a {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding-bottom: 12px;
}

.technical .list ul li a:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.technical .list ul li a i {
    float: left;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.technical .list ul li a i img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.technical .list ul li a:hover i img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.technical .list ul li a h5 {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: #555555;
    font-size: 16px;
    line-height: 26px;
    padding: 11px 9.4% 10px 9.4%;
}

.technical .list ul li a h6 {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #555555;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    padding: 0 9.4%;
}

.technical .list ul li a:hover h5 {
    color: #007ac3;
}

.technical .list-1 {
    width: 38%;
}

.technical .list-2 {
    width: 60.5%;
    float: right;
    margin: 5px 0 7px 0;
}

.technical .list-3 {
    width: 60.5%;
    float: right;
}

.technical .list-3 dl dd {
    width: 49%;
}

.technical .list-3 dl dd:nth-child(2n) {
    float: right;
}

.technical .list-2 .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 12px;
}

.technical .list-2 .slick-dots li {
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #007ac3;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.4;
    padding: 0 !important;
}

.technical .list-2 .slick-dots li.slick-active {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .technical {
        margin-top: 15px;
    }

    .technical .box {
        padding: 10px 12px;
    }

    .technical .list dl dd {
        margin: 2px 0;
    }

    .technical .list dl dd a {
        padding-left: 12px;
    }

    .technical .list ul li {
        width: 33.33%;
    }

    .technical .list ul li a h5 {
        padding: 10px 6px 4px 6px;
    }
}

@media screen and (max-width: 767px) {
    .technical .list-1 {
        width: 100%;
    }

    .technical .list-2 {
        width: 100%;
        margin: 15px 0 10px 0;
    }

    .technical .list-3 {
        width: 100%;
    }
}

.crumbs {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.crumbs a:first-child {
    padding-left: 18px;
    background: url(../_im_g/ico23.png) left center no-repeat;
}

.crumbs a {
    color: #555555;
}

.crumbs a.on,
.crumbs a:hover {
    color: #007ac3;
    text-decoration: underline;
}

.boxL {
    float: left;
    width: 66.66%;
    background: #fff;
    margin-bottom: 41px;
}

.boxR {
    float: right;
    width: 31.66%;
    margin-bottom: 41px;
}

.inTitle {
    float: left;
    width: 100%;
    color: #fff;
    background: #007ac3;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    padding: 11px 17px;
}

.daili {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 10px;
}

.daili ul {
    float: left;
    width: 100%;
}

.daili li {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.daili li a {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
    line-height: 0;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.daili li a img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.daili li a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.daili ul li a:hover {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.paging {
    float: left;
    width: 100%;
    padding: 40px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.paging a {
    float: left;
    color: #555555;
    font-size: 12px;
    line-height: 22px;
    width: 24px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin: 0 3px;
}

.paging a.on,
.paging a:hover {
    border: 1px solid #007ac3;
    color: #fff;
    background: #007ac3;
}

/* .paging a:first-child,
.paging a:last-child {
    width: 58px;
} */

.select {
    float: left;
    width: 100%;
    padding: 15px;
}

.select ul {
    float: left;
    width: 100%;
}

.select ul li {
    float: left;
    padding: 5px;
}

.select ul li a {
    float: left;
    color: #007ac3;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 19px;
    background: #eaf4ff;
}

.select ul li.on a,
.select ul li:hover a {
    background: #007ac3;
    color: #fff;
}

.download {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.download ul {
    float: left;
    width: 100%;
}

.download ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.download ul li:last-child {
    margin-bottom: 0;
}

.download ul li a {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 22px 30px 22px 129px;
}

.download ul li a:after {
    float: left;
    background: #e5e5e5;
    width: 1px;
    height: 44px;
    content: '';
    position: absolute;
    left: 98px;
    top: 50%;
    margin-top: -22px;
}

.download ul li h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
    margin: 3px 0;
}

.download ul li time {
    float: left;
    width: 100%;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
}

.download ul li img {
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 29px;
    top: 50%;
    margin-top: -20px;
}

.download ul li:hover h5 {
    color: #007ac3;
}

@media screen and (max-width: 1024px) {
    .crumbs {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 12px;
    }

    .boxL {
        width: 100%;
        margin-bottom: 20px;
    }

    .boxR {
        width: 100%;
        margin-bottom: 15px;
    }

    .inTitle {
        font-size: 15px;
        padding: 6px 12px;
    }

    .daili {
        padding: 8px;
    }

    .daili li {
        width: 16.66%;
        padding: 4px;
    }

    .paging {
        padding: 25px 0;
    }

    .paging a {
        line-height: 18px;
        width: 20px;
        margin: 0 2px;
    }

    /* .paging a:first-child,
    .paging a:last-child {
        width: 46px;
    } */

    .select {
        padding: 9px;
    }

    .select ul li {
        padding: 3px;
    }

    .select ul li a {
        padding: 1px 5px;
        font-size: 13px;
    }

    .download {
        padding: 0 12px;
    }

    .download ul li a {
        padding: 15px 10px 15px 70px;
    }

    .download ul li a::after {
        left: 60px;
        height: 30px;
        margin-top: -15px;
    }

    .download ul li img {
        left: 10px;
    }

    .download ul li h5 {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .daili li {
        width: 33.33%;
    }
}

.hezuo {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 41px;
    flex-wrap: wrap;
    display: flex;
}

.hezuo i {
    float: left;
    width: 29.8%;
    line-height: 0;
}

.hezuo i img {
    display: none;
}

.hezuo form {
    float: left;
    width: 70.2%;
    padding: 24px 3.33% 34px 3.33%;
}

.hezuo form .btn {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 9px 0;
}

.hezuo form .submit {
    float: left;
    width: 329px;
    border-radius: 3px;
    background: #007ac3;
    color: #fff;
    font-size: 16px;
    line-height: 39px;
    height: 39px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.hezuo form .submit:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.hezuo form .data {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}

.hezuo form .data img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.hezuo form h5 {
    float: left;
    color: #666666;
    font-size: 14px;
    line-height: 39px;
    white-space: nowrap;
}

.hezuo form h5 span {
    color: #c62926;
    margin-right: 4px;
}

.hezuo form .h5 {
    width: 48px;
    padding-right: 12px;
    display: flex;
    justify-content: flex-end;
}

.hezuo form dl {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 16px 10px;
    margin-top: 1px;
}

.hezuo form dl dd {
    float: left;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin: 0 1.7%;
    cursor: pointer;
}

.hezuo form dl dd input[type="checkbox"] {
    float: left;
    position: relative;
    width: 14px;
    height: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    margin: 5px 6px 0 0;
}

.hezuo form dl dd input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 1px;
}

.hezuo form dl dd input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #007ac3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #007ac3;
    border-radius: 1px;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
}

.hezuo form .lab {
    float: left;
    width: 46%;
    margin-top: 13px;
    display: flex;
}

.hezuo form .w100 {
    width: 100%;
}

.hezuo form .right {
    float: right;
}

.hezuo form .text {
    float: left;
    width: 100%;
    color: #666;
    font-size: 14px;
    line-height: 27px;
    height: 39px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    padding: 5px 16px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.hezuo form .text:focus {
    border: 1px solid #007ac3;
}

.hezuo form .textarea {
    height: 110px;
}

.hezuo ::-webkit-input-placeholder {
    color: #d3d3d3;
}

.hezuo :-moz-placeholder {
    color: #d3d3d3;
}

.hezuo ::-moz-placeholder {
    color: #d3d3d3;
}

.hezuo :-ms-input-placeholder {
    color: #d3d3d3;
}

@media screen and (max-width: 1360px) {
    .hezuo form dl dd {
        margin: 0 1%;
    }
}

@media screen and (max-width: 1024px) {
    .hezuo {
        margin-bottom: 30px;
    }

    .hezuo form {
        padding: 15px 15px 25px 15px;
    }

    .hezuo form dl {
        padding: 10px 5px;
    }

    .hezuo form dl dd {
        margin: 0 7px;
    }

    .hezuo form h5 {
        line-height: 34px;
    }

    .hezuo form .lab {
        margin-top: 10px;
    }

    .hezuo form .text {
        height: 34px;
        line-height: 24px;
        padding: 4px 10px;
    }

    .hezuo form .textarea {
        height: 90px;
    }

    .hezuo form .btn {
        margin: 15px 0 9px 0;
    }

    .hezuo form .submit {
        width: 180px;
        height: 34px;
        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .hezuo form {
        width: 100%;
    }

    .hezuo i {
        width: 100%;
        height: 200px;
    }

    .hezuo i img {
        display: none;
    }

    .hezuo form .lab {
        width: 100%;
    }

    .hezuo form .h5 {
        width: 78px;
    }

    .hezuo form dl dd {
        min-width: 31.33%;
        margin: 0 1%;
        font-size: 12px;
    }

    .hezuo form dl dd input[type="checkbox"] {
        margin: 5px 4px 0 0;
    }
}

.boxA {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-bottom: 41px;
}

.boxL1 {
    float: left;
    width: 20%;
    background: #fff;
}

.inTitle1 {
    float: left;
    width: 100%;
    background: #007ac3;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    padding: 20px 10px;
}

.slideL {
    float: left;
    width: 100%;
}

.slideL ul {
    float: left;
    width: 100%;
}

.slideL ul li {
    float: left;
    width: 100%;
}

.slideL ul li a {
    float: left;
    width: 100%;
    position: relative;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 12.5%;
    border-bottom: 1px solid #e5e5e5;
}

.slideL ul li a::after {
    float: left;
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 12.5%;
    top: 50%;
    border-radius: 50%;
    background: #007ac3;
    margin: -2px 0 0 -10px;
}

.slideL ul li.on a,
.slideL ul li:hover a {
    background: #eaf4ff;
    color: #007ac3;
    border-bottom: 1px solid #eaf4ff;
}

.boxR1 {
    float: right;
    width: 78.5%;
    background: #fff;
    padding: 0 25px 25px 25px;
}

.inTitle2 {
    float: left;
    width: 100%;
    color: #007ac3;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.aboutText {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 22px;
    margin-top: 27px;
}

.aboutText .ul {
    float: left;
    width: 100%;
    background: #007ac3;
    margin-top: 32px;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 15px 10px;
}

.aboutText .ul .line {
    float: left;
    width: 1px;
    height: 42px;
    opacity: 0.4;
    background: #fff;
    padding: 0;
}

.aboutText .ul li {
    float: left;
    line-height: 1.6;
    padding: 8px;
}

.aboutText .ul li span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .boxL1 {
        width: 100%;
    }

    .slideL {
        overflow-x: auto;
    }

    .slideL::-webkit-scrollbar {
        display: none;
    }

    .slideL ul {
        display: flex;
        width: auto;
        white-space: nowrap;
    }

    .slideL ul li {
        width: auto;
    }

    .slideL ul li a {
        padding: 8px 20px 8px 30px;
    }

    .slideL ul li a::after {
        left: 20px;
        margin: -2px 0 0 0;
    }

    .inTitle1 {
        font-size: 18px;
        line-height: 28px;
        padding: 8px 10px;
    }

    .boxR1 {
        width: 100%;
        margin-top: 15px;
        padding: 0 12px 15px 12px;
    }

    .inTitle2 {
        padding: 10px 0;
    }

    .aboutText {
        margin-top: 18px;
    }

    .aboutText .ul {
        margin-top: 20px;
        padding: 6px 0;
    }

    .aboutText .ul .line {
        height: 30px;
    }

    .aboutText .ul li {
        line-height: 1.4;
    }

    .aboutText .ul li span {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .aboutText .ul {
        flex-wrap: wrap;
    }

    .aboutText .ul li {
        width: 38%;
        text-align: center;
        font-size: 12px;
    }

    .aboutText .ul li:nth-child(3),
    .aboutText .ul li:nth-child(7) {
        width: 61%;
    }

    .aboutText .ul li span {
        font-size: 15px;
    }

    .aboutText .ul .line-1 {
        display: none;
    }
}

.spotBuy {
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30;
    background: rgba(0, 0, 0, 0.5);
}

.spotBuy .box {
    float: left;
    width: 560px;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 31;
    padding: 20px 20px 30px 20px;
    overflow: hidden;
}

.spotBuy .box h4 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 18px;
    line-height: 28px;
}

.spotBuy .box h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    margin: 35px 0 3px 0;
}

.spotBuy .box h5 a {
    float: right;
    font-weight: normal;
    background: #007ac3;
    color: #fff;
    padding: 0 20px;
    border-radius: 2px;
    font-size: 14px;
}

.spotBuy .box h5 a:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.spotBuy .box .text {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
}

.spotBuy .box .num {
    float: left;
    width: 100%;
    color: #606266;
    font-size: 14px;
    line-height: 40px;
    margin: 30px 0;
    display: flex;
    white-space: nowrap;
}

.spotBuy .box .num font {
    color: #ff0000;
    margin-right: 4px;
}

.spotBuy .box .num span {
    margin-right: 11px;
}

.spotBuy .box .number {
    float: left;
    width: 100%;
    color: #606266;
    font-size: 14px;
    line-height: 26px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    padding: 6px 12px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.spotBuy .box .number:focus {
    border: 1px solid #007ac3;
}

.spotBuy .box .cont {
    float: left;
    width: 100%;
    position: relative;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 12px 0;
}

.spotBuy .box .cont::after {
    float: left;
    width: 1px;
    height: 42px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: #dcdcdc;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.spotBuy .box .cont li {
    float: left;
    width: 50%;
    color: #606266;
    font-size: 14px;
    line-height: 30px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.spotBuy .box .cont li span {
    float: right;
}

.spotBuy .box .cont li font {
    color: #ff0000;
    font-size: 18px;
}

.spotBuy .box .btn {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.spotBuy .box .btn .a {
    float: left;
    width: 130px;
    text-align: center;
    color: #007ac3;
    font-size: 14px;
    line-height: 38px;
    border-radius: 3px;
    border: 1px solid #007ac3;
    margin: 0 9px;
}

.spotBuy .box .btn .a:last-child {
    background: #007ac3;
    color: #fff;
}

.spotBuy .box .btn .a:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.spotBuy .box .line {
    float: left;
    width: -webkit-calc(140%);
    width: -moz-calc(140%);
    width: calc(100% + 40px);
    height: 10px;
    background: #f0f0f0;
    margin: 25px 0 0 -20px;
}

.spotBuy .box .colse {
    float: left;
    line-height: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 17px;
    top: 23px;
    padding: 4px;
    cursor: pointer;
}

@media screen and (max-width: 1600px) {
    .spotBuy .box {
        padding: 15px 20px 20px 20px;
    }

    .spotBuy .box h5 {
        margin: 15px 0 3px 0;
    }

    .spotBuy .box .num {
        margin: 20px 0;
    }

    .spotBuy .box .text {
        line-height: 26px;
    }

    .spotBuy .box .cont li {
        line-height: 26px;
    }

    .spotBuy .box .btn {
        margin-top: 20px;
    }

    .spotBuy .box .line {
        margin: 20px 0 0 -20px;
    }

    .spotBuy .box .colse {
        right: 12px;
        top: 14px;
    }
}

@media screen and (max-width: 767px) {
    .spotBuy .box {
        width: 90%;
        padding: 15px 15px 20px 15px;
        height: 80vh;
        overflow-y: auto;
    }

    .spotBuy .box .cont li {
        width: 100%;
        padding: 0 15px;
    }
}

.Custom {
    float: left;
    width: 100%;
}

.Custom ul {
    float: left;
    width: 100%;
}

.Custom ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.Custom ul li .a {
    float: left;
    width: 100%;
    position: relative;
    padding: 16px 16px 16px 156px;
    min-height: 146px;
}

.Custom ul li i {
    float: left;
    width: 114px;
    height: 114px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 16px;
    top: 16px;
}

.Custom ul li i img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.Custom ul li .a:hover i img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.Custom ul li h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin: 11px 0 16px 0;
    display: flex;
    justify-content: space-between;
}

.Custom ul li h5 font {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Custom ul li h5 font a {
    color: #333333;
}

.Custom ul li h5 .span {
    float: right;
    color: #007ac3;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    height: 24px;
    padding: 0 10px;
    background: rgba(47, 144, 255, 0.1);
    white-space: nowrap;
    margin-left: 10px;
}

.Custom ul li h6 {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Custom ul li .a:hover {
    background: rgba(47, 144, 255, 0.06);
}

.Custom ul li .a:hover h5 {
    color: #007ac3;
}

.Custom ul li .a:hover h5 font a {
    color: #007ac3;
}

.dzkf1 {
    float: left;
    width: 100%;
}

.dzkf1 ul {
    float: left;
    width: 100%;
}

.dzkf1 ul li {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.dzkf1 ul li a {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 42px 12.9%;
}

.dzkf1 ul li a::after {
    float: left;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.32;
    background: #000;
}

.dzkf1 ul li h5 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 4;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    letter-spacing: 3px;
}

.dzkf1 ul li h6 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 4;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.dzkf2 {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    margin-top: 20px;
    padding: 0 20px 14px 20px;
}

.dzkf2::after {
    float: left;
    width: 100%;
    height: 48px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #007ac3;
}

.dzkf2 h5 {
    float: left;
    width: 120px;
    position: relative;
    z-index: 6;
    background: #fff;
    margin: 8px 0;
    color: #007ac3;
    font-size: 14px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dzkf2 h5 img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.dzkf2 h6 {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0;
}

.dzkf2 ul {
    float: left;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding-top: 12px;
}

.dzkf2 ul li {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    padding-left: 28px;
    margin-top: 6px;
}

.dzkf2 ul li img {
    float: left;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}

@media screen and (max-width: 1360px) {
    .dzkf1 ul li a {
        padding: 30px 15px;
    }
}

@media screen and (max-width: 1024px) {
    .Custom ul li .a {
        padding: 12px 12px 12px 112px;
        min-height: 112px;
    }

    .Custom ul li i {
        width: 88px;
        height: 88px;
        left: 12px;
        top: 12px;
    }

    .Custom ul li h5 {
        font-size: 15px;
        margin: 4px 0 4px 0;
    }

    .Custom ul li h5 .span {
        font-size: 12px;
        padding: 0 6px;
    }

    .dzkf1 ul li {
        margin-top: 15px;
    }

    .dzkf1 ul li a {
        padding: 20px 12px;
    }

    .dzkf1 ul li h5 {
        font-size: 18px;
        line-height: 28px;
    }

    .dzkf1 ul li h6 {
        font-size: 14px;
        line-height: 22px;
        margin-top: 5px;
    }

    .dzkf2 {
        margin-top: 15px;
        padding: 0 12px 14px 12px;
    }

    .dzkf2 h5 {
        width: 110px;
    }

    .dzkf2 h6 {
        padding: 12px 0;
    }

    .dzkf2 ul li {
        padding-left: 22px;
        margin-top: 4px;
    }
}

@media screen and (max-width: 767px) {
    .Custom ul li h5 {
        flex-wrap: wrap;
        margin: 4px 0 4px 0;
    }

    .Custom ul li h5 .span {
        display: none;
    }
}

.BusinImg {
    float: left;
    width: 100%;
    padding: 16px 16px 0 16px;
}

.BusinImg ul {
    margin: 0 -7px;
}

.BusinImg ul li {
    float: left;
    width: 50%;
    padding: 0 7px;
    line-height: 0;
    text-align: center;
}

.BusinImg ul li a {
    float: left;
    width: 100%;
}

.BusinImg .slick-dots {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 12px;
}

.BusinImg .slick-dots li {
    background: #fff;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background: #007ac3;
    transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    opacity: 0.4;
    padding: 0 !important;
}

.BusinImg .slick-dots li.slick-active {
    opacity: 1;
}

.BusinL {
    float: left;
    width: 100%;
    padding: 0 16px;
}

.BusinL ul {
    float: left;
    width: 100%;
}

.BusinL ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.BusinL ul li a {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.BusinL ul li i {
    float: left;
    line-height: 0;
    margin-right: 26px;
}

.BusinL ul li i img {
    max-width: none;
    width: 214px;
    height: 140px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinL ul li a:hover i img {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}

.BusinL ul li .text {
    float: left;
    width: 100%;
    position: relative;
    top: 0;
}

.BusinL ul li h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -5px;
}

.BusinL ul li h6 {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 10px 0 15px 0;
}

.BusinL ul li time {
    float: left;
    color: #007ac3;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    background: rgba(47, 144, 255, 0.1);
}

.BusinL ul li a:hover h5 {
    color: #007ac3;
}

.crumbs-1 {
    width: auto;
    float: right;
    margin-top: -48px;
}

.BusinT {
    float: left;
    width: 100%;
}

.BusinT ul {
    float: left;
    padding: 8px 0;
}

.BusinT ul li {
    float: left;
    margin-right: 4px;
}

.BusinT ul li a {
    float: left;
    color: #555555;
    font-size: 14px;
    line-height: 32px;
    padding: 0 18px;
}

.BusinT ul li:last-child {
    margin-right: 0 !important;
}

.BusinT ul li.on a,
.BusinT ul li:hover a {
    background: #007ac3;
    color: #fff;
}

.inTitle3 {
    float: left;
    width: 100%;
    color: #fff;
    background: #007ac3;
    font-size: 14px;
    line-height: 20px;
    height: 48px;
    padding: 4px 9px;
    display: flex;
    align-items: center;
}

.inTitle3 h5 {
    float: left;
    width: 120px;
    position: relative;
    z-index: 6;
    background: #fff;
    margin: 8px 0;
    color: #007ac3;
    font-size: 14px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    white-space: nowrap;
    padding: 0 10px;
}

.inTitle3 h5 img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

@media screen and (max-width: 1360px) {
    .BusinT ul li a {
        padding: 0 12px;
    }

    .inTitle3 {
        font-size: 13px;
        line-height: 18px;
    }

    .inTitle3 h5 {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .BusinL {
        padding: 0 12px;
    }

    .BusinL ul li a {
        padding: 15px 0;
    }

    .BusinL ul li i {
        margin-right: 8px;
    }

    .BusinL ul li i img {
        width: 132px;
        height: 86px;
    }

    .BusinL ul li h5 {
        font-size: 15px;
    }

    .BusinL ul li h6 {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
        margin: 0 0 5px 0;
    }

    .BusinL ul li time {
        font-size: 12px;
        line-height: 20px;
        padding: 0 6px;
    }

    .BusinImg {
        padding: 12px 12px 0 12px;
    }

    .BusinT ul {
        padding: 6px 0;
    }

    .BusinT ul li {
        margin-right: 2px;
    }

    .BusinT ul li a {
        font-size: 12px;
        padding: 0 8px;
        line-height: 24px;
    }

    .crumbs-1 {
        margin-top: -36px;
    }

    .inTitle3 {
        font-size: 12px;
        line-height: 18px;
    }

    .inTitle3 h5 {
        width: 110px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .BusinT {
        overflow-x: auto;
        border-bottom: 1px solid #e5e5e5;
    }

    .BusinT::-webkit-scrollbar {
        display: none;
    }

    .BusinT ul {
        width: auto;
        display: flex;
        white-space: nowrap;
    }

    .crumbs-1 {
        float: left;
        width: 100%;
        margin-top: 0;
    }
}

.BusinD {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 20px;
    /*min-height:1642px;*/
}

.BusinD .form {
    float: left;
    width: 100%;
}

.BusinD .form .btn {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

.BusinD .form .submit {
    float: left;
    width: 244px;
    border-radius: 3px;
    background: #007ac3;
    color: #fff;
    font-size: 14px;
    line-height: 39px;
    height: 39px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinD .form .submit:hover {
    background: #104c9e;
}

.BusinD .form h5 {
    float: left;
    color: #666666;
    font-size: 14px;
    line-height: 39px;
    white-space: nowrap;
    display: flex;
}

.BusinD .form h5 span {
    color: #c62926;
    margin-right: 4px;
}

.BusinD .form .h5 {
    padding-right: 12px;
    position: absolute;
    right: 100%;
    top: 0;
    margin-right: -50px;
}

.BusinD .form .h5-1 {
    margin: 19px 0;
    white-space: normal;
    line-height: 25px;
}

.BusinD .form .lab {
    float: left;
    width: 46%;
    margin-top: 15px;
    display: flex;
    position: relative;
    padding-left: 50px;
}

.BusinD .form .lab-1 {
    width: 19.5%;
}

.BusinD .form .lab-2 {
    width: 19.5%;
    margin-left: 7%;
}

.BusinD .form .w100 {
    width: 100%;
}

.BusinD .form .right {
    float: right;
}

.BusinD .form .text {
    float: left;
    width: 100%;
    color: #666;
    font-size: 14px;
    line-height: 27px;
    height: 39px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    padding: 5px 16px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinD .form .text:focus {
    border: 1px solid #007ac3;
}

.BusinD .form .date {
    position: absolute;
    right: 10px;
    top: 9px;
    width: 20px;
    height: 20px;
    max-width: none;
}

.BusinD .form .lab-3 {
    padding-left: 0 !important;
    flex-wrap: wrap;
    margin: 21px 0 40px 0;
    width: 79.5%;
}

.BusinD .form .lab-4 {
    padding-left: 0 !important;
    flex-wrap: wrap;
    margin: 21px 0 40px 1.5%;
    width: 19%;
}

.BusinD .form .text-1 {
    width: 100%;
    margin-top: 3px;
    height: 148px;
}

.BusinD .form .file1 {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    background: #f5f5f5;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    height: 148px;
    overflow: hidden;
    margin-top: 3px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinD .form .file1 img {
    max-width: none;
    margin: 5px 0 8px 0;
    width: 49px;
}

.BusinD .form .file1 img.upload {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}

.BusinD .form .file1 span {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
}

.BusinD .form .btn1 {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 18px 0;
}

.BusinD .form .lab-5 {
    padding-left: 0 !important;
    margin: 20px 0 0 0;
    width: 79.5%;
}

.BusinD .form .lab-6 {
    padding-left: 0 !important;
    margin: 20px 0 0 1.5%;
    width: 19%;
}

.BusinD ::-webkit-input-placeholder {
    color: #d3d3d3;
}

.BusinD :-moz-placeholder {
    color: #d3d3d3;
}

.BusinD ::-moz-placeholder {
    color: #d3d3d3;
}

.BusinD :-ms-input-placeholder {
    color: #d3d3d3;
}

.BusinD .cont {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 26px;
}

.BusinD .cont ._img {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 25px;
}

.BusinD .cont .span {
    position: relative;
    top: 7px;
}

.BusinD .info {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 27px;
}

.BusinD .tit1 {
    float: left;
    width: -webkit-calc(140%);
    width: -moz-calc(140%);
    width: calc(100% + 40px);
    background: #f3f8ff;
    color: #007ac3;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    margin: 0 0 5px -20px;
}

.BusinD .tit1 span {
    position: relative;
    padding-left: 11px;
}

.BusinD .tit1 span::after {
    display: flex;
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
    background: #007ac3;
}

.BusinD .tit1-1 {
    justify-content: flex-start;
}

.BusinD .line {
    float: left;
    width: -webkit-calc(140%);
    width: -moz-calc(140%);
    width: calc(100% + 40px);
    background: #d8d8d8;
    height: 1px;
    margin: 39px 0 0 -20px;
}

.BusinD .box {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 12px 25px 17px 25px;
}

.BusinD .box .lab {
    margin-top: 5px;
    padding-left: 0 !important;
}

.BusinD .box h5 {
    line-height: 30px;
}

.BusinD .box .text {
    height: 30px;
    line-height: 24px;
    border: none;
    padding: 5px 10px;
}

.BusinD .box .text:focus {
    border: none;
}

.BusinD .box1 {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 16px 20px;
    margin: 20px 0 40px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.BusinD .box1 .file {
    float: left;
    width: 124px;
    text-align: center;
    position: relative;
    border-radius: 3px;
    background: #007ac3;
    color: #fff;
    font-size: 14px;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinD .box1 .file span {
    display: block;
    cursor: pointer;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
}

.BusinD .box1 .file:hover {
    background: #104c9e;
}

.BusinD .line1 {
    float: left;
    width: 100%;
    height: 6px;
    background: #f5f5f5;
}

.BusinD .line1-1 {
    height: 5px;
    width: -webkit-calc(140%);
    width: -moz-calc(140%);
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

.BusinD .nav {
    float: left;
    width: 100%;
    padding: 15px 0 30px 0;
}

.BusinD .nav ul {
    margin: 0 -9px;
}

.BusinD .nav ul li {
    float: left;
    width: 16.66%;
    padding: 0 9px 10px 9px;
}

.BusinD .nav ul li a {
    float: left;
    width: 100%;
    text-align: center;
    color: #007ac3;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #007ac3;
    padding: 6px 0;
}

.BusinD .nav ul li.on a,
.BusinD .nav ul li:hover a {
    background: #007ac3;
    color: #fff;
}

.BusinD .p {
    float: left;
    width: 100%;
    position: relative;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    padding: 0 145px 0 0;
    margin-bottom: 22px;
}

.BusinD .imgbox {
    float: left;
    width: 100%;
    margin-bottom: 22px;
}

.BusinD .time {
    float: right;
    width: 98px;
    text-align: center;
    background: #eaf4ff;
    color: #007ac3;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 3px;
}

.BusinD .ask {
    float: left;
    width: 120px;
    background: #007ac3;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.BusinD .ask i {
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: -2px 0 0 9px;
}

.BusinD .ask:hover {
    background: #104c9e;
}

.BusinD .ask.on i {
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-top: 5px;
}

.BusinD-1 {
    padding-top: 0 !important;
    min-height: 987px;
}

.BusinD-2 {
    padding-bottom: 0 !important;
}

.bdshar {
    float: left;
    width: 100%;
    text-align: center;
    height: 35px;
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    font-size: 14px;
}

.bdshar span {
    margin-left: 8px;
}

.bdshar a {
    float: left;
    width: 35px !important;
    height: 35px !important;
    margin: 0 8px !important;
    padding: 0 !important;
}

.bdshar .bds_weixin {
    background: url(../_im_g/ico32.png) 0 0 no-repeat !important;
}

.bdshar .bds_tsina {
    background: url(../_im_g/ico33.png) 0 0 no-repeat !important;
}

.bdshar .bds_qzone {
    background: url(../_im_g/ico34.png) 0 0 no-repeat !important;
}

.huida {
    float: left;
    width: 100%;
    padding: 9px 0 17px 0;
}

.huida ul {
    float: left;
    width: 100%;
}

.huida ul li {
    float: left;
    width: 100%;
    position: relative;
    margin: 13px 0;
    padding-left: 68px;
    min-height: 56px;
}

.huida ul li .img {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.huida ul li .name {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 3px 0 12px 0;
}

.huida ul li .text {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}

.huida ul li .text p {
    margin-top: 5px;
}

.huida ul li .num {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #e5e5e5;
    margin-top: 17px;
    padding-top: 10px;
}

.huida ul li .num time {
    float: left;
    width: 98px;
    text-align: center;
    background: #eaf4ff;
    color: #007ac3;
}

.huida ul li .zan {
    cursor: pointer;
    float: right;
    color: #555555;
    padding-left: 26px;
    background: url(../_im_g/img2.png) 0 0 no-repeat !important;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.huida ul li .zan:hover,
.huida ul li .zan.active {
    background: url(../_im_g/img3.png) 0 0 no-repeat !important;
    color: #007ac3;
}

@media screen and (max-width: 1360px) {
    .BusinD .form dl dd {
        margin: 0 1%;
    }

    .BusinD .nav ul {
        margin: 0 -4px;
    }

    .BusinD .nav ul li {
        padding: 0 3px 6px 3px;
    }

    .BusinD .nav ul li a {
        font-size: 13px;
    }

    .BusinD .p {
        padding: 0 120px 0 0;
    }

    .BusinD-1 {
        min-height: 917px;
    }
}

@media screen and (max-width: 1024px) {
    .BusinD {
        min-height: inherit !important;
        padding: 15px 12px 20px 12px;
    }

    .BusinD .form h5 {
        line-height: 34px;
    }

    .BusinD .form .lab {
        margin-top: 10px;
    }

    .BusinD .form .text {
        height: 34px;
        line-height: 24px;
        padding: 4px 10px;
    }

    .BusinD .form .btn {
        margin: 20px 0 0 0;
    }

    .BusinD .form .submit {
        width: 180px;
        height: 34px;
        line-height: 34px;
    }

    .BusinD .form .text-1 {
        height: 80px;
    }

    .BusinD .form .file1 {
        height: 80px;
    }

    .BusinD .form .file1 img {
        max-width: none;
        margin: 4px 0 2px 0;
        width: 36px;
    }

    .BusinD .cont {
        margin-bottom: 20px;
    }

    .BusinD .cont ._img {
        margin-right: 12px;
    }

    .BusinD .cont .span {
        top: 0;
    }

    .BusinD .info {
        margin-bottom: 20px;
    }

    .BusinD .line {
        margin: 20px 0 0 -20px;
    }

    .BusinD .box {
        padding: 12px 12px 15px 12px;
    }

    .BusinD .box .lab {
        margin-top: 2px;
    }

    .BusinD .box1 {
        margin: 10px 0 20px 0;
        padding: 12px 12px;
    }

    .BusinD .box1 .file {
        height: 34px;
        line-height: 34px;
        width: 100px;
    }

    .BusinD .nav {
        padding: 10px 0 10px 0;
    }

    .BusinD .p {
        font-size: 15px;
        line-height: 24px;
        padding-right: 95px;
        margin-bottom: 15px;
    }

    .BusinD .imgbox {
        margin-bottom: 15px;
    }

    .BusinD .ask {
        width: 110px;
    }

    .bdshar {
        margin: 20px 0;
    }

    .huida {
        padding: 5px 0 10px 0;
    }

    .huida ul li {
        margin: 10px 0;
    }

    .huida ul li .name {
        margin: 3px 0 5px 0;
    }

    .huida ul li .num {
        margin-top: 12px;
    }
}

@media screen and (max-width: 767px) {
    .BusinD .form .lab {
        width: 100%;
        padding-left: 80px;
    }

    .BusinD .form .h5 {
        margin-right: -80px;
    }

    .BusinD .form .file1 {
        font-size: 12px;
        line-height: 22px;
    }

    .BusinD .form .lab-1 {
        width: 50%;
    }

    .BusinD .form .lab-2 {
        width: 50%;
        margin-left: 0;
    }

    .BusinD .form .lab-3 {
        margin: 10px 0 0 0;
        width: 76%;
    }

    .BusinD .form .lab-4 {
        margin: 10px 0 20px 2%;
        width: 22%;
    }

    .BusinD .form .lab-5 {
        margin: 15px 0 0 0;
        width: 76%;
    }

    .BusinD .form .lab-6 {
        margin: 15px 0 0 2%;
        width: 22%;
    }

    .BusinD .form .btn1 {
        margin: 20px 0 15px 0;
    }

    .BusinD .box1 {
        flex-wrap: wrap;
    }

    .BusinD .box1 .file {
        margin: 5px 0 10px 0;
    }

    .BusinD .nav ul li {
        width: 33.33%;
    }

    .BusinD .p {
        padding: 0;
    }

    .BusinD .time {
        top: 100%;
        margin-top: 18px;
    }
}

.formbox {
    height: 0;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 22px;
}

.formbox.on {
    height: auto;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .formbox {
        margin-bottom: 15px;
    }
}

.shopTit {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    margin: 12px 0 10px 0;
    padding: 8px 9px;
}

.shopTit h5 {
    float: left;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
}

.shopTit h5:after {
    float: left;
    width: 5px;
    height: 12px;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: #007ac3;
}

.shopList {
    float: left;
    width: 100%;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.shopList table {
    width: 100%;
}

.shopList tr {
    border-top: 1px solid #e5e5e5;
    vertical-align: top;
}

.shopList tr:first-child {
    border-top: none;
}

.shopList td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.shopList tr:first-child td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shopList .total-text {
    color: #ff0500;
}

.shopList .cfs {
    text-align: center;
}

.shopList .jian,
.shopList .jia {
    float: left;
    width: 19%;
    height: 32px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 30px;
    color: #7a7a7a;
    font-size: 20px;
}

.shopList .jian {
    border-radius: 3px 0 0 3px;
    background: url(../_im_g/jian.png) center no-repeat #fafafa;
    margin-left: 10.5%;
}

.shopList .jia {
    border-radius: 0 3px 3px 0;
    background: url(../_im_g/jia.png) center no-repeat #fafafa;
    margin-right: 10.5%;
}

.shopList .lskdo {
    float: left;
    width: 41%;
    height: 32px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.shopList .img {
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
    margin: 4px 5.7% 4px 0;
}

.shopList .product-info font {
    font-size: 12px;
    color: #888888;
}

.shopList .choo {
    margin: 4px 0;
}

.shopList .product-delect:hover {
    cursor: pointer;
    color: #007ac3;
}

.shopList tr:hover {
    background: #eff6ff;
}

.shopList tr:hover .img {
    border: 1px solid #fff;
}

.shopList td:nth-child(1) {
    width: 5%;
    text-align: left;
    padding-left: 16px;
}

.shopList td:nth-child(2) {
    width: 29.2%;
    text-align: left;
    line-height: 22px;
}

.shopList td:nth-child(3) {
    width: 10.5%;
}

.shopList td:nth-child(4) {
    width: 13.3%;
}

.shopList td:nth-child(5) {
    width: 10.5%;
}

.shopList td:nth-child(6) {
    width: 13.6%;
}

.shopList td:nth-child(7) {
    width: 11.1%;
}

.shopList td:nth-child(8) {
    width: 6.8%;
}

.shopTool {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    margin: 21px 0 41px 0;
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 19px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.shopTool .num {
    color: #ff0500;
    font-weight: bold;
    margin: 0 4px;
}

.shopTool .btn-buy {
    display: inline-block;
    text-align: center;
    width: 90px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    background: #007ac3;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.shopTool .btn-buy:hover {
    background: #104c9e;
}

.shopTool i {
    width: 1px;
    height: 14px;
    background: #cccccc;
    margin: 0 10px;
}

.shopTool #allc {
    margin-right: 6px;
}

.shopTool .left {
    display: flex;
    align-items: center;
}

.shopTool .right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.shopTool .shanchu:hover,
.shopTool .qingkong:hover {
    color: #007ac3;
    cursor: pointer;
}

@media screen and (max-width: 1360px) {

    .shopList .jian,
    .shopList .jia {
        width: 24%;
    }

    .shopList .jian {
        margin-left: 5.5%;
    }

    .shopList .jia {
        margin-right: 5.5%;
    }
}

@media screen and (max-width: 1024px) {
    .shopList td:nth-child(1) {
        padding-left: 12px;
    }

    .shopTool {
        margin: 15px 0 30px 0;
        padding: 8px 12px;
    }

    .shopTool i {
        height: 12px;
        margin: 0 6px;
    }

    .shopTool .btn-buy {
        line-height: 32px;
        width: 76px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .shopList {
        overflow-x: auto;
    }

    .shopList table {
        width: 767px;
    }

    .shopTool .btn-buy {
        position: absolute;
        right: 12px;
        top: 50%;
        margin: -16px 0 0 0;
    }

    .shopTool .right i {
        width: 100%;
        height: 1px;
        background: none;
    }
}

.lingyu {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0 0 40px 0;
    padding: 30px 2.75% 20px 2.75%;
}

.lingyu .tit {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}

.lingyu .text {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 7px 0;
}

.lingyu .list {
    float: left;
    width: 100%;
}

.lingyu .list ul {
    flex-wrap: wrap;
    display: flex;
}

.lingyu .list ul li {
    float: left;
    width: 23.5%;
    margin-top: 21px;
    margin-right: 2%;
}

.lingyu .list ul li:nth-child(4n) {
    margin-right: 0;
}

.lingyu .list ul li h5 {
    float: left;
    width: 100%;
    position: relative;
    background: #eaf4ff;
    color: #007ac3;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    padding: 10px 18px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.lingyu .list ul li h5 a {
    float: right;
    color: #888888;
    font-size: 12px;
    font-weight: normal;
}

.lingyu .list ul li h5:hover {
    background: #007ac3;
    color: #fff;
}

.lingyu .list ul li h5:hover a {
    color: #fff;
}

.lingyu .list dl {
    float: left;
    width: 100%;
    padding: 7px 0 15px 0;
}

.lingyu .list dl dd {
    float: left;
    width: 100%;
    margin-top: 4px;
    padding: 0 20px;
}

.lingyu .list dl dd a {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-left: 14px;
}

.lingyu .list dl dd a::after {
    float: left;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #d2caca;
}

.lingyu .list dl dd a:hover {
    color: #007ac3;
}

.lingyu .list dl dd a:hover::after {
    border-left: 8px solid #007ac3;
}

.lingyu .list ul li.hide dl {
    display: none;
}

.lingyu .list dl dd.dd_hide {
    display: none;
}

.lingyu .list ul li.active dl dd.dd_hide {
    display: block;
}

.lingyu .list ul li .colse {
    display: none;
}

.lingyu-1 .list ul li .colse {
    float: right;
    position: relative;
    width: 28px;
    height: 28px;
    background: url(../_im_g/colse.png) center no-repeat;
    margin-right: -10px;
    cursor: pointer;
    opacity: 0;
}

.lingyu-1 .list ul li.active {
    width: 100%;
    margin-right: 0 !important;
}

.lingyu-1 .list ul li.active .colse {
    opacity: 1;
    display: block;
}

.lingyu-1 .list ul li.active h5 {
    background: #007ac3;
    color: #fff;
}

.lingyu-1 .list ul li.active h5 a {
    display: none;
}

.lingyu-1 .list ul li.active dl {
    display: block;
}

.lingyu-1 .list ul li.active dl dd {
    width: 23.5%;
    margin-right: 2%;
}

.lingyu-1 .list ul li.active dl dd:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    .lingyu {
        padding: 15px 12px;
    }

    .lingyu .tit {
        font-size: 17px;
    }

    .lingyu .text {
        margin: 8px 0 6px 0;
    }

    .lingyu .list ul li {
        margin-top: 14px;
    }

    .lingyu .list ul li h5 {
        padding: 5px 12px;
        font-size: 15px;
    }

    .lingyu .list dl {
        padding: 6px 0 8px 0;
    }

    .lingyu .list dl dd {
        padding: 0 8px;
    }

    .lingyu .list dl dd a {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .lingyu .list ul li {
        width: 49%;
    }

    .lingyu .list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .lingyu-1 .list ul li.active dl dd {
        width: 49%;
    }

    .lingyu-1 .list ul li.active dl dd:nth-child(2n) {
        margin-right: 0;
    }
}

.pordTj {
    float: left;
    width: 100%;
}

.pordTj ul {
    margin: 0 -20px;
}

.pordTj ul li {
    float: left;
    width: 100%;
    padding: 14px 20px;
    border-bottom: 10px solid #f5f5f5;
    flex-wrap: wrap;
    display: flex;
}

.pordTj ul li:last-child {
    border-bottom: none;
}

.pordTj .one {
    float: left;
    width: 24%;
}

.pordTj .two {
    float: left;
    width: 40%;
    padding: 0 3.7%;
}

.pordTj .three {
    float: left;
    width: 22%;
}

.pordTj .four {
    float: left;
    width: 14%;
}

.pordTj .tit {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 16px;
    line-height: 32px;
}

.pordTj a.tit {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pordTj .div {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
    margin-top: 4px;
}

.pordTj .div a {
    color: #555555;
}

.pordTj .div a:hover {
    color: #007ac3;
}

.pordTj .btn {
    float: left;
    width: 100%;
}

.pordTj .btn .button {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 11px;
    border: 1px solid #007ac3;
    font-size: 14px;
    color: #007ac3;
    line-height: 30px;
    height: 32px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pordTj .btn .button:hover {
    background: #007ac3;
    color: #fff;
}

.pordTj .logo {
    float: left;
    width: 100%;
    line-height: 0;
    text-align: center;
    margin-bottom: 9px;
}

.pordTj .img {
    float: left;
    width: 100%;
    line-height: 0;
    position: relative;
    border: 1px solid #e5e5e5;
}

.pordTj .shouce {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #007ac3;
    font-size: 14px;
    line-height: 30px;
    margin-top: 2px;
}

.pordTj .shouce img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.pordTj .shouce:hover {
    color: #104c9e;
}

.pordTj .Collect {
    float: left;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 6;
    padding-left: 16px;
    white-space: normal;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #888888;
    font-size: 12px;
    line-height: 26px;
    background: url(../_im_g/img4.png) left center no-repeat;
}

.pordTj .Collect:hover,
.pordTj .Collect.active {
    background: url(../_im_g/img4.1.png) left center no-repeat;
    color: #007ac3;
}

@media screen and (max-width: 1360px) {
    .pordTj .two {
        padding: 0 2%;
    }

    .pordTj .div {
        font-size: 13px;
        line-height: 24px;
    }

    .pordTj .tit {
        font-size: 15px;
        line-height: 26px;
    }

    .pordTj .btn .button {
        margin-top: 8px;
        font-size: 13px;
        line-height: 24px;
        height: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .pordTj ul {
        margin: 0 -12px;
    }

    .pordTj ul li {
        padding: 14px 10px;
        border-bottom: 6px solid #f5f5f5;
    }
}

@media screen and (max-width: 767px) {
    .pordTj ul li {
        display: block;
    }

    .pordTj .logo {
        height: 46px;
        overflow: hidden;
    }

    .pordTj .one {
        width: 136px;
    }

    .pordTj .two {
        width: -webkit-calc(-36%);
        width: -moz-calc(-36%);
        width: calc(100% - 136px);
        padding: 0 0 0 12px;
        margin-top: 0;
        min-height: 223px;
    }

    .pordTj .three {
        float: right;
        width: -webkit-calc(-36%);
        width: -moz-calc(-36%);
        width: calc(100% - 136px);
        padding: 0 0 0 12px;
        margin-top: 15px;
    }

    .pordTj .three .div {
        line-height: 26px;
    }

    .pordTj .four {
        width: 136px;
        margin-top: 15px;
    }

    .pordTj .div {
        font-size: 12px;
        margin-top: 4px;
    }

    .pordTj .tit {
        font-size: 14px;
        line-height: 22px;
    }

    .pordTj .btn .button {
        width: 100%;
        font-size: 12px;
        height: 24px;
        line-height: 22px;
    }
}

.m10 {
    margin: 10px 0;
}

.pordList {
    float: left;
    width: 100%;
}

.pordList ul {
    float: left;
    width: 100%;
}

.pordList ul li {
    float: left;
    width: 100%;
    padding: 14px 6.25% 20px 4.4%;
    background: #fff;
    margin-top: 10px;
    flex-wrap: wrap;
    display: flex;
}

.pordList ul li:last-child {
    border-bottom: none;
}

.pordList .one {
    float: left;
    width: 20%;
}

.pordList .two {
    float: left;
    width: 48.5%;
    padding: 0 10% 0 7%;
    margin-top: 2%;
}

.pordList .three {
    float: left;
    width: 21.5%;
    margin-top: 2%;
}

.pordList .four {
    float: left;
    width: 10%;
    margin-top: 2%;
}

.pordList .tit {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 16px;
    line-height: 32px;
}

.pordList a.tit {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pordList .div {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
    margin-top: 4px;
}

.pordList .div a {
    color: #555555;
}

.pordList .div a:hover {
    color: #007ac3;
}

.pordList .btn {
    float: left;
    width: 100%;
}

.pordList .btn .button {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 11px;
    border: 1px solid #007ac3;
    font-size: 14px;
    color: #007ac3;
    line-height: 30px;
    height: 32px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pordList .btn .button:hover {
    background: #007ac3;
    color: #fff;
}

.pordList .logo {
    float: left;
    width: 100%;
    line-height: 0;
    text-align: center;
    margin-bottom: 8px;
}

.pordList .img {
    float: left;
    width: 100%;
    line-height: 0;
    position: relative;
    border: 1px solid #e5e5e5;
}

.pordList .shouce {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #007ac3;
    font-size: 14px;
    line-height: 30px;
    margin-top: 6px;
}

.pordList .shouce img {
    max-width: none;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.pordList .shouce:hover {
    color: #104c9e;
}

.pordList .Collect {
    float: left;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 6;
    padding-left: 16px;
    white-space: normal;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #888888;
    font-size: 12px;
    line-height: 26px;
    background: url(../_im_g/img4.png) left center no-repeat;
}

.pordList .Collect.active {
    background: url(../_im_g/img4.1.png) left center no-repeat;
    color: #007ac3;
}

@media screen and (max-width: 1360px) {
    .pordList .two {
        padding: 0 6% 0 4%;
    }

    .pordList .div {
        font-size: 13px;
        line-height: 24px;
    }

    .pordList .tit {
        font-size: 15px;
        line-height: 26px;
    }

    .pordList .btn .button {
        margin-top: 8px;
        font-size: 13px;
        line-height: 24px;
        height: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .pordList ul li {
        padding: 14px 10px;
        border-bottom: 6px solid #f5f5f5;
    }

    .pordList .two {
        padding: 0 3% 0 2%;
        margin-top: 1%;
    }

    .pordList .three {
        margin-top: 1%;
    }

    .pordList .four {
        margin-top: 1%;
    }
}

@media screen and (max-width: 767px) {
    .pordList ul li {
        display: block;
    }

    .pordList .logo {
        height: 46px;
        overflow: hidden;
    }

    .pordList .one {
        width: 136px;
    }

    .pordList .two {
        width: -webkit-calc(-36%);
        width: -moz-calc(-36%);
        width: calc(100% - 136px);
        padding: 0 0 0 12px;
        margin-top: 0;
        min-height: 226px;
    }

    .pordList .three {
        float: right;
        width: -webkit-calc(-36%);
        width: -moz-calc(-36%);
        width: calc(100% - 136px);
        padding: 0 0 0 12px;
        margin-top: 15px;
    }

    .pordList .three .div {
        line-height: 25px;
    }

    .pordList .four {
        width: 136px;
        margin-top: 15px;
    }

    .pordList .div {
        font-size: 12px;
        line-height: 18px;
        margin-top: 2px;
    }

    .pordList .tit {
        font-size: 14px;
        line-height: 20px;
    }

    .pordList .btn .button {
        width: 100%;
        font-size: 12px;
        height: 24px;
        line-height: 22px;
    }
}

.stock {
    float: left;
    width: 100%;
    padding: 18px 16px;
    margin-top: 20px;
    background: #fff;
    color: #888888;
    font-size: 14px;
    line-height: 28px;
}

.stock .aszzs {
    float: left;
    color: #888888;
    font-size: 14px;
    line-height: 28px;
}

.stock .qwzzs {
    position: relative;
    margin-right: 26px;
    color: #333333;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    padding-left: 29px;
    background: url(../_im_g/ico40.png) left center no-repeat;
}

.stock .qwzzs .icon {
    display: none;
}

.stock .small-square {
    width: 70px;
    margin-left: -1px;
    padding: 0;
    color: #007ac3;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #b2d6ff;
    text-align: center;
    background: #eaf4ff;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.stock .small-square.active,
.stock .small-square.active_asc {
    background: #007ac3;
    border: 1px solid #007ac3;
    color: #fff;
}

.stock .white-bottom-arrow .icon,
.stock .small-square .icon {
    display: none;
    vertical-align: middle;
    position: relative;
    margin-left: 6px;
    width: 6px;
    height: 12px;
    background: url(../_im_g/ico0.1.png) no-repeat 0 0;
}

.stock .small-square.active .icon {
    display: inline-block;
}

.stock .small-square.active_asc .icon {
    display: inline-block;
    background-position-x: -10px;
}

.stock .right .cur-page {
    margin-right: 12px;
}

.stock .right a {
    float: right;
    width: 50px;
    height: 42px;
    border-left: 1px solid #e3e3e3;
}

.stock .right a:hover {
    background: #fff;
}

.stock .right a.next {
    border-right: 1px solid #e3e3e3;
}

.stock .right a.next i {
    background: url(https://static.szlcsc.com/ecp/public/img/list_item_icon20181217.6f4354a1.png) no-repeat -235px -6px;
}

.stock .right a i {
    display: block;
    margin: 14px 21px;
    width: 10px;
    height: 16px;
    background: url(https://static.szlcsc.com/ecp/public/img/list_item_icon20181217.6f4354a1.png) no-repeat -212px -6px;
}

.stock .right .g01 input {
    height: 25px;
    line-height: 25px;
    color: #444;
    text-indent: 5px;
}

.stock .right .g01 .search-key {
    width: 240px;
    height: 25px;
    outline: none;
}

.stock .right .g01 .out {
    margin-left: -4px;
    margin-right: 15px;
    padding: 0 10px;
    width: 92px;
    height: 27px;
    line-height: 27px;
    background: #0093e6;
    color: #fff;
    border: none;
}

.stock .right .g01 span {
    color: #444;
}

.stock .spnum {
    float: right;
}

.global-products {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    padding: 16px 15px;
    background-color: #fff;
}

.global-products .select-wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
}

.global-products .select-wrap::-webkit-scrollbar {
    height: 10px;
}

.global-products .select-wrap::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 0;
}

.global-products .select-wrap::-webkit-scrollbar-thumb {
    height: 10px;
    width: 60px;
    background-color: #007ac3;
    border-radius: 10px;
}

.global-products .select-wrap .name li span {
    font-size: 12px;
}

.global-products .select-wrap .swiper-wrapper {
    display: inline-block;
}

.global-products .select-wrap .swiper-wrapper-longer {
    height: 430px !important;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.global-products .select-wrap .select {
    display: inline-block;
    float: none;
    color: #666;
    width: 230px;
    margin: 0 5px 16px 0;
    font-size: 12px;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 0 11px 11px 11px;
    vertical-align: top;
}

.global-products .select-wrap .select .quick-filter {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background: url(https://static.szlcsc.com/ecp/public/img/filter.072668a9.svg) no-repeat;
    vertical-align: -3px;
    cursor: pointer;
}

.global-products .select-wrap .select .sea-wrap {
    position: relative;
    height: 32px;
    margin-bottom: 4px;
}

.global-products .select-wrap .select .sea-wrap input {
    background-color: #fff;
    border: none;
    padding: 4px 5px;
    height: 32px;
    line-height: 24px;
    color: #888888;
    font-size: 12px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
}

.global-products .select-wrap .select .sea-wrap .sea-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
    background: url(../_im_g/ico41.png) center no-repeat #007ac3;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.global-products .select-wrap .select .sea-wrap .sea-icon:hover {
    background: url(../_im_g/ico41.png) center no-repeat #104c9e;
}

.global-products .select-wrap .select div.name-scroll {
    background: #fff;
    padding: 5px;
    height: 274px;
}

.global-products .select-wrap .select ul.name {
    height: 264px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

.global-products .select-wrap .select ul.name::-webkit-scrollbar {
    width: 4px;
}

.global-products .select-wrap .select ul.name::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 0;
}

.global-products .select-wrap .select ul.name::-webkit-scrollbar-thumb {
    width: 4px;
    height: 60px;
    background-color: #007ac3;
    border-radius: 4px;
}

.global-products .select-wrap .select ul li {
    cursor: pointer;
    width: 100%;
    padding: 0 5px;
    display: block;
    white-space: normal;
    box-sizing: border-box;
    color: #888888;
    font-size: 12px;
    line-height: 24px;
}

.global-products .select-wrap .select ul li input {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 4px 0 0;
}

.global-products .select-wrap .select ul li:hover {
    color: #007ac3;
}

.global-products .select-wrap .select ul li.disabled {
    background: #fff;
    color: #b1b1b1;
}

.global-products .select-wrap .select ul li.disabled:hover {
    background: #fff;
    color: #b1b1b1;
    cursor: auto;
}

.global-products .select-wrap .select ul li.active,
.global-products .select-wrap .select ul li.active:hover {
    background: #0093e6;
    color: #fff;
}

.global-products .select-wrap .select h2 {
    overflow-x: hidden;
    text-overflow: clip;
    white-space: nowrap;
    margin: 0;
    position: relative;
    padding: 7px 8px;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
}

.global-products .select-wrap .select h2::after {
    float: left;
    width: 3px;
    height: 12px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #0066cc;
}

.global-products .select-wrap .select .manual-add-parameter {
    width: 100%;
}

.global-products .select-wrap .select .manual-add-parameter .value-input {
    width: 40px;
}

.global-products .select-wrap .select .manual-add-parameter .unit-select {
    width: 70px;
    height: 27px;
}

.global-products .select-resize {
    position: absolute;
    top: 40%;
    left: 17px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    color: #8699a3;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    background: #f7fcff;
    cursor: pointer;
}

.global-products .select-resize t {
    display: block;
    width: 20px;
    margin-left: 2px;
}

.global-products .select-resize i {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggc3Ryb2tlPSIjODY5OUEzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMyA4bC01IDQtNS00TTEzIDRMOCA4IDMgNCIvPjwvZz48L3N2Zz4=) no-repeat;
    vertical-align: -2px;
}

.global-products .select-resize i.rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.global-products .key-word {
    background: #007ac3;
    padding: 8px 14px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.global-products .key-word .clear-btn,
.global-products .key-word .make-sure-btn {
    box-sizing: border-box;
    background: #fff;
    padding: 0 18px;
    line-height: 30px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #007ac3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.global-products .key-word .clear-btn {
    margin-right: 5px;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}

.global-products .key-word .clear-btn:hover,
.global-products .key-word .make-sure-btn:hover {
    background: #104c9e;
    border: 1px solid #104c9e;
    color: #fff;
}

.global-products .key-word .results {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    margin-right: 28px;
}

.global-products .key-word .results .num {
    font-weight: 700;
}

.global-products .key-word .div-right {
    float: right;
}

.global-products .key-word .key-word-p {
    float: left;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 24px;
    margin: 4px 0;
}

.global-products .key-word .key-word-p i {
    float: left;
    margin-right: 4px;
    width: 19px;
    opacity: 0.7;
    height: 24px;
    background: url(../_im_g/attention.svg) center no-repeat;
    background-size: 14px 14px;
}

.global-products .key-word .key-word-p a {
    color: #fff;
    text-decoration: underline;
}

.list-right-cur {
    float: left;
    width: 100%;
    background: #fff;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 16px;
}

.list-right-cur .share {
    float: right;
    position: relative;
    color: #666;
    text-align: center;
    line-height: 19px;
    cursor: pointer;
}

.list-right-cur .share i {
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 4px;
    background: url(../_im_g/share-one.svg) center no-repeat;
    background-size: 14px 14px;
}

.list-right-cur .share span {
    float: left;
}

.list-right-cur .share .tooltip {
    display: none;
    position: absolute;
    top: -14px;
    left: 110%;
    width: 100px;
    max-width: 300px;
    min-height: 22px !important;
    padding: 9px;
    font-style: normal;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9e9e9;
    background: #fff;
    z-index: 10;
}

.list-right-cur .share .tooltip .narrow {
    position: absolute;
    left: -9px;
    top: 20px;
    width: 11px;
    height: 7px;
    background: #fff url(https://static.szlcsc.com/ecp/public/img/order_icon.a6d725f4.png) no-repeat -250px -471px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.list-right-cur .share .tooltip .content {
    min-height: 22px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #444;
    text-align: left;
    word-break: break-all;
}

.list-right-cur .share:hover .tooltip {
    display: block;
}

.key-select {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.key-select .li {
    float: left;
    position: relative;
    margin: 4px 17px 4px 0;
    border: 1px solid #b2d6ff;
    background: #eaf4ff;
    padding: 0 23px 0 17px;
    color: #007ac3;
    font-size: 14px;
    line-height: 30px;
}

.key-select .li .colse {
    float: left;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -9px;
    top: 7px;
    background: url(../_im_g/ico42.png) left center no-repeat;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .list-right-cur {
        padding: 8px 12px;
    }

    .global-products {
        padding: 15px 12px;
    }

    .global-products .key-word .results {
        margin-right: 12px;
    }

    .global-products .key-word {
        padding: 8px 8px;
    }

    .global-products .select-wrap .select div.name-scroll {
        height: 158px;
    }

    .global-products .select-wrap .select {
        width: 210px;
        padding: 0 8px 8px 8px;
        margin: 0 5px 10px 0;
    }

    .global-products .select-wrap .select ul.name {
        height: 148px;
    }

    .global-products .key-word .clear-btn,
    .global-products .key-word .make-sure-btn {
        padding: 0 12px;
    }

    .stock {
        padding: 12px 12px;
    }

    .stock .qwzzs {
        font-size: 18px;
        margin-right: 15px;
    }

    .key-select .li {
        padding: 0 18px 0 12px;
    }
}

@media screen and (max-width: 767px) {
    .stock .qwzzs {
        width: 100%;
        margin: 0 0 8px 0;
    }

    .stock .small-square {
        width: -webkit-calc(26%);
        width: -moz-calc(26%);
        width: calc(25% + 1px);
    }

    .stock .spnum {
        float: left;
        margin-top: 6px;
    }

    .global-products .key-word .div-right {
        float: left;
    }

    .global-products .key-word {
        padding: 8px 8px 15px 8px;
    }

    .global-products .key-word .key-word-p {
        margin: 4px 0 6px 0;
        font-size: 12px;
        line-height: 22px;
    }

    .global-products .key-word .key-word-p i {
        margin-right: 2px;
    }

    .global-products .key-word .results {
        font-size: 12px;
    }

    .global-products .key-word .clear-btn,
    .global-products .key-word .make-sure-btn {
        font-size: 12px;
        line-height: 24px;
    }
}

.SampleList {
    float: left;
    width: 100%;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.SampleList table {
    width: 100%;
}

.SampleList tr {
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.SampleList td {
    padding-top: 19px;
    padding-bottom: 19px;
}

.SampleList td font {
    font-weight: bold;
}

.SampleList tr:first-child td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.SampleList .total-text {
    color: #ff0500;
}

.SampleList .cfs {
    text-align: center;
}

.SampleList .jian,
.SampleList .jia {
    float: left;
    width: 19%;
    height: 32px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 30px;
    color: #7a7a7a;
    font-size: 20px;
    margin-top: -4px;
    margin-bottom: -4px;
}

.SampleList .jian {
    border-radius: 3px 0 0 3px;
    background: url(../_im_g/jian.png) center no-repeat #fafafa;
    margin-left: 17%;
}

.SampleList .jia {
    border-radius: 0 3px 3px 0;
    background: url(../_im_g/jia.png) center no-repeat #fafafa;
    margin-right: 17%;
}

.SampleList .lskdo {
    float: left;
    width: 28%;
    height: 32px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-top: -4px;
    margin-bottom: -4px;
}

.SampleList .choo {
    margin: 4px 0;
}

.SampleList .product-delect:hover {
    cursor: pointer;
    color: #007ac3;
}

.SampleList td:nth-child(1) {
    width: 4%;
    text-align: left;
    padding-left: 20px;
}

.SampleList td:nth-child(2) {
    width: 13.5%;
    text-align: left;
    line-height: 22px;
}

.SampleList td:nth-child(3) {
    width: 10%;
}

.SampleList td:nth-child(4) {
    width: 14.2%;
}

.SampleList td:nth-child(5) {
    width: 11%;
}

.SampleList td:nth-child(6) {
    width: 13.8%;
}

.SampleList td:nth-child(7) {
    width: 19.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.SampleList td:nth-child(8) {
    width: 7.5%;
}

.SampleList td:nth-child(9) {
    width: 6.5%;
    padding-right: 20px;
}

.SamplepTool {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    margin: 17px 0 41px 0;
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 18px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.SamplepTool .num {
    color: #ff0500;
    font-weight: bold;
    margin: 0 0 0 4px;
}

.SamplepTool .btn-buy {
    display: inline-block;
    text-align: center;
    width: 102px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    background: #007ac3;
    margin-left: 20px;
}

.SamplepTool .btn-buy:hover {
    background: #104c9e;
}

.SamplepTool i {
    width: 1px;
    height: 14px;
    background: #cccccc;
    margin: 0 10px;
    display: inline-block;
}

.SamplepTool #allc {
    margin-right: 6px;
}

.SamplepTool .left {
    color: #888888;
}

.SamplepTool .left a {
    color: #007ac3;
}

.SamplepTool .left a:hover {
    text-decoration: underline;
}

.SamplepTool .left input {
    margin-right: 10px;
}

.SamplepTool .right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.SamplepText {
    float: left;
    width: 100%;
    background: #f5f5f5;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 28px 30px 28px;
    margin-top: 40px;
}

.mianfeiT {
    float: left;
    width: 100%;
    background: #f3f8ff;
    color: #007ac3;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 20px;
}

.mianfeiT.mt19 {
    margin-top: 19px;
}

.mianfeiT a {
    float: right;
    font-weight: normal;
    color: #007ac3;
}

.mianfeiT a:hover {
    color: #104c9e;
}

.mianfeiT-1 {
    width: -webkit-calc(140%);
    width: -moz-calc(140%);
    width: calc(100% + 40px);
    margin-left: -20px;
}

.Delete_all {
    float: left;
    width: 100%;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    padding: 14px 20px;
}

.BusinD-3 {
    background: #fff;
    min-height: inherit;
    padding-top: 0;
}

.mianfeiC {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 0 14px;
    margin: 14px 0 0 0;
    position: relative;
    padding-left: 11px;
}

.mianfeiC::after {
    display: flex;
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%;
    background: #007ac3;
}

.addrlist {
    float: left;
    width: 100%;
    margin: 19px 0 12px 0;
    height: 70px;
    overflow: hidden;
}

.addrlist.active {
    height: auto;
}

.addrlist .list {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.addrlist .list:last-child {
    margin-bottom: 0 !important;
}

.addrlist .list a {
    display: block;
    width: 100%;
    background: #f5f5f5;
    position: relative;
    padding: 10px 18px 10px 40px;
    overflow: hidden;
}

.addrlist .list a .wordsbox {
    width: calc(100% - 80px);
    float: left;
}

.addrlist .list a .wordsbox ._ts {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2px;
}

.addrlist .list a .wordsbox ._ts .name {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    float: left;
    margin-right: 16px;
}

.addrlist .list a .wordsbox ._ts .num {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    float: left;
}

.addrlist .list a .wordsbox ._bs {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
}

.addrlist .list a .butbox {
    width: 80px;
    float: left;
    font-size: 0;
    text-align: right;
}

.addrlist .list a .butbox .buts {
    font-size: 14px;
    color: #007ac3;
    line-height: 20px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

.addrlist .list a .butbox .buts:last-child {
    margin-right: 0;
}

.addrlist .list a .butbox .buts:hover {
    color: #104c9e;
}

.addrlist .list a .posi {
    width: 43px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.MoreAddr {
    float: left;
    color: #007ac3;
    font-size: 14px;
    line-height: 26px;
    padding: 0 16px 0 0;
    margin: 0 0 14px 0;
    position: relative;
}

.MoreAddr:after {
    float: right;
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    right: 0;
    top: 12px;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    border-bottom: 1px solid #007ac3;
    border-right: 1px solid #007ac3;
}

.MoreAddr.active:after {
    top: 10px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.addrlist .list.on a {
    background: #f3f8ff;
}

.addrlist .list.listz {
    margin-top: 0;
    margin-bottom: 12px;
}

@media screen and (max-width: 1360px) {
    .SampleList td:nth-child(1) {
        width: 5%;
    }

    .SampleList .jian,
    .SampleList .jia {
        width: 26%;
    }

    .SampleList .jian {
        margin-left: 6%;
    }

    .SampleList .jia {
        margin-right: 6%;
    }

    .SampleList .lskdo {
        width: 34%;
    }

    .SampleList td:nth-child(6) {
        width: 15.8%;
    }

    .SampleList td:nth-child(7) {
        width: 15.5%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    .SampleList td:nth-child(9) {
        width: 7.5%;
        padding-right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .BusinD-3 {
        padding-top: 5px;
    }

    .SampleList td:nth-child(1) {
        padding-left: 12px;
    }

    .SamplepTool {
        margin: 15px 0 30px 0;
        padding: 8px 12px;
    }

    .SamplepTool i {
        height: 12px;
        margin: 0 6px;
    }

    .SamplepTool .btn-buy {
        line-height: 32px;
        width: 76px;
        margin-left: 10px;
    }

    .SamplepTool .left {
        width: 100%;
    }

    .SamplepText {
        padding: 15px 10px 20px 10px;
        font-size: 13px;
        margin-top: 20px;
    }

    .mianfeiT {
        padding: 10px 12px;
    }

    .Delete_all {
        padding: 10px 12px;
    }

    .addrlist {
        margin: 15px 0 12px 0;
    }

    .addrlist .list a {
        padding: 10px 12px 10px 34px;
    }

    .addrlist .list a .wordsbox ._ts .name {
        margin-right: 8px;
    }

    .addrlist .list a .posi {
        width: 40px;
    }
}

@media screen and (max-width: 767px) {
    .SampleList {
        overflow-x: auto;
    }

    .SampleList table {
        width: 991px;
    }

    .SampleList td:nth-child(1) {
        width: 4%;
    }

    .SampleList td:nth-child(2) {
        width: 14.5%;
    }
}

.shopTit1 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 9px 0 5px 0;
    padding: 7px 17px;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}

.shopList1 {
    float: left;
    width: 100%;
    background: #fff;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.shopList1 table {
    width: 100%;
}

.shopList1 tr {
    border-top: 1px solid #e5e5e5;
    vertical-align: top;
}

.shopList1 tr:first-child {
    background: #e3f0ff;
    color: #007ac3;
}

.shopList1 td {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 11.66%;
    vertical-align: middle;
}

.shopList1 tr:first-child td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.shopList1 .price-text,
.shopList1 .total-text {
    color: #ff0500;
}

.shopList1 .product-info {
    float: left;
    line-height: 22px;
}

.shopList1 .product-info font {
    font-size: 12px;
    line-height: 20px;
    color: #888888;
}

.shopList1 tr .img {
    float: left;
    margin: 3px 3.7% 3px 0;
    border: 1px solid #e5e5e5;
    width: 80px;
}

.shopList1 td:nth-child(1) {
    width: 40.03%;
    text-align: left;
    padding-left: 17px;
}

.shopList1 td:nth-child(6) {
    width: 13.33%;
    padding-right: 17px;
}

.shopBox1 {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    padding: 7px 17px 16px 17px;
}

.shopBox1 .tit {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    padding-left: 8px;
}

.shopBox1 .tit:after {
    float: left;
    width: 3px;
    height: 13px;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: #007ac3;
}

.shopBox1 .text {
    float: left;
    width: 100%;
    color: #999999;
    font-size: 12px;
    line-height: 24px;
    padding: 0 4px;
}

.shopBox1 .text-1 {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

.shopBox1 .list {
    float: left;
    width: 100%;
    margin: 17px 0 6px 0;
}

.shopBox1 .list .li {
    float: left;
    position: relative;
    margin: 0 6px 0 4px;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 14px;
    line-height: 38px;
    padding: 0 26px;
    cursor: pointer;
}

.shopBox1 .list .li::after {
    float: right;
    width: 23px;
    height: 23px;
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: url(../_im_g/ico43.png) center no-repeat;
    opacity: 0;
}

.shopBox1 .list .li.active {
    border: 1px solid #007ac3;
    color: #007ac3;
}

.shopBox1 .list .li.active:after {
    opacity: 1;
}

.shopBox1 .right {
    float: right;
    color: #828282;
    font-size: 12px;
}

.shopBox1 .right a {
    margin-left: 12px;
    color: #fff;
    padding: 5px 10px;
    background: #007ac3;
    border-radius: 3px;
}

.shopBox1 .right a:hover {
    background: #104c9e;
}

.shopBox1 .textarea {
    float: left;
    width: 42.5%;
    color: #333;
    font-size: 14px;
    line-height: 27px;
    height: 116px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 5px 15px;
    margin: 3px 0 8px 4px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.shopBox1 .textarea:focus {
    border: 1px solid #007ac3;
}

.shopBox1 ::-webkit-input-placeholder {
    color: #d6d6d6;
}

.shopBox1 :-moz-placeholder {
    color: #d6d6d6;
}

.shopBox1 ::-moz-placeholder {
    color: #d6d6d6;
}

.shopBox1 :-ms-input-placeholder {
    color: #d6d6d6;
}

.shopBox1 .mt10 {
    margin-top: 10px;
}

.shopBox1 .list1 {
    float: left;
    width: 100%;
    margin-top: 4px;
}

.shopBox1 .list1 .li {
    float: left;
    width: 100%;
    position: relative;
    margin: 4px 0;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    padding: 0 0 0 23px;
    cursor: pointer;
}

.shopBox1 .list1 .li span {
    margin-left: 30px;
    color: #999999;
    font-size: 12px;
}

.shopBox1 .list1 .li::after {
    float: left;
    width: 14px;
    height: 14px;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
}

.shopBox1 .list1 .li.active:after {
    border: 4px solid #007ac3;
}

.shopBox1 .list3 {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.shopBox1 .list3 span {
    float: left;
    color: #666666;
    font-size: 16px;
    line-height: 26px;
}

.shopBox1 .list3 .li {
    float: left;
    position: relative;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    padding: 0 0 0 23px;
    margin-left: 30px;
    cursor: pointer;
}

.shopBox1 .list3 .li span {
    margin-left: 30px;
    color: #999999;
    font-size: 12px;
}

.shopBox1 .list3 .li::after {
    float: left;
    width: 14px;
    height: 14px;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
}

.shopBox1 .list3 .li.active:after {
    border: 4px solid #007ac3;
}

.shopBox1 .list2 {
    float: left;
    width: 100%;
    margin-bottom: 9px;
    color: #606266;
    font-size: 16px;
    line-height: 40px;
    flex-wrap: wrap;
    display: block;
    align-items: center;
    position: relative;
    padding-left: 70px;
}

.shopBox1 .list2 font {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}

.shopBox1 .list2 span {
    float: left;
    color: #999999;
    font-size: 12px;
}

.shopBox1 .list2 .input {
    float: left;
    width: 335px;
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    height: 40px;
    border: 1px solid #d8d8d8;
    padding: 6px 13px;
    margin-right: 15px;
}

.shopBox1 .list2 .input:focus {
    border: 1px solid #007ac3;
}

.shopBox1 .list2 .li {
    float: left;
    position: relative;
    margin-right: 15px;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 14px;
    line-height: 38px;
    width: 160px;
    text-align: center;
    cursor: pointer;
}

.shopBox1 .list2 .li::after {
    float: right;
    width: 23px;
    height: 23px;
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: url(../_im_g/ico43.png) center no-repeat;
    opacity: 0;
}

.shopBox1 .list2 .li.active {
    border: 1px solid #007ac3;
    color: #007ac3;
}

.shopBox1 .list2 .li.active:after {
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .shopTit1 {
        padding: 7px 12px;
    }

    .shopList1 td {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .shopList1 td:nth-child(1) {
        padding-left: 12px;
    }

    .shopList1 td:nth-child(6) {
        padding-right: 12px;
    }

    .shopBox1 {
        margin-top: 15px;
        padding: 7px 12px 12px 12px;
    }

    .shopBox1 .list {
        margin: 12px 0 6px 0;
    }

    .shopBox1 .list .li {
        line-height: 34px;
        padding: 0 20px;
    }

    .shopBox1 .mt10 {
        margin-top: 5px;
    }

    .shopBox1 .right a {
        margin-left: 8px;
    }

    .shopBox1 .list1 .li {
        margin: 2px 0;
    }

    .shopBox1 .list1 .li span {
        margin-left: 15px;
    }

    .shopBox1 .list3 .li {
        margin-left: 15px;
        padding-left: 20px;
    }

    .shopBox1 .list2 {
        font-size: 15px;
    }

    .shopBox1 .list2 .input {
        width: 228px;
        margin-right: 8px;
        height: 36px;
        padding: 4px 12px;
    }

    .shopBox1 .list2 font {
        margin-right: 8px;
    }

    .shopBox1 .list2 .li {
        margin-right: 8px;
        width: 110px;
        font-size: 13px;
        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .shopList1 {
        overflow-x: auto;
    }

    .shopList1 table {
        width: 767px;
    }

    .shopList1 td {
        width: 13.5%;
    }

    .shopList1 td:nth-child(1) {
        width: 32%;
    }

    .shopList1 td:nth-child(6) {
        width: 14%;
    }

    .shopBox1 .textarea {
        width: -webkit-calc(92%);
        width: -moz-calc(92%);
        width: calc(100% - 8px);
    }
}

.stats-section-sticky-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 4vh;
}

.stats-section-container {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    display: flex;
    justify-content: space-between;
    overflow: unset !important;
    padding: 0 30px 15px 25px;
    margin: 1px 0 40px 0;
}

.ApplNav {
    float: left;
    width: 126px;
    margin-top: 30px;
}

.ApplNav ul {
    float: left;
    width: 100%;
    position: relative;
}

.ApplNav ul:after {
    float: left;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    background: #e5e5e5;
    z-index: 1;
}

.ApplNav ul li {
    cursor: pointer;
    float: right;
    width: -webkit-calc(74%);
    width: -moz-calc(74%);
    width: calc(100% - 26px);
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
    text-align: center;
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    background: #f5f5f5;
}

.ApplNav ul li:after,
.ApplNav ul li:before {
    float: left;
    content: '';
    position: absolute;
    left: -26px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
}

.ApplNav ul li:after {
    width: 11px;
    height: 11px;
    background: #000000;
    opacity: 0.14;
    z-index: 3;
}

.ApplNav ul li:before {
    width: 5px;
    height: 5px;
    background: #858585;
    z-index: 4;
    margin: 0 3px;
}

.ApplNav ul li:last-child {
    margin-bottom: 0 !important;
}

.ApplNav ul li.stats-link-bold,
.ApplNav ul li:hover {
    background: #007ac3;
    color: #fff;
}

.ApplNav ul li.stats-link-bold:after,
.ApplNav ul l:hover:after {
    background: #007ac3;
    opacity: 0.26;
}

.ApplNav ul li.stats-link-bold:before,
.ApplNav ul l:hover:before {
    background: #007ac3;
}

.section {
    float: right;
    width: -webkit-calc(-66%);
    width: -moz-calc(-66%);
    width: calc(100% - 166px);
}

.section .box {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.section .share {
    float: right;
    position: absolute;
    right: 0;
    top: 11px;
}

.section .share a {
    float: left;
    width: 24px;
    height: 24px;
    background: url(../_im_g/share-one.svg) center no-repeat;
    background-size: 22px 22px;
}

.section .tit1 {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    position: relative;
    padding-right: 30px;
}

.section .tit2 {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 3px;
}

.section .tit3 {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding-left: 15px;
    margin-top: 25px;
}

.section .tit3::after {
    float: left;
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 50%;
    background: #cccccc;
}

.section .text {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

.section .text p {
    transform: initial !important;
    opacity: 1 !important;
}

section .zhichi {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.section .zhichi .li {
    cursor: pointer;
    float: left;
    width: 31.2%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 3.2%;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.section .zhichi .li:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    border: 1px solid #007ac3;
}

.section .zhichi .li:nth-child(3n) {
    margin-right: 0;
}

.section .zhichi .li .t {
    float: left;
    width: 100%;
    background: #eaf4ff;
    padding: 10px 20px;
    color: #007ac3;
    font-size: 18px;
    line-height: 30px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 87px;
}

.section .zhichi .li .t span {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 14px;
}

.section .zhichi .li .t span:after {
    float: left;
    width: 6px;
    height: 6px;
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
    background: #007ac3;
}

.section .zhichi .li .p {
    float: left;
    width: 100%;
    padding: 0 20px;
    margin: 23px 0;
    height: 96px;
    overflow: hidden;
}

.section .zhichi .li .p a {
    display: block;
    color: #555555;
}

.section .zhichi .li .p a:hover {
    color: #007ac3;
}

.Search_LY {
    float: left;
    width: 100%;
    position: relative;
    margin: 15px 0 5px 0;
}

.Search_LY .Search {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 48px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    padding: 8px 146px 8px 16px;
}

.Search_LY .Search:focus {
    border: 1px solid #007ac3;
}

.Search_LY .submit {
    float: right;
    width: 130px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../_im_g/search.png) 34px center no-repeat #007ac3;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    padding-left: 26px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.Search_LY .submit:hover {
    background: url(../_im_g/search.png) 34px center no-repeat #104c9e;
}

.Search_LY ::-webkit-input-placeholder {
    color: #9c9c9c;
}

.Search_LY :-moz-placeholder {
    color: #9c9c9c;
}

.Search_LY ::-moz-placeholder {
    color: #9c9c9c;
}

.Search_LY :-ms-input-placeholder {
    color: #9c9c9c;
}

.wenjian {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.wenjian .li {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.wenjian .li .t {
    float: left;
    width: 100%;
    background: #f5f5f5;
    cursor: pointer;
    position: relative;
    padding: 15px 60px 15px 43px;
    color: #555555;
    font-size: 24px;
    line-height: 34px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.wenjian .li .t::after {
    float: left;
    position: absolute;
    content: '';
    left: 26px;
    top: 29px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ababab;
}

.wenjian .li .t i {
    float: left;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
}

.wenjian .li .t i::after,
.wenjian .li .t i::before {
    float: left;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    background: #007ac3;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.wenjian .li .t i::after {
    width: 100%;
    height: 2px;
}

.wenjian .li .t i::before {
    width: 2px;
    height: 100%;
}

.wenjian .li .t.active::after {
    background: #fff;
}

.wenjian .li .t.active {
    background: #007ac3;
    color: #fff;
}

.wenjian .li .t.active i::after,
.wenjian .li .t.active i::before {
    background: #fff;
}

.wenjian .li .t:hover::after {
    background: #fff;
}

.wenjian .li .t:hover {
    background: #007ac3;
    color: #fff;
}

.wenjian .li .t:hover i::after,
.wenjian .li .t:hover i::before {
    background: #fff;
}

.download1 {
    display: none;
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 20px;
}

.download1 a {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 22px 30px 22px 129px;
    margin-top: 20px;
}

.download1 a:first-child {
    margin-top: 0;
}

.download1 a:after {
    float: left;
    background: #e5e5e5;
    width: 1px;
    height: 44px;
    content: '';
    position: absolute;
    left: 98px;
    top: 50%;
    margin-top: -22px;
}

.download1 a h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
    margin: 3px 0;
}

.download1 a time {
    float: left;
    width: 100%;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
}

.download1 a img {
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 29px;
    top: 50%;
    margin-top: -20px;
}

.download1 a:hover h5 {
    color: #007ac3;
}

.shuoming {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.shuoming .li {
    float: left;
    width: 100%;
    margin-top: 10px;
    background: #f5f5f5;
    padding: 20px 20px 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    flex-direction: row-reverse;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.shuoming .li:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.shuoming .li .cont {
    width: 100%;
}

.shuoming .li .img {
    float: right;
    width: 40.5%;
    line-height: 0;
    overflow: hidden;
    margin-left: 3%;
}

.shuoming .li .img img {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    transition: -webkit-transform 2s;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.shuoming .li:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.shuoming .li .t {
    color: #555555;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}

.shuoming .li:hover .t {
    color: #007ac3;
}

.shuoming .li .p {
    margin-top: 10px;
}

.pordB {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    margin: 35px 0 25px 0;
}

.pordB .img {
    float: left;
    width: 62%;
    line-height: 0;
    height: 578px;
}

.pordB .img img {
    display: none;
}

.pordB .info {
    float: left;
    width: 38%;
    position: relative;
    max-height: 578px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

.pordB .info::-webkit-scrollbar {
    width: 10px;
}

.pordB .info::-webkit-scrollbar-track {
    background-color: #dcdcdc;
    border-radius: 0px;
}

.pordB .info::-webkit-scrollbar-thumb {
    width: 10px;
    height: 60px;
    background-color: #acacac;
    border-radius: 10px;
}

.pordB .info h5 {
    float: left;
    width: 100%;
    background: #007ac3;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    padding: 13px 16px;
}

.pordB .info ul {
    float: left;
    width: 100%;
}

.pordB .info ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.pordB .info ul li h6 {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    color: #007ac3;
    font-size: 18px;
    line-height: 30px;
    padding: 13px 60px 13px 23px;
}

.pordB .info ul li h6 i {
    float: left;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
}

.pordB .info ul li h6 i::after,
.pordB .info ul li h6 i::before {
    float: left;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    background: #007ac3;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.pordB .info ul li h6 i::after {
    width: 100%;
    height: 2px;
}

.pordB .info ul li h6 i::before {
    width: 2px;
    height: 100%;
}

.pordB .info ul li.active h6 i::before {
    display: none;
}

.pordB .info dl {
    display: none;
    float: left;
    width: 100%;
}

.pordB .info ul li.active dl {
    display: block;
}

.pordB .info dl dd {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background: #f5f5f5;
    padding: 16px 60px 16px 130px;
    min-height: 128px;
    color: #007ac3;
    font-size: 16px;
    line-height: 26px;
}

.pordB .info dl dd:hover {
    background: #eaf4ff;
}

.pordB .info dl dd:last-child {
    border-bottom: none;
}

.pordB .info dl dd img {
    position: absolute;
    left: 16px;
    top: 16px;
    border: 1px solid #e5e5e5;
    width: 96px;
    height: 96px;
}

.pordB .info dl dd p {
    float: left;
    width: 100%;
    margin: 6px 0;
}

.pordB .info dl dd font {
    display: block;
    color: #555555;
    font-size: 14px;
    margin-top: 6px;
}

.pordB .info dl dd .shop,
.pordB .info dl dd .pdf {
    float: left;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 26px;
    bottom: 22px;
}

.pordB .info dl dd .shop {
    background: url(../_im_g/main33.png) center no-repeat;
    margin-bottom: 28px;
}

.pordB .info dl dd .pdf {
    background: url(../_im_g/main34.png) center no-repeat;
}

@media screen and (max-width: 1360px) {
    .stats-section-container {
        padding: 0 25px 30px 25px;
    }

    .section {
        float: right;
        width: -webkit-calc(-50%);
        width: -moz-calc(-50%);
        width: calc(100% - 150px);
    }

    .section .zhichi .li {
        float: left;
        width: 32%;
        margin-right: 2%;
    }

    .section .zhichi .li:nth-child(3n) {
        margin-right: 0;
    }

    .section .zhichi .li .t {
        padding: 8px 14px;
    }

    .section .zhichi .li .p {
        padding: 0px 14px;
        margin: 20px 0;
    }

    .shuoming .li {
        padding: 20px 20px 20px 20px;
    }

    .shuoming .li .p {
        margin-top: 5px;
    }

    .pordB .img {
        height: 380px;
    }

    .pordB .info {
        max-height: 380px;
    }

    .pordB .info::-webkit-scrollbar {
        width: 4px;
    }

    .pordB .info::-webkit-scrollbar-track {
        background-color: #dcdcdc;
        border-radius: 0px;
    }

    .pordB .info::-webkit-scrollbar-thumb {
        width: 4px;
        height: 60px;
        background-color: #acacac;
        border-radius: 4px;
    }

    .pordB .info ul li h6 {
        padding: 13px 40px 13px 12px;
    }

    .pordB .info ul li h6 i {
        right: 12px;
    }

    .pordB .info dl dd {
        padding: 12px 40px 12px 103px;
        min-height: 108px;
    }

    .pordB .info dl dd img {
        left: 12px;
        top: 12px;
        width: 84px;
        height: 84px;
    }

    .pordB .info dl dd p {
        font-size: 14px;
        line-height: 24px;
    }

    .pordB .info dl dd p font {
        font-size: 12px;
        line-height: 22px;
        margin-top: 4px;
    }

    .pordB .info dl dd .shop,
    .pordB .info dl dd .pdf {
        right: 12px;
        bottom: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .stats-section-container {
        padding: 0 12px 12px 12px;
        margin: 1px 0 30px 0;
    }

    .ApplNav {
        width: 100px;
        margin-top: 20px;
    }

    .ApplNav ul {
        width: 100%;
    }

    .ApplNav ul li {
        width: -webkit-calc(80%);
        width: -moz-calc(80%);
        width: calc(100% - 20px);
        font-size: 12px;
        line-height: 26px;
        margin-bottom: 6px;
    }

    .ApplNav ul li:after,
    .ApplNav ul li:before {
        left: -20px;
    }

    .section {
        width: -webkit-calc(-20%);
        width: -moz-calc(-20%);
        width: calc(100% - 120px);
    }

    .section .box {
        padding-top: 20px;
    }

    .section .share {
        top: 1px;
    }

    .section .tit1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .section .tit2 {
        font-size: 18px;
        line-height: 28px;
    }

    .section .tit3 {
        font-size: 16px;
        line-height: 26px;
    }

    .section .tit3 {
        margin-top: 20px;
    }

    .section .tit3::after {
        top: 10px;
    }

    .section .text {
        margin-top: 5px;
    }

    .section .zhichi .li {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .section .zhichi .li .t {
        padding: 10px 12px;
        font-size: 16px;
        line-height: 26px;
        padding-left: 12px;
        min-height: 80px;
    }

    .section .zhichi .li .t span:after {
        top: 10px;
    }

    .section .zhichi .li .p {
        padding: 15px 12px;
        margin: 15px 0;
    }

    .Search_LY .Search {
        height: 36px;
        font-size: 14px;
        line-height: 24px;
        padding: 5px 92px 5px 12px;
    }

    .Search_LY .submit {
        width: 80px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        padding-left: 20px;
        background: url(../_im_g/search.png) 12px center no-repeat #007ac3;
    }

    .Search_LY .submit:hover {
        background: url(../_im_g/search.png) 12px center no-repeat #104c9e;
    }

    .wenjian .li .t {
        padding: 8px 36px 8px 26px;
        font-size: 17px;
        line-height: 28px;
    }

    .wenjian .li .t::after {
        left: 12px;
        top: 19px;
    }

    .wenjian .li .t i {
        right: 12px;
        top: 50%;
        margin-top: -6px;
        width: 12px;
        height: 12px;
    }

    .download1 {
        padding: 12px;
    }

    .download1 a {
        padding: 15px 10px 15px 70px;
        margin-top: 12px;
    }

    .download1 a::after {
        left: 60px;
        height: 30px;
        margin-top: -15px;
    }

    .download1 a img {
        left: 10px;
    }

    .download1 a h5 {
        font-size: 14px;
    }

    .shuoming .li {
        padding: 12px 12px 12px 12px;
    }

    .shuoming .li .img {
        margin-left: 1.5%;
    }

    .pordB .img {
        width: 100%;
        height: auto;
    }

    .pordB .img img {
        display: block;
    }

    .pordB .info {
        width: 100%;
    }

    .pordB .info h5 {
        font-size: 16px;
        line-height: 28px;
        padding: 8px 12px;
    }

    .pordB .info ul {
        border-left: 1px solid #e5e5e5;
    }

    .pordB .info ul li h6 {
        font-size: 16px;
        line-height: 28px;
        padding: 8px 40px 8px 12px;
    }

    .pordB .info ul li h6 i {
        margin-top: -6px;
        width: 12px;
        height: 12px;
    }
}

@media screen and (max-width: 767px) {
    .section .zhichi .li {
        width: 100%;
        margin-right: 0;
    }

    .section .zhichi .li .t {
        min-height: 26px;
    }

    .shuoming .li {
        flex-wrap: wrap;
    }

    .shuoming .li .img {
        margin-left: 0;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .shuoming .li .img img {
        width: 100%;
    }

    .stats-section-container {
        flex-wrap: wrap;
    }

    .stats-section-sticky-menu {
        top: auto;
    }

    .ApplNav {
        width: 100%;
    }

    .section {
        width: 100%;
    }
}

.pord_xs {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    margin-top: 10px;
}

.pord_xs:after {
    float: left;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 6;
}

.pord_xs ul {
    float: left;
    width: 100%;
}

.pord_xs li {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    border-left: 1px solid #e5e5e5;
    padding: 18px 30px 24px 118px;
}

.pord_xs li .ico {
    float: left;
    position: absolute;
    right: -28px;
    top: 4px;
    background: #ff0000;
    color: #fff;
    width: 86px;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.pord_xs li .img {
    float: left;
    line-height: 0;
    text-align: center;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -50px;
}

.pord_xs li .tit {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pord_xs li:hover .tit {
    color: #007ac3;
}

.pord_xs li .model {
    float: left;
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0;
}

.pord_xs li .btn {
    float: left;
    width: 100%;
}

.pord_xs li .btn a {
    float: left;
    text-align: center;
    border: 1px solid #007ac3;
    width: 48.5%;
    color: #007ac3;
    font-size: 14px;
    line-height: 22px;
    margin: 5px 0 0 0;
}

.pord_xs li .btn a:nth-child(2n) {
    float: right;
}

.pord_xs li .btn a:hover {
    background: #007ac3;
    color: #fff;
}

.pord_xs-1 .slick-arrow {
    width: 24px;
    height: 24px;
    border: 1px solid #007ac3;
    z-index: 6;
    left: auto;
    right: 20px;
    top: -54px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.pord_xs-1 .slick-arrow:after {
    float: left;
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-bottom: 1px solid #007ac3;
    border-left: 1px solid #007ac3;
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 2px;
}

.pord_xs-1 .slick-prev {
    margin-right: 34px;
}

.pord_xs-1 .slick-next:after {
    transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    margin-left: -2px;
}

.pord_xs-1 .slick-arrow:hover {
    background: #007ac3;
}

.pord_xs-1 .slick-arrow:hover:after {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.pord_tj {
    float: right;
    width: 25%;
    margin-bottom: 41px;
}

.pord_tj .list:after {
    display: none;
}

.pord_tj .list li {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
}

.pord_tj .list li:last-child {
    border-bottom: none;
}

.pord_det {
    float: left;
    width: 74%;
    margin-top: 10px;
    margin-bottom: 41px;
}

.pord_det .hd {
    float: left;
    width: 100%;
    background: #fff;
}

.pord_det .hd li {
    cursor: pointer;
    float: left;
    color: #333333;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding: 17px 0;
    width: 150px;
}

.pord_det .hd li.on {
    background: #007ac3;
    color: #fff;
    font-weight: bold;
}

.pord_det .bd {
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 10px;
    padding: 0 15px 0 15px;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}

.pord_det .p {
    float: left;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5;
}

.pord_det .table {
    margin-top: 16px;
    float: left;
    width: 100%;
    background: #f5f5f5;
    position: relative;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.pord_det .table:after {
    float: left;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    background: #e5e5e5;
}

.pord_det .table ul {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pord_det .table ul:first-child {
    background: #eaf4ff;
    border-bottom: 1px solid #e5e5e5;
    color: #007ac3;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.pord_det .table ul:nth-child(2n) {
    background: #fff;
}

.pord_det .table ul li {
    float: left;
    width: 50%;
    padding: 6px;
    line-height: 24px;
}

.pord_det .fenye {
    background: #fff;
    float: left;
    width: 100%;
    padding: 11px 15px 27px 15px;
    display: flex;
    justify-content: space-between;
}

.pord_det .fenye a {
    float: left;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}

.pord_det .fenye a:hover {
    color: #007ac3;
}

.pord_det .fenye .renter {
    width: 70px;
    text-align: center;
}

.pord_det .fenye .prev,
.pord_det .fenye .next {
    width: -webkit-calc(15%);
    width: -moz-calc(15%);
    width: calc(50% - 35px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pord_det .fenye .next {
    text-align: right;
}

.pord_tit {
    float: left;
    width: 100%;
    background: #fff;
    color: #333333;
    font-weight: bold;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    padding: 17px 17px;
    margin-top: 10px;
}

.pord_tit img {
    max-width: none;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

@media screen and (max-width: 1360px) {
    .pord_xs li {
        padding: 18px 10px 23px 68px;
    }

    .pord_xs li .img {
        left: 0;
        width: 68px;
        height: 68px;
        margin-top: -34px;
    }

    .pord_xs li .btn a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .pord_xs li {
        width: 33.33%;
        padding: 12px 10px 17px 68px;
    }

    .pord_xs li .model {
        margin: 0;
    }

    .pord_xs-1 .slick-arrow {
        right: 12px;
        top: -45px;
    }

    .pord_tj {
        width: 29%;
        margin-bottom: 30px;
    }

    .pord_det {
        width: 70%;
        margin-bottom: 30px;
    }

    .pord_det .hd li {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 0;
        width: 100px;
    }

    .pord_det .bd {
        padding: 0 12px 0 12px;
    }

    .pord_det .table {
        margin-top: 12px;
    }

    .pord_det .p {
        padding: 20px 0;
    }

    .pord_det .fenye {
        padding: 10px 12px 15px 12px;
    }

    .pord_tit {
        font-size: 16px;
        line-height: 26px;
        padding: 10px 12px;
    }
}

@media screen and (max-width: 767px) {
    .pord_xs li {
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-top: -1px;
        padding: 12px 15px 17px 130px;
    }

    .pord_xs li .img {
        left: 15px;
        width: 100px;
        height: 100px;
        margin-top: -50px;
    }

    .pord_tj {
        width: 100%;
    }

    .pord_det {
        width: 100%;
        margin-bottom: 15px;
    }
}

.pordLeft {
    float: left;
    width: 77.5%;
    background: #fff;
    margin-bottom: 10px;
}

.pordLeft .pordLeft_1 {
    float: left;
    width: 100%;
    padding: 15px 22px 20px 14px;
}

.pordLeft .left {
    float: left;
    width: 36.5%;
}

.pordLeft .left .big {
    float: left;
    width: 100%;
}

.pordLeft .left .big .img {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 0;
    position: relative;
    border: 1px solid #e5e5e5;
}

.pordLeft .left .big .Collect {
    float: left;
    position: absolute;
    left: 50%;
    bottom: 4px;
    z-index: 6;
    padding-left: 16px;
    white-space: normal;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #888888;
    font-size: 12px;
    line-height: 26px;
    background: url(../_im_g/img4.png) left center no-repeat;
}

.pordLeft .left .big .Collect.active {
    background: url(../_im_g/img4.1.png) left center no-repeat;
    color: #007ac3;
}

.pordLeft .left .big .slick-list {
    padding-right: 1px;
}

.pordLeft .left .samll {
    float: left;
    width: 100%;
    margin-top: 12px;
    padding: 0 16px;
}

.pordLeft .left .samll .img {
    float: left;
    width: 23%;
    text-align: center;
    line-height: 0;
    position: relative;
    border: 1px solid #e5e5e5;
    margin: 0 1%;
}

.pordLeft .left .samll .img img {
    border: 1px solid #fff;
}

.pordLeft .left .samll .img.slick-current {
    border: 1px solid #007ac3;
}

.pordLeft .left .samll .img.slick-current img {
    border: 1px solid #007ac3;
}

.pordLeft .left .samll .slick-arrow {
    width: 18px;
    height: 18px;
    z-index: 6;
}

.pordLeft .left .samll .slick-arrow:after {
    float: left;
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 2px;
}

.pordLeft .left .samll .slick-prev {
    left: 0;
}

.pordLeft .left .samll .slick-next {
    right: 0;
}

.pordLeft .left .samll .slick-next:after {
    transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    margin-left: -2px;
}

.pordLeft .left .samll .slick-arrow:hover:after {
    border-bottom: 1px solid #007ac3;
    border-left: 1px solid #007ac3;
}

.pordLeft .left .p {
    float: left;
    width: 100%;
    text-align: center;
    color: #adadad;
    font-size: 12px;
    line-height: 22px;
    margin-top: 25px;
}

.pordLeft .text {
    float: right;
    width: 57.5%;
    background: #fff;
    color: #555555;
    font-size: 14px;
    line-height: 30px;
}

.pordLeft .text .p {
    float: left;
    width: 100%;
}

.pordLeft .text .p .li {
    float: left;
}

.pordLeft .text .p.price {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.pordLeft .text .cont {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #e5e5e5;
    padding: 22px 0 6px 0;
    margin-top: 20px;
}

.pordLeft .text .tool {
    float: left;
    width: 100%;
    background: #eaf4ff;
    color: #007ac3;
    font-size: 16px;
    line-height: 26px;
    padding: 7px;
    text-align: center;
    margin-top: 22px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pordLeft .text .tool:hover {
    background: #007ac3;
    color: #fff;
}

.pordLeft .text .tit {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 17px;
    padding: 10px 0 20px 0;
    color: #007ac3;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}

.pordLeft .text .tit a {
    float: right;
    padding-left: 20px;
    font-weight: normal;
    background: url(../_im_g/img5.png) left center no-repeat;
    color: #007ac3;
    font-size: 14px;
}

.pordLeft .text .tit a:hover {
    color: #104c9e;
}

.pordRight {
    float: right;
    width: 21.7%;
    background: #fff;
    margin-bottom: 10px;
}

.pordRight i {
    float: left;
    width: 100%;
    line-height: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 15px;
    text-align: center;
}

.pordRight ul {
    float: left;
    width: 100%;
    padding: 3px 7.6% 4px 7.6%;
}

.pordRight ul li {
    float: left;
    width: 100%;
    position: relative;
    color: #555555;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px dashed #e5e5e5;
    padding: 10px 0 10px 15px;
}

.pordRight ul li:last-child {
    border-bottom: none;
}

.pordRight ul li:after {
    float: left;
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    left: 4px;
    top: 20px;
    background: #cccccc;
    border-radius: 50%;
}

.pordRight .btn {
    float: left;
    width: 100%;
    border-top: 10px solid #f5f5f5;
    padding: 12px 7.6%;
}

.pordRight .btn .button {
    float: left;
    width: 46%;
    text-align: center;
    margin: 9px 0;
    border: 1px solid #007ac3;
    font-size: 14px;
    color: #007ac3;
    line-height: 30px;
    height: 32px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.pordRight .btn .button:nth-child(2n) {
    float: right;
}

.pordRight .btn .button:hover {
    background: #007ac3;
    color: #fff;
}

@media screen and (max-width: 1360px) {
    .pordLeft {
        width: 74.5%;
    }

    .pordLeft .pordLeft_1 {
        padding: 15px 14px 20px 14px;
    }

    .pordLeft .left {
        width: 40%;
    }

    .pordRight {
        width: 24.7%;
    }

    .pordRight ul {
        padding: 3px 6% 4px 6%;
    }

    .pordRight .btn {
        padding: 12px 6%;
    }
}

@media screen and (max-width: 1024px) {
    .pordLeft {
        width: 100%;
    }

    .pordLeft .pordLeft_1 {
        padding: 15px 12px;
    }

    .pordLeft .left .p {
        margin-top: 10px;
    }

    .pordLeft .text {
        line-height: 26px;
    }

    .pordLeft .text .tit {
        margin-bottom: 12px;
        padding: 10px 0 12px 0;
    }

    .pordLeft .text .cont {
        padding: 12px 0 4px 0;
        margin-top: 12px;
    }

    .pordLeft .text .tool {
        margin-top: 15px;
    }

    .pordRight {
        width: 100%;
    }

    .pordRight i {
        padding: 12px 12px;
    }

    .pordRight ul {
        padding: 4px 12px;
    }

    .pordRight ul li {
        padding: 8px 0 8px 15px;
    }

    .pordRight ul li:after {
        top: 18px;
    }

    .pordRight .btn {
        padding: 10px 12px;
    }

    .pordRight .btn .button {
        width: 23.5%;
        margin: 6px 2% 6px 0;
    }

    .pordRight .btn .button:nth-child(2n) {
        float: left;
    }

    .pordRight .btn .button:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .pordLeft .left {
        width: 100%;
    }

    .pordLeft .left .big .img img {
        width: 250px;
    }

    .pordLeft .left .samll .img {
        width: 24%;
        margin: 0 0.5%;
    }

    .pordLeft .text {
        width: 100%;
    }
}

/*wyb*/
/*碌脟脗录*/
/*.dl_section {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 65px;
    float: left;
}*/







.dl_section .gx {
    width: 100%;
    margin-bottom: 24px;
    cursor: pointer;
    font-size: 0;
}

.dl_section .gx .ico {
    width: 14px;
    height: 14px;
    border: 1px solid #555;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.dl_section .gx .ico span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.dl_section .gx .ico input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    position: relative;
    z-index: 2;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 12px;
}

.dl_section .gx .ico input[type="checkbox"]:checked+span {
    display: block;
    background-image: url(/theme/cn/_im_g/zimg7.png);
    background-size: 100% 100%;
}

.dl_section .gx .words {
    font-size: 13px;
    color: #555555;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.dl_section .gx .words a {
    color: #007ac3;
}

.dl_section .gx .words a:hover {
    color: #104c9e;
}



@media screen and (max-width: 1024px) {
 
    .dl_section .gx {
        margin-bottom: 14px;
    }

    .dl_section .gx .ico {
        vertical-align: top;
        margin-top: 3px;
    }

    .dl_section .gx .words {
        font-size: 14px;
        padding-left: 8px;
        width: calc(100% - 20px);
        vertical-align: top;
    }


}





/*.hyzx_section1 .content::before {
    content: "";
    display: block;
    width: calc(100% - 340px);
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border-radius: 4px;
}*/

.hyzx_section .content::after {
    content: "";
    display: block;
    clear: both;
}

/*@media screen and (max-width: 1440px) {
    .hyzx_section1 .content::before{width: calc(100% - 260px);}
}*/

@media screen and (max-width: 1024px) {
    

    .hyzx_section.on .content .l_nav {
        display: none;
    }

    
    
    .hyzx_section1 .content::before {
        display: none;
    }

    
}

/*脦脪碌脛脠脧脰陇*/
.hywdrz_section {
    width: 100%;
    background: #fff;
    background: #fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06); border-radius:4px;
}

.hywdrz_section .listbox {
    width: 100%;
    padding: 40px 20px;
}

.hywdrz_section .listbox .list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 13px;
}

.hywdrz_section .listbox .list .words {
    width: 82px;
    font-size: 14px;
    color: #666666;
    float: left;
    line-height: 40px;
    padding-right: 12px;
    text-align: right;
}

.hywdrz_section .listbox .list .words span {
    color: #ce4643;
}

.hywdrz_section .listbox .list .input {
    /*float: left;*/
}

.hywdrz_section .listbox .list .input input {
    width: 330px;
    height: 40px;
    border: 1px solid #D8D8D8;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    float: left;
}

.hywdrz_section .listbox .list .input input:hover {
    border: 1px solid #007ac3;
}

.hywdrz_section .listbox .list .input input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hywdrz_section .listbox .list .input input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hywdrz_section .listbox .list .input input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hywdrz_section .listbox .list .input input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hywdrz_section .listbox .list .input .bz {
    font-size: 14px;
    color: #007ac3;
    line-height: 40px;
    margin-left: 10px;
    float: left;
}

.hywdrz_section .listbox .list2 {
    width: 100%;
    padding-left: 82px;
}

.hywdrz_section .listbox .list2 a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    border-radius: 4px;
    background: #007ac3;
    width: 330px;
    text-align: center;
}

.hywdrz_section .listbox .list2 a:hover {
    background: #104c9e;
}

.hywdrz_section .listbox .list .piclist .pic {
    width: 330px;
    border: 1px solid #D8D8D8;
    padding: 0 14px;
    border-radius: 4px;
    padding: 18px;
    float: left;
    margin-right: 16px;
    height: 235px;
    position:relative;
    margin-bottom: 16px;
}
.hywdrz_section .listbox .list .piclist .pic .img{width:100%; height:100%;}
.hywdrz_section .listbox .list .piclist .pic .closeimg{position:absolute; right:5px; top:5px; cursor:pointer;}

.hywdrz_section .listbox .list .piclist .pic.sc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #f5f6fa;
    cursor: pointer;
}

.hywdrz_section .listbox .list .piclist .pic.sc h4 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.hywdrz_section .listbox .list .piclist .pic.sc h6 {
    font-size: 14px;
    color: #bcbcbc;
    line-height: 16px;
}


@media screen and (max-width: 1024px) {
    .hywdrz_section .listbox {
        padding: 12px;
    }

    .hywdrz_section .listbox .list {
        margin-bottom: 12px;
    }

    .hywdrz_section .listbox .list .words {
        width: 80px;
        line-height: 40px;
        padding-right: 10px;
    }

    .hywdrz_section .listbox .list .input {
        width: calc(100% - 80px);
    }

    .hywdrz_section .listbox .list .input input {
        width: 100%;
        padding: 0 12px;
    }

    .hywdrz_section .listbox .list .input .bz {
        line-height: 20px;
        margin-left: 0;
    }

    .hywdrz_section .listbox .list2 {
        padding-left: 80px;
    }

    .hywdrz_section .listbox .list2 a {
        display: block;
        font-size: 14px;
        width: 100%;
    }
}

/*赂枚脠脣脨脜脧垄*/
.hygrxx_section {
    width: 100%;
    background: #fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06); border-radius:4px;
}

.hygrxx_section .listbox {
    padding: 35px 30px;
}

.hygrxx_section .listbox .list {
    margin-bottom: 12px;
    overflow: hidden;
}

.hygrxx_section .listbox .list:last-child {
    margin-bottom: 0;
}

.hygrxx_section .listbox .list ._ls {
    width: 72px;
    font-size: 14px;
    color: #666666;
    line-height: 40px;
    text-align: right;
    padding-right: 10px;
    float: left;
}

.hygrxx_section .listbox .list ._ls span {
    color: #ce4643;
}

.hygrxx_section .listbox .list ._rs {
    float: left;
    width: calc(100% - 72px);
}

.hygrxx_section .listbox .list ._rs input {
    width: 330px;
    height: 38px;
    margin-left: 10px;
    border: 1px solid #D8D8D8;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    float: left;
}

.hygrxx_section .listbox .list ._rs input:focus {
    border: 1px solid #007ac3;
}

.hygrxx_section .listbox .submit {
    width: 330px;
    height: 38px;
    margin-left: 82px;
    background: #007ac3;
    padding: 0 14px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    /*float: left;*/
}

.hygrxx_section .listbox .list ._rs input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_section .listbox .list ._rs input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_section .listbox .list ._rs input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_section .listbox .list ._rs input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_section .listbox .list ._rs .qhbox {
    width: 100%;
    overflow: hidden;
    padding-left: 17px;
}

.hygrxx_section .listbox .list ._rs .qhbox .ls {
    float: left;
    margin-right: 24px;
    font-size: 0;
    cursor: pointer;
}

.hygrxx_section .listbox .list ._rs .qhbox .ls:last-child {
    margin-right: 0;
}

.hygrxx_section .listbox .list ._rs .qhbox .ls .ico {
    width: 12px;
    height: 12px;
    border: 2px solid #B2B2B2;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.hygrxx_section .listbox .list ._rs .qhbox .ls.on .ico {
    border-color: #007ac3;
}

.hygrxx_section .listbox .list ._rs .qhbox .ls .words {
    font-size: 12px;
    color: #666666;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.hygrxx_section .listbox .list ._rs .lj {
    font-size: 14px;
    color: #666666;
    line-height: 40px;
    padding-left: 16px;
}

.hygrxx_section .listbox .list ._rs .lj a {
    display: inline-block;
    color: #007ac3;
    text-decoration: underline;
}

.hygrxx_section .listbox .list ._rs .lj a.a1 {
    margin-left: 26px;
}

.hygrxx_section .listbox .list ._rs .lj a.a2_1 {
    margin-left: 26px;
}

.hygrxx_section .listbox .list ._rs .lj a:hover {
    color: #104c9e;
}

.hygrxx_section .listbox .list2 {
    width: 100%;
    padding-left: 82px;
}

.hygrxx_section .listbox .list2 a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    border-radius: 4px;
    background: #007ac3;
    width: 330px;
    text-align: center;
}

.hygrxx_section .listbox .list2 a:hover {
    background: #104c9e;
}

@media screen and (max-width: 1024px) {
    .hygrxx_section {
        background: #fff;
    }

    .hygrxx_section .listbox {
        padding: 12px;
    }

    .hygrxx_section .listbox .list {
        margin-bottom: 12px;
    }

    .hygrxx_section .listbox .list ._ls {
        width: 70px;
        line-height: 34px;
    }

    .hygrxx_section .listbox .list ._rs {
        width: calc(100% - 70px);
    }

    .hygrxx_section .listbox .list ._rs input {
        width: 100%;
        height: 34px;
        padding: 0 12px;
        margin-left: 0px;
    }

    .hygrxx_section .listbox .list ._rs .qhbox {
        padding-left: 0;
    }

    .hygrxx_section .listbox .list ._rs .qhbox .ls {
        margin-right: 12px;
    }

    .hygrxx_section .listbox .list ._rs .qhbox .ls .words {
        line-height: 34px;
    }

    .hygrxx_section .listbox .list ._rs .lj {
        line-height: 34px;
        padding-left: 0;
    }

    .hygrxx_section .listbox .list ._rs .lj a.a1 {
        margin-left: 10px;
    }

    .hygrxx_section .listbox .list ._rs .lj a.a2_1 {
        margin-left: 10px;
    }

    .hygrxx_section .listbox .list2 {
        padding-left: 70px;
    }

    .hygrxx_section .listbox .list2 a {
        display: block;
        font-size: 14px;
        width: 100%;
    }
}

/*赂枚脠脣脨脜脧垄碌炉麓掳1*/
.hygrxx_tc1 {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.hygrxx_tc1.on {
    display: flex;
}

.hygrxx_tc1 .content {
    width: 450px;
    background: #fff;
    padding: 22px 20px 20px 20px;
    border-radius: 4px;
}

.hygrxx_tc1 .content .top {
    width: 100%;
    margin-bottom: 44px;
    overflow: hidden;
}

.hygrxx_tc1 .content .top .tit {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    float: left;
}

.hygrxx_tc1 .content .top img {
    width: 12px;
    display: block;
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

.hygrxx_tc1 .content .bottom {
    width: 100%;
}

.hygrxx_tc1 .content .bottom .listbox {
    width: 100%;
    margin-bottom: 34px;
}

.hygrxx_tc1 .content .bottom .listbox .list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.hygrxx_tc1 .content .bottom .listbox .list:last-child {
    margin-bottom: 0;
}

.hygrxx_tc1 .content .bottom .listbox .list .words {
    width: 80px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 40px;
    padding-right: 12px;
    text-align: right;
}

.hygrxx_tc1 .content .bottom .listbox .list .words span {
    color: #104c9e;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox {
    width: calc(100% - 80px);
    float: left;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox input {
    width: 100%;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    display: block;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc1 .content .bottom .listbox .list .inputbox input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc1 .content .bottom .listbox .list:last-child input {
    width: calc(100% - 110px);
    float: left;
}

.hygrxx_tc1 .content .bottom .listbox .list button {
    width: 100px;
    font-size: 14px;
    color: #fefefe;
    line-height: 40px;
    display: block;
    float: right;
    background: #007ac3;
    border-radius: 4px;
}

.hygrxx_tc1 .content .bottom .listbox .list button:hover {
    background: #104c9e;
}

.hygrxx_tc1 .content .bottom .butttonbox {
    width: 100%;
    font-size: 0;
    text-align: right;
}

.hygrxx_tc1 .content .bottom .butttonbox .but {
    width: 74px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.hygrxx_tc1 .content .bottom .butttonbox .but:last-child {
    margin-right: 0;
}

.hygrxx_tc1 .content .bottom .butttonbox .but a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 38px;
    border: 1px solid #007ac3;
    border-radius: 4px;
    text-align: center;
}

.hygrxx_tc1 .content .bottom .butttonbox .but a:hover {
    background: #007ac3;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .hygrxx_tc1 .content {
        width: calc(100% - 30px);
        padding: 20px;
    }

    .hygrxx_tc1 .content .top {
        margin-bottom: 20px;
    }

    .hygrxx_tc1 .content .bottom .butttonbox .but a {
        line-height: 34px;
    }

    .hygrxx_tc1 .content .bottom .listbox {
        margin-bottom: 20px;
    }

    .hygrxx_tc1 .content .bottom .listbox .list {
        margin-bottom: 14px;
    }
}

/*赂枚脠脣脨脜脧垄碌炉麓掳2*/
.hygrxx_tc2 {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.hygrxx_tc2.on {
    display: flex;
}

.hygrxx_tc2 .content {
    width: 450px;
    background: #fff;
    padding: 22px 20px 20px 20px;
    border-radius: 4px;
}

.hygrxx_tc2 .content .top {
    width: 100%;
    margin-bottom: 44px;
    overflow: hidden;
}

.hygrxx_tc2 .content .top .tit {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    float: left;
}

.hygrxx_tc2 .content .top img {
    width: 12px;
    display: block;
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

.hygrxx_tc2 .content .bottom {
    width: 100%;
}

.hygrxx_tc2 .content .bottom .listbox {
    width: 100%;
    margin-bottom: 34px;
}

.hygrxx_tc2 .content .bottom .listbox .list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.hygrxx_tc2 .content .bottom .listbox .list:last-child {
    margin-bottom: 0;
}

.hygrxx_tc2 .content .bottom .listbox .list .words {
    width: 80px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 40px;
    padding-right: 12px;
    text-align: right;
}

.hygrxx_tc2 .content .bottom .listbox .list .words span {
    color: #104c9e;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox {
    width: calc(100% - 80px);
    float: left;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox input {
    width: 100%;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    display: block;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc2 .content .bottom .listbox .list .inputbox input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc2 .content .bottom .butttonbox {
    width: 100%;
    font-size: 0;
    text-align: right;
}

.hygrxx_tc2 .content .bottom .butttonbox .but {
    width: 74px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.hygrxx_tc2 .content .bottom .butttonbox .but:last-child {
    margin-right: 0;
}

.hygrxx_tc2 .content .bottom .butttonbox .but a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 38px;
    border: 1px solid #007ac3;
    border-radius: 4px;
    text-align: center;
}

.hygrxx_tc2 .content .bottom .butttonbox .but a:hover {
    background: #007ac3;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .hygrxx_tc2 .content {
        width: calc(100% - 30px);
        padding: 20px;
    }

    .hygrxx_tc2 .content .top {
        margin-bottom: 20px;
    }

    .hygrxx_tc2 .content .bottom .butttonbox .but a {
        line-height: 34px;
    }

    .hygrxx_tc2 .content .bottom .listbox {
        margin-bottom: 20px;
    }

    .hygrxx_tc2 .content .bottom .listbox .list {
        margin-bottom: 14px;
    }
}

/*赂枚脠脣脨脜脧垄碌炉麓掳3*/
.hygrxx_tc3 {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.hygrxx_tc3.on {
    display: flex;
}

.hygrxx_tc3 .content {
    width: 450px;
    background: #fff;
    padding: 22px 20px 20px 20px;
    border-radius: 4px;
}

.hygrxx_tc3 .content .top {
    width: 100%;
    margin-bottom: 44px;
    overflow: hidden;
}

.hygrxx_tc3 .content .top .tit {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    float: left;
}

.hygrxx_tc3 .content .top img {
    width: 12px;
    display: block;
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

.hygrxx_tc3 .content .bottom {
    width: 100%;
}

.hygrxx_tc3 .content .bottom .listbox {
    width: 100%;
    margin-bottom: 34px;
}

.hygrxx_tc3 .content .bottom .listbox .list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.hygrxx_tc3 .content .bottom .listbox .list:last-child {
    margin-bottom: 0;
}

.hygrxx_tc3 .content .bottom .listbox .list .words {
    width: 80px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 40px;
    padding-right: 12px;
    text-align: right;
}

.hygrxx_tc3 .content .bottom .listbox .list .words span {
    color: #104c9e;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox {
    width: calc(100% - 80px);
    float: left;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox input {
    width: 100%;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: #333;
    display: block;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hygrxx_tc3 .content .bottom .listbox .list.list2 input {
    width: calc(100% - 110px);
    float: left;
}

.hygrxx_tc3 .content .bottom .listbox .list button {
    width: 100px;
    font-size: 14px;
    color: #fefefe;
    line-height: 40px;
    display: block;
    float: right;
    background: #007ac3;
    border-radius: 4px;
}

.hygrxx_tc3 .content .bottom .listbox .list button:hover {
    background: #104c9e;
}

.hygrxx_tc3 .content .bottom .listbox .list .inputbox .num {
    font-size: 14px;
    color: #666666;
    line-height: 40px;
}

.hygrxx_tc3 .content .bottom .butttonbox {
    width: 100%;
    font-size: 0;
    text-align: right;
}

.hygrxx_tc3 .content .bottom .butttonbox .but {
    width: 74px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.hygrxx_tc3 .content .bottom .butttonbox .but:last-child {
    margin-right: 0;
}

.hygrxx_tc3 .content .bottom .butttonbox .but a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 38px;
    border: 1px solid #007ac3;
    border-radius: 4px;
    text-align: center;
}

.hygrxx_tc3 .content .bottom .butttonbox .but a:hover {
    background: #007ac3;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .hygrxx_tc3 .content {
        width: calc(100% - 30px);
        padding: 20px;
    }

    .hygrxx_tc3 .content .top {
        margin-bottom: 20px;
    }

    .hygrxx_tc3 .content .bottom .butttonbox .but a {
        line-height: 34px;
    }

    .hygrxx_tc3 .content .bottom .listbox {
        margin-bottom: 20px;
    }

    .hygrxx_tc3 .content .bottom .listbox .list {
        margin-bottom: 14px;
    }
}

/*脮脣潞脜掳虏脠芦*/
.hyzhaq_section {
    width: 100%;
    background: #fff;
}

.hyzhaq_section .listbox {
    width: 100%;
    padding: 16px;
}

.hyzhaq_section .listbox .list {
    width: 100%;
    margin-bottom: 10px;
}

.hyzhaq_section .listbox .list:last-child {
    margin-bottom: 0;
}

.hyzhaq_section .listbox .list a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 46px;
    padding: 0 18px;
    border: 1px solid #E5E5E5;
}

.hyzhaq_section .listbox .list a span {
    color: #007ac3;
}

.hyzhaq_section .listbox .list a:hover {
    color: #007ac3;
    border-color: #007ac3;
    background: #e6f2ff;
}

@media screen and (max-width: 1024px) {
    .hyzhaq_section .listbox {
        padding: 12px;
    }

    .hyzhaq_section .listbox .list a {
        line-height: 36px;
        padding: 0 12px;
    }
}

/*脢脮禄玫碌脴脰路*/
.hyshdz_section {
    width: 100%;
    background: #fff;
}

.hyshdz_section .cons {
    width: 100%;
    padding: 16px;
}

.hyshdz_section .cons .words {
    width: 100%;
    border: 1px solid #D8D8D8;
    padding: 0 50px;
    font-size: 14px;
    color: #333333;
    line-height: 98px;
    text-align: center;
}

.hyshdz_section .cons .words a {
    color: #007ac3;
}

.hyshdz_section .cons2 {
    width: 100%;
    border-bottom: 1px solid #E4E7ED;
    padding: 16px 10px 0 12px;
}

.hyshdz_section .cons2::after {
    content: "";
    display: block;
    clear: both;
}

.hyshdz_section .cons2 .qh_l {
    float: left;
}

.hyshdz_section .cons2 .qh_l .list {
    float: left;
    margin-right: 24px;
    position: relative;
}

.hyshdz_section .cons2 .qh_l .list a {
    font-size: 14px;
    color: #303133;
    line-height: 28px;
    padding: 0 10px 12px 10px;
    display: block;
}

.hyshdz_section .cons2 .qh_l .list.on a,
.hyshdz_section .cons2 .qh_l .list:hover a {
    color: #007ac3;
}

.hyshdz_section .cons2 .qh_l .list.on::after,
.hyshdz_section .cons2 .qh_l .list:hover::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #007ac3;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.hyshdz_section .cons2 ._rs {
    float: right;
    padding-bottom: 6px;
}

.hyshdz_section .cons2 ._rs .words {
    font-size: 12px;
    color: #828282;
    line-height: 28px;
    float: left;
    margin-right: 12px;
}

.hyshdz_section .cons2 ._rs .but {
    width: 94px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    line-height: 28px;
    background: #007ac3;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}

.hyshdz_section .cons2 ._rs .but:hover {
    background: #104c9e;
}

@media screen and (max-width: 1024px) {
    .hyshdz_section .cons {
        padding: 12px;
    }

    .hyshdz_section .cons .words {
        padding: 0 20px;
        line-height: 120px;
    }

    .hyshdz_section .cons2 {
        padding: 12px;
        position: relative;
    }

    .hyshdz_section .cons2 ._rs .words {
        position: absolute;
        right: 12px;
        top: 12px;
    }

    .hyshdz_section .cons2 .qh_l .list {
        margin-right: 8px;
    }

    .hyshdz_section .cons2 .qh_l .list a {
        line-height: 28px;
        padding: 0 4px 8px 4px;
    }

    .hyshdz_section .cons2 ._rs {
        padding-bottom: 4px;
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .hyshdz_section .cons2 ._rs .words {
        margin-right: 6px;
    }

    .hyshdz_section .cons2 ._rs .but {
        width: 80px;
    }
}

/*脢脮禄玫碌脴脰路脕脨卤铆*/
.hyshdzlb_section {
    width: 100%;
    background: #fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.06); border-radius:4px;
}

.hyshdzlb_section .titbox {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #D2D2D2;
}

.hyshdzlb_section .titbox ._ls {
    font-size: 16px;
    color: #333333;
    line-height: 58px;
    position: relative;
    font-weight: bolder;
    padding-left: 17px;
    float: left;
}

.hyshdzlb_section .titbox ._ls::after {
    content: "";
    display: block;
    width: 5px;
    height: 15px;
    background: #007ac3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7.5px;
}

.hyshdzlb_section .titbox ._rs {
    float: right;
    padding-right: 8px;
}

.hyshdzlb_section .titbox ._rs .words {
    font-size: 12px;
    color: #777777;
    line-height: 58px;
    float: left;
    margin-right: 10px;
}

.hyshdzlb_section .titbox ._rs .but {
    width: 94px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    line-height: 28px;
    background: #007ac3;
    border-radius: 4px;
    float: left;
    margin-top: 15px;
    cursor: pointer;
}

.hyshdzlb_section .titbox ._rs .but:hover {
    background: #104c9e;
}

.hyshdzlb_section .listbox {
    width: 100%;
    padding: 16px;
}

.hyshdzlb_section .listbox .list {
    width: 100%;
    margin-bottom: 12px;
}

.hyshdzlb_section .listbox .list a {
    display: block;
    width: 100%;
    background: #f5f5f5;
    position: relative;
    padding: 14px 16px 14px 40px;
    overflow: hidden;
}

.hyshdzlb_section .listbox .list a .wordsbox {
    width: calc(100% - 80px);
    float: left;
}

.hyshdzlb_section .listbox .list a .wordsbox ._ts {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

.hyshdzlb_section .listbox .list a .wordsbox ._ts .name {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    float: left;
    margin-right: 16px;
}

.hyshdzlb_section .listbox .list a .wordsbox ._ts .num {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    float: left;
}

.hyshdzlb_section .listbox .list a .wordsbox ._bs {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
}

.hyshdzlb_section .listbox .list a .butbox {
    width: 80px;
    float: left;
    font-size: 0;
    text-align: right;
}

.hyshdzlb_section .listbox .list a .butbox .buts {
    font-size: 14px;
    color: #007ac3;
    line-height: 20px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

.hyshdzlb_section .listbox .list a .butbox .buts:last-child {
    margin-right: 0;
}

.hyshdzlb_section .listbox .list a .butbox .buts:hover {
    color: #104c9e;
}

.hyshdzlb_section .listbox .list a .posi {
    width: 43px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.hyshdzlb_section .listbox .list.on a .posi {
    display: block;
}

@media screen and (max-width: 1024px) {
    .hyshdzlb_section .titbox ._ls {
        font-size: 16px;
        color: #333333;
        position: relative;
        font-weight: bolder;
        padding-left: 17px;
    }

    .hyshdzlb_section .titbox ._ls::after {
        content: "";
        display: block;
        width: 4px;
        height: 14px;
        background: #007ac3;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
    }

    .hyshdzlb_section .listbox {
        padding: 12px;
    }

    .hyshdzlb_section .listbox .list a {
        padding: 12px 12px 12px 34px;
    }

    .hyshdzlb_section .listbox .list a .wordsbox ._ts .name {
        margin-right: 5px;
    }

    .hyshdzlb_section .listbox .list a .posi {
        width: 40px;
    }
}

/*脢脮禄玫碌脴脰路脕脨卤铆碌炉麓掳*/
.hyshdzlb_tc {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    z-index: 999;
    display: none;
    top: 0;
    justify-content: center;
    align-items: center;
}

.hyshdzlb_tc.on {
    display: flex;
}

.hyshdzlb_tc .content {
    width: 100%;
    background: #fff;
    width: 804px;
    padding: 22px;
    border-radius: 4px;
}

.hyshdzlb_tc .content .top {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.hyshdzlb_tc .content .top .tit {
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    float: left;
}

.hyshdzlb_tc .content .top img {
    width: 12px;
    display: block;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

.hyshdzlb_tc .content .listbox {
    width: 100%;
    margin-bottom: 24px;
}

.hyshdzlb_tc .content .listbox .list {
    width: 100%;
    margin-bottom: 10px;
}

.hyshdzlb_tc .content .listbox .list::after {
    content: "";
    display: block;
    clear: both;
}

.hyshdzlb_tc .content .listbox .list .left {
    width: 150px;
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    padding-right: 12px;
    text-align: right;
    float: left;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hyshdzlb_tc .content .listbox .list .left span {
    color: #ff0000;
}

.hyshdzlb_tc .content .listbox .list .right {
    width: calc(100% - 150px);
    float: left;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox {
    width: 100%;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input {
    width: 100%;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: #666666;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input:hover {
    border-color: #007ac3;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputbox input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._t {
    width: 100%;
    overflow: hidden;
    padding: 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    cursor: pointer;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._t:hover {
    border-color: #007ac3;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._t .words {
    font-size: 14px;
    color: #d3d3d3;
    line-height: 38px;
    float: left;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._t img {
    width: 11px;
    display: block;
    float: right;
    margin-top: 16px;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._b {
    display: none;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._b a {
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 36px;
    text-align: center;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox ._b a:hover {
    background: #007ac3;
    color: #fff;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox select {
    float: left;
    width: 32%;
    padding-left: 13px;
    margin-right: 2%;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: 38px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    height: 38px;
}

.hyshdzlb_tc .content .listbox .list .right .qhbox select:last-child {
    margin-right: 0;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon {
    width: 100%;
    overflow: hidden;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input {
    height: 40px;
    padding: 0 16px;
    float: left;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    font-size: 14px;
    color: #666666;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input:hover {
    border-color: #007ac3;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input::-webkit-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input:-moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input::moz-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon input:-ms-input-placeholder {
    font-size: 14px;
    color: #d3d3d3;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon .input1 {
    width: 84px;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon .input2 {
    width: calc(100% - 208px);
    margin: 0 16px;
}

.hyshdzlb_tc .content .listbox .list .right .inputcon .input3 {
    width: 92px;
}

.hyshdzlb_tc .content .listbox .list2 {
    padding-left: 150px;
    margin-top: 35px;
}

.hyshdzlb_tc .content .listbox .list2 .mrdz {
    width: 100%;
    font-size: 0;
    cursor: pointer;
}

.hyshdzlb_tc .content .listbox .list2 .mrdz .ico {
    width: 14px;
    height: 14px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.hyshdzlb_tc .content .listbox .list2 .mrdz .ico img {
    width: 100%;
    display: none;
}

.hyshdzlb_tc .content .listbox .list2 .mrdz.on .ico img {
    display: block;
}

.hyshdzlb_tc .content .listbox .list2 .mrdz .words {
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.hyshdzlb_tc .content .butbox {
    width: 100%;
    font-size: 0;
    text-align: right;
    margin-top: -50px;
}

.hyshdzlb_tc .content .butbox .but {
    width: 74px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.hyshdzlb_tc .content .butbox .but:last-child {
    margin-right: 0;
}

.hyshdzlb_tc .content .butbox .but a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 38px;
    width: 100%;
    text-align: center;
    border: 1px solid #007ac3;
    border-radius: 4px;
}

.hyshdzlb_tc .content .butbox .but a:hover {
    color: #fff;
    background: #007ac3;
}

@media screen and (max-width: 1024px) {
    .hyshdzlb_tc .content {
        width: calc(100% - 30px);
        padding: 20px;
    }

    .hyshdzlb_tc .content .top {
        margin-bottom: 20px;
    }

    .hyshdzlb_tc .content .top .tit {
        font-size: 16px;
        line-height: 20px;
    }

    .hyshdzlb_tc .content .top img {
        margin-top: 4px;
    }

    .hyshdzlb_tc .content .listbox {
        margin-bottom: 20px;
    }

    .hyshdzlb_tc .content .listbox .list {
        margin-bottom: 12px;
    }

    .hyshdzlb_tc .content .listbox .list .left {
        width: 110px;
        font-size: 14px;
        line-height: 34px;
        padding-right: 10px;
    }

    .hyshdzlb_tc .content .listbox .list .right {
        width: calc(100% - 110px);
    }

    .hyshdzlb_tc .content .listbox .list .right .inputbox input {
        height: 34px;
        padding: 0 10px;
    }

    .hyshdzlb_tc .content .listbox .list .right .qhbox ._t {
        padding: 0 10px;
    }

    .hyshdzlb_tc .content .listbox .list .right .qhbox ._t .words {
        line-height: 32px;
    }

    .hyshdzlb_tc .content .listbox .list .right .qhbox ._b a {
        font-size: 14px;
        line-height: 32px;
    }

    .hyshdzlb_tc .content .listbox .list .right .inputcon input {
        height: 34px;
        padding: 0 10px;
    }

    .hyshdzlb_tc .content .listbox .list .right .inputcon .input1 {
        width: 50px;
    }

    .hyshdzlb_tc .content .listbox .list .right .inputcon .input2 {
        width: calc(100% - 140px);
        margin: 0 10px;
    }

    .hyshdzlb_tc .content .listbox .list .right .inputcon .input3 {
        width: 70px;
    }

    .hyshdzlb_tc .content .listbox .list2 {
        padding-left: 90px;
    }

    .hyshdzlb_tc .content .butbox .but {
        width: 70px;
        margin-right: 10px;
    }

    .hyshdzlb_tc .content .butbox .but a {
        line-height: 32px;
    }
}

/*路垄脝卤脤搂脥路鹿脺脌铆碌炉麓掳*/
.hyshdz_tc {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.hyshdz_tc.on {
    display: flex;
}

.hyshdz_tc .content {
    width: 560px;
    background: #fff;
    border-radius: 3px;
    padding: 22px;
}

.hyshdz_tc .content .top {
    margin-bottom: 36px;
    width: 100%;
    overflow: hidden;
}

.hyshdz_tc .content .top .tit {
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    float: left;
}

.hyshdz_tc .content .top img {
    width: 12px;
    display: block;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

.hyshdz_tc .content .listbox {
    width: 100%;
    margin-bottom: 12px;
}

.hyshdz_tc .content .listbox .list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.hyshdz_tc .content .listbox .list:last-child {
    margin-bottom: 0;
}

.hyshdz_tc .content .listbox .list .left {
    width: 110px;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding-right: 12px;
    text-align: right;
}

.hyshdz_tc .content .listbox .list .left span {
    color: #104c9e;
}

.hyshdz_tc .content .listbox .list .right {
    width: calc(100% - 110px);
    float: left;
}

.hyshdz_tc .content .listbox .list .right input {
    width: 100%;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: #555;
}

.hyshdz_tc .content .listbox .list .right input::-webkit-input-placeholder {
    font-size: 14px;
    color: #dddddd;
}

.hyshdz_tc .content .listbox .list .right input:-moz-placeholder {
    font-size: 14px;
    color: #dddddd;
}

.hyshdz_tc .content .listbox .list .right input::moz-placeholder {
    font-size: 14px;
    color: #dddddd;
}

.hyshdz_tc .content .listbox .list .right input:-ms-input-placeholder {
    font-size: 14px;
    color: #dddddd;
}

.hyshdz_tc .content .listbox .list .right .lis {
    float: left;
    font-size: 0;
    margin-right: 30px;
    cursor: pointer;
}

.hyshdz_tc .content .listbox .list .right .lis:last-child {
    margin-right: 0;
}

.hyshdz_tc .content .listbox .list .right .lis .ico {
    width: 14px;
    height: 14px;
    border: 1px solid #DDDDDD;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.hyshdz_tc .content .listbox .list .right .lis.on .ico {
    border: 5px solid #007ac3;
}

.hyshdz_tc .content .listbox .list .right .lis .words {
    font-size: 14px;
    color: #303133;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.hyshdz_tc .content .listbox .list .right .lis.on .words {
    color: #007ac3;
}

.hyshdz_tc .content .butbox {
    width: 100%;
    font-size: 0;
    text-align: right;
}

.hyshdz_tc .content .butbox .but {
    width: 74px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.hyshdz_tc .content .butbox .but:last-child {
    margin-right: 0;
}

.hyshdz_tc .content .butbox .but a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 38px;
    width: 100%;
    text-align: center;
    border: 1px solid #007ac3;
    border-radius: 4px;
}

.hyshdz_tc .content .butbox .but a:hover {
    color: #fff;
    background: #007ac3;
}

@media screen and (max-width: 1024px) {
    .hyshdz_tc .content {
        width: calc(100% - 15px);
        padding: 12px;
    }

    .hyshdz_tc .content .top {
        margin-bottom: 20px;
    }

    .hyshdz_tc .content .top .tit {
        font-size: 16px;
        line-height: 20px;
    }

    .hyshdz_tc .content .top img {
        margin-top: 4px;
    }

    .hyshdz_tc .content .listbox {
        margin-bottom: 10px;
    }

    .hyshdz_tc .content .listbox .list {
        margin-bottom: 12px;
    }

    .hyshdz_tc .content .listbox .list .left {
        width: 100px;
        line-height: 34px;
        padding-right: 8px;
        font-size: 13px;
    }

    .hyshdz_tc .content .listbox .list .right {
        width: calc(100% - 100px);
    }

    .hyshdz_tc .content .listbox .list .right input {
        height: 34px;
        padding: 0 10px;
    }

    .hyshdz_tc .content .listbox .list .right .lis {
        margin-right: 6px;
    }

    .hyshdz_tc .content .listbox .list .right .lis .ico {
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }

    .hyshdz_tc .content .listbox .list .right .lis.on .ico {
        border: 3px solid #007ac3;
    }

    .hyshdz_tc .content .listbox .list .right .lis .words {
        line-height: 34px;
        font-size: 13px;
    }

    .hyshdz_tc .content .butbox .but {
        width: 70px;
        margin-right: 10px;
    }

    .hyshdz_tc .content .butbox .but a {
        line-height: 32px;
    }
}

/*路垄脝卤脤搂脥路鹿脺脌铆*/
.hyshdz_section .cons3 {
    width: 100%;
    padding: 32px 46px;
}

.hyshdz_section .cons3 ul {
    width: calc(100% + 80px);
    overflow: hidden;
    margin: -22px -40px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.hyshdz_section .cons3 ul li {
    width: 50%;
    float: left;
    padding: 22px 40px;
}

.hyshdz_section .cons3 ul li a {
    display: block;
    width: 100%;
}

.hyshdz_section .cons3 ul li a .tops {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.hyshdz_section .cons3 ul li a .tops .tit {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    float: left;
}

.hyshdz_section .cons3 ul li a .tops .butbox {
    float: right;
}

.hyshdz_section .cons3 ul li a .tops .butbox .but {
    font-size: 14px;
    color: #007ac3;
    line-height: 20px;
    margin-right: 12px;
    float: left;
}

.hyshdz_section .cons3 ul li a .tops .butbox .but:last-child {
    margin-right: 0;
}

.hyshdz_section .cons3 ul li a .tops .butbox .but:hover {
    color: #104c9e;
}

.hyshdz_section .cons3 ul li a .bottoms {
    font-size: 14px;
    color: #999898;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.hyshdz_section .cons3 ul li a .bottoms.on {
    height: auto;
}

.hyshdz_section .cons3 ul li a .ajbox {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 4px;
}

.hyshdz_section .cons3 ul li a .ajbox .aj {
    display: inline-block;
    font-size: 0;
}

.hyshdz_section .cons3 ul li a .ajbox .aj .words {
    font-size: 14px;
    color: #007ac3;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.hyshdz_section .cons3 ul li a .ajbox .aj img {
    width: 11px;
    display: inline-block;
    vertical-align: middle;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.hyshdz_section .cons3 ul li a .ajbox .aj.on img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (max-width: 1024px) {
    .hyshdz_section .cons3 {
        padding: 12px;
    }

    .hyshdz_section .cons3 ul {
        width: 100%;
        margin: 0;
    }

    .hyshdz_section .cons3 ul li {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }

    .hyshdz_section .cons3 ul li:last-child {
        margin-bottom: 0;
    }

    .hyshdz_section .cons3 ul li a .bottoms {
        line-height: 24px;
        height: 48px;
    }
}

/*脦脪碌脛脭陋录镁驴芒*/
.hywdykj_section {
    width: 100%;
    background: #fff;
}

.hywdykj_section .cons {
    width: 100%;
    padding: 16px 16px 0 16px;
}

.hywdykj_section .cons .top {
    width: 100%;
    background: #f5f5f5;
    padding: 10px 20px;
}

.hywdykj_section .cons .top .listbox {
    width: 100%;
    overflow: hidden;
}

.hywdykj_section .cons .top .listbox .list {
    float: left;
    font-size: 0;
}

.hywdykj_section .cons .top .listbox .list .ico {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 26px;
}

.hywdykj_section .cons .top .listbox .list .ico img {
    width: 100%;
    display: block;
}

.hywdykj_section .cons .top .listbox .list .ico img.ico2 {
    display: none;
}

.hywdykj_section .cons .top .listbox .list .ico.on img.ico1 {
    display: none;
}

.hywdykj_section .cons .top .listbox .list .ico.on img.ico2 {
    display: block;
}

.hywdykj_section .cons .top .listbox .list .words1 {
    font-size: 14px;
    color: #555555;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bolder;
}

.hywdykj_section .cons .top .listbox .list .words2 {
    font-size: 14px;
    color: #555555;
    line-height: 28px;
    font-weight: bolder;
}

.hywdykj_section .cons .top .listbox .list:nth-child(1) {
    width: 35.68%;
}

.hywdykj_section .cons .top .listbox .list:nth-child(2) {
    width: 24.51%;
    text-align: center;
    padding: 0 20px;
}

.hywdykj_section .cons .top .listbox .list:nth-child(3) {
    width: 26.68%;
    text-align: center;
    padding: 0 20px;
}

.hywdykj_section .cons .top .listbox .list:nth-child(4) {
    width: 13.13%;
    padding-left: 61px;
    text-align: center;
}

.hywdykj_section .cons .center {
    width: 100%;
}

.hywdykj_section .cons .center ul {
    width: 100%;
}

.hywdykj_section .cons .center ul li {
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    padding: 18px 20px;
}

.hywdykj_section .cons .center ul li:last-child {
    border-bottom: 0;
}

.hywdykj_section .cons .center ul li .listbox {
    width: 100%;
    overflow: hidden;
    font-size: 0;
}

.hywdykj_section .cons .center ul li .listbox .list {
    display: inline-block;
    vertical-align: middle;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 {
    width: 100%;
    overflow: hidden;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico {
    width: 14px;
    margin-right: 26px;
    float: left;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico img {
    width: 100%;
    display: block;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico img.ico2 {
    display: none;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico.on img.ico1 {
    display: none;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico.on img.ico2 {
    display: block;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .pic {
    width: 80px;
    float: left;
    border: 1px solid #E5E5E5;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .pic img {
    width: 100%;
    display: block;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .wrodsbox {
    float: left;
    width: calc(100% - 120px);
    padding-left: 20px;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .wrodsbox .tit {
    font-size: 14px;
    color: #555555;
    line-height: 18px;
    margin-bottom: 4px;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs1 .wrodsbox .info {
    font-size: 12px;
    color: #888888;
    line-height: 22px;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs2 {
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    text-align: center;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 {
    width: 100%;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but1 {
    width: 100%;
    margin-bottom: 12px;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 26px;
    text-align: center;
    border: 1px solid #007ac3;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but2 {
    width: 100%;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but2 a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    text-align: center;
}

.hywdykj_section .cons .center ul li .listbox .list .boxs3 .but2 a:hover {
    color: #007ac3;
}

.hywdykj_section .cons .center ul li .listbox .list:nth-child(1) {
    width: 35.68%;
}

.hywdykj_section .cons .center ul li .listbox .list:nth-child(2) {
    width: 24.51%;
    text-align: center;
    padding: 0 20px;
}

.hywdykj_section .cons .center ul li .listbox .list:nth-child(3) {
    width: 26.68%;
    text-align: center;
    padding: 0 20px;
}

.hywdykj_section .cons .center ul li .listbox .list:nth-child(4) {
    width: 13.13%;
    padding-left: 61px;
    text-align: center;
}

.hywdykj_section .cons .bottom {
    background: #f5f5f5;
    padding: 10px 20px;
    font-size: 0;
}

.hywdykj_section .cons .bottom .ico {
    width: 14px;
    margin-right: 26px;
    display: inline-block;
    vertical-align: middle;
}

.hywdykj_section .cons .bottom .ico img {
    width: 100%;
    display: block;
}

.hywdykj_section .cons .bottom .ico img.ico2 {
    display: none;
}

.hywdykj_section .cons .bottom .ico.on img.ico1 {
    display: none;
}

.hywdykj_section .cons .bottom .ico.on img.ico2 {
    display: block;
}

.hywdykj_section .cons .bottom a {
    font-size: 14px;
    color: #777777;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.hywdykj_section .cons .bottom span {
    font-size: 14px;
    color: #777777;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.hywdykj_section .cons .bottom a:hover {
    color: #007ac3;
}

@media screen and (max-width: 1024px) {
    .hywdykj_section .cons {
        padding: 12px 12px 0 12px;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .hywdykj_section .cons::-webkit-scrollbar {
        display: none;
    }

    .hywdykj_section .cons .top {
        padding: 8px 10px;
        width: 600px;
    }

    .hywdykj_section .cons .top .listbox .list .ico {
        margin-right: 14px;
    }

    .hywdykj_section .cons .top .listbox .list:nth-child(2) {
        padding: 0 12px;
    }

    .hywdykj_section .cons .top .listbox .list:nth-child(3) {
        padding: 0 12px;
    }

    .hywdykj_section .cons .top .listbox .list:nth-child(4) {
        padding-left: 0;
    }

    .hywdykj_section .cons .center {
        width: 600px;
    }

    .hywdykj_section .cons .center ul li {
        padding: 10px;
    }

    .hywdykj_section .cons .center ul li .listbox .list .boxs1 .ico {
        margin-right: 14px;
    }

    .hywdykj_section .cons .center ul li .listbox .list .boxs1 .wrodsbox {
        padding-left: 14px;
    }

    .hywdykj_section .cons .center ul li .listbox .list .boxs3 .but1 {
        margin-bottom: 8px;
    }

    .hywdykj_section .cons .center ul li .listbox .list:nth-child(2) {
        padding: 0 12px;
    }

    .hywdykj_section .cons .center ul li .listbox .list:nth-child(3) {
        padding: 0 12px;
    }

    .hywdykj_section .cons .center ul li .listbox .list:nth-child(4) {
        padding-left: 0;
    }

    .hywdykj_section .cons .bottom {
        padding: 10px;
        width: 600px;
    }

    .hywdykj_section .cons .bottom .ico {
        margin-right: 14px;
    }

    .hywdykj_section .paging {
        background: #fff;
    }
}

/*脦脪碌脛脧没脧垄*/
.hywdxx_section {
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border-radius: 4px;
    overflow:hidden;
}

.hywdxx_section .cons {
    padding: 14px 16px 0 16px;
}

.hywdxx_section .cons .tit1box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.hywdxx_section .cons .tit1box .left {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    float: left;
}

.hywdxx_section .cons .tit1box .right {
    float: right;
}

.hywdxx_section .cons .tit1box .right a {
    display: block;
    font-size: 0;
}

.hywdxx_section .cons .tit1box .right a .icon2 {
    display: none;
}

.hywdxx_section .cons .tit1box .right a:hover .icon2 {
    display: inline-block;
}

.hywdxx_section .cons .tit1box .right a:hover .icon1 {
    display: none;
}

.hywdxx_section .cons .tit1box .right a:hover .words {
    color: #007ac3
}

.hywdxx_section .cons .tit1box .right a img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
}

.hywdxx_section .cons .tit1box .right a .words {
    font-size: 14px;
    color: #888888;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}

.hywdxx_section .cons .tit1box .right a:hover {
    opacity: 0.6;
}

.hywdxx_section .cons .top {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
    padding: 0 20px;
}

.hywdxx_section .cons .top .list {
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    float: left;
    font-weight: bolder;
}

.hywdxx_section .cons .top .list:nth-child(1) {
    width: 57.91%;
}

.hywdxx_section .cons .top .list:nth-child(2) {
    width: 33.4%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.hywdxx_section .cons .top .list:nth-child(3) {
    width: 8.69%;
    text-align: center;
}

.hywdxx_section .cons ul {
    width: 100%;
}

.hywdxx_section .cons ul li {
    width: 100%;
    overflow: hidden;
    padding: 12px 20px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}

.hywdxx_section .cons ul li .list {
    font-size: 14px;
    color: #555555;
    line-height: 24px;
    float: left;
}

.hywdxx_section .cons ul li .list:nth-child(1) {
    width: 57.91%;
}

.hywdxx_section .cons ul li:hover .list:nth-child(1) {
    color: #007ac3;
}

.hywdxx_section .cons ul li .list:nth-child(2) {
    width: 33.4%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.hywdxx_section .cons ul li .list:nth-child(3) {
    width: 8.69%;
    text-align: center;
}

.hywdxx_section .cons ul li.l2 .list {
    color: #aaaaaa;
}

@media screen and (max-width: 1024px) {
    .hywdxx_section .cons {
        padding: 14px 16px 0 16px;
    }

    .hywdxx_section .cons .tit1box {
        margin-bottom: 14px;
    }

    /*.hywdxx_section .cons .bbox{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.hywdxx_section .cons .bbox::-webkit-scrollbar{ display: none;}*/
    .hywdxx_section .cons .top {
        padding: 0 12px;
        display: none;
        /*width: 500px;*/
    }

    .hywdxx_section .cons .top .list {
        line-height: 34px;
    }

    .hywdxx_section .cons .top .list:nth-child(2) {
        padding-left: 12px;
        padding-right: 12px;
        width: 30%;
    }

    .hywdxx_section .cons .top .list:nth-child(1) {
        width: 50%;
    }

    .hywdxx_section .cons .top .list:nth-child(3) {
        width: 20%;
        text-align: center;
    }

    .hywdxx_section .cons ul {
        /*width: 500px;*/
    }

    .hywdxx_section .cons ul li {
        padding: 8px 12px;
    }

    .hywdxx_section .cons ul li .list {
        line-height: 18px;
    }

    .hywdxx_section .cons ul li .list:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        padding-right: 12px;
        text-align: left;
    }

    .hywdxx_section .cons ul li .list:nth-child(1) {
        width: 100%;
        margin-bottom: 12px;
    }

    .hywdxx_section .cons ul li .list:nth-child(3) {
        width: 50%;
        padding-left: 12px;
        text-align: left;
    }

    .hywdxx_section .paging {
        background: #fff;
    }
}

/*脜煤脕驴虏茅脩炉*/
.hyplxj_section {
    width: 100%;
    background: #fff;
}

.hyplxj_section .cons {
    width: 100%;
    padding: 16px 16px 0 16px;
}

.hyplxj_section .cons .top {
    width: 100%;
    margin-bottom: 18px;
    overflow: hidden;
}

.hyplxj_section .cons .top .list {
    float: left;
    margin-right: 48px;
}

.hyplxj_section .cons .top .list:last-child {
    margin-right: 0;
}

.hyplxj_section .cons .top .list a {
    display: block;
    font-size: 14px;
    color: #333333;
    padding: 0 4px;
    line-height: 20px;
    padding-bottom: 8px;
    position: relative;
}

.hyplxj_section .cons .top .list.on a,
.hyplxj_section .cons .top .list:hover a {
    color: #007ac3;
}

.hyplxj_section .cons .top .list a::after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    background: #007ac3;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.hyplxj_section .cons .top .list.on a::after,
.hyplxj_section .cons .top .list:hover a::after {
    width: 100%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.hyplxj_section .cons .bottom {
    width: 100%;
}

.hyplxj_section .cons .bottom ._t {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.hyplxj_section .cons .bottom ._t .list {
    float: left;
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    font-weight: bolder;
    text-align: center;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(1) {
    width: 14.86%;
    text-align: left;
    padding-left: 20px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(2) {
    width: 10.29%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(3) {
    width: 12.26%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(4) {
    width: 11.85%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(5) {
    width: 15.17%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(6) {
    width: 14.55%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(7) {
    width: 10.7%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._t .list:nth-child(8) {
    width: 10.32%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b {
    width: 100%;
}

.hyplxj_section .cons .bottom ._b ul {
    width: 100%;
}

.hyplxj_section .cons .bottom ._b ul li {
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
    padding-top: 14px;
    padding-bottom: 14px;
}

.hyplxj_section .cons .bottom ._b ul li .list {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs1 {
    font-size: 14px;
    color: #555555;
    line-height: 62px;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs2 {
    font-size: 14px;
    color: #ff0000;
    line-height: 62px;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs3 {
    font-size: 14px;
    color: #007ac3;
    line-height: 62px;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but1 {
    width: 56px;
    margin: 0 auto 8px auto;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 26px;
    border: 1px solid #007ac3;
    text-align: center;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but2 {
    width: 56px;
    margin: 0 auto;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but2 a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 26px;
    text-align: center;
}

.hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but2 a:hover {
    color: #007ac3;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(1) {
    width: 14.86%;
    text-align: left;
    padding-left: 20px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(2) {
    width: 10.29%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(3) {
    width: 12.26%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(4) {
    width: 11.85%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(5) {
    width: 15.17%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(6) {
    width: 14.55%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(7) {
    width: 10.7%;
    padding: 0 5px;
}

.hyplxj_section .cons .bottom ._b ul li .list:nth-child(8) {
    width: 10.32%;
    padding: 0 5px;
}

@media screen and (max-width: 1024px) {
    .hyplxj_section .cons {
        padding: 12px 12px 0 12px;
    }

    .hyplxj_section .cons .top {
        margin-bottom: 12px;
    }

    .hyplxj_section .cons .top .list {
        margin-right: 10px;
    }

    .hyplxj_section .cons .bottom {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .hyplxj_section .cons .bottom::-webkit-scrollbar {
        display: none;
    }

    .hyplxj_section .cons .bottom ._t {
        width: 700px;
    }

    .hyplxj_section .cons .bottom ._t .list {
        line-height: 36px;
    }

    .hyplxj_section .cons .bottom ._t .list:nth-child(1) {
        padding-left: 12px;
    }

    .hyplxj_section .cons .bottom ._b {
        width: 700px;
    }

    .hyplxj_section .cons .bottom ._b ul li {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs1 {
        line-height: 52px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs2 {
        line-height: 52px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs3 {
        line-height: 52px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but1 {
        width: 50px;
        margin: 0 auto 4px auto;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but1 a {
        line-height: 24px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but2 {
        width: 50px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list .boxs4 .but2 a {
        line-height: 24px;
    }

    .hyplxj_section .cons .bottom ._b ul li .list:nth-child(1) {
        padding-left: 12px;
    }

    .hyplxj_section .paging {
        background: #fff;
    }
}

/*脙芒路脩脩霉脝路*/
.hymfyp_section {
    width: 100%;
    background: #fff;
}

.hymfyp_section .cons {
    width: 100%;
    padding: 16px 16px 0 16px;
}

.hymfyp_section .cons .top {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.hymfyp_section .cons .top .list {
    float: left;
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    font-weight: bolder;
    text-align: center;
}

.hymfyp_section .cons .top .list:nth-child(1) {
    width: 17.56%;
    text-align: left;
    padding-left: 20px;
}

.hymfyp_section .cons .top .list:nth-child(2) {
    width: 18.91%;
    padding: 0 10px;
}

.hymfyp_section .cons .top .list:nth-child(3) {
    width: 24.11%;
    padding: 0 10px;
}

.hymfyp_section .cons .top .list:nth-child(4) {
    width: 24.42%;
    padding: 0 10px;
}

.hymfyp_section .cons .top .list:nth-child(5) {
    width: 15%;
    text-align: left;
    padding-left: 60px;
}

.hymfyp_section .cons .bottom {
    width: 100%;
}

.hymfyp_section .cons .bottom li {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
}

.hymfyp_section .cons .bottom li .list {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.hymfyp_section .cons .bottom li .list .boxs1 {
    font-size: 14px;
    color: #555555;
    line-height: 60px;
}

.hymfyp_section .cons .bottom li .list .boxs2 {
    font-size: 14px;
    color: #007ac3;
    line-height: 60px;
}

.hymfyp_section .cons .bottom li .list .boxs3 {
    font-size: 14px;
    color: #ff0000;
    line-height: 60px;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but1 {
    width: 56px;
    margin-bottom: 10px;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 26px;
    border: 1px solid #007ac3;
    text-align: center;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but2 {
    width: 56px;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but2 a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    text-align: center;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but2 a:hover {
    color: #007ac3;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but3 {
    width: 56px;
    margin-bottom: 10px;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but3 a {
    display: block;
    font-size: 14px;
    color: #ff0000;
    line-height: 26px;
    border: 1px solid #ff0000;
    text-align: center;
}

.hymfyp_section .cons .bottom li .list .boxs4 .but3 a:hover {
    background: #ff0000;
    color: #fff;
}

.hymfyp_section .cons .bottom li .list:nth-child(1) {
    width: 17.56%;
    text-align: left;
    padding-left: 20px;
}

.hymfyp_section .cons .bottom li .list:nth-child(2) {
    width: 18.91%;
    padding: 0 10px;
}

.hymfyp_section .cons .bottom li .list:nth-child(3) {
    width: 24.11%;
    padding: 0 10px;
}

.hymfyp_section .cons .bottom li .list:nth-child(4) {
    width: 24.42%;
    padding: 0 10px;
}

.hymfyp_section .cons .bottom li .list:nth-child(5) {
    width: 15%;
    text-align: left;
    padding-left: 60px;
}

@media screen and (max-width: 1200px) {
    .hymfyp_section .cons .top .list:nth-child(5) {
        padding-left: 20px;
    }

    .hymfyp_section .cons .bottom li .list:nth-child(5) {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .hymfyp_section .cons {
        padding: 12px 12px 0 12px;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .hymfyp_section .cons::-webkit-scrollbar {
        display: none;
    }

    .hymfyp_section .cons .top {
        width: 500px;
    }

    .hymfyp_section .cons .top .list {
        line-height: 36px;
    }

    .hymfyp_section .cons .top .list:nth-child(1) {
        padding-left: 12px;
    }

    .hymfyp_section .cons .top .list:nth-child(5) {
        padding-left: 12px;
    }

    .hymfyp_section .cons .bottom {
        width: 500px;
    }

    .hymfyp_section .cons .bottom li {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hymfyp_section .cons .bottom li .list .boxs1 {
        line-height: 52px;
    }

    .hymfyp_section .cons .bottom li .list .boxs2 {
        line-height: 52px;
    }

    .hymfyp_section .cons .bottom li .list .boxs3 {
        line-height: 52px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but1 {
        width: 50px;
        margin-bottom: 4px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but1 a {
        line-height: 24px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but2 {
        width: 50px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but2 a {
        line-height: 24px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but3 {
        width: 50px;
        margin-bottom: 4px;
    }

    .hymfyp_section .cons .bottom li .list .boxs4 .but3 a {
        line-height: 24px;
    }

    .hymfyp_section .cons .bottom li .list:nth-child(1) {
        padding-left: 12px;
    }

    .hymfyp_section .cons .bottom li .list:nth-child(5) {
        padding-left: 12px;
    }

    .hymfyp_section .paging {
        background: #fff;
    }
}



/*.hywddd_section .cons {
    width: 100%;
    padding: 10px 16px 0 16px;
}

.hywddd_section .cons .top {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.hywddd_section .cons .top .qhbox {
    float: left;
}*/

/*.hywddd_section .cons .top .qhbox .list {
    float: left;
    margin-right: 30px;
}

.hywddd_section .cons .top .qhbox .list:last-child {
    margin-right: 0;
}

.hywddd_section .cons .top .qhbox .list a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    padding: 0 2px 6px 2px;
    position: relative;
}

.hywddd_section .cons .top .qhbox .list:hover a,
.hywddd_section .cons .top .qhbox .list.on a {
    color: #007ac3;
}

.hywddd_section .cons .top .qhbox .list a::after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    background: #007ac3;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.hywddd_section .cons .top .qhbox .list.on a::after,
.hywddd_section .cons .top .qhbox .list:hover a::after {
    width: 100%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}*/

/*.hywddd_section .cons .top .inputbox {
    float: right;
    width: 354px;
}*/

/*.hywddd_section .cons .top .inputbox input {
    width: 278px;
    height: 36px;
    display: block;
    padding: 0 12px;
    font-size: 14px;
    color: #333;
    border: 1px solid #D8D8D8;
    border-right: 0;
    float: left;
}

.hywddd_section .cons .top .inputbox input:focus {
    border: 1px solid #007ac3;
}

.hywddd_section .cons .top .inputbox input::-webkit-input-placeholder {
    font-size: 14px;
    color: #cdcdcd;
}

.hywddd_section .cons .top .inputbox input:-moz-placeholder {
    font-size: 14px;
    color: #cdcdcd;
}

.hywddd_section .cons .top .inputbox input::moz-placeholder {
    font-size: 14px;
    color: #cdcdcd;
}

.hywddd_section .cons .top .inputbox input:-ms-input-placeholder {
    font-size: 14px;
    color: #cdcdcd;
}*/

/*.hywddd_section .cons .top .inputbox .but {
    width: calc(100% - 278px);
    float: left;
    font-size: 0;
    text-align: center;
    background: #007ac3;
}

.hywddd_section .cons .top .inputbox .but img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.hywddd_section .cons .top .inputbox .but .words {
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
}*/

/*.hywddd_section .cons .bottom {
    width: 100%;
}

.hywddd_section .cons .bottom ._t {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.hywddd_section .cons .bottom ._t .list {
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    float: left;
    font-weight: bolder;
    text-align: center;
}

.hywddd_section .cons .bottom ._t .list:nth-child(1) {
    width: 35.94%;
    text-align: left;
    padding-left: 142px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(2) {
    width: 8%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(3) {
    width: 11.64%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(4) {
    width: 7.47%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(5) {
    width: 11.07%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(6) {
    width: 12.7%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._t .list:nth-child(7) {
    width: 13%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b {
    width: 100%;
    float: left;
}

.hywddd_section .cons .bottom ._b li {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
}

.hywddd_section .cons .bottom ._b li.cancellation .pic:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    opacity: 0.6;
}

.hywddd_section .cons .bottom ._b li.cancellation .tit,
.hywddd_section .cons .bottom ._b li.cancellation .info,
.hywddd_section .cons .bottom ._b li.cancellation .boxs2,
.hywddd_section .cons .bottom ._b li.cancellation .boxs3 {
    color: #aaa !important;
}*/

/*.hywddd_section .cons .bottom ._b li.cancellation .boxs4 .but1 a {
    color: #aaa !important;
    border: 1px solid #aaa !important;
    background: transparent !important;
}*/

/*.hywddd_section .cons .bottom ._b li.cancellation .boxs4 .but2 a p {
    color: #aaa !important;
}

.hywddd_section .cons .bottom ._b li .list_line {
    margin-top: 5px;
}

.hywddd_section .cons .bottom ._b li .list_line:first-child {
    margin-top: 0px;
}

.hywddd_section .cons .bottom ._b li .list {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 {
    width: 100%;
    font-size: 0;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 .pic {
    width: 110px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #E5E5E5;
    height: 83px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 .pic img {
    max-width: 60%;
    display: block;
    margin: 0 auto;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 .wordsbox {
    width: calc(100% - 112px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 .wordsbox .tit {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 4px;
    margin-top: 5px;
}

.hywddd_section .cons .bottom ._b li .list .boxs1 .wordsbox .info {
    font-size: 12px;
    color: #888888;
    line-height: 18px;
}

.hywddd_section .cons .bottom ._b li .list .boxs1:hover .wordsbox .tit,
.hywddd_section .cons .bottom ._b li .list .boxs1:hover .wordsbox .info {
    color: #007ac3;
}

.hywddd_section .cons .bottom ._b li .list .boxs2 {
    font-size: 14px;
    color: #333333;
    line-height: 58px;
    white-space: nowrap;
}

.hywddd_section .cons .bottom ._b li .list .boxs2.boxs22 {
    color: #007ac3
}

.hywddd_section .cons .bottom ._b li .list .boxs3 {
    font-size: 14px;
    color: #007ac3;
    line-height: 58px;
    white-space: nowrap;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 {
    width: 95px;
    margin: 0 auto 10px auto;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 28px;
    border: 1px solid #007ac3;
    text-align: center;
    display: flex;
    height: 28px;
    width: 94px;
    align-items: center;
    justify-content: center;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a img {
    max-width: 15px;
    margin-right: 3px;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a p {
    font-size: 14px;
    line-height: 20px;
    transition: 0s !important;
    -webkit-transition: all 0s linear !important;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a .icon2 {
    display: none
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a:hover .icon2 {
    display: inline;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a:hover .icon1 {
    display: none;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 {
    width: 56px;
    margin: 0 auto;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a {
    display: flex;
    font-size: 14px;
    color: #555555;
    line-height: 18px;
    text-align: center;
    align-items: flex-start;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a img {
    width: 15px;
    margin-right: 3px
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a .icon2 {
    display: none;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2:hover .icon2 {
    display: block;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2:hover .icon1 {
    display: none;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a p {
    font-size: 14px;
}

.hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a:hover {
    color: #007ac3;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(1) {
    width: 35.94%;
    text-align: left;
    padding-left: 16px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(2) {
    width: 8%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(3) {
    width: 11.64%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(4) {
    width: 7.47%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(5) {
    width: 11.07%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(6) {
    width: 12.7%;
    padding: 0 5px;
}

.hywddd_section .cons .bottom ._b li .list:nth-child(7) {
    width: 13%;
    padding: 0 5px;
}*/

@media screen and (max-width: 1024px) {
    /*.hywddd_section .cons {
        padding: 12px 12px 0 12px;
    }

    .hywddd_section .cons .top .qhbox {
        width: 100%;
        margin-bottom: 12px;
    }*/

    /*.hywddd_section .cons .top .qhbox .list {
        margin-right: 0;
        width: 25%;
    }

    .hywddd_section .cons .top .qhbox .list a {
        text-align: center;
    }

    .hywddd_section .cons .top .qhbox .list.on a::after,
    .hywddd_section .cons .top .qhbox .list:hover a::after {
        width: 60px;
    }*/

    /*.hywddd_section .cons .top .inputbox {
        width: 100%;
    }*/

    /*.hywddd_section .cons .top .inputbox input {
        width: 240px;
    }*/

    /*.hywddd_section .cons .top .inputbox .but {
        width: calc(100% - 240px);
    }*/

    /*.hywddd_section .cons .bottom {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .hywddd_section .cons .bottom::-webkit-scrollbar {
        display: none;
    }

    .hywddd_section .cons .bottom ._t {
        width: 1200px;
    }

    .hywddd_section .cons .bottom ._t .list {
        line-height: 36px;
    }

    .hywddd_section .cons .bottom ._t .list:nth-child(1) {
        padding-left: 72px;
    }*/

    /* .hywddd_section .cons .bottom ._b {
        width: 1200px;
    } */

    /*.hywddd_section .cons .bottom ._b li {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .hywddd_section .cons .bottom ._t {
        display: none;
    }*/

    /* .hywddd_section .cons .bottom ._b li .list .boxs1 .pic {
        width: 50px;
    } */

    /*.hywddd_section .cons .bottom ._b li .list .boxs1 .wordsbox {
        width: calc(100% - 52px);
        padding-left: 10px;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs2 {
        line-height: 52px;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs3 {
        line-height: 52px;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs4 .but1 {
        margin:0;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs4 .but1 a {
        line-height: 24px;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs4 .but2 {
        width: 50px;
    }

    .hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a {
        line-height: 24px;
    }

    .hywddd_section .cons .bottom ._b li .list:nth-child(1) {
        text-align: left;
        padding-left: 12px;
    }

    .hywddd_section .paging {
        background: #fff;
    }*/
}

/*脦脪碌脛脦脢麓冒*/
.hywdwd_section {
    width: 100%;
    background: #fff;
}

.hywdwd_section .titbox {
    width: 100%;
    border-bottom: 1px solid #D2D2D2;
}

.hywdwd_section .titbox::after {
    content: "";
    display: block;
    clear: both;
}

.hywdwd_section .titbox .left {
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    position: relative;
    font-weight: bolder;
    padding-left: 17px;
}

.hywdwd_section .titbox .left::after {
    content: "";
    display: block;
    width: 5px;
    height: 15px;
    background: #007ac3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7.5px;
}

.hywdwd_section .titbox .right {
    float: right;
    padding-right: 17px;
}

.hywdwd_section .titbox .right .lis {
    float: left;
    margin-right: 52px;
}

.hywdwd_section .titbox .right .lis:last-child {
    margin-right: 0;
}

.hywdwd_section .titbox .right .lis a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    position: relative;
}

.hywdwd_section .titbox .right .lis:hover a,
.hywdwd_section .titbox .right .lis.on a {
    color: #007ac3;
}

.hywdwd_section .titbox .right .lis a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #007ac3;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.hywdwd_section .titbox .right .lis.on a::after,
.hywdwd_section .titbox .right .lis:hover a::after {
    width: 100%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.hywdwd_section .cons {
    width: 100%;
    padding: 16px 16px 0 16px;
}

.hywdwd_section .cons .top {
    width: 100%;
    background: #f5f5f5;
}

.hywdwd_section .cons .top .listbox {
    width: 100%;
    overflow: hidden;
}

.hywdwd_section .cons .top .listbox .list {
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    font-weight: bolder;
    float: left;
}

.hywdwd_section .cons .top .listbox .list:nth-child(1) {
    width: 66.2%;
    padding-left: 22px;
}

.hywdwd_section .cons .top .listbox .list:nth-child(2) {
    width: 21.6%;
    padding: 0 10px;
    text-align: center;
}

.hywdwd_section .cons .top .listbox .list:nth-child(3) {
    width: 12.2%;
    padding-left: 50px;
    padding-right: 10px;
    text-align: center;
}

.hywdwd_section .cons .bottom {
    width: 100%;
}

.hywdwd_section .cons .bottom li {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.hywdwd_section .cons .bottom li::after {
    content: "";
    display: block;
    clear: both;
}

.hywdwd_section .cons .bottom li .list {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

.hywdwd_section .cons .bottom li .list a {
    color: #333;
}

.hywdwd_section .cons .bottom li:hover .list:first-child {
    color: #007ac3;
}

.hywdwd_section .cons .bottom li .list a:hover {
    color: #007ac3;
}

.hywdwd_section .cons .bottom li .list:nth-child(1) {
    width: 66.2%;
    padding-left: 22px;
}

.hywdwd_section .cons .bottom li .list:nth-child(1) a {
    display: block;
}

.hywdwd_section .cons .bottom li .list:nth-child(2) {
    width: 21.6%;
    padding: 0 10px;
    text-align: center;
}

.hywdwd_section .cons .bottom li .list:nth-child(3) {
    width: 12.2%;
    padding-left: 50px;
    padding-right: 10px;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .hywdwd_section .cons .top .listbox .list:nth-child(3) {
        padding-left: 20px;
    }

    .hywdwd_section .cons .bottom li .list:nth-child(3) {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .hywdwd_section .titbox .left {
        font-size: 16px;
        color: #333333;
        line-height: 40px;
        position: relative;
        font-weight: bolder;
        padding-left: 17px;
    }

    .hywdwd_section .titbox .left::after {
        content: "";
        display: block;
        width: 4px;
        height: 14px;
        background: #007ac3;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -7px;
    }

    .hywdwd_section .titbox .right .lis {
        margin-right: 12px;
    }

    /*.hywdwd_section .cons{padding: 12px 12px 0 12px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.hywdwd_section .cons::-webkit-scrollbar{ display: none;}*/
    .hywdwd_section .cons .top {
        /*width: 700px;*/
        display: none;
    }

    .hywdwd_section .cons .top .listbox .list {
        line-height: 36px;
    }

    .hywdwd_section .cons .top .listbox .list:nth-child(1) {
        padding-left: 12px;
    }

    .hywdwd_section .cons .top .listbox .list:nth-child(3) {
        padding-left: 0;
    }

    .hywdwd_section .cons .bottom {
        /*width: 700px;*/
    }

    .hywdwd_section .cons .bottom li .list {
        line-height: 18px;
    }

    .hywdwd_section .cons .bottom li .list:nth-child(1) {
        padding-left: 0;
        width: 100%;
        margin-bottom: 12px;
    }

    .hywdwd_section .cons .bottom li .list:nth-child(2) {
        width: 50%;
        padding: 0 0;
        text-align: left;
        padding-right: 12px;
    }

    .hywdwd_section .cons .bottom li .list:nth-child(3) {
        padding-left: 0;
        padding-right: 0;
        padding-left: 12px;
        width: 50%;
        text-align: right;
    }

    .hywdwd_section .paging {
        background: #fff;
    }
}

/*脧脰禄玫鹿潞脗貌*/
.hyxhgm_section {
    width: 100%;
    background: #fff;
}

.hyxhgm_section .qhbox {
    width: 100%;
    padding: 14px 16px 18px 16px;
    overflow: hidden;
}

.hyxhgm_section .qhbox .list {
    margin-right: 50px;
    float: left;
}

.hyxhgm_section .qhbox .list:last-child {
    margin-right: 0;
}

.hyxhgm_section .qhbox .list a {
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    position: relative;
    padding-bottom: 10px;
}

.hyxhgm_section .qhbox .list.on a,
.hyxhgm_section .qhbox .list:hover a {
    color: #007ac3;
}

.hyxhgm_section .qhbox .list a::after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    background: #007ac3;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.hyxhgm_section .qhbox .list.on a::after,
.hyxhgm_section .qhbox .list:hover a::after {
    width: 100%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.hyxhgm_section .cons {
    width: 100%;
    padding: 0 16px;
}

.hyxhgm_section .cons .top {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.hyxhgm_section .cons .top .list {
    font-size: 14px;
    color: #555555;
    line-height: 48px;
    float: left;
    font-weight: bolder;
    text-align: center;
}

.hyxhgm_section .cons .top .list:nth-child(1) {
    width: 26.5%;
    text-align: left;
    padding-left: 103px;
}

.hyxhgm_section .cons .top .list:nth-child(2) {
    width: 12.26%;
    padding: 0 6px;
}

.hyxhgm_section .cons .top .list:nth-child(3) {
    width: 14.76%;
    padding: 0 6px;
}

.hyxhgm_section .cons .top .list:nth-child(4) {
    width: 17.98%;
    padding: 0 6px;
}

.hyxhgm_section .cons .top .list:nth-child(5) {
    width: 14.34%;
    padding: 0 6px;
}

.hyxhgm_section .cons .top .list:nth-child(6) {
    width: 14.16%;
    padding: 0 10px 0 34px;
}

.hyxhgm_section .cons .bottom {
    width: 100%;
}

.hyxhgm_section .cons .bottom li {
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 0;
}

.hyxhgm_section .cons .bottom li .list {
    display: inline-block;
    vertical-align: middle;
}

.hyxhgm_section .cons .bottom li .list:nth-child(1) {
    width: 26.5%;
    text-align: left;
    padding-left: 17px;
}

.hyxhgm_section .cons .bottom li .list:nth-child(2) {
    width: 12.26%;
    padding: 0 6px;
}

.hyxhgm_section .cons .bottom li .list:nth-child(3) {
    width: 14.76%;
    padding: 0 6px;
}

.hyxhgm_section .cons .bottom li .list:nth-child(4) {
    width: 17.98%;
    padding: 0 6px;
}

.hyxhgm_section .cons .bottom li .list:nth-child(5) {
    width: 14.34%;
    padding: 0 6px;
}

.hyxhgm_section .cons .bottom li .list:nth-child(6) {
    width: 14.16%;
    padding: 0 10px 0 34px;
}

.hyxhgm_section .cons .bottom li .list .boxs1 {
    width: 100%;
    font-size: 0;
}

.hyxhgm_section .cons .bottom li .list .boxs1 .pic {
    width: 68px;
    border: 1px solid #E5E5E5;
    display: inline-block;
    vertical-align: middle;
}

.hyxhgm_section .cons .bottom li .list .boxs1 .pic img {
    width: 100%;
    display: block;
}

.hyxhgm_section .cons .bottom li .list .boxs1 .wordsbox {
    width: calc(100% - 68px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
}

.hyxhgm_section .cons .bottom li .list .boxs1 .wordsbox .words1 {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 2px;
}

.hyxhgm_section .cons .bottom li .list .boxs1:hover .wordsbox .words1 {
    color: #007ac3;
}

.hyxhgm_section .cons .bottom li .list .boxs1 .wordsbox .words2 {
    font-size: 12px;
    color: #888888;
    line-height: 16px;
}

.hyxhgm_section .cons .bottom li .list .boxs1:hover .wordsbox .words2 {
    color: #007ac3;
}

.hyxhgm_section .cons .bottom li .list .boxs2 {
    font-size: 14px;
    color: #333333;
    line-height: 68px;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs3 {
    font-size: 14px;
    color: #ff0500;
    line-height: 68px;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs5 {
    font-size: 14px;
    color: #007ac3;
    line-height: 68px;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs6 {
    font-size: 14px;
    color: #333333;
    line-height: 68px;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but1 {
    width: 56px;
    margin: 0 auto 8px auto;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 26px;
    border: 1px solid #007ac3;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but2 {
    width: 56px;
    margin: 0 auto;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but2 a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 26px;
    text-align: center;
}

.hyxhgm_section .cons .bottom li .list .boxs7 .but2 a:hover {
    color: #007ac3;
}

@media screen and (max-width: 1024px) {
    .hyxhgm_section .qhbox {
        padding: 12px;
    }

    .hyxhgm_section .qhbox .list {
        margin-right: 12px;
    }

    .hyxhgm_section .qhbox .list a {
        padding-bottom: 8px;
    }

    .hyxhgm_section .cons {
        padding: 0 12px;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .hyxhgm_section .cons::-webkit-scrollbar {
        display: none;
    }

    .hyxhgm_section .cons .top {
        width: 700px;
    }

    .hyxhgm_section .cons .top .list {
        line-height: 36px;
    }

    .hyxhgm_section .cons .top .list:nth-child(1) {
        padding-left: 72px;
    }

    .hyxhgm_section .cons .top .list:nth-child(6) {
        padding: 0 10px;
    }

    .hyxhgm_section .cons .bottom {
        width: 700px;
    }

    .hyxhgm_section .cons .bottom li {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .hyxhgm_section .cons .bottom li .list:nth-child(1) {
        padding-left: 12px;
    }

    .hyxhgm_section .cons .bottom li .list:nth-child(6) {
        padding: 0 10px;
    }

    .hyxhgm_section .cons .bottom li .list .boxs1 .pic {
        width: 50px;
    }

    .hyxhgm_section .cons .bottom li .list .boxs1 .wordsbox {
        width: calc(100% - 50px);
        padding-left: 10px;
    }

    .hyxhgm_section .cons .bottom li .list .boxs7 .but1 {
        width: 50px;
        margin: 0 auto 4px auto;
    }

    .hyxhgm_section .cons .bottom li .list .boxs7 .but1 a {
        line-height: 24px;
    }

    .hyxhgm_section .cons .bottom li .list .boxs7 .but2 {
        width: 50px;
    }

    .hyxhgm_section .cons .bottom li .list .boxs7 .but2 a {
        line-height: 24px;
    }

    .hyxhgm_section .paging {
        background: #fff;
    }
}

.loginbox {
    float: left;
}

.top_cart {
    display: none;
}

.shopBox1 .boxs3 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}

.shopBox1 .boxs3 li {
    float: left;
    width: 100%;
    margin-top: 12px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.shopBox1 .boxs3 li:last-child {
    margin-bottom: 0;
}

.shopBox1 .boxs3 li .left {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

.shopBox1 .boxs3 li .left span {
    color: #777;
}

.shopBox1 .boxs3 li.on {
    border: 1px solid #007ac3;
    color: #007ac3;
}

.shopBox1 .boxs3 li.on .left {
    color: #007ac3;
    padding: 0 10px;
}

.shopBox1 .boxs3 li.on .left span {
    color: #007ac3;
}

.shopBox1 .cons3 ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.shopBox1 .cons3 ul li {
    width: 31.33%;
    float: left;
    margin: 0 1% 1% 0%;
}

.shopBox1 .cons3 ul li a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #d3d3d3;
}

.shopBox1 .cons3 ul li a .tops {
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}

.shopBox1 .cons3 ul li a .bottoms {
    font-size: 14px;
    color: #999898;
    line-height: 30px;
    overflow: hidden;
}

.shopBox1 .cons3 ul li a .bottoms.on {
    height: auto;
}

.shopBox1 .cons3 ul li.on a {
    border: 1px solid #007ac3;
}

.shopBox1 .list2.kaipiaobox {
    align-items: initial;
}

@media screen and (max-width: 1024px) {
    .shopBox1 .cons3 {
        width: 100%;
    }

    .shopBox1 .cons3 ul {
        width: 100%;
        margin: 0;
    }

    .shopBox1 .cons3 ul li {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }

    .shopBox1 .cons3 ul li:last-child {
        margin-bottom: 0;
    }

    .shopBox1 .cons3 ul li a .bottoms {
        line-height: 24px;
    }
}

.addressBox .text1 {
    float: left;
    width: 100%;
    color: #999999;
    font-size: 12px;
    line-height: 24px;
    padding: 10px 4px;
}

/*20221205start*/
.shopTit2 {
    float: left;
    width: 100%;
    background: #fff;
    margin: 9px 0 5px 0;
    padding: 10px 17px;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.shopTit2 .left {
    float: left;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

.shopTit2 .left span {
    font-size: 14px;
    color: #007ac3;
    font-weight: normal;
    margin-left: 10px;
}

.shopTit2 .right {
    float: right;
}

._payment {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

._payment .box {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
    color: #555555;
    font-size: 16px;
    line-height: 32px;
    background: #fff;
}

._payment .box .p {
    float: left;
    width: 100%;
}

._payment .box .tit {
    color: #007ac3;
    margin-bottom: 6px;
}

._payment .box .title {
    float: left;
    width: 100%;
    color: #007ac3;
    font-size: 18px;
    line-height: 28px;
    background: #e3f0ff;
    padding: 9px 17px;
}

._payment .box .title .right {
    float: right;
    color: #333333;
    font-size: 16px;
}

._payment .box .title .right span {
    font-size: 18px;
    color: #ff0500;
}

._payment .box .cont {
    float: left;
    width: 100%;
    padding: 16px 17px 18px 17px;
    border-top: 1px solid #e5e5e5;
}

._payment .box .bg {
    background: #e3f0ff;
    padding: 17px 25px;
    margin-top: 9px;
}

._payment .box .fileA {
    float: left;
    width: 100%;
    margin: 20px 0 2px 0;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
}

._payment .box .fileA .file {
    float: left;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    background: #007ac3;
    width: 170px;
    margin-right: 12px;
}

._payment .box .fileA .file:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

._payment .box .fileA .file input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

._payment .box .fileA .r {
    float: left;
    margin-top: 12px;
}

._payment .fangshi {
    float: left;
    width: 100%;
    padding: 10px 17px;
    border-top: 1px solid #e5e5e5;
}

._payment .fangshi ul {
    margin: 0 -9px;
}

._payment .fangshi li {
    float: left;
    width: 190px;
    border: 1px solid #e5e5e5;
    line-height: 0;
    position: relative;
    margin: 6px 9px;
}

._payment .fangshi li:after {
    float: left;
    width: 22px;
    height: 22px;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    background: url(../_im_g/ico43.png) center no-repeat;
}

._payment .fangshi li.on {
    border: 1px solid #007ac3;
}

._payment .fangshi li.on:after {
    opacity: 1;
}

._payment .box .cont1 {
    float: left;
    width: 100%;
    padding: 12px 17px 15px 17px;
}

._payment .box .title-1 {
    font-weight: bold;
    font-size: 16px;
}

._payment .box .title-1 .right {
    font-weight: normal;
}

._payment .box .title-1 .s {
    float: left;
    margin-right: 65px;
}

._payment .box .title-1 .s:last-child {
    margin-right: 0 !important;
}

._payment .Tool {
    float: left;
    width: 100%;
    background: #007ac3;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding: 11px 17px;
    margin-top: -1px;
}

._payment .Tool .left {
    float: left;
}

._payment .Tool .left .i {
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 14px;
    background: #fff;
    opacity: 0.3;
    margin: 6px 10px;
}

._payment .Tool .right {
    float: right;
    font-size: 16px;
}

._payment .Tool .right span {
    margin: 0 6px;
}

._payment .bottom {
    width: 100%;
    float: left;
    padding: 17px;
}

._payment .bottom ._t {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

._payment .bottom ._t .list {
    font-size: 14px;
    color: #555555;
    line-height: 42px;
    float: left;
    text-align: center;
}

._payment .bottom ._t .list:nth-child(1) {
    width: 39.5%;
    text-align: left;
    padding-left: 20px;
}

._payment .bottom ._t .list:nth-child(2) {
    width: 12.7%;
    padding: 0 5px;
}

._payment .bottom ._t .list:nth-child(3) {
    width: 11.3%;
    padding: 0 5px;
}

._payment .bottom ._t .list:nth-child(4) {
    width: 12.9%;
    padding: 0 5px;
}

._payment .bottom ._t .list:nth-child(5) {
    width: 11.5%;
    padding: 0 5px;
}

._payment .bottom ._t .list:nth-child(6) {
    width: 12.1%;
    padding: 0 5px;
}

._payment .bottom ._b {
    width: 100%;
}

._payment .bottom ._b li {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0;
}

._payment .bottom ._b li:last-child {
    border-bottom: none;
}

._payment .bottom ._b li .list_line {
    margin-top: 5px;
}

._payment .bottom ._b li .list_line:first-child {
    margin-top: 0px;
}

._payment .bottom ._b li .list {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

._payment .bottom ._b li .list .boxs1 {
    width: 100%;
    font-size: 0;
}

._payment .bottom ._b li .list .boxs1 .pic {
    width: 68px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #E5E5E5;
}

._payment .bottom ._b li .list .boxs1 .pic img {
    width: 100%;
    display: block;
}

._payment .bottom ._b li .list .boxs1 .wordsbox {
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
}

._payment .bottom ._b li .list .boxs1 .wordsbox .tit {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 3px;
}

._payment .bottom ._b li .list .boxs1 .wordsbox .info {
    font-size: 12px;
    color: #888888;
    line-height: 18px;
}

._payment .bottom ._b li .list .boxs1:hover .wordsbox .tit,
._payment .bottom ._b li .list .boxs1:hover .wordsbox .info {
    color: #007ac3;
}

._payment .bottom ._b li .list .boxs2 {
    font-size: 14px;
    color: #333333;
    line-height: 58px;
}

._payment .bottom ._b li .list .boxs3 {
    font-size: 14px;
    color: #ff0500;
    line-height: 58px;
}

._payment .bottom ._b li .list .boxs4 .but1 {
    width: 56px;
    margin: 0 auto 10px auto;
}

._payment .bottom ._b li .list .boxs4 .but1 a {
    display: block;
    font-size: 14px;
    color: #007ac3;
    line-height: 26px;
    border: 1px solid #007ac3;
    text-align: center;
}

._payment .bottom ._b li .list .boxs4 .but1 a:hover {
    background: #007ac3;
    color: #fff;
}

._payment .bottom ._b li .list .boxs4 .but2 {
    width: 56px;
    margin: 0 auto;
}

._payment .bottom ._b li .list .boxs4 .but2 a {
    display: block;
    font-size: 14px;
    color: #555555;
    line-height: 18px;
    text-align: center;
}

._payment .bottom ._b li .list .boxs4 .but2 a:hover {
    color: #007ac3;
}

._payment .bottom ._b li .list:nth-child(1) {
    width: 39.5%;
    text-align: left;
}

._payment .bottom ._b li .list:nth-child(2) {
    width: 12.7%;
    padding: 0 5px;
}

._payment .bottom ._b li .list:nth-child(3) {
    width: 11.3%;
    padding: 0 5px;
}

._payment .bottom ._b li .list:nth-child(4) {
    width: 12.9%;
    padding: 0 5px;
}

._payment .bottom ._b li .list:nth-child(5) {
    width: 11.5%;
    padding: 0 5px;
}

._payment .bottom ._b li .list:nth-child(6) {
    width: 12.1%;
    padding: 0 5px;
}

._payment .jindu {
    float: left;
    width: 100%;
    padding: 40px 17px 48px 17px;
}

._payment .jindu .btn {
    float: left;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

._payment .jindu .btn a {
    float: left;
    text-align: center;
    color: #007ac3;
    font-size: 16px;
    line-height: 46px;
    height: 46px;
    border: 1px solid #fff;
}

._payment .jindu .btn a.go {
    margin-right: 20px;
    background: #007ac3;
    color: #fff;
    width: 170px;
}

._payment .jindu .btn a.tk {
    margin-right: 32px;
    border: 1px solid #007ac3;
    width: 170px;
}

._payment .jindu .btn a.go:hover {
    border: 1px solid #007ac3;
    background: #fff;
    color: #007ac3;
}

._payment .jindu .btn a.tk:hover {
    background: #007ac3;
    color: #fff;
}

._payment .jindu .btn a.xg:hover {
    color: #ff0500;
}

._payment .jindu .ul {
    float: left;
    width: 100%;
    padding: 0 22px;
}

._payment .jindu .ul li {
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
    padding: 0 6px;
}

._payment .jindu .ul li:after,
._payment .jindu .ul li::before {
    float: left;
    width: 50%;
    height: 4px;
    content: '';
    position: absolute;
    left: 50%;
    top: 18px;
    background: #e5e5e5;
    z-index: 1;
}

._payment .jindu .ul li::before {
    left: auto;
    right: 50%;
}

._payment .jindu .ul li:first-child::before {
    display: none !important;
}

._payment .jindu .ul li:last-child::after {
    display: none !important;
}

._payment .jindu .ul li h4 {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    z-index: 6;
}

._payment .jindu .ul li h4 i {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 6;
    font-weight: bold;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    background: #c1c1c1;
    border-radius: 50%;
}

._payment .jindu .ul li h5 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

._payment .jindu .ul li h6 {
    float: left;
    width: 100%;
    color: #888888;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0;
    opacity: 0;
}

._payment .jindu .ul li.on h4 i {
    background: #007ac3;
}

._payment .jindu .ul li.on::after,
._payment .jindu .ul li.on::before {
    background: #007ac3;
}

._payment .jindu .ul li.on h6 {
    opacity: 1;
}

@media screen and (max-width: 1200px) {
    ._payment .box .title-1 .s {
        margin-right: 15px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .shopTit2 {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .shopTit2 .left span {
        font-size: 13px;
        margin-left: 6px;
    }

    .shopTit2 .left {
        font-size: 16px;
    }

    ._payment {
        padding-bottom: 35px;
    }

    ._payment .box {
        font-size: 14px;
        line-height: 26px;
    }

    ._payment .box .title {
        padding: 6px 12px;
        font-size: 16px;
        line-height: 26px;
    }

    ._payment .box .title .right {
        font-size: 14px;
    }

    ._payment .box .title .right span {
        font-size: 16px;
    }

    ._payment .box .cont {
        padding: 12px 12px;
    }

    ._payment .box .bg {
        padding: 10px 12px;
        margin-top: 5px;
    }

    ._payment .box .fileA {
        margin: 15px 0 2px 0;
    }

    ._payment .box .fileA .file {
        font-size: 15px;
        line-height: 40px;
        width: 140px;
    }

    ._payment .box .fileA .r {
        margin-top: 8px;
    }

    ._payment .fangshi {
        padding: 8px 12px;
    }

    ._payment .box .cont1 {
        padding: 8px 12px;
    }

    ._payment .Tool {
        padding: 11px 12px;
    }

    ._payment .bottom {
        padding: 12px;
    }

    ._payment .bottom ._t .list {
        line-height: 36px;
    }

    ._payment .bottom ._t .list:nth-child(1) {
        padding-left: 12px;
    }

    ._payment .bottom ._b li {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    ._payment .bottom ._b li .list .boxs1 .pic {
        width: 50px;
    }

    ._payment .bottom ._b li .list .boxs1 .wordsbox {
        width: calc(100% - 52px);
        padding-left: 10px;
    }

    ._payment .bottom ._b li .list .boxs2 {
        line-height: 52px;
    }

    ._payment .bottom ._b li .list .boxs3 {
        line-height: 52px;
    }

    ._payment .bottom ._b li .list .boxs4 .but1 {
        width: 50px;
        margin: 0 auto 4px auto;
    }

    ._payment .bottom ._b li .list .boxs4 .but1 a {
        line-height: 24px;
    }

    ._payment .bottom ._b li .list .boxs4 .but2 {
        width: 50px;
    }

    ._payment .bottom ._b li .list .boxs4 .but2 a {
        line-height: 24px;
    }

    ._payment .jindu {
        padding: 15px 12px;
    }

    ._payment .jindu .btn {
        margin-top: 15px;
    }

    ._payment .jindu .btn a {
        font-size: 14px;
        line-height: 34px;
        height: 34px;
    }

    ._payment .jindu .btn a.go {
        margin-right: 10px;
        width: 90px;
    }

    ._payment .jindu .btn a.tk {
        margin-right: 10px;
        width: 90px;
    }

    ._payment .jindu .ul {
        padding: 0;
    }

    ._payment .jindu .ul li:after,
    ._payment .jindu .ul li::before {
        height: 2px;
        top: 15px;
    }

    ._payment .jindu .ul li h4 {
        margin-bottom: 8px;
    }

    ._payment .jindu .ul li h4 i {
        font-size: 14px;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    ._payment .jindu .ul li h5 {
        font-size: 14px;
        line-height: 24px;
    }

    ._payment .jindu .ul li h6 {
        font-size: 12px;
        line-height: 16px;
    }

}

@media screen and (max-width: 767px) {
    .shopTit2 .right {
        float: left;
        width: 100%;
    }

    ._payment .fangshi ul {
        margin: 0 -1%;
    }

    ._payment .fangshi li {
        width: 31.33%;
        margin: 4px 1%;
    }

    ._payment .Tool .right {
        float: left;
        width: 100%;
    }

    ._payment .bottom {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    ._payment .bottom::-webkit-scrollbar {
        display: none;
    }

    ._payment .bottom ._t {
        width: 700px;
    }

    ._payment .bottom ._b {
        width: 700px;
    }
}

/*20221205end*/

.popbg{float: left;
display: none;
width: 100%;
height: 100%;
z-index: 100;
position: fixed;
left: 0;
top: 0;
background: #000;
opacity: 0.6;}

.pop_evaluate {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1090px;
    z-index: 101;
    display: none;
}

.pop_evaluate .left {
    width: 40%;
    background: #ffffff;
    padding: 50px 30px 0 30px;
}

.pop_evaluate .popclose {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    cursor: pointer;
}

.pop_evaluate .popclose:after {
    content: "";
    height: 12px;
    width: 1px;
    background: #a7a7a7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.5s ease;
}

.pop_evaluate .popclose::before {
    content: "";
    height: 12px;
    width: 1px;
    background: #a7a7a7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all 0.5s ease;
}

.pop_evaluate .left .name {
    display: flex;
    align-items: center;
    margin-bottom: 90px;
}

.pop_evaluate .left h1 {
    font-size: 30px;
    color: #000;
    text-align: left;
    line-height: 40px;
    float: left;
    margin-right: 12px;
    float: left;
}

.pop_evaluate .left .zt {
    color: #fff;
    padding: 0 6px;
    background: #ce332d;
    font-size: 14px;
    border-radius: 4px;
    line-height: 24px;
    float: left;
    height: 24px;
}

.pop_evaluate .left .pic {
    text-align: center;
}

.pop_evaluate .right {
    width: 60%;
    background: #f5f6fa;
    padding: 50px 48px 45px 48px;
}

.pop_evaluate .right .star_li {
    width: 50%;
    float: left;
    display: flex;
    font-size: 18px;
    color: #333;
}

.pop_evaluate .right .star_li sub {
    color: #ce332d;
    bottom: -.85em;
}

.pop_evaluate .right .star_li .img {
    margin-left: 8px;
    width: 18px;
    display:inline-block;
    background:url(../img/_star.svg) no-repeat; background-size:100% 100%;
}
.pop_evaluate .right .star_li .img.on {
    background:url(../img/_star_on.svg) no-repeat; background-size:100% 100%;
}


.pop_evaluate .right textarea {
    height: 145px;
    width: 100%;
    margin: 15px 0 13px 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    line-height: 30px;
    font-size: 16px;
    padding: 15px;
}

.pop_evaluate .scpic .by {
    color: #007ac3;
    font-size: 14px;
}

.pop_evaluate .scpic li {
    float: left;
    margin-right: 12px;
    position: relative;
    margin-top: 12px;
}

.pop_evaluate .scpic li .pic {
    height: 82px;
    width: 106px;
    border: 1px solid #d9d9d9;
}

.pop_evaluate .scpic li .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.pop_evaluate .scpic li .close {
    height: 20px;
    width: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

.pop_evaluate .evaluate_box {
    display: flex;
}

.pop_evaluate .scpic .Upload {
    height: 84px;
    width: 84px;
    margin-top: 10px;
    border: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    float: right;
    cursor: pointer;
}

.pop_evaluate .scpic .Upload p {
    color: #cfcfcf;
    font-size: 20px;
    margin-bottom: 8px;
    line-height:12px
}

.pop_evaluate .scpic .Upload span {
    color: #555;
    font-size: 14px;
    margin-bottom: 0px;
    font-size: 14px;
}


.pop_evaluate .submit {
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #007ac3;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
}

.collect .hywddd_section .cons .bottom ._b li,
.collect .hywddd_section .cons .bottom ._t {
    display: flex;
    justify-content: space-between;
}

.collect .hywddd_section .cons .bottom ._b li .list:nth-child(4) {
    width: 12.53%;
}

.collect .hywddd_section .cons .bottom ._t .list:nth-child(4) {
    width: 12.53%;
}

.collect .hywddd_section .cons .bottom ._b li .list .boxs4 .but2 {
    width: auto
}

.collect .hywddd_section .cons .bottom ._b li .list .boxs4 .but2 a {
    justify-content: center;
}


.integral {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
}

.integral .integral_num {
    height: 160px;
    width: 100%;
    background: url(../img/integral_bg.jpg) center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.integral .integral_num h4 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
}

.integral .integral_num .line {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    margin: 14px 0;
}

.integral .integral_num h6 {
    color: #fff;
    font-size: 16px;
}

.integral .top {
    display: flex;
    margin: 15px 0;
    align-items: center;
    justify-content: space-between;
}

.integral .top .mx {
    color: #000;
    font-size: 16px;
}

.integral .top .fl {
    display: flex;
}

.integral .top .fl .fll {
    color: #000;
    font-size: 16px;
    padding-bottom: 6px;
    margin-left: 20px;
    cursor: pointer;
}

.integral .top .fl .fll.on {
    color: #007ac3;
    border-bottom: 1px solid #007ac3;
}

.integral .list .box {
    display: flex;
    height: 72px;
    padding: 0 20px;
    width: 100%;
    ;
    background: #f5f5f5;
    align-items: center;
    margin-bottom: 13px;
}

.integral .list li:last-child .box {
    margin-bottom: 0;
}

.integral .list .box .time {
    font-size: 14px;
    color: #555;
}

.integral .list .box .tit {
    font-size: 16px;
    color: #000;
    margin-left: 16px;
}

.integral .list .box .num {
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
}

.integral .list .box .num.plus {
    color: #007ac3;
}

.integral .list .box .num.reduce {
    color: #ce332d;
}




.yhqtc .content {
    width: 488px
}

.hygrxx_tc1.yhqtc .content .bottom .listbox .list .words {
    width: 100px
}

.hygrxx_tc1.yhqtc .content .bottom .listbox .list .inputbox {
    width: calc(100% - 100px)
}

.yhqtc .mid {
    line-height: 40px;
    font-size: 14px;
    position: relative;
    color: #2d6dff;
    margin-bottom: 20px;
}

.yhqtc .mid:after {
    content: "";
    height: 100%;
    width: calc(100% + 40px);
    left: -20px;
    top: 0;
    background: #deefff;
    position: absolute;
}

.yhqtc .mid p {
    position: relative;
    z-index: 2;
}

.hygrxx_tc1.yhqtc .content .top {
    margin-bottom: 20px;
}

@media screen and (max-width: 1400px) {
    /*.hywddd_section .cons .top .qhbox .list {
        margin-right: 20px;
    }*/
}

@media screen and (max-width: 1024px) {
    .hhsy_section .tops {
        flex-direction: column;
    }

    .hhsy_section .tops .right .listbox .lis {
        width: 33.3%;
    }

    .hygrxx_section .listbox .submit {
        float: inherit;
        width: 100%;
        margin-left: auto
    }

    .hywdrz_section .listbox .list .piclist .pic {
        width: 45%;
        height: 85px;
        padding: 5px;
        margin-right: 10px
    }

    .hywdrz_section .listbox .list .piclist .pic.sc h4 {
        font-size: 12px;
    }

    .hywdrz_section .listbox .list .piclist .pic.sc h6 {
        font-size: 12px;
    }

    .hywdrz_section .listbox .list .piclist .pic.sc img {
        width: 25px
    }

    .pop_evaluate .evaluate_box {
        flex-direction: column;
    }

    .pop_evaluate {
        width: calc(100% - 30px);
    }

    .pop_evaluate .left {
        width: 100%;
        padding: 15px
    }

    .pop_evaluate .right {
        width: 100%;
        padding: 15px
    }

    .pop_evaluate .left h1 {
        font-size: 16px;
    }

    .pop_evaluate .left .name {
        margin-bottom: 20px;
    }

    .pop_evaluate .left .pic img {
        max-width: 50%
    }

    .pop_evaluate .right .star_li {
        font-size: 14px
    }

    .pop_evaluate .right .star_li .img {
        width: 12px;
        margin-left: 4px;
    }

    .pop_evaluate .right textarea {
        height: 100px;
        width: 100%;
        line-height: 24px;
        font-size: 14px;
        padding: 12px;
    }

    .pop_evaluate .scpic li .pic {
        height: 45px;
        width: 60px;
    }

    .pop_evaluate .scpic .Upload {
        margin-top: 2px;
        float: left;
    }

    .pop_evaluate .scpic li .close {
        height: 14px;
        width: 14px;
    }

    .wapbgc {
        background: #fff
    }

    .pop_evaluate .scpic .Upload span {
        font-size: 12px
    }

    .pop_evaluate .scpic .Upload p {
        margin-bottom: 2px;
    }

    


    .yhqtc .content {
        width: calc(100% - 30px);
    }

    .pop_evaluate .submit {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        margin-top: 20px;
    }

    .pop_evaluate .scpic .Upload {
        height: 70px;
        width: 70px
    }

    .pop_evaluate .scpic li {
        margin-right: 6px;
        margin-top: 6px;
    }

    .integral {
        padding: 0 !important;
        background: #fff;
    }

    .integral .list .box {
        padding: 0 12px
    }

    .integral .list .box .tit,
    .integral .list .box .time {
        font-size: 14px;
    }

   
    .integral .list .box .num {
        font-size: 16px;
    }

    /*.hywddd_section .cons .top .qhbox .list {
        width: 16.66%;
        margin-right: 0;
    }*/

    
    .integral .list {
        padding: 0 15px;
        float: left;
        width: 100%;
    }

    .integral .top {
        padding: 0 15px;
    }

    .integral .integral_num h4 {
        font-size: 24px;
    }

    .integral .integral_num h6 {
        font-size: 14px;
    }

    .integral .integral_num {
        height: 120px;
    }

    .integral .list .box .time {
        white-space: nowrap;
    }

    .integral .list .box {
        flex-direction: column;
        justify-content: center;
    }

    .integral .list .box {
        position: relative;
    }

    .integral .list .box .num {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 10px
    }

    .integral .list .box .tit {
        margin-left: 0;
    }

    .integral .list .box {
        align-items: flex-start;
    }

    .hyshdzlb_tc .content {
        height: 70%;
        overflow-y: auto;
    }

    .hyshdzlb_tc .content .listbox .list2 {
        padding-left: 30px !important;
    }

    .dl_section {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .menu {
        display: none !important;
    }

    /*.hywddd_section .cons .bottom ._b li .list .boxs1 .wordsbox .info {
        display: none;
    }*/

    /*.hywddd_section .cons .bottom ._b li .list .boxs1 .pic {
        height: 50px;
        width: 70px;
        min-width: 70px;
    }*/

    /*.hywddd_section .cons .bottom ._b li {
        display: flex;
        flex-wrap: wrap;
    }

    .hywddd_section .cons .bottom ._b li .list {
        width: auto !important;
    }*/

}

.hywdrz_section .listbox .list.zizhibox{padding-left:82px; position:relative;}
.hywdrz_section .listbox .list.zizhibox .words{position:absolute; left:0; top:0;}


/*.hywddd_section .cons .top .qhbox .list:last-child {
    margin-right: 0;margin-top: -48px; width: auto;
}
.hywddd_section .cons .top .qhbox .list:last-child a:after{display:none;}*/

/*.hywddd_section .cons .top{overflow:initial;}*/


@media screen and (max-width: 1024px) {
    .hywdrz_section .listbox .list .input {
    float: left;
}
}


.zc_section .content .inputbox .r_con .inputs{position:relative;}
.zc_section .content .inputbox .r_con .inputs .r_ico {
    width: 22px;
    display: block;
    position: absolute;
    right: 14px;
    top: 50%;
    cursor: pointer;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.zc_section .content .inputbox .r_con .inputs .r_ico2 {
    display: none;
}

.zc_section .content .inputbox .r_con .inputs.on .r_ico1 {
    display: none;
}

.zc_section .content .inputbox .r_con .inputs.on .r_ico2 {
    display: block;
}



/*20230713*/
.dl_section .qh_box .qh_b .list .inputbox .r_ico.r_ico_ewm{width:auto; right:2px;}
@media screen and (max-width: 1024px) {
.dl_section .qh_box .qh_b .list .inputbox .r_ico.r_ico_ewm{height:24px;}
}


.hyzx_section .content .r_box .cons1{ width: 100%; padding:30px 20px;}
.hyzx_section .content .r_box .cons1 .Tit{width: 100%;font-size: 16px; color: #000;  line-height:28px; text-align: center;}
.hyzx_section .content .r_box .cons1 .Text{ width: 100%;font-size: 14px; color: #666;  line-height:26px; margin-top:10px;}


@media screen and (max-width: 1024px) {
.hyzx_section .content .r_box .cons1{ padding:20px 15px;}
.hyzx_section .content .r_box .cons1 .Text{ margin-top: 5px;}
}


.hywddd_section .comment_list{padding:0 16px;}