@charset "utf-8";

/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
span,
button,
font {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "苹方", Arial, Helvetica, sans-serif;
}

i {
    font-style: normal
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    min-width: 320px;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

fieldset,
img {
    border: 0;
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

ol,
ul,
li,
dl,
dt,
dd {
    list-style: none;
}

input,
button,
textarea,
checkbox,
select,
radio,
form {
    vertical-align: top;
}

a {
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

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

    a:hover {
        text-decoration: none;
    }

.clear {
    clear: both;
}

textarea {
    -webkit-appearance: none;
}

button {
    -webkit-appearance: none;
}

@media screen and (min-width:320px) {
    html {
        font-size: 90%;
    }
}

@media screen and (min-width:400px) {
    html {
        font-size: 90%
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 97.5%
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 100%
    }
}

@media screen and (min-width:600px) {
    html {
        font-size: 112.5%
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 100%
    }
}


/*清除浮动*/

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 公共样式 */


/* 手机菜单栏 */

.phone_list_nav .phone_btn {
    position: absolute;
    right: 10px;
    top: 4%;
    z-index: 9999;
}

.phone_list_nav_copy .phone_btn {
    top: 9% !important;
}

.phone_list_nav .phone_btn .btn span {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #ff8c30;
    margin: 10px 0;
}

.phone_btn button {
    background-color: transparent;
    border: none;
}

.phone_list_nav {
    display: none;
}


/* 手机菜单栏 */


/* 头部 */

.topnav {
    width: 100%;
    background-color: #fafafa;
    padding: 1rem 0;
}

.topnav_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topnav_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.a_address {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 3rem;
}

    .a_address i {
        font-size: 1rem;
        color: #ff8c30;
        margin-right: 0.3rem;
    }

    .a_address p {
        font-size: 0.8rem;
        color: #666;
    }

.topnav_list ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topnav_list li {
    margin-right: 2rem;
}

    .topnav_list li a {
        font-size: 0.8rem;
        color: #666;
    }

.topnav_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .topnav_right a {
        font-size: 0.8rem;
        color: #666;
    }

    .topnav_right span {
        display: block;
        width: 1px;
        height: 1rem;
        background-color: #666;
        margin: 0 2rem;
    }

.head {
    width: 100%;
    background-color: #fff;
    padding: 2rem 0;
}

.head_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logo_title {
    padding-left: 2rem;
    margin-left: 2rem;
    border-left: 1px solid #e5e5e5;
}

    .logo_title p {
        font-size: 0.8rem;
        color: #333;
        margin: 0.3rem 0;
        letter-spacing: 4px;
    }

.address {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .address i {
        color: #ff8c30;
        font-size: 1.25rem;
        margin-right: 0.3rem;
    }

    .address p {
        color: #ff8c30;
        font-size: 1.125rem;
        font-weight: bold;
    }

.search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30%;
    background-color: #fafafa;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.8rem;
}

    .search input {
        border: none;
        outline: none;
        background: none;
        width: 75%;
        overflow: hidden;
        border-radius: 0.8rem;
        padding-left: 1rem;
        font-size: 0.8rem;
        height: 3rem;
        line-height: 3rem;
    }

.search_btn {
    width: 18%;
    border-radius: 0.8rem;
    background-color: #ff8c30;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    cursor: pointer;
}

    .search_btn i {
        font-size: 1.5rem;
        color: #fff;
    }

.online_phone {
    width: 10%;
    height: 3rem;
    line-height: 3rem;
    background-color: #ff8c30;
    border-radius: 0.8rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .online_phone i {
        font-size: 1.2rem;
        margin-right: 0.3rem;
    }

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

.nav {
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding-top: 2rem;
}

.nav_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

    .nav_con ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .nav_con li a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .nav_con li a span {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            height: 5px;
            background-color: #ff8c30;
            margin-top: 1.3rem;
            border-radius: 0.5rem;
            opacity: 0;
        }

        .nav_con li a p {
            font-size: 1rem;
            color: #333;
        }

    .nav_con li:hover a p {
        color: #ff8c30;
    }

    .nav_con li:hover a span {
        opacity: 1;
    }

    .nav_con li {
        margin-right: 4rem;
    }

.nav_current a p {
    color: #ff8c30 !important;
}

.nav_current a span {
    opacity: 1 !important;
}


/* 头部 */

.rubanner {
    width: 100%;
}

    .rubanner img {
        width: 100%;
        vertical-align: middle;
    }


/* 底部 */

.footer {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0;
}

.footer_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer_item h3 {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer_item {
    width: 20%;
}

    .footer_item ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .footer_item li {
        margin-bottom: 1.3rem;
        width: 50%;
        overflow: hidden;
    }

        .footer_item li a {
            font-size: 1rem;
            color: #ccc;
            text-align: center;
        }

.footer_way h3 {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer_way div {
    margin-bottom: 2rem;
}

.footer_way p {
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 0.2rem;
}

.copyrights {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top:4.5rem;
}
    .copyrights p {
        font-size: 1rem;
        color: #ccc;
    }
    .copyrights p a{color:#fff}
.ma_box ul {
    display: flex;
    justify-content: flex-end;
}

.ma_box li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 3rem;
}

    .ma_box li p {
        font-size: 1rem;
        color: #999;
        text-align: center;
        margin-top: 1rem;
    }

.ma_img {
    width: 130px;
    height: 130px;
    overflow: hidden;
}

    .ma_img img {
        width: 100%;
        vertical-align: middle;
    }


/* 底部 */

.zhu {
    width: 100%;
    padding: 4rem 0;
    background-color: #f9f9f9;
}

.zhu_con {
    max-width: 1440px;
    margin: 0 auto;
    width: 98%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.zhu_left {
    width: 30%;
    overflow: hidden;
    background-color: #fff;
}

.zhu_left_box {
    padding: 1rem 3rem;
}

    .zhu_left_box li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 3rem 0;
    }

        .zhu_left_box li i {
            font-size: 2rem;
            color: #333;
            margin-right: 1rem;
        }

        .zhu_left_box li p {
            font-size: 1rem;
            color: #333;
            margin-bottom: 0.3rem;
        }

        .zhu_left_box li span {
            color: #333;
            font-size: 1.25rem;
            font-weight: bold;
        }

.zhu_right {
    width: 68%;
    overflow: hidden;
}

.zhu_right_box {
    padding: 2rem;
    background-color: #fff;
}

    .zhu_right_box h3 {
        font-size: 1.75rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 3rem;
    }

    .zhu_right_box button {
        border: none;
        outline: none;
        background-color: #ff8c30;
        display: block;
        width: 35%;
        margin: 0 auto;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        font-size: 1.25rem;
        color: #fff;
        cursor: pointer;
        border-radius: 0.8rem;
        margin-top: 3rem;
    }

.zhu_input_one ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zhu_input_one li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 48%;
    overflow: hidden;
}

    .zhu_input_one li p {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .zhu_input_one li input {
        border: none;
        outline: none;
        background: #fafafa;
        padding-left: 1rem;
        width: 96%;
        height: 3.5rem;
        line-height: 3.5rem;
        border-radius: 0.5rem;
        font-size: 1rem;
        color: #333;
    }

.zhu_input_two {
    margin: 3rem 0;
}

    .zhu_input_two p {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
    }

.zhu_input_two_pull {
    width: 45%;
    height: 3.5rem;
    line-height: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    overflow: hidden;
    background-color: #fafafa;
    border-radius: 0.5rem;
    cursor: default;
}

    .zhu_input_two_pull span {
        font-size: 1rem;
        color: #666;
    }

    .zhu_input_two_pull i {
        font-size: 1.3rem;
        color: #999;
        cursor: default;
    }

.zhu_right_texteare p {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1rem;
}

.zhu_right_texteare textarea {
    width: 96%;
    padding: 1rem 0 0 1rem;
    background-color: #fafafa;
    border-radius: 0.5rem;
    font-size: 1rem;
    resize: none;
    height: 15rem;
    border: none;
    overflow: hidden;
    outline: none;
    color: #333;
}

.zhu_input_one input ::-webkit-input-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* 使用webkit内核的浏览器 */

.zhu_input_one input :-moz-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* Firefox版本4-18 */

.zhu_input_one input::-moz-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* Firefox版本19+ */

.zhu_input_one input :-ms-input-placeholder {
    font-size: 0.8rem;
    color: #ccc;
}


/* IE浏览器 */

.zhu_right_texteare textarea ::-webkit-input-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* 使用webkit内核的浏览器 */

.zhu_right_texteare textarea :-moz-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* Firefox版本4-18 */

.zhu_right_texteare textarea::-moz-placeholder {
    font-size: 0.8rem;
    color: #cccccc;
}


/* Firefox版本19+ */

.zhu_right_texteare textarea :-ms-input-placeholder {
    font-size: 0.8rem;
    color: #ccc;
}

.logo span {
    font-size: 1.75rem;
    color: #333;
    font-weight: bold;
    margin-left: 1.5rem;
    display: block;
}

.search_erji .search_btn {
    background-color: #fafafa;
}

.search_erji {
    width: 35%;
}

    .search_erji .search_btn i {
        color: #999;
        font-weight: bold;
    }


/* IE浏览器 */

.ne {
    width: 100%;
    background-color: #f9f9f9;
    padding: 3rem 0 2rem 0;
}

.ne_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

.small_nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
}

    .small_nav p {
        font-size: 1rem;
        color: #333;
    }

    .small_nav a {
        font-size: 1rem;
        color: #333;
    }

        .small_nav a:hover {
            color: #999;
        }

    .small_nav i {
        color: #333;
        font-size: 1rem;
        margin: 0 1rem;
    }

    .small_nav .small_nav_current {
        color: #999 !important;
    }

.ne_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ne_left {
    width: 67%;
    overflow: hidden;
}

.ne_right {
    width: 30%;
    overflow: hidden;
}

.ne_right_box {
    padding: 1rem 2rem;
    background-color: #fff;
}

    .ne_right_box li {
        margin: 1.5rem 0;
    }

        .ne_right_box li p {
            font-size: 1.125rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 1rem;
        }

.ne_right_box_choosen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fafafa;
    width: 90%;
    height: 4rem;
    line-height: 4rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
}

.choosen_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

    .choosen_left i {
        font-size: 1.5rem;
        color: #ccc;
        margin-right: 0.5rem;
    }

    .choosen_left span {
        font-size: 1rem;
        color: #ccc;
        cursor: default;
    }

.ne_right_box_choosen b {
    font-weight: normal;
    color: #ccc;
    font-size: 1.3rem;
}

.choosen_way {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

    .choosen_way i {
        font-size: 1.3rem;
        color: #ccc;
        margin-right: 0.5rem;
    }

    .choosen_way input {
        width: 90%;
        border: none;
        outline: none;
        background: none;
        font-size: 1rem;
        color: #333;
    }

input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ccc;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

.yu_btn {
    margin: 3rem auto 0 auto;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff8c30;
    color: #fff;
    border-radius: 0.5rem;
    cursor: pointer;
}

    .yu_btn i {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

    .yu_btn h3 {
        font-size: 1.125rem;
    }

.ne_text {
    padding: 2rem;
    margin-bottom: 3rem;
    background-color: #fff;
}

.ne_text_title {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2rem;
}

    .ne_text_title h3 {
        font-size: 1.75rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .ne_text_title h1 {
        font-size: 1.75rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
    }

.ne_tips ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ne_tips li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 2rem;
}

.ne_tips p {
    font-size: 0.8rem;
    color: #999;
    margin-left: 0.5rem;
}

.ne_tips i {
    font-size: 0.8rem;
    color: #999;
}

.ne_text_wen p {
    font-size: 1rem;
    color: #666;
    line-height: 1.85rem;
}

.fanye {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #e5e5e5;
}

.fanye_li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .fanye_li p {
        font-size: 1rem;
        color: #666;
    }

    .fanye_li span {
        font-size: 1rem;
        color: #333;
    }

    .fanye_li:hover p {
        color: #ff8c30;
    }

    .fanye_li:hover span {
        color: #ff8c30;
    }

.ne_good {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 3rem;
}

    .ne_good h3 {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }
    .ne_good span {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }
.ne_good_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden; margin-top:2.0rem;
}

.ne_good_list_img {
    width: 32%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 24%;
}

    .ne_good_list_img img {
        width: 100%;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
    }

.ne_good_list_text {
    width: 65%;
    overflow: hidden;
}

    .ne_good_list_text h4 {
        font-size: 1.125rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

.ne_good_list_tips_li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

    .ne_good_list_tips_li i {
        font-size: 1rem;
        color: #999;
        margin-right: 0.5rem;
    }

    .ne_good_list_tips_li p {
        font-size: 0.8rem;
        color: #999;
    }

    .ne_good_list_tips_li span {
        display: block;
       font-size:.8rem
        color:#999;
        margin-right:.6rem;
    }

.ne_good_list_tag {
    padding-top: 1rem;
    margin-top: 2rem;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ne_good_list_tag_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .ne_good_list_tag_left i {
        font-size: 1.5rem;
        color: #333;
        margin-right: 0.5rem;
    }

    .ne_good_list_tag_left span {
        font-size: 1.25rem;
        font-weight: bold;
        color: #333; margin-bottom:0;
    }

.ne_good_list_tag_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
}

    .ne_good_list_tag_right p {
        font-size: .87rem;
        text-transform: uppercase;
        color: #999;
        margin-right: 0.5rem;
    }

    .ne_good_list_tag_right i {
        font-size: 1.5rem;
        color: #999;
    }

    .ne_good_list_tag_right:hover p {
        color: #ff8c30;
    }

    .ne_good_list_tag_right:hover i {
        color: #ff8c30;
    }

.ne_good_list:hover h4 {
    color: #ff8c30;
}

.ne_hot h3 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 2rem;
}
.ne_hot span {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 2rem;
}
.ne_hot_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ne_hot_list li {
    width: 48%;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 2rem;
    transition: all 0.3s;
}

.ne_hot_list_box {
    padding: 2rem;
}

.ne_hot_list_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5rem;
}

    .ne_hot_list_top div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .ne_hot_list_top span {
        font-size: 1.5rem;
        font-weight: bold;
        color: #333;
        text-align: center; margin-bottom:0;
    }

    .ne_hot_list_top p {
        font-size: 0.8rem;
        color: #333;
        text-align: center;
    }

    .ne_hot_list_top i {
        font-size: 2rem;
        color: #333;
        transition: all 0.3s;
    }

    .ne_hot_list_top a:hover i {
        color: #fff;
        margin-right: 1rem;
        transition: all 0.3s;
    }

.ne_hot_list_text h4 {
    font-size: 1.125rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s;
}

.ne_hot_list_text p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ne_hot_list li:hover h4 {
    color: #fff;
    transition: all 0.3s;
}

.ne_hot_list li:hover {
    background-color: #ff8c30;
    transition: all 0.3s;
}

    .ne_hot_list li:hover p {
        color: #fff;
        transition: all 0.3s;
    }

    .ne_hot_list li:hover span {
        color: #fff;
        transition: all 0.3s;
    }

    .ne_hot_list li:hover i {
        color: #fff;
        transition: all 0.3s;
    }

.footer_index {
    border-top: 1px solid #e5e5e5; background:#333;
}

.shai {
    background-color: #fff;
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.15);
    margin-bottom: 3rem;
}

.shai_box {
    padding: 2rem;
}

.cation-list {
    overflow: hidden;
}

    .cation-list dt {
        float: left;
        width: 64px;
        font-weight: 700;
        line-height: 48px;
        position: relative;
        color: #333;
    }

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cation-list dd {
    border-bottom: 1px dotted #e0e0e0;
    margin-left: 64px;
    overflow: hidden;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.cation-list:last-child dd {
    margin-bottom: 0;
    padding-bottom: 0;
}

.cation-list dd a {
    color: #8d8d91;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    float: left;
    padding: 0.5rem 1rem;
    border-radius: 35px;
    margin: 0.5rem 0;
}

    .cation-list dd a.on,
    .cation-list a:hover {
        color: #fff;
        background-color: #ff8c30;
    }

    .cation-list dd a:last-child {
        border-right: 0 none;
    }

.cation-list:last-of-type dd {
    border-bottom: 0 none;
}

.two {
    padding: 2rem 0;
}

.two_list {
    background-color: #fff;
}

    .two_list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        overflow: hidden;
        padding: 2rem;
        transition: all 0.3s;
    }

        .two_list li:hover h4 {
            color: #ff8c30;
        }

        .two_list li:hover i {
            color: #ff8c30;
        }

        .two_list li:hover {
            transition: all 0.3s;
            box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);
        }

.two_img_a {
    width: 30%;
}
.two_img {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 0;
    display: block;
    padding-top: 66%;
}

    .two_img img {
        width: 100%;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
    }

.two_text {
    width: 67%;
    overflow: hidden;
}

.yema {
    margin: 3rem 0 2rem 0;
}

    .yema ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .yema li {
        margin: 0.3rem 1rem;
    }

        .yema li a i {
            font-size: 1.5rem;
            color: #333;
            text-align: center;
        }

        .yema li a {
            display: block;
            padding: 0.5rem 1rem;
            background-color: #fff;
            border-radius: 0.5rem;
            color: #333;
            font-size: 1rem;
            text-align: center;
            transition: all 0.3s;
        }

        .yema li:hover a {
            transition: all 0.3s;
            color: #fff;
            background-color: #ff8c30;
            box-shadow: 3px 3px 10px rgba(255,140,48, 0.2);
        }

.yema_current a {
    color: #fff !important;
    background-color: #ff8c30 !important;
    box-shadow: 3px 3px 10px rgba(255,140,48, 0.2);
}

.son {
    padding: 2rem 0;
}

.son_list {
    background-color: #fff;
}

    .son_list li {
        padding: 2rem;
    }

        .son_list li:hover {
            box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.15);
        }

.son h6 {
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 2rem;
}

.bi {
    background-color: #fff;
    padding: 2rem;
}

.bi_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bi_img {
    width: 30%;
    overflow: hidden;
}

    .bi_img img {
        width: 100%;
        vertical-align: middle;
    }

.bi_text {
    width: 65%;
    overflow: hidden;
}

    .bi_text h3 {
        color: #333;
        font-weight: bold;
        font-size: 1.25rem;
    }

    .bi_text p {
        font-size: 0.8rem;
        color: #666;
        line-height: 1.6rem;
        margin: 1rem 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

.bi_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 0.8rem;
    background-color: #ff8c30;
}

    .bi_button i {
        font-size: 1.5rem;
        color: #fff;
    }

    .bi_button p {
        font-size: 1.125rem;
        color: #fff;
        font-weight: bold;
        margin-left: 0.3rem;
    }

.xin {
    background-color: #fff;
    padding: 2rem;
    margin-top: 3rem;
}

    .xin h6 {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }

.xin_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    position: relative;
    overflow: hidden;
}

.xin_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 26%;
}

    .xin_img img {
        width: 100%;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
    }

.xin_list li:hover h4 {
    color: #ff8c30;
}

.pin {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0 0 3rem 0;
}

.pin_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

    .pin_con h6 {
        font-size: 2rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }

.pin_left {
    width: 30%;
    overflow: hidden;
}

.pin_left_box {
    background: url(../images/img7.jpg) no-repeat;
    background-size: 100%;
    padding: 7rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pin_right {
    background-color: #fff;
    width: 70%;
    overflow: hidden;
}

.pin_main {
    display: flex;
    justify-content: space-between;
}

.fen {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .fen h3 {
        font-size: 1.75rem;
        color: #333;
        font-weight: bold;
    }

    .fen h4 {
        font-size: 0.8rem;
        color: #333;
        font-weight: bold;
        margin-left: 0.5rem;
    }

.star_pin {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0 1.5rem 0;
}

    .star_pin i {
        color: #ff9126;
        font-size: 1.5rem;
        margin: 0 0.2rem;
    }

.pin_left_box p {
    font-size: 1rem;
    color: #333;
}

.pin_left_box b {
    font-size: 1rem;
    margin: 0 0.5rem;
    color: #ff9126;
}

.pin_span {
    margin-top: 2rem;
}

    .pin_span span {
        display: block;
        padding: 0.5rem 2rem;
        background-color: #d2d5fc;
        border-radius: 35px;
        margin-bottom: 1rem;
        font-size: 1rem;
        color: #ff8c30;
    }

.pin_right_box {
    padding: 2rem;
}

.pin_right_box_tab {
    margin-bottom: 2rem;
}

    .pin_right_box_tab ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .pin_right_box_tab li {
        margin-right: 2rem;
        padding: 0.3rem 1.5rem;
        border: 1px solid #e5e5e5;
        border-radius: 35px;
        cursor: pointer;
        font-size: 1rem;
        color: #999;
    }

.tabactive {
    background-color: #e0e2fc !important;
    color: #ff8c30 !important;
    border: 1px solid #c1c6fa !important;
}

.pin_right_box_tab_li:nth-child(n+2) {
    display: none;
}

.pin_right_box_tab_li p {
    font-size: 0.8rem;
    color: #333;
    margin: 1rem 0;
}

.tabname {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .tabname h4 {
        font-size: 0.8rem;
        color: #999;
        margin-right: 2rem;
    }

.tabspan {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .tabspan span {
        display: block;
        padding: 0.3rem 1.5rem;
        background-color: #fafafa;
        color: #999;
        font-size: 0.8rem;
        margin-right: 2rem;
    }

.pin_right_box_tab_li li {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5rem;
}

.pin_right_box_tab_li {
    height: 400px;
    overflow-y: auto;
}

    .pin_right_box_tab_li::-webkit-scrollbar {
        width: 7px;
        /*滚动条宽度*/
        height: 7px;
    }

    .pin_right_box_tab_li::-webkit-scrollbar-thumb {
        border-radius: 3px;
        /*滚动条圆角*/
        -webkit-border-radius: 3px;
        /*兼容圆角属性*/
        background-color: #e5e5e5;
        /*滚动条颜色*/
    }

    .pin_right_box_tab_li::-webkit-scrollbar-track {
        background-color: #fafafa;
        /*滚动条的背景颜色*/
    }

.company {
    background-color: #fff;
    padding: 2rem;
}

.com_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.com_left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .com_left i {
        font-size: 3rem;
        color: #333;
    }

    .com_left h3 {
        font-size: 1.25rem;
        color: #333;
        font-weight: bold;
        margin-top: 0.5rem;
    }

.com_right {
    flex: 1;
    margin-left: 3rem;
    overflow: hidden;
}

    .com_right p {
        font-size: 0.8rem;
        color: #333;
        line-height: 1.6rem;
    }

.play .swiper {
    width: 100%;
    height: 100%;
}

.play .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .play .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.play .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.play .swiper-slide {
    background-size: cover;
    background-position: center;
}

.play .mySwiper2 {
    height: 80%;
    width: 100%;
}

.play .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

    .play .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.3;
    }

    .play .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
    }

.play .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play {
    background-color: #fff;
    padding: 2rem;
    margin-bottom: 3rem;
}

.play_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.play_left {
    width: 30%;
    overflow: hidden;
}

.play_right {
    width: 67%;
    overflow: hidden;
}

    .play_right h3 {
        font-size: 1.75rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 2rem;
    }

.play_tag {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 2rem 0;
}

    .play_tag p {
        font-size: 1rem;
        color: #333;
        flex: 1;
    }

    .play_tag span {
        font-size: 1rem;
        color: #333;
    }

.play_button {
    width: 30%;
    margin-top: 6rem;
    display: block;
    height: 3.5rem;
    line-height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.8rem;
    background-color: #ff8c30;
}

    .play_button i {
        font-size: 1.75rem;
        color: #fff;
    }

    .play_button p {
        font-size: 1.5rem;
        color: #fff;
        font-weight: bold;
        margin-left: 0.5rem;
    }

.play_left_big {
    position: relative;
    overflow: hidden;
}

.play_img {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

    .play_img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        vertical-align: middle;
    }

.play_left_small {
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
}

.play_img_small {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.play_left_small img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    vertical-align: middle;
}

.qing {
    background-color: #f9f9f9;
    padding: 1rem 0 3rem 0;
    width: 100%;
}

.qing_main {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

    .qing_main h6 {
        font-size: 2rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }

.qing_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qing_list li {
    width: 49%;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 2rem;
}

    .qing_list li:hover h4 {
        color: #ff8c30;
    }

    .qing_list li:hover i {
        color: #ff8c30;
    }

.qing_box {
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.qing_img {
    width: 30%;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 26%;
}

    .qing_img img {
        width: 100%;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
    }

.qing_button {
    display: block;
    width: 30%;
    height: 3.5rem;
    line-height: 3.5rem;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 1rem;
    color: #333;
    margin: 3rem auto 0 auto;
    transition: all 0.3s;
}

    .qing_button:hover {
        background-color: #ff8c30;
        border: 1px solid #ff8c30;
        color: #fff;
        transition: all 0.3s;
    }

.xian {
    width: 100%;
    background-color: #f9f9f9;
    padding: 3rem 0 0 0;
}

.xian_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

    .xian_con h6 {
        font-size: 2rem;
        color: #333;
        font-weight: bold;
        margin-bottom: 2rem;
    }

.xian_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .xian_list ul::after {
        content: "";
        width: 32%;
        overflow: hidden;
    }

.xian_list li {
    width: 32%;
    overflow: hidden;
    margin-bottom: 2rem;
    background-color: #fff;
    position: relative;
}

.xian_img {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 54%;
    display: block;
}

    .xian_img img {
        width: 100%;
        vertical-align: middle;
        position: absolute;
        top: 0;
        left: 0;
    }

.xian_text {
    padding: 2rem;
}

.xian_list li:hover h4 {
    color: #ff8c30;
}

.xian_list li .ne_good_list_text {
    width: 100%;
}

.xian .ne_good_list_tips_li {
    margin: 0.8rem 0;
}

.banner .swiper {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 720px;
    overflow: hidden;
    ;
}

    .banner .swiper-slide img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }


/* .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} */

.banner .swiper_index {
    position: absolute;
    bottom: 8.0rem;
    width: 9rem;
    height: 3.0rem;
}

.banner .swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    font-size: .8rem !important;
}

.banner .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: absolute;
    top: 0;
    line-height: 2.9rem;
    color: #fff;
}

.liuyan {
    max-width: 1440px;
    margin: -8.0rem auto 0 auto;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 99;
    background: #fff;
}

.liuyan_padd {
    padding: 2.0rem;
}

    .liuyan_padd h2 {
        font-size: 1.5rem;
        font-weight: bold;
        color: #16182b;
    }

.liuyan_input {
    margin-top: 2.0rem;
}

.liuyan_input_fw {
    display: flex;
    justify-content: space-between;
}

    .liuyan_input_fw .liuyan_input_input {
        width: 28%;
        position: relative;
    }

        .liuyan_input_fw .liuyan_input_input i {
            position: absolute;
            top: 50%;
            left: 1.0rem;
            font-size: 1.2rem;
            margin-top: -.6rem;
            color: #999;
        }

    .liuyan_input_fw select,
    .liuyan_input_fw input {
        width: 100%;
        height: 4.0rem;
        border: none;
        font-size: 1.0rem;
        color: #333;
        border-radius: .8rem;
        text-indent: 2.6rem;
        background: #fafafa;
        outline: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .liuyan_input_fw button {
        width: 14%;
        height: 4.0rem;
        border: none;
        font-size: 1.0rem;
        color: #fff;
        border-radius: .8rem;
        background: #ff8c30;
        transition: .5s all;
        outline: none;
        cursor: pointer;
    }

        .liuyan_input_fw button:hover {
            box-shadow: 0px 6px 10px rgba(255,140,48, .3);
        }

        .liuyan_input_fw button i {
            display: inline-block;
            margin-right: .8rem;
        }
.pingtaiyoushi{ background:#fafafa; margin:5.0rem 0; padding:4.0rem 0;}
.pingtaiyoushi_content{max-width:1440px; width:96%; margin:0 auto;}
.pingtaiyoushi_content .pingtaiyoushi_title{ font-size:2.0rem; color:#333; font-weight:bold;}
.pingtaiyoushi_ul{ margin-top:3.0rem;}
.pingtaiyoushi_content ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.pingtaiyoushi_content ul li{ width:23%; background:#fff;}
.youshi {
    max-width: 1440px;
    margin: 5.0rem auto 0 auto;
}
.pingtai_text{ margin-top:3.0rem}
.pingtai_text h3{ font-size:1.2rem; font-weight:bold; font-weight:bold; color:#333}
.pingtai_text p{ font-size:.87rem; margin-top:1.0rem;}
.pingtai_a{ margin-top:1.0rem; color:#ff8c30; display:flex; align-items:flex-end}
.pingtai_a i{ display:block; margin-left:1.0rem;}
.pingtai_padd{ padding:2.0rem;}

    .youshi ul {
        display: flex;
    }

        .youshi ul li {
            width: 25%;
            display: flex;
            align-items: center; position:relative;
        }
        .youshi ul li::after{content:''; width:1px; background:#e5e5e5; position:absolute; top:10%; height:80%; right:0;}
        .youshi ul li:nth-child(4)::after{display:none;}
            .youshi ul li .youshi_icon {
                font-size: 2.0rem;
                width: 4.0rem;
                margin-right: 1.6rem;
                height: 4.0rem;
                border: 1px solid #e5e5e5;
                text-align: center;
                line-height: 4.0rem;
                border-radius: 50%; display:none;
            }

                .youshi ul li .youshi_icon i {
                    font-size: 2.0rem;
                    color: #16182b;
                }

.youshi_text {
    flex: 1; text-align:center;
}

.youshi ul li .youshi_text h3 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #ff8c30;
}

    .youshi ul li .youshi_text h3 span {
        font-size: 3rem;
    }

.youshi ul li .youshi_text p {
    font-size: .87rem;
    color: #333;
}

.fenge {
    max-width: 1440px; display:none;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: 4.0rem auto;
}

._citys {
    width: 450px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 5px;
    position: relative;
    background: #fff;
}

    ._citys span {
        color: #ff8c30;
        height: 15px;
        width: 15px;
        line-height: 15px;
        text-align: center;
        border-radius: 3px;
        position: absolute;
        right: 10px;
        top: 10px;
        border: 1px solid #ff8c30;
        cursor: pointer;
    }

._citys0 {
    width: 100%;
    height: 34px;
    display: inline-block;
    border-bottom: 2px solid #ff8c30;
    padding: 0;
    margin: 0;
}

    ._citys0 li {
        display: inline-block;
        line-height: 34px;
        font-size: 15px;
        color: #888;
        width: 80px;
        text-align: center;
        cursor: pointer;
    }

.citySel {
    background-color: #ff8c30;
    color: #fff !important;
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

    ._citys1 a {
        width: 83px;
        height: 35px;
        display: inline-block;
        background-color: #f5f5f5;
        color: #666;
        margin-left: 6px;
        margin-top: 3px;
        line-height: 35px;
        text-align: center;
        cursor: pointer;
        font-size: 13px;
        overflow: hidden;
    }

        ._citys1 a:hover {
            color: #fff;
            background-color: #ff8c30;
        }

.AreaS {
    background-color: #ff8c30 !important;
    color: #fff !important;
}
.shangjia_content .shangjia_swiper { display:none;}
.shangjia_content .shangjia {
    display: none; margin:0;
}

.shangjia_content .shangjia_curr {
    display: block;
}
.shangjia_li{background:#fff; display:flex; justify-content:space-between;}

.shangjia h2 {
    max-width: 1440px;
    width: 96%;
    margin: 3.0rem auto 2.0rem auto;
    font-size: 2.0rem;
    color: #16182b;
    font-weight: bold;
}

.shangjia_tad {
    max-width: 1440px;
    width: 96%;
    margin: 3.0rem auto; display:flex; justify-content:space-between;
}
.shangjia_tad .shangjia_content{width:calc(100% - 10rem)}
.shangjia_fenlei { width:10rem;}

    .shangjia_fenlei ul {
        /*display: flex;
        align-items: center;*/
        /*margin-left: -3.0rem;*/
    }

        .shangjia_fenlei ul li {
            /*margin: 0 3.0rem;*/ margin-bottom:2.0rem;
        }

        .shangjia_fenlei ul li a{ display:flex; align-items:center;}
        .shangjia_fenlei ul li a span{ display:block; width:.6rem; height:2px; background:#333; margin-right:.5rem}
        .shangjia_fenlei ul .shangjia_fenlei_curr a span{ width:1.4rem; background:#ff8c30;height:2px;}
        .shangjia_fenlei ul .shangjia_fenlei_curr a i{ color:#ff8c30}

        .shangjia_fenlei ul .shangjia_fenlei_curr a {
            font-weight: bold;
        }

        .shangjia_fenlei ul li a {
            font-size: 1.0rem;
            color: #16182b;
        }
        .shangjia_fenlei .shangjia_li{ width:100%; background:#fff; position:relative;}
.shangjia_li .shangjia_img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 60%;
    position: relative;
}
.shangjia_img_width{ width:60%}
.shangjia_li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.shangjia_li .shangjia_text {
    padding: 3rem;
    flex:1;
    border-top: none; display:flex; justify-content:space-between; flex-direction:column;
}

    .shangjia_li .shangjia_text h3 {
        font-size: 2rem;
        color: #16182b;
        font-weight: bold;
        margin-bottom: 2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
.shangjia_li  a{ position:absolute; top:0; left:0; width:100%; height:100%;}
    .shangjia_li .shangjia_text p {
        font-size: .87rem;
        color: #333;
        margin-top: .5rem;
        display: flex;
        align-items: flex-start; margin-top:1rem; justify-content:flex-start
    }
    .shangjia_text_more{display:flex; align-items:center; font-size:1.0rem; color:#333; margin-top:3.0rem;}
    .shangjia_text_more i{ width:2.0rem; height:2.0rem; text-align:center; line-height:2.0rem; background:#e5e5e5; border-radius:50%; font-size:1.2rem; margin-left:1.0rem;}
        .shangjia_li .shangjia_text p span{ display:inline-block; margin-right:.6rem}
        .shangjia_li .shangjia_text p i {
            display: inline-block; margin-top:.2rem;
            margin-right: .8rem;
            font-size: 1.1rem;
        }

        .shangjia_li .shangjia_text p b {
            height: .87rem;
            width: 1px;
            background: #e5e5e5;
            display: inline-block;
            margin: 0 .7rem;
        }

.xiangmu {
    max-width: 1440px;
    margin: 5.0rem auto;
}

    .xiangmu .xiangmu_title h2 {
        font-size: 2.0rem;
        color: #16182b;
        font-weight: bold;
    }

    .xiangmu .xiangmu_title p {
        font-size: 1.0rem;
        color: #16182b;
        margin-top: 1.4rem;
    }

    .xiangmu .xiangmu_ul {
        margin-top: 3.0rem;
    }

        .xiangmu .xiangmu_ul ul {
            display: flex;
            justify-content: space-between;
        }

            .xiangmu .xiangmu_ul ul li {
                width: 15%;
            }

                .xiangmu .xiangmu_ul ul li a {
                    display: block;
                    width: 100%;
                    padding-top: 144%;
                    height: 0;
                    overflow: hidden;
                    position: relative;
                }

                .xiangmu .xiangmu_ul ul li .xiangmu_li_img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                }

                    .xiangmu .xiangmu_ul ul li .xiangmu_li_img img {
                        width: 120%;
                    }

                .xiangmu .xiangmu_ul ul li .xiangmu_li_text {
                    position: absolute;
                    bottom: 2.0rem;
                    left: 2.0rem;
                    z-index: 9;
                    color: #dd9513;
                    transition: .3s all;
                    background: rgba(255,140,48, 0);
                }

                .xiangmu .xiangmu_ul ul li .xiangmu_text_icon i {
                    font-size: 2.4rem;
                    font-weight: normal;
                }

                .xiangmu .xiangmu_ul ul li .xiangmu_li_text h3 {
                    font-size: 1.25rem;
                    font-weight: bold;
                    margin-top: .8rem;
                }

                .xiangmu .xiangmu_ul ul li .xiangmu_li_text p {
                    font-size: .87rem;
                    margin-top: .2rem;
                }

                    .xiangmu .xiangmu_ul ul li .xiangmu_li_text p i {
                        font-size: .7rem;
                    }

                .xiangmu .xiangmu_ul ul li:hover .xiangmu_li_text {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(255,140,48, .8);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                }

.jieshao_title {
    max-width: 950px;
    width: 94%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

    .jieshao_title h2 {
        font-size: 2.0rem;
        font-weight: bold;
        color: #16182b;
        margin-right: 4.0rem;
    }

    .jieshao_title p {
        font-size: .87rem;
        color: #16182b;
        flex: 1;
    }

.jieshao .jieshao_content {
    max-width: 1440px;
    margin: 3.0rem auto 0 auto;
    display: flex;
    justify-content: space-between;
}

.jieshao .jiehao_content_img {
    width: 66%;
}

    .jieshao .jiehao_content_img img {
        width: 100%;
    }

.jieshao .jieshao_content_text {
    /*background: #ff8c30;*/
    background:url(../images/back_10.jpg) no-repeat 50% 50%; background-size:100% 100%;
    width: 32%;
    display: flex;
    align-items: stretch;
}

.jieshao .jieshao_content_text_pad {
    padding: 3rem;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}

.jieshao .jieshao_content_text h3 {
    font-size: 1.5rem;
    font-weight: bold;
}

.jieshao .jieshao_content_text .jieshao_content_text_p {
    font-size: 1.0rem;
    margin-top: 1.0rem;
}

    .jieshao .jieshao_content_text .jieshao_content_text_p p {
        margin-top: .4rem;
    }

.jieshao_content_text_tel {
    margin-top: 5.0rem;
    padding-top: 3.0rem;
    border-top: 1px solid #fff;
    display: flex;
}

    .jieshao_content_text_tel i {
        font-size: 2.0rem;
        margin-right: .8rem;
    }

    .jieshao_content_text_tel h4 {
        font-size: 1.0rem;
    }

    .jieshao_content_text_tel h5 {
        font-size: 1.5rem;
        font-weight: bold;
    }

.zixun {
    margin: 5.0rem auto 0 auto;
    max-width: 1440px;
    width: 96%;
}

    .zixun h2 {
        font-size: 2.0rem;
        color: #16182b;
        font-weight: bold;
    }

    .zixun .zixun_content {
        margin-top: 3.0rem;
    }

.zixun_fenlei ul {
    display: flex;
    align-items: center;
    margin-left: -3.0rem;
}

    .zixun_fenlei ul li {
        margin: 0 3.0rem;
    }

    .zixun_fenlei ul .zixun_fenlei_curr a {
        font-weight: bold;
    }

    .zixun_fenlei ul li a {
        font-size: 1.0rem;
        color: #16182b;
    }

        .zixun_fenlei ul li a:hover {
            font-weight: bold;
        }

.zixun .zixun_list {
    margin-top: 3.0rem;
}

    .zixun .zixun_list ul {
        display: none;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .zixun .zixun_list .zixun_list_curr {
        display: flex;
    }

    .zixun .zixun_list ul:after {
        content: " ";
        width: 33.33%;
    }

    .zixun .zixun_list ul li {
        width: 33.33%;
        transition: .5s all;
    }

        .zixun .zixun_list ul li .zixun_list_padd {
            padding: 2.0rem;
            color: #16182b;
            background: #fff;
            transition: .5s all;
        }

        .zixun .zixun_list ul li .zixun_list_time {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            border-bottom: 1px solid #e5e5e5;
            padding-bottom: 2.0rem;
        }

        .zixun .zixun_list ul li .zixun_list_time_left h4 {
            font-size: 1.5rem;
            font-weight: bold;
        }

        .zixun .zixun_list ul li .zixun_list_time_left h5 {
            font-size: .87rem;
        }

        .zixun .zixun_list ul li .zixun_list_time_right {
            position: relative;
            width: 2.25rem;
            height: 0.38rem;
            transition: .5s all;
        }

            .zixun .zixun_list ul li .zixun_list_time_right img {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                transition: .5s all;
            }

            .zixun .zixun_list ul li .zixun_list_time_right .zixun_list_time_icon_1 {
                opacity: 1;
            }

        .zixun .zixun_list ul li .zixun_list_text {
            margin-top: 2.0rem;
        }

            .zixun .zixun_list ul li .zixun_list_text h3 {
                font-size: 1.1rem;
                font-weight: bold;
            }

                .zixun .zixun_list ul li .zixun_list_text h3 a {
                    color: #16182b;
                    margin-left: 0;
                    display: inline-block;
                    transition: .5s all;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }

            .zixun .zixun_list ul li .zixun_list_text p {
                font-size: .87rem;
                color: #999;
                margin-top: .6rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

        .zixun .zixun_list ul li:hover .zixun_list_padd {
            background: #ff8c30;
            color: #fff;
        }

        .zixun .zixun_list ul li:hover .zixun_list_time_right .zixun_list_time_icon_1 {
            opacity: 0;
        }

        .zixun .zixun_list ul li:hover .zixun_list_time_right .zixun_list_time_icon_2 {
            opacity: 1;
        }

        .zixun .zixun_list ul li:hover .zixun_list_text h3 a {
            color: #fff;
            margin-left: 1.0rem;
        }

        .zixun .zixun_list ul li:hover .zixun_list_text p {
            color: #fff;
        }

        .zixun .zixun_list ul li:hover .zixun_list_time_right {
        }

        .zixun .zixun_list ul li:hover {
            box-shadow: 4px 0 18px rgba(255,140,48, .2);
            position: relative;
            z-index: 9;
        }

        .zixun .zixun_list ul li .zixun_list_text h3 a:hover {
            text-decoration: underline;
        }

.bendi {
    background: #fafafa;
    margin-top: 5.0rem;
    padding: 4.0rem 0;
}

.bendi_content {
    max-width: 1440px;
    margin: 0 auto;
    width: 96%;
}

    .bendi_content h2 {
        font-size: 2.0rem;
        color: #16182b;
        font-weight: bold;
    }

.bendi_fenlei ul {
    display: flex;
    align-items: center;
    margin-left: -3.0rem;
}

    .bendi_fenlei ul li {
        margin: 0 3.0rem;
    }

    .bendi_fenlei ul .bendi_fenlei_curr a {
        font-weight: bold;
    }

    .bendi_fenlei ul li a {
        font-size: 1.0rem;
        color: #16182b;
    }

        .bendi_fenlei ul li a:hover {
            font-weight: bold;
        }

.bendi .bendi_fenlei {
    margin-top: 3.0rem;
}

.bendi_list {
    margin-top: 1.0rem;
}

    .bendi_list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .bendi_list ul li {
            width: 49%;
            background: #fff;
            margin-top: 2.0rem;
            transition: .5s all;
        }

            .bendi_list ul li .bendi_list_padd {
                padding: 1.3rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .bendi_list ul li .bendi_list_left {
                width: 40%;
            }

                .bendi_list ul li .bendi_list_left .bendi_list_left_padd {
                    width: 100%;
                    height: 0;
                    position: relative;
                    overflow: hidden;
                    padding-top: 71%;
                }

                    .bendi_list ul li .bendi_list_left .bendi_list_left_padd img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                    }

            .bendi_list ul li .bendi_list_right {
                width: 56%;
            }

                .bendi_list ul li .bendi_list_right h3 {
                    font-size: 1.1rem;
                    font-weight: bold;
                }

                    .bendi_list ul li .bendi_list_right h3 a {
                        color: #16182b;
                        transition: .5s all;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;
                        overflow: hidden;
                    }

    .bendi_list .bendi_list_right h3 {
        font-size: 1.1rem;
        color: #16182b;
        font-weight: bold;
        margin-bottom: .9rem;
    }

    .bendi_list .bendi_list_jieshao p {
        font-size: .87rem;
        color: #999;
        margin-top: .5rem;
        display: flex;
        align-items: center;
    }
        .bendi_list .bendi_list_jieshao p span{ display:inline-block;margin-right:.6rem}
        .bendi_list .bendi_list_jieshao p i {
            display: inline-block;
            margin-right: .4rem;
            font-size: 1.1rem;
        }

        .bendi_list .bendi_list_jieshao p b {
            height: .87rem;
            width: 1px;
            background: #e5e5e5;
            display: inline-block;
            margin: 0 .7rem;
        }

    .bendi_list .bendi_tel {
        border-top: 1px solid #e5e5e5;
        margin-top: 1.4rem;
        padding-top: 1.4rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .bendi_list .bendi_tel_left {
        display: flex;
        justify-content: space-between;
        color: #16182b;
        align-items: center;
    }

        .bendi_list .bendi_tel_left span {
            font-weight: bold;
            font-size: 1.2rem;
        }

        .bendi_list .bendi_tel_left i {
            font-size: 1.4rem;
            display: inline-block;
            margin-right: .5rem;
        }

    .bendi_list .bendi_tel_right {
    }

        .bendi_list .bendi_tel_right a {
            font-size: .87rem;
            color: #999;
            display: flex;
            align-items: flex-end;
            margin-right: 0;
            transition: .5s all;
        }

        .bendi_list .bendi_tel_right:hover a {
            margin-right: -.6rem;
            color: #ff8c30;
        }

    .bendi_list ul li:hover {
        box-shadow: 10px 0 18px rgba(0, 0, 0, .05);
    }

    .bendi_list ul li .bendi_list_right h3 a:hover {
        color: #ff8c30;
    }

    .bendi_list ul {
        display: none;
    }

    .bendi_list .bendi_list_curr {
        display: flex;
    }

.hezuo {
    max-width: 1440px;
    margin: 5.0rem auto;
    width: 96%;
}

    .hezuo .hezuo_title {
        font-size: 2.0rem;
        color: #16182b;
        font-weight: bold;
        text-align: center;
    }

    .hezuo .hezuo_con {
        margin-top: 1.0rem;
    }

        .hezuo .hezuo_con ul {
            display: flex;
            flex-wrap: wrap;
        }

            .hezuo .hezuo_con ul li {
                width: 14.2%;
                margin-top: 2.0rem;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .hezuo .hezuo_con ul li img {
                    width: 65%;
                }

.choosen_left input {
    border: none;
    outline: none;
    background: none;
    display: block;
    width: 100%;
}

.ne_right .liuyan_input_fw .liuyan_input_input {
    width: 97%;
}

.zhu_input_two_pull input {
    border: none;
    outline: none;
    background: none;
    width: 100%;
    display: block;
}

.ne_hot_list li:hover .ne_hot_list_text h4 {
    text-decoration: underline;
    margin-left: 1.5rem;
    transition: all 0.3s;
}

.sort_nav {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 96%;
}

.sort_nav_left {
    width: 23%;
    border-radius: .6rem .6rem 0 0;
    background: #ff8c30;
    color: #fff;
    text-align: center;
    height: 3.0rem;
    line-height: 3.0rem;
    font-size: 1.2rem;
    font-weight: bold;
}

.sort_nav_right {
    font-size: 1.0rem;
}

    .sort_nav_right ul {
        display: flex;
    }

        .sort_nav_right ul li {
            margin: 0 2.5rem;
        }

            .sort_nav_right ul li a:hover {
                color: #ff8c30;
                font-weight: bold;
            }

.sort {
    background: #f9f9f9;
}

.sort_content {
    max-width: 1440px;
    margin: 0 auto;
    width: 96%;
    display: flex;
    justify-content: space-between;
}

.sort_content_left {
    width: 23%;
    background: #fff;
    height: 100%;
    overflow-y: auto;
}

    .sort_content_left ul {
        padding: 1.4rem;
    }

        .sort_content_left ul li {
            margin-top: 1.0rem;
        }

            .sort_content_left ul li h4 {
                font-size: .87rem;
                color: #999;
                display: flex;
                align-items: center;
            }

                .sort_content_left ul li h4 i {
                    display: inline-block;
                    width: .2rem;
                    background: #e5e5e5;
                    border-radius: .1rem;
                    margin-right: .4rem;
                    height: .87rem;
                }
            .sort_content_left ul li h1 {
                font-size: .87rem;
                color: #999;
                display: flex;
                align-items: center;
            }
            .sort_content_left ul li h1 i {
                display: inline-block;
                width: .2rem;
                background: #e5e5e5;
                border-radius: .1rem;
                margin-right: .4rem;
                height: .87rem;
            }
            .sort_content_left ul li p {
                margin-top: .4rem;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                line-height: 1.6rem;
            }

                .sort_content_left ul li p a {
                    font-size: .87rem;
                    display: inline-block;
                    color: #333333; margin-right:1.0rem;
                }

                .sort_content_left ul li p span {
                    height: .87rem;
                    width: .1rem;
                    background: #ccc;
                    margin: 0 .8rem;
                    display: block;
                }

                .sort_content_left ul li p a:hover {
                    color: #ff8c30;
                    text-decoration: underline;
                }

.sort_content_right {
    flex: 1;
    margin-left: 3.0rem;
    margin-top: 2.0rem;
    display: flex;
    justify-content: space-between;
}

.sort_content_right_banner {
    width: 70%;
}

    .sort_content_right_banner a {
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 61%;
        position: relative;
    }

        .sort_content_right_banner a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

.sort_content_right_nav {
    flex: 1;
    margin-left: 3.0rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sort_content_right_nav_div {
    width: 100%;
}

    .sort_content_right_nav_div a {
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 77%;
        position: relative;
    }

.sort_content_right_nav_text {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 12%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

    .sort_content_right_nav_text h3 {
        font-size: 1.25rem;
        font-weight: bold;
        color: #fff;
    }

    .sort_content_right_nav_text h4 {
        font-size: 1.0rem;
        color: #fff;
        font-weight: bold;
    }

    .sort_content_right_nav_text p {
        margin-top: 60%;
        color: #fff;
        display: flex;
        align-items: center;
        transition: .5s all;
    }

        .sort_content_right_nav_text p i {
            width: 1.3rem;
            height: 1.3rem;
            border: 1px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .87rem;
            border-radius: 50%;
            margin-left: .5rem;
        }

.sort_content_right_nav_div a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.sort_content_right_nav_div_a {
    transition: .5s all;
}

.sort_content_right_nav_div_b {
    transition: .5s all;
}

.sort_content_right_nav_div_a:hover {
    box-shadow: 0 5px 16px rgba(58, 119, 255, .4);
}

.sort_content_right_nav_div_b:hover {
    box-shadow: 0 5px 16px rgba(255, 173, 45, .4);
}

.sort_content_right_nav_text p:hover {
    margin-left: 1.0rem;
}

.liuyan_sort {
    margin-top: 3.0rem !important;
}

.sort_content_left::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}

.sort_content_left::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.sort_content_left::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
    border-radius: 10px;
    background: #ededed;
}

.ne_good_list_tag_right:hover {
    margin-right: 1.5rem;
    transition: all 0.3s;
}

.mobanners {
    display: none;
}


#clist {
    width: auto;
    height: auto;
    overflow: auto;
}

.province dl {
    padding: 5px 20px;
    clear: both;
    zoom: 1;
    width: 100%
}

.province dt {
    font-size: 14px;
    padding-top: 7px;
    width: 50px;
    text-align: right;
    float: left;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
    margin-top: 3px;
}

.province dd {
    float: right;
    margin-bottom: 3px;
    padding-right: 20px;
    width: 840px;
    display: block;
    margin-top: 3px;
}

    .province dd a {
        white-space: nowrap;
        font-size: 14px;
        margin: 7px 11px 0 0;
        display: block;
        float: left
    }

.pinyin dl {
    padding: 5px 20px;
    clear: both;
    zoom: 1;
    margin: 0;
    width: 100%
}

.pinyin dt {
    font-size: 14px;
    padding-top: 7px;
    width: 4%;
    float: left;
    font-weight: bold;
    display: block;
    margin: 3px 0;
}

.pinyin dd {
    float: left;
    width: 94%;
    display: block;
    margin: 3px 0;
}

    .pinyin dd a {
        white-space: nowrap;
        font-size: 14px;
        margin: 7px 11px 0 0;
        display: block;
        float: left
    }

        .pinyin dd a:hover {
            color: #f1940f;
        }

#blist {
    font-size: 14px;
    padding-top: 5px
}

    #blist a {
        margin-right: 10px;
        text-decoration: underline;
        font-weight: bold
    }

.lines {
    display: block;
    clear: both;
    font-size: 0;
    height: 15px;
    margin-bottom: 10px;
    line-height: 0;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1
}


#main {
    width: 100%;
    max-width: 1200px;
    margin: 1.4rem auto;
}

.crumb {
    background: #faebd7;
    height: 2rem;
    padding: 1%;
    width: 98%;
}

    .crumb p {
        color: #222;
        font-size: 1.1rem;
        line-height: 2rem;
    }

.renmen_city {
    margin-top: 2rem;
}

    .renmen_city .box {
        background: #f1f1f1;
        overflow: hidden;
        padding: 1%;
        width: 98%;
    }

    .renmen_city p {
        font-size: 1rem;
        color: #222;
        float: left;
        line-height: 2rem;
    }

    .renmen_city a {
        margin: 0 0.7%;
        float: left;
        font-size: 0.96rem;
        color: #555;
        line-height: 2rem;
    }

        .renmen_city a:hover {
            color: #f1940f;
        }

    .renmen_city img {
        margin-right: 1rem;
        float: left;
        margin-top: 0.2rem;
    }
.flxed {
    width: 3.0rem;
    height: 3.0rem;
    border-radius: .6rem;
    background: #fff;
    box-shadow: 0px 6px 12px rgba(255,140,48,.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.flxed_right {
    position: fixed;
    top: 60%;
    right: 10px;
    margin-top: -1.5rem;
    z-index: 999
}

.flxed .iconfont {
    font-size: 1.8rem;
    color: #ff8c30
}

.flxed_tel {
    position: absolute;
    top: 2.0rem;
    opacity: 0;
    display: none;
    transition: .5s all;
    right: 4.0rem;
    background: #fff;
    box-shadow: 0px 6px 12px rgba(255,140,48,.3);
    padding: 2.0rem;
    border-radius: .6rem;
    width: 10.0rem
}

    .flxed_tel p {
        font-size: .8rem;
        color: #666
    }

    .flxed_tel h4 {
        font-size: 1.4rem;
        font-weight: bold;
        flex-wrap: nowrap;
        margin-top: .6rem;
        color: #ff8c30;
    }

.flxed_right:hover .flxed_tel {
    top: 0;
    opacity: 1;
    display: block;
}


.mo_bottom_tel {
    display:none;
    width: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    bottom: 0;
    left: 0; z-index:9999;
}

    .mo_bottom_tel a {
        display: block;
        padding: 1.0rem
    }

.mo_tel_con {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8c30;
    border-radius: .8rem;
    padding: 1rem 0;
}

.mo_tel_left {
    margin-right: 1.0rem
}

    .mo_tel_left .iconfont {
        font-size: 1.4rem;
        color: #fff;
        color: #fff;
    }

.mo_tel_right {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .flxed_right{ display:none;}
    .mo_bottom_tel{ display:block;}
    .renmen_city p {
        padding: 0 1%;
    }

    .phone_list_nav {
        display: block;
    }

    .topnav_list {
        display: none;
    }

    .ma_box {
        display: none;
    }

    .ne_main {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .ne_left {
        width: 100%;
    }

    .ne_right {
        width: 100%;
    }

    .nav {
        display: none;
    }

    .footer_con {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .footer_item {
        width: 100%;
        margin: 2rem 0;
    }

    .ne_right_box {
        margin: 0 0.8rem;
    }

    .zhu_con {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .zhu_left {
        width: 100%;
    }

    .zhu_right {
        width: 100%;
        margin-bottom: 2rem
    }

    .online_phone {
        display: none;
    }

    .logo_title {
        display: none;
    }

    .search {
        display: none;
    }

    .head_con {
        justify-content: flex-start;
    }

    .address {
        margin-left: 2rem;
    }

    .zhu {
        padding: 3rem 0;
    }

    .zhu_right_box {
        padding: 2rem 0.8rem;
    }

    .zhu_left_box {
        padding: 1rem 0.8rem;
    }

    .zhu_input_two_pull {
        width: 90%;
        margin: 0 auto;
    }

    .zhu_input_one ul {
        flex-wrap: wrap;
    }

    .zhu_input_one li {
        width: 100%;
        margin: 0.8rem auto 0.8rem auto;
    }

    .zhu_input_two {
        margin: 1.5rem 0;
    }

    ._citys {
        width: 100%;
    }

    .footer_item li {
        width: auto;
        margin: 0.3rem 1rem;
    }

    .footer_item ul {
        justify-content: center;
    }

    .footer_item h3 {
        text-align: center;
    }

    .footer_way div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .copyrights {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }

    .small_nav {
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }

    .ne_text {
        padding: 2rem 0.8rem;
    }

    .ne_hot_list_box {
        padding: 2rem 0.8rem;
    }

    .ne_hot {
        padding: 0 0.8rem;
    }

    .shai_box {
        padding: 2rem 0.8rem;
    }

    .ne_good {
        padding: 2rem 0.8rem;
        margin-bottom: 1rem;
    }

    .ne_good_list {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .ne_good_list_img {
        width: 100%;
        padding-top: 65%;
    }

    .ne_good_list_text {
        width: 100%;
        margin-top: 1rem;
    }

    .son_list li {
        padding: 2rem 0.8rem;
    }

    .yema {
        margin: 1rem 0;
    }

    .two_list li {
        padding: 1rem 0.8rem;
    }

    .play_main {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .play_left {
        width: 100%;
    }

    .play_right {
        width: 100%;
        margin-top: 2rem;
    }

    .play {
        padding: 2rem 0.8rem;
    }

    .play_button {
        width: 50%;
        margin: 2rem auto 0 auto;
    }

    .company {
        padding: 2rem 0.8rem;
    }

    .com_right {
        margin-left: 1.5rem;
    }

    .bi {
        padding: 2rem 0.8rem;
    }

    .bi_box {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .bi_img {
        width: 100%;
    }

    .bi_text {
        width: 100%;
        margin-top: 2rem;
    }

    .bi_button {
        width: 50%;
        margin: 2rem auto 0 auto;
    }

    .xin {
        padding: 2rem 0.8rem;
    }

        .xin .ne_good_list_text {
            width: 67%;
        }

    .pin_main {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .pin_left {
        width: 100%;
    }

    .pin_right {
        width: 100%;
    }

    .pin_left_box {
        padding: 3rem 0.8rem;
    }

    .pin_right_box {
        padding: 2rem 0.8rem;
    }

    .pin_right_box_tab ul {
        flex-wrap: wrap;
    }

    .pin_right_box_tab li {
        margin: 0.3rem 1rem 0.3rem 0;
    }

    .tabspan {
        flex-wrap: wrap;
    }

        .tabspan span {
            margin-right: 1rem;
            margin-bottom: 0.5rem;
            padding: 0.3rem 1rem;
        }

    .sort_nav {
        display: none;
    }

    .qing_box {
        padding: 2rem 0.8rem;
        flex-wrap: wrap;
       
    }
    .qing_list li{margin-bottom:0}
    .qing_img {
        width: 40%;
        padding-top: 29%;
    }
    .qing_list li{width:100%}
    .two_text {
        width: 55%;
        margin-top: 1rem;
    }
    .ne_hot_list_top{display:none}
    .qing_button {
        width: 50%;
        margin: 2rem auto 0 auto;
    }

    .xian_list li {
        width: 100%;
    }

    .xian_text {
        padding: 1.5rem;
    }

        .xian_text .ne_good_list_text {
            margin-top: 0;
        }

    .xian_list {
        padding: 0 0.8rem;
    }

    .liuyan_input_fw {
        flex-wrap: wrap;
        flex-direction: column;
    }

        .liuyan_input_fw .liuyan_input_input {
            width: 100%;
            margin: 0.5rem auto;
        }

        .liuyan_input_fw button {
            width: 50%;
            margin: 1rem auto 0 auto;
        }

    .liuyan_padd h2 {
        text-align: center;
        font-size: 1.25rem;
    }

    .sort_content {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .sort_content_left {
        width: 100%;
        margin-top: 2rem;
    }

    .sort_content_right_banner {
        display: none;
    }

    .sort_content_right_nav {
        flex-direction: row;
        margin-left: 0;
    }

    .sort_content_right {
        margin-left: 0;
    }

    .sort_content_right_nav_div a {
        height: 100px;
    }

    .sort_content_right_nav_text {
        top: 20%;
        transform: translateY(-25%);
    }

    .sort_content_left ul {
        padding: 1.5rem 0.8rem;
    }

    .sort_content_right_nav_text p {
        margin-top: 30%;
    }

    .liuyan_padd {
        padding: 2rem 0.8rem;
    }

    .liuyan_sort {
        margin-top: 6rem !important;
    }

    .liuyan {
        margin: 2rem auto 0 auto;
    }

    .hezuo .hezuo_con ul li {
        width: 24%;
    }

    .hezuo .hezuo_title {
        font-size: 1.5rem;
    }

    .zixun .zixun_list ul li .zixun_list_padd {
        padding: 2rem 0.8rem;
    }

    .zixun .zixun_list ul li {
        width: 48%;
    }

    .jieshao_content img {
        display: none;
    }

    .jieshao .jieshao_content_text {
        width: 100%;
    }

    .youshi ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .youshi ul li {
            width: 50%;
            margin: 0.5rem 0;
        }
        .youshi ul li:nth-child(2)::after{display:none;}
        .shangjia_tad{ flex-wrap:wrap; margin-bottom:0;}
        .shangjia_tad .shangjia_content{ width:100%; margin-top:2.0rem;}
        .shangjia h2{margin-top:0; text-align:center;}
        .shangjia_img_width{ display:none;}
        .pingtaiyoushi_content ul li{ width:48%; margin-top:2.0rem;}
        .pingtaiyoushi_ul{ margin-top:1.0rem;}
        .pingtai_padd{padding:1.4rem;}
    .jieshao_title {
        flex-wrap: wrap;
        flex-direction: column;
    }

        .jieshao_title h2 {
            margin-bottom: 1rem;
        }

    .xiangmu .xiangmu_ul ul {
        flex-wrap: wrap;
    }

        .xiangmu .xiangmu_ul ul li {
            width: 48%;
            margin: 0.5rem 0;
        }

    .bendi_list ul li .bendi_list_padd {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0 0.8rem;
    }

    .bendi_list ul li .bendi_list_left {
        width: 100%;
    }

    .bendi_list ul li .bendi_list_right {
        width: 100%;
        margin-top: 1rem;
    }

    .bendi_list ul li {
        width: 100%;
    }

    .bendi_fenlei ul,
    .zixun_fenlei ul,
    .shangjia_fenlei ul {
        flex-wrap: wrap;
        margin-left: 0;
    }

        .bendi_fenlei ul li,
        .zixun_fenlei ul li,
        .shangjia_fenlei ul li {
            margin: 0.5rem 1rem 0.5rem 1rem;
        }

    .xiangmu .xiangmu_ul {
        padding: 0 0.8rem;
        margin-top: 2rem;
    }

    .xiangmu_title {
        padding: 0 0.8rem; text-align:center;
    }
    .pingtaiyoushi_content .pingtaiyoushi_title{text-align:center;}
    .fuwu{display:none;}
    .jieshao .jieshao_content_text_pad {
        padding: 3rem 0.8rem;
    }

    .fenge {
        margin: 2rem 0;
    }

    .youshi ul {
        padding: 0 0.8rem;
    }

        .youshi ul li .youshi_icon i {
            font-size: 1.5rem;
        }

        .youshi ul li .youshi_icon {
            width: 2.5rem;
            height: 2.5rem;
            line-height: 2.5rem;
        }

.shangjia_li .shangjia_text{ padding:2.0rem}
.shangjia_fenlei{ width:100%;}
.shangjia_fenlei ul{ display:flex; flex-wrap:wrap;}
    .pcbanners {
        display: none;
    }

    .mobanners {
        display: block;
    }
    .banner .swiper-slide{height:auto}
        .banner .swiper-slide img{position:static; top:0; left:0; width:100%;margin:0;}
    .banner .swiper_index{bottom:0;}

    .fu_nav2,
    .fu_nav {
        margin-top: 0 !important;
    }
}

.shangjia {
 background:#fafafa;
    margin: 5rem auto; padding:3.0rem 0;
}
.fuwu {
        /*background: url(../images/awefwedf.jpg) no-repeat 50% 50%; border-radius:1.0rem;*/
        max-width:1440px; width:96%; margin:5rem auto; overflow:hidden; position:relative;
    }

.fuwu_content{ position:absolute; top:3.0rem; left:3.0rem;}
/*.fuwu_content_text{background:#fff; box-shadow:0 1.0rem 2.0rem rgba(255,140,48,.3); width:100%; max-width:720px;}*/
/*.fuwu_content_padding{padding:3.0rem; display:flex; flex-direction:column;}*/
.fuwu_content_text{}
.fuwu_content_text h2{ font-size:2.0rem; color:#fff; font-weight:bold; margin-bottom:2.4rem}
.fuwu_content_text p{ font-size:1.1rem; font-weight:bold; margin-top:.8rem; display:inherit; color:#fff}
.fuwu_content_text h2 span{ position:relative;}
.fuwu_content_text h2 span i{ position:relative; z-index:1;}
.fuwu_content_text h2 span::after{ content:''; position:absolute; width:100%;display:block; height:1rem; bottom:0; left:0; background:#ff8c30; opacity:.4;}
.fu_nav2 {
    width: 100%;
    background-color: #fafafa;
    padding: 2rem 0;
    margin-top: 2rem;
}
.fu_nav_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .fu_nav_con a {
        font-size: 0.9rem;
        color: #333;
    }

    .fu_nav_con p {
        font-size: 0.9rem;
        color: #333;
    }

    .fu_nav_con i {
        color: #333;
        margin: 0 0.3rem;
    }

    .fu_nav_con a:hover {
        color: #ff552e;
    }