* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none
}

@charset "utf-8";

/* css document */

body {
    margin: 0px;
    padding: 0px;
    font-family: "苹方";
    color: #666666;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    overflow-x: hidden;
    box-sizing: border-box;
}

* {
    font-family: "苹方";
}

li {
    list-style: none
}

ul {
    padding-left: 0;
    margin: 0 0
}

a {
    color: #666;
}

.center {
    max-width: 1200px;
    margin: 0 auto
}

h2,
h3,
h4,
h5,
p {
    margin: 0 0;
    padding: 0 0;
    font-weight: 500;
}

h1 {
    font-size: 2rem;
}

.ctrl span {
    float: left;
    cursor: pointer;
}

input,
textarea,
select {
    outline: none;
    font-family: "苹方";
}

img {
    border: none
}

.swiper-slide img {
    width: 100%
}

.clear {
    clear: both
}

@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%
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.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;
}

.swiper-slide img {
    max-width: 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;
}

.three-card .ico svg {
    font-size: 50px;
    margin-right: 20px;
}

.card li svg {
    font-size: 55px;
}

@font-face {
    font-family: 'iconfont';
    src: ;
    src:  format('embedded-opentype'),  format('woff2'),  format('woff'),  format('truetype'),  format('svg');
}

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


/* 首页部分 */

.phone_nav_list {
    display: none;
}

.banner_mo {
    display: none;
}


/* 侧边栏 */

.tel_fixed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    right: 150%;
}

.fix_display {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fix_display .ico-phone {
    margin-top: 18px;
    margin-left: 10px;
    margin-right: 5px;
    color: #3e584d;
}

.fix_display .ico-phone i {
    font-size: 30px;
}

.fix_display h4 {
    font-size: 16px;
    margin-top: 20px;
}

.phone i {
    font-size: 40px;
    color: #fff;
}

.fix_display span {
    font-size: 14px;
}

.fix_display p {
    color: #ff552e;
    font-size: 30px;
    margin: 15px 0;
    font-family: impact;
}

.fix_display {
    height: 100px;
    color: #333;
    background: none;
    margin-left: 10px;
}

.tel_left img {
    height: 130px;
}

.tel_cont img {
    height: 130px;
    width: 200px;
}

.tel_right img {
    height: 130px;
}

.fix .phone {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 17px;
    right: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #ff552e;
}

.fix .phone:hover {
    cursor: pointer;
}

.back {
    text-align: center;
    color: #fff;
    display: none;
}

.back i {
    font-size: 40px;
}

.back:hover {
    cursor: pointer;
}

.fix .back {
    position: absolute;
    top: 110px;
    right: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #ff552e;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: none;
}

.aside {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9999999;
}

.fixed {
    display: none;
}

.fixed {
    display: none;
    position: fixed;
    top: 70%;
    right: 0;
    width: 4.0rem;
    height: 4.0rem;
    background: #ff552e;
    border-radius: 50%;
    color: #fff;
    z-index: 9999;
}

.fixed a {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 100%;
}

.fixed i {
    color: #fff;
    font-size: 30px;
}

.qq {
    text-align: center;
    color: #fff;
}

.qq i {
    font-size: 40px;
}

.qq:hover {
    cursor: pointer;
}

.fix .qq {
    position: absolute;
    top: -76px;
    right: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #ff552e;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wei {
    text-align: center;
    color: #fff;
}

.wei i {
    font-size: 40px;
}

.wei:hover {
    cursor: pointer;
}

.fix .wei {
    position: absolute;
    top: -76px;
    right: 0;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #ff552e;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.phone p,
.back p,
.qq p,
.wei p {
    color: #fff;
    font-size: 14px;
}

.ico-phone i {
    color: #ff552e;
}

.fix_display .ico-text h4 {
    color: #ff552e;
    font-size: 14px;
    text-align: left;
}

.fix_display .ico-text p {
    color: #ff552e;
    font-size: 30px;
}

.wei_hidden {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: -110%;
    right: 120%;
}

.wei_hidden img {
    width: 100%;
}

.qq_hidden {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    right: 150%;
}

.fixeddd a {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #ff552e;
    line-height: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem 1rem 0 0;
    z-index: 999;
}

.fixeddd a i {
    font-size: 2rem;
    color: #fff;
    margin-right: 1rem;
}

.fixeddd a p {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
}

.fixeddd {
    display: none
}

.phone_nav_list {
    display: none;
}

.banner_mo {
    display: none;
}


/* 首页 */

.tabs-vertical .tabs-content-placeholder .banner_right {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.tabs-vertical .tabs-content-placeholder div.tab-content-active {
    opacity: 1;
    z-index: 99;
}

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

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

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

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

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

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

.header_address a {
    margin-right: 2rem;
}

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

.header_address a p {
    font-size: 0.8rem;
    color: #999;
    margin: 0 0.3rem;
}

.header_address a:hover p {
    color: #ff552e;
}

.header_address a:hover i {
    color: #ff552e;
}

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

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

.header_tel div {
    margin-left: 1.25rem;
}

.header_tel div i {
    margin-right: 0.6rem;
}

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

.nav_con {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

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

.logo img {
    width: 100%;
}

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

.logo_text p {
    font-size: 0.8rem;
    color: #333;
    margin-bottom: 0.3rem;
    letter-spacing: 0.2rem;
}

.logo_text span {
    color: #ff552e;
    font-size: 1rem;
    letter-spacing: 0.2rem;
}

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

.nav_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav_list li div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav_list li {
    margin: 0 1.5rem;
}

.nav_list li a p {
    font-size: 1.25rem;
    color: #000;
    transition: all 0.3s;
}

.nav_list li a i {
    font-size: 1.2rem;
    color: #000;
    margin-left: 0.6rem;
    transition: all 0.3s;
}

.nav_list li div span {
    font-size: 1.1rem;
    color: #333;
}

.nav_list li div i {
    font-size: 1.25rem;
    margin-right: 0.3rem;
}

.nav_list li a span {
    font-size: 1.1rem;
    color: #333;
}

.nav_list li:hover a p {
    color: #ff552e;
}

.nav_list li:hover a i {
    color: #ff552e;
}

.nav_list .more_box_first,
.nav_list .more_box_wu,
.nav_list .more_box_si,
.nav_list .more_box_san,
.nav_list .more_box_second,
.nav_list .more_box_liu,
.nav_list .more_box_qi {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translatex(-50%);
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    /* background-color: green; */
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 2rem 0 2rem 2rem;
    display: none;
    z-index: 9999;
}

.nav_list .more_box_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 20%;
    margin: 0 1.5rem;
}

.nav_list .more_box_list h3 {
    color: #ff552e;
    font-size: 1.125rem;
}

.nav_list .more_box_list a {
    font-size: 1rem;
    color: #666;
    margin-top: 0.6rem;
    transition: all 0.3s;
}

.nav_list .more_box_list a:hover {
    color: #ff552e;
}

.nav_list .more_box_list .small_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.nav_list .more_box_list span {
    display: block;
    width: 2px;
    height: 16px;
    background-color: #999;
    margin: 0.6rem .3rem 0 .5rem;
}

.banner {
    width: 100%;
    background-color: #fafafa;
    padding: 2rem 0;
    margin-top: 2rem;
}

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

.tabs-vertical {
    display: flex;
    justify-content: space-between;
    /* align-items: flex-start; */ 
    height: 495px;
}

.banner_nav {
    width: 20%;
}

.banner_content {
    width: 80%;
    overflow: hidden;
    position: relative;
}

.banner_nav li {
    background-color: #fff;
    border-bottom: 1px solid #f8f8f8;
}

.banner_nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.9rem 1.2rem;
}

.banner_nav li a div h3 {
    font-size: 1.25rem;
    margin-bottom: 0.3rem;
}

.banner_nav li a div p {
    font-size: 1rem;
    color: #999;
}

.banner_nav li a i {
    color: #ccc;
    font-size: 1.8rem;
}

.banner_nav li .tab-active {
    border-left: 5px solid #ff552e;
}

.banner_nav li .tab-active div h3 {
    color: #ff552e;
}

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

.small {
    float: right;
    width: 25%;
    background-color: #fff;
    padding: 2rem 1.5rem 0 1.5rem;
    height: 495px;
    overflow: hidden;
    overflow-y: scroll;
}

.small_list {
    margin-bottom: 2rem;
}

.small_list div h3 {
    color: #ff552e;
    font-size: 1.125rem;
}

    .small_list div div.ull {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

.small_list div li {
    margin-top: 0.6rem;
}

.small_list a {
    color: #666;
    font-size: 1rem;
}

.small_list span {
    color: #999;
    width: 2px;
    height: 16px;
    background-color: #999;
    margin: 0 .5rem;
    display: block;
}

.small_list div li a:hover {
    color: #ff552e;
}

.card {
    width: 100%;
    background-color: #fafafa;
    padding-bottom: 2rem;
}

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

.card_one {
    width: 48%;
    overflow: hidden;
}

.card_one img {
    width: 100%;
}

.card_two {
    width: 48%;
    overflow: hidden;
}

.card_two img {
    width: 100%;
}

.used {
    width: 100%;
    background-color: #fafafa;
    padding-bottom: 3rem;
}

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

.used_title h2 {
    font-size: 1.75rem;
    margin-bottom: 0.3rem;
}

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

.used_list {
    margin-top: 2rem;
}

.used_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start;
}

.used_list li {
    width: 16%;
    position: relative;
    overflow: hidden;
}

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

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

.news_hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

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

.news_title h2 {
    font-size: 1.75rem;
    color: #333;
    margin: 0 0.6rem;
}

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

.news_nav {
    flex:1;
}

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

.news_nav li a {
    font-size: 1.2rem;
    color: #666;
    margin-left:1rem;
    transition: all 0.3s;
}

.news_nav li a:hover {
    color: #ff552e;
}

.news_bd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.news_bd_left {
    width: 32%;
    overflow: hidden;
    position: relative;
}

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

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

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

.news_bd_left_up_txt {
    margin-top: 1rem;
}

.news_bd_left_up:hover .news_bd_left_up_txt h3 {
    color: #ff552e;
}

.news_bd_left_up_txt h3 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}

.news_bd_left_up_txt p {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.view {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.3rem;
}

.view div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.6rem;
}

.view i {
    color: #999;
}

.view p {
    font-size: 0.9rem;
    color: #999;
    margin-left: 0.6rem;
}

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

.news_bd_left_down li:hover .news_bd_left_down_txt h3 {
    color: #ff552e;
}

.news_bd_left_down li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

.news_bd_left_down_txt h3 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}

.news_bd_left_down_txt p {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_bd_left_down_txt {
    width: 65%;
}

.news_bd_center {
    width: 32%;
    overflow: hidden;
}

.news_bd_center h3 {
    font-size: 1.5rem;
    color: #ff552e;
}

.news_bd_center_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_bd_center_list li {
    margin-top: 1.6rem;
    overflow: hidden;
}

.time {
    width: 20%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.time span {
    color: #333;
    font-size: 2rem;
    font-family: "黑体";
    font-weight: bold;
}

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

.news_bd_center_list_txt {
    width: 80%;
    overflow: hidden;
}

.news_bd_center_list li:hover .news_bd_center_list_txt h4 {
    color: #ff552e;
}

.news_bd_center_list_txt h4 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}

.news_bd_center_list_txt p {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_bd_right {
    width: 32%;
    overflow: hidden;
    position: relative;
}

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

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

.news_bd_right_txt {
    margin-top: 1.5rem;
}

.news_bd_right_txt div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.6rem;
}

.news_bd_right_up:hover .news_bd_right_txt h3 {
    color: #ff552e;
}

.news_bd_right_txt h3 {
    font-size: 1.3rem;
    color: #333;
    margin-right: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news_bd_right_txt p {
    font-size: 1rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 0.6rem;
}

.news_bd_right_txt i {
    color: #666;
    font-size: 1rem;
}

.news_bd_right_down h3 {
    font-size: 1.25rem;
    color: #ff552e;
    margin-top: 2rem;
}

.news_bd_right_down li {
    background-color: #fafafa;
    margin-top: 1rem;
}

.news_bd_right_down li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.news_bd_right_down li a i {
    color: #ff552e;
    font-size: 4rem;
    margin-right: 0.3rem;
}

.down_txt {
    width: 72%;
    overflow: hidden;
}

.news_bd_right_down li a h4 {
    color: #333;
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all 0.3s;
}

.news_bd_right_down li a p {
    font-size: 0.9rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.circle {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    transition: all 0.3s;
}

.circle i {
    font-size: 2rem !important;
    color: #999 !important;
    margin-right: 0 !important;
    transition: all 0.3s;
}

.news_bd_right_down li:hover a h4 {
    color: #ff552e;
}

.news_bd_right_down li:hover .circle {
    border: 1px solid #ff552e;
}

.news_bd_right_down li:hover .circle i {
    color: #ff552e !important;
}

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

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

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

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

.footer_txt h3 {
    font-size: 1.2rem;
    color: #ccc;
    margin-bottom: 1rem;
}

.footer_txt p {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 0.3rem;
}

.footer_txt div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.3rem;
}

.footer_txt div i {
    font-size: 0.9rem;
    margin-right: 0.3rem;
    color: #777;
    margin-bottom: 0.3rem;
}

.footer_txt div span {
    color: #777;
    font-size: 1.25rem;
}

.footer_txt a {
    display: block;
    padding: 0.6rem 1rem;
    background-color: #ff552e;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    border-radius: 2rem;
    margin-top: 0.6rem;
}

.footer_txtp h3 {
    font-size: 1.2rem;
    color: #ccc;
    margin-bottom: 1rem;
}

.footer_txtp p {
    font-size: 0.9rem;
    color: #777;
    margin-bottom: 0.3rem;
}

.footer_txtp div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.3rem;
}

.link {
    width: 100%;
    background-color: #333;
    border-top: 1px solid #444;
    padding: 1.5rem 0;
}

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

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

.links li a {
    font-size: 0.9rem;
    color: #777;
}

.links li {
    margin: 0 1rem;
}

.links p {
    font-size: 0.9rem;
    color: #777;
    margin-left: 1rem;
    margin-top: 1rem;
}

.links li span {
    display: block;
    width: 2px;
    height: 1rem;
    background-color: #444;
}

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

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

.information_tilte h2 {
    font-size: 1.75rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.6rem;
}

.information_list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.information_left {
    width: 32%;
    overflow: hidden;
    position: relative;
}

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

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

.cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background-image: linear-gradient(to top, rgba(22, 26, 29, 0.5), rgba(64, 64, 60, 0.5));
}

.cover p {
    font-size: 1rem;
    color: #fff;
    z-index: 999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.information_center {
    width: 32%;
    overflow: hidden;
    position: relative;
}

.information_right {
    width: 32%;
    overflow: hidden;
    position: relative;
}

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

.y_banner img {
    width: 100%;
}

.information_left_txt {
    margin-top: 1.5rem;
}

.information_left_txt li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.6rem;
}

.information_left_txt li span {
    height: 1rem;
    width: 1px;
    background-color: #999;
    display: block;
    margin: 0 1rem;
}

.tip {
    font-size: 0.9rem;
    color: #999;
}

.information_left_txt li a p {
    font-size: 0.9rem;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.tips {
    flex: 1;
}

.information_left_txt li a:hover {
    color: #ff552e;
}

.information_left_txt li a:hover p {
    color: #ff552e;
}

.information_center_up li {
    margin-bottom: 1.5rem;
    overflow: hidden;
    position: relative;
}

.information_center_up li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

.information_center_txt {
    width: 65%;
}

.information_center_txt h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 0.3rem;
}

.information_center_up li:hover .information_center_txt h3 {
    color: #ff552e;
}

.information_center_txt p {
    font-size: 0.9rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5rem;
}

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

.information_right_title span {
    display: block;
    width: 5px;
    height: 1.5rem;
    background-color: #ff552e;
    margin-right: 0.3rem;
}

.information_right_title h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

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

.information_right_list ul::after {
    content: "";
    width: 30%;
}

.information_right_list li {
    width: 30%;
    margin-top: 1rem;
    text-align: center;
}

.information_right_list a {
    display: block;
    padding: 0.6rem 0.8rem;
    border: 1px solid #999;
    border-radius: 5px;
    color: #333;
    font-size: 1rem;
    transition: all 0.3s;
}

.information_right_list li:hover a {
    background-color: #ff552e;
    color: #fff;
    border: 1px solid #ff552e;
}

.information_right_img {
    margin-top: 1.2rem;
}

.information_right_img img {
    width: 100%;
}

.banne_two {
    width: 100%;
    background-color: #fafafa;
    margin-top: 2rem;
    padding: 2rem 0;
}

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

.banne_two_nav {
    width: 20%;
    background-color: #fff;
}

.banne_two_nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.47rem 1.5rem;
}

.banne_two_nav li a div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banne_two_nav {
    height: 435px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.3s;
}

    .banne_two_nav:hover {
        height: 100%;
        position: relative;
        overflow: visible;
        z-index: 999999;
        transition: all 0.3s;
    }

    .banne_two_nav li a {
        background-color: #fff;
    }
.banne_two_nav_title {
    background-color: #ff552e;
    padding: 1rem 1.2rem;
}

.banne_two_nav_title h2 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
}

.banne_two_nav li a p {
    font-size: 1.2rem;
    color: #333;
    transition: all 0.3s;
}

.banne_two_nav li a img {
    transition: all 0.3s;
}

.banne_two_nav li:hover a p {
    color: #ff552e;
    margin-left: 1rem;
}

.banne_two_nav li:hover a img {
    color: #ff552e;
    margin-right: -0.5rem;
    font-weight: bold;
}

.banner_center {
    width: 65%;
    background-color: #fff;
    padding: 2rem 0 0 2rem;
    position: relative;
}

.banne_two_right_nav h3 {
    color: #000;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.banne_two_right_nav div.ull {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.banne_two_right_nav div.ull {
    margin: 0 1rem;
}

.banne_two_right_nav div.ull a {
    font-size: 1rem;
    color: #666;
    margin-bottom:0.5rem;
}

    .banne_two_right_nav div.ull span {
        display: block;
        width: 2px;
        height: 1rem;
        background-color: #ccc;
        margin: 0 1rem  0.5rem 1rem;
    }
.banne_two_right_nav {
    height: 66px;
}
.banne_two_right_nav div.ull a:hover {
    color: #ff552e;
}

.zhaojiazheng {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8.2rem;
}

.slogan span {
    color: #333;
    font-size: 1.25rem;
}

.slogan p {
    font-size: 1rem;
    color: #666;
    margin-top: 0.6rem;
}

.slogan a {
    display: block;
    padding: 0.8rem 1rem;
    border-radius: 5px;
    background-color: #ff552e;
    text-align: center;
    color: #fff;
    margin-top: 2rem;
}

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

.banner_two_card {
    width: 30%;
}

    .banner_two_card .banner_two_card1 {
        margin-bottom: 2rem;
        background-color: #fff;
    }

        .banner_two_card .banner_two_card1 a {
            padding: 3.9rem 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .banner_two_card .banner_two_card1 a div {
                margin-left: 1.5rem;
            }

                .banner_two_card .banner_two_card1 a div span {
                    color: #333;
                    font-size: 1.25rem;
                    font-weight: bold;
                    margin-bottom: 0.6rem;
                    display: block;
                }

                .banner_two_card .banner_two_card1 a div p {
                    color: #666;
                    font-size: 0.9rem;
                }

.s_tu {
    margin-top: 2rem;
}

.s_tu img {
    width: 100%;
}

.fu_nav {
    width: 100%;
    background-color: #fff;
    padding: 2rem 0 1.5rem 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;
}

.product_card {
    width: 100%;
    background-color: #fff;
}

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

.product_card_left {
    width: 30%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product_card_right {
    width: 68%;
}

.one {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 102%;
    margin-bottom: 0.3rem;
}

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

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

.two img {
    width: 25%;
    margin: 0 0.3rem;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.two .active {
    border: 1px solid #ff552e;
}

.two img:hover {
    border: 1px solid #ff552e;
    transform: scale(1.1);
    cursor: pointer;
}

.product_card_right h2 {
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.product_card_right div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2rem;
}

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

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

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 18rem;
    height: 4rem;
    background-color: #ff552e;
    line-height: 4rem;
    text-align: center;
    margin-top: 5rem;
}

.button i {
    color: #fff;
    font-size: 1.25rem;
    margin-right: 0.6rem;
}

.button b {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    font-weight: bold;
}

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

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

.product_card2_wenben {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 3rem;
}

.product_ico {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}

.product_ico p {
    color: #333;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0.6rem;
}

.product_card2_text {
    width: 80%;
}

.product_card2_text p {
    font-size: 0.9rem;
    color: #333;
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
}

.product_card2_tu {
    width: 80%;
}

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

.product_card2_tu li {
    width: 32%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

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

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

.fu_nav2 {
    width: 100%;
    background-color: #fafafa;
    padding: 2rem 0;
    margin-top: 2rem;
}

.news_show {
    width: 100%;
    background-color: #fafafa;
}

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

.news_show_left {
    width: 66%;
    overflow: hidden;
    background-color: #fff;
    padding: 2rem;
}

.news_show_right {
    width: 27%;
    overflow: hidden;
}

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

.views div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 1.5rem;
}

.news_show_title h1 {
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    margin-bottom: 0.6rem;
}

.views i {
    color: #999;
}

.views p {
    font-size: 0.9rem;
    color: #999;
    margin-left: 0.3rem
}

.news_show_title {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.news_show_text {
    margin-top: 2rem;
}

.news_show_text p {
    font-size: 0.9rem;
    color: #333;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}

.news_show_img {
    margin: 1rem auto 1rem auto;
    text-align: center;
}

.news_show_img img {
    max-width: 100%;
}

.news_tip {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #999;
    font-size: 0.9rem;
    margin-top: 2rem;
}

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

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

.fan a {
    font-size: 1rem;
    color: #666;
}

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

.read_title {
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #e5e5e5;
}

.read_title h2 {
    font-size: 1.5rem;
    color: #ff552e;
    font-weight: bold;
}

.read_list {
    margin-top: 1.5rem;
}

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

.read_list li {
    width: 48%;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.read_list li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.read_list li a i {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #999;
    margin-right: 0.6rem;
}

.read_list li a p {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    flex: 1;
}

.read_list li:hover a i {
    background-color: #ff552e;
}

.read_list li:hover a p {
    color: #ff552e;
}

.news_show_right_one {
    background-color: #fff;
    padding: 1.5rem;
}

.news_show_right_two {
    padding: 1.5rem;
    background-color: #fff;
    margin-top: 2rem;
}

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

.news_show_right_one_title h2 {
    font-size: 1.5rem;
    color: #ff552e;
    font-weight: bold;
}

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

.news_show_right_one_list li {
    position: relative;
    overflow: hidden;
    margin-top: 2rem;
}

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

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

.news_show_right_one_txt {
    margin-top: 0.6rem;
}

.news_show_right_one_list li:hover .news_show_right_one_txt h3 {
    color: #ff552e;
}

.news_show_right_one_txt h3 {
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news_show_right_one_txt div {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0.6rem;
}

.news_show_right_one_txt div i {
    color: #666;
    font-size: 1rem;
    margin-top: 0.3rem;
}

.news_show_right_one_txt div p {
    font-size: 0.9rem;
    color: #666;
    margin-left: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.news_show_right_two li {
    margin-top: 1.5rem;
}

.news_show_right_two li a {
    display: flex;
    justify-content: space-between;
}

.news_show_right_two li a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    display: block;
    color: #333;
    background-color: #e5e5e5;
}

.text_tex {
    width: 80%;
    flex: 1;
    margin-left: 0.6rem;
}

.text_tex h3 {
    font-size: 1.2rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0.6rem;
}

.text_tex p {
    font-size: 0.9rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: none;
    transition: all 0.3s;
    line-height: 1.5rem;
}

.news_show_right_two .current span {
    background-color: #ff552e;
    color: #fff;
}

.news_show_right_two h2 {
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
}

.rot_curr .text_tex h3 {
    color: #ff552e;
}

.news_show_right_two ul .rot_curr span {
    background-color: #ff552e;
    color: #fff;
}

.news_show_right_two ul .rot_curr .text_tex p {
    display: block;
}

.news_list {
    width: 100%;
    background-color: #fafafa;
}

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

.news_list_left {
    width: 71%;
    overflow: hidden;
}
    .news_list_left h1 {
        font-size: 1.5rem;
        color: red;
    }

.news_list_right {
    width: 26%;
    overflow: hidden;
}

.news_list_right .news_show_right_two {
    margin-top: 0;
}

.product_list {
    width: 100%;
    background-color: #fafafa;
}

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

.product_list_left {
    width: 71%;
    overflow: hidden;
}

.product_list_right {
    width: 27%;
    overflow: hidden;
}

.product_list_left_hot {
    background-color: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.product_list_left_hot a {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_list_left_hot_img {
    width: 35%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 23%;
}

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

.product_list_left_hot_txt {
    width: 62%;
    overflow: hidden;
}

.product_list_left_hot_txt div {
    display: flex;
    justify-content: flex-start;
}

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

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

.ptoduct_fff div {
    margin-top: 0.6rem;
}

.product_list_left_hot_title h3 {
    font-size: 1.25rem;
    color: #000;
    font-weight: bold;
    margin-right: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product_list_left_hot_txt i {
    font-size: 1rem;
    color: #999;
    margin-right: 0.6rem;
    margin-top: 0.3rem;
}

.product_list_left_hot_txt p {
    color: #999;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hot_tel {
    margin-top: 1.5rem !important;
}

.hot_tel i {
    font-size: 1.25rem;
    color: #ff552e;
    margin-right: 0.6rem;
}

.hot_tel span {
    color: #ff552e;
    font-size: 1.5rem;
    font-weight: bold;
}

.product_list_left_hot .product_list_left_hot_title h3:hover {
    color: #ff552e;
}

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

    .product_list_left_list .divwu {
        padding: 2rem 2rem 0.5rem 2rem;
    }

        .product_list_left_list .divwu img {
            max-width: 100%;
        }
.product_list_left_list li {
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.product_list_left_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

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

.product_list_left_list_text h3 {
    font-size: 1.2rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0.6rem;
}

.product_list_left_list li:hover .product_list_left_list_text h3 {
    color: #ff552e;
}

.product_list_left_list_text p {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.title_tie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}

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

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

.tie div {
    margin-right: 1.5rem;
}

.title_tie div i {
    color: #999;
    margin-right: 0.3rem;
}

.title_tie div p {
    color: #999;
    font-size: 0.9rem;
}

.yema {
    margin: 2rem 0;
}

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

.yema_con li {
    margin: 0 1rem 2rem 1rem;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    text-align: center;
    transition: all 0.3s;
}

.yema_con li:hover {
    box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
    background-color: #ff552e;
    color: #fff;
}

.yema_con li:hover a {
    color: #fff;
}

.news_list_left_hot {
    padding: 2rem 2rem 0.5rem 2rem;
    background-color: #fff;
    margin-bottom: 1.5rem;
}

.news_list_left_hot li {
    margin-bottom: 2rem;
}

.news_list_left_hot li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_list_left_hot_img {
    width: 35%;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 23%;
}

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

.news_list_left_hot_txt {
    width: 62%;
    overflow: hidden;
}

.news_list_left_hot_txt div {
    display: flex;
    justify-content: flex-start;
}

.hots {
    margin-bottom: 0.8rem;
}

.news_list_left_hot_txt i {
    font-size: 1rem;
    color: #999;
    margin-right: 0.6rem;
    margin-top: 0.3rem;
}

.news_list_left_hot_txt p {
    color: #999;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

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

.news_list_left_hot_title h3 {
    font-size: 1.25rem;
    color: #000;
    font-weight: bold;
    margin-right: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news_list_left_hot li:hover .news_list_left_hot_title h3 {
    color: #ff552e;
}

.news_list_left_hot .hot_tel {
    margin-top: 1.5rem !important;
}

.news_list_left_hot .hot_tel i {
    font-size: 1.25rem;
    color: #ff552e;
    margin-right: 0.6rem;
}

.news_list_left_hot .hot_tel span {
    color: #ff552e;
    font-size: 1.5rem;
    font-weight: bold;
}

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

    .news_list_left_list_con .divwu {
        padding: 2rem 2rem 0.5rem 2rem;
    }
        .news_list_left_list_con .divwu img {
            max-width: 100%;
        }
.news_list_left_list_con li {
    margin-bottom: 2rem;
}

.news_list_left_list_con li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_list_left_list_con .hot_tel {
    margin-top: 1.5rem !important;
}

.news_list_left_list_con .hot_tel i {
    font-size: 1.25rem;
    color: #ff552e;
    margin-right: 0.6rem;
}

.news_list_left_list_con .hot_tel span {
    color: #ff552e;
    font-size: 1.5rem;
    font-weight: bold;
}

.news_list_left_list_con li:hover .news_list_left_hot_title h3 {
    color: #ff552e;
}

.yema_con .current {
    box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
    background-color: #ff552e;
    color: #fff;
}

.yema_con .current a {
    box-shadow: 3px 3px 10px rgba(255, 85, 46, 0.3);
    background-color: #ff552e;
    color: #fff;
}

#box {
    padding: 2rem;
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#box dl {
    margin: 0 20px 15px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

#box dt {
    color: #999;
    font-size: 16px;
}

#box dd {
    color: #252525;
    margin: 0 20px 20px 20px;
    font-size: 16px;
    cursor: pointer;
}

#box dd.active {
    color: #ff552e;
    font-weight: bold;
}

#box dl.select {
    background: #fff;
    margin: 0;
    padding: 0 20px;
}

#box dl.select dd {
    border: 1px solid #ff552e;
    height: 25px;
    line-height: 25px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #fff;
    color: #ff552e;
}
    #box dl.select dd.clear {
        border: 1px solid #0a6eeb;
        color: #0a6eeb;
    }

    #box dl.select dd span {
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        color: #ff552e;
        margin-left: 5px;
        cursor: pointer;
        border-radius: 5px;
    }

.search_button {
    position: relative;
}

.search_box {
    position: fixed;
    top: 18%;
    left: 0;
    width: 100%;
    padding: 2rem 0;
    background-color: rgba(255, 255, 255, 0.6);
    display: none;
    z-index: 9999;
}

.sear {
    text-align: center;
    margin: 0 auto;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sear input {
    border: none;
    outline: none;
    width: 50%;
    height: 50px;
    line-height: 50px;
    padding-left: 1.25rem;
    border: 1px solid #fff;
}

.sear input:focus {
    border: 1px solid #ff552e;
}

.sear button {
    outline: none;
    border: 1px solid #ff552e;
    border-left: none;
    height: 52px;
    line-height: 52px;
    width: 10%;
    background-color: #ff552e;
    color: #fff;
    font-size: 1rem;
}

.sear button:hover {
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

.search_button:hover {
    cursor: pointer;
    color: #ff552e;
}

.search_button:hover span {
    color: #ff552e;
}

.answer a:hover span {
    color: #ff552e;
}

.answer:hover a i {
    color: #ff552e;
}

.product_ico i {
    font-size: 3rem;
}

.news_tip i {
    margin-right: 0.3rem;
}

.banne_two_nav li a i:nth-child(1) {
    color: #ff552e;
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.swiper-container {
    float: left;
    width: 69%;
}

.small::-webkit-scrollbar {
    width: 6px;
    border-radius: 20px;
    background-color: #e5e5e5;
}

.small::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #ccc;
    border-radius: 30px;
}

object .tel_btn {
    display: none;
}

object .tel_btn2 {
    display: none !important;
}

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

.banne_two_mo {
    display: none;
}

.banner_mos {
    display: none;
}

.mos_title {
    display: none;
}

.used_more {
    display: none;
}

.swiper-pagination {
    width: 100%;
    height: 75px;
    line-height: 55px;
    position: absolute;
    bottom: 17px;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    margin: 0 auto;
}

.swiper-pagination-bullet {
    padding: 1rem 1.2rem;
    text-align: center;
    line-height: 20px;
    font-size: 1rem;
    color: #fff;
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    border-right: 1px solid #fff;
    width: 24%;
    margin: 10px 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    border: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination-bullet-active {
    color: #ff552e;
    font-weight: bold;
}
.footer_logo{
    margin-top:3.5rem;
}
.footer_ma img {
    width: 130px;
}
@media screen and (max-width:750px) {
    .nav_list {
        display: none;
    }
    object .tel_btn2 {
        display: block !important;
    }
    .footer_ma {
        display: none;
    }
    .footer_con {
        flex-wrap: wrap;
    }
    .aside {
        display: none;
    }
    .fixeddd {
        display: block;
    }
    .footer_logo {
        width: 100%;
        margin: 0 auto 1.5rem auto;
        text-align: center;
       
    }
    .fu_nav_con {
        flex-wrap: wrap;
    }
    .news_show_con {
        flex-wrap: wrap;
    }
    .news_show_left {
        width: 100%;
        padding: 1rem;
    }
    .news_show_right {
        width: 100%;
        padding: none;
    }
    .header_tel {
        flex-direction: column;
    }
    .product_card_con {
        flex-wrap: wrap;
    }
    .product_card_left {
        width: 100%;
        align-items: center;
    }
    .product_card_right {
        width: 100%;
        margin-top: 2rem;
        padding: 0 1rem;
    }
    .button {
        margin: 0 auto;
    }
    .product_card_right h2 {
        text-align: center;
    }
    .news_list_con {
        flex-wrap: wrap;
    }
    .news_list_left {
        width: 100%;
    }
    .news_list_right {
        width: 100%;
    }
    #box {
        padding: 1rem;
    }
    #box dl {
        margin: 0 0 1rem 0;
    }
    #box dd {
        margin: 0 0.3rem 1rem 0.3rem;
    }
    #box dl.select {
        padding: 0;
    }
    .news_list_left_hot {
        padding: 0.6rem 1rem 0.3rem 1rem;
    }
    .news_list_left_list_con {
        padding: 0.6rem 1rem;
    }
    .news_show_right_two {
        padding: 1rem;
    }
    .product_list_con {
        flex-wrap: wrap;
    }
    .product_list_left {
        width: 100%;
    }
    .product_list_right {
        width: 100%;
    }
    .product_list_left_list {
        padding: 2rem 1rem 0 1rem;
    }
    .product_list_left_list ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .product_list_left_list li {
        width: 48%;
    }
    .product_list_left_list li a {
        flex-direction: column;
    }
    .product_list_left_list_img {
        width: 100%;
    }
    .product_list_left_list_text {
        width: 100%;
    }
    .product_list_left_list_img {
        padding-top: 79%;
    }
    .title_tie {
        flex-wrap: wrap;
        margin-top: 0.6rem;
    }
    .tie {
        flex-wrap: wrap;
    }
    .phone_nav_list {
        display: block;
    }
    .fu_nav2,
    .fu_nav {
        padding: 0.6rem 0;
    }
    .tie div {
        display: none;
    }
    .news_list_left_hot .hot_tel {
        display: none;
    }
    .news_list_left_list_con .hot_tel {
        display: none;
    }
    .information_list {
        flex-wrap: wrap;
    }
    .information_left {
        width: 100%;
        padding: 0 1rem;
    }
    .information_center {
        width: 100%;
        padding: 0 1rem;
        margin-top: 1.2rem;
    }
    .information_right {
        width: 100%;
        padding: 0 1rem;
        margin-top: 1.2rem;
    }
    .information_tilte h2 {
        padding: 0 1rem;
    }
    .news_bd {
        flex-wrap: wrap;
    }
    .news_bd_left {
        width: 100%;
        padding: 0 1rem;
    }
    .news_bd_center {
        width: 100%;
        padding: 0 1rem;
        margin-top: 1.5rem;
    }
    .news_bd_right {
        width: 100%;
        padding: 0 1rem;
        margin-top: 1.5rem;
    }
    .news_title {
        width: 70%;
    }
    .used_more {
        width: 30%;
    }
    .used_list ul {
        flex-wrap: wrap;
    }
    .product_ico p {
        font-size: 0.9rem;
    }
    .product_ico i {
        font-size: 1.5rem;
    }
    .product_list_left_hot a {
        padding: 0.6rem;
    }
    .product_list_left_hot_txt .hot_tel {
        display: none;
    }
    .news_nav li a {
        font-size: 1rem;
    }
    .yema_con ul {
        justify-content: flex-start;
    }
    .footer_txtp {
        display: none;
    }
    .footer_txt {
        margin: 0 auto;
        text-align: center;
    }
    .product_card2_text {
        padding: 0 1rem;
    }
    .logo_text {
        margin-left: 0.6rem;
    }
    .product_list_left_hot_img {
        width: 30%;
    }
    .product_list_left_hot_txt {
        width: 67%;
    }
    object .tel_btn {
        padding: 0;
        display: block;
    }
    .ptoduct_fff .rrr {
        display: none;
    }
    .product_list_left_hot_txt div {
        margin-top: 0;
    }
    .product_list_left_hot a {
        align-items: flex-start;
    }
    .product_list_left_hot {
        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.05);
    }
    .tel_btn {
        display: block;
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem;
        text-align: center;
        border-radius: 50%;
        border: 1px solid #ff552e;
    }
    .tel_btn i {
        color: #ff552e;
        font-size: 1.5rem;
        margin-right: 0;
    }
    .product_list_left_hot_txt i {
        color: #ff552e;
        font-size: 1.5rem;
    }
    .product_list_left_hot_title {
        margin-bottom: 0.6rem;
    }
    #box dd {
        margin: 0 0.6rem;
        line-height: 2rem;
    }
    #box dl {
        margin: 0 0 0.3rem 0;
    }
    #box dd {
        font-size: 1rem;
    }
    .text_tex h3 {
        font-size: 1.1rem;
    }
    .hot_text .hots {
        display: none;
    }
    .news_list_left_hot_txt div {
        margin-top: 0;
    }
    .news_list_left_hot_txt i {
        margin-right: 0;
        color: #ff552e;
    }
    .hot_text {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    object .tel_btn2 {
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 50%;
        border: 1px solid #ff552e;
        line-height: 2.8rem;
        text-align: center;
        display: block !important;
    }
    object .tel_btn2 i {
        font-size: 1.5rem;
    }
    .news_list_left_hot_txt i {
        font-size: 1.3rem;
    }
    .news_list_left_hot_title {
        margin-bottom: 0.6rem;
    }
    .information_tilte h2 {
        font-size: 1.5rem;
    }
    .banne_two {
        display: none;
    }
    .banne_two_mo {
        display: block;
    }
    .mo_img {
        padding: 1.5rem 1rem;
    }
    .mo_img img {
        width: 100%;
        vertical-align: middle;
        border-radius: 0.6rem;
    }
    .banner_two_card_mo ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mo_list ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .mo_list li {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .mo_list li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .mo_icon {
        width: 4rem;
        height: 4rem;
        background: linear-gradient(to top, #ff552e, #f68908);
        line-height: 4rem;
        border-radius: 50%;
        text-align: center;
    }
    .mo_icon img {
        color: #fff;
        font-size: 2rem;
    }
    .mo_list li {
        width: 25%;
        margin-top: 1rem;
    }
    .mo_list li p {
        color: #333;
        font-size: 1rem;
        margin-top: 0.6rem;
    }
    .banner_two_card_mo li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .banner_two_card_mo li {
        background-color: #fff;
        width: 42%;
        overflow: hidden;
        padding: 0.6rem;
    }
    .banner_two_card_mo li img {
        width: 15%;
        margin-right: 0.6rem;
    }
    .banner_two_card_mo li span {
        font-size: 1.2rem;
        color: #333;
    }
    .banner_two_card_mo li p {
        font-size: 0.9rem;
        color: #666;
        margin-top: 0.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .banner_two_card_mo {
        margin: 1rem 0;
        padding: 0 1rem;
    }
    .banne_two_mo {
        background-color: #fafafa;
    }
    .banner {
        display: none;
    }
    .card {
        display: none;
    }
    .used {
        display: none;
    }
    .news_nav {
        display: none;
    }
    .news_title h2 {
        font-size: 1.5rem;
    }
    .used_title h2 {
        font-size: 1.5rem;
    }
    .banner_mos {
        display: block;
        background-color: #fafafa;
    }
    .mos_img {
        padding: 1.5rem 1rem;
    }
    .mos_img img {
        width: 100%;
        vertical-align: middle;
        border-radius: 0.6rem;
    }
    .used_title {
        padding: 0 1rem;
    }
    .used_mos {
        background-color: #fafafa;
    }
    .used_mos_list {
        padding: 1rem 1rem 1.5rem 1rem;
    }
    .used_mos_list ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .used_mos_list ul::after {
        content: "";
        width: 23%;
    }
    .used_mos_list li {
        margin-right:1rem;
        overflow: hidden;
        background-color: #fff;
        border-radius: 0.3rem;
        margin-top: 0.8rem;
    }
    .used_mos_list li a {
        display: block;
        padding: 0.3rem 1rem;
        background-color: #fff;
        text-align: center;
        color: #333;
    }
    .csrd_mos img {
        width: 100%;
    }
    .csrd_mos .swiper-container2 {
        width: 100%;
        overflow: hidden;
    }
    .csrd_mos .swiper-container2 .swiper-wrapper {
        width: 100%;
    }
    .used_more {
        display: flex;
        justify-content: flex-end;
    }
    .used_more p {
        display: inline;
        font-size: 0.9rem;
        color: #999;
    }
    .used_more i {
        color: #999;
    }
    .news_title {
        display: none;
    }
    .mos_title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .mos_title img {
        margin-right: 0.6rem;
    }
    .mos_title h3 {
        font-size: 1.3rem;
        color: #333;
    }
    .mos_title p {
        font-size: 1rem;
        color: #666;
    }
    .nav_left {
        justify-content: flex-start;
    }
    .logo {
        width: 32%;
    }
    .nav {
        padding: 1rem 0;
    }
    .logo_text {
        padding-left: 1rem;
    }
    .header_tel {
        display: none;
    }
    .link {
        margin-bottom: 3rem;
    }
    .fu_nav2,
    .fu_nav {
        margin-top: 0 !important;
    }
}

.changecitydiv {
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 2%;
    text-align: left;
    background-color: #ffffff;
    height: 100%;
}

#crumb .pre {
    width: auto !important
}

#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;
    }

@media screen and (max-width:640px) {
    .renmen_city p {
        padding: 0 1%;
    }
}
.mod18 {
    width: 677px;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .mod18 .btn {
        position: absolute;
        cursor: pointer;
        z-index: 99;
        font-size: 50px;
        font-weight: bold;
    }

    .mod18 .prev {
        left: 10px;
        background:  no-repeat;
    }

    .mod18 #prevtop,
    .mod18 #nexttop {
        top: 250px;
        width: 32px;
        height: 48px;
    }

    .mod18 #prev,
    .mod18 #next {
        top: 490px;
        width: 10px;
        height: 16px;
    }

    .mod18 #prevtop {
        background:  0 0 no-repeat;
    }

    .mod18 #nexttop {
        background:  0 0 no-repeat;
    }

    .mod18 .next {
        right: 10px;
        background:  no-repeat;
    }

    .mod18 li {
        float: left;
    }

    .mod18 .cf li {
        position: relative;
        color: #fff;
    }

    .mod18 .cf a {
        display: block;
        width: 526px;
        height: 377px;
        position: absolute;
        color: #fff;
    }

    .mod18 .cf li span {
        display: block;
        width: 486px;
        position: absolute;
        left: 75px;
        bottom: 0;
        padding: 10px 20px;
        line-height: 22px;
        text-align: left;
        background: rgba(0, 0, 0, 0.6);
        filter: progid: dximagetransform.microsoft.gradient( gradienttype=0, startcolorstr="#60000000", endcolorstr="#60000000");
    }

    .mod18 .picbox {
        width: 526px;
        height: 394px;
        padding-left: 75px;
        padding-right: 76px;
        position: relative;
        overflow: hidden;
        padding-top: 40px;
    }

        .mod18 .picbox ul {
            height: 377px;
            position: absolute;
            left: 0;
        }

        .mod18 .picbox li {
            padding-left: 46px;
            padding-right: 1px;
            width: 526px;
            height: 377px;
        }

    .mod18 .listbox {
        width: 642px;
        height: 100px;
        margin: 0 auto;
        position: relative;
        padding-top: 15px;
        overflow: hidden;
    }

        .mod18 .listbox ul {
            height: 88px;
            position: absolute;
            padding-left: 12px;
        }

        .mod18 .listbox li {
            width: 125px;
            height: 77px;
            cursor: pointer;
            position: relative;
            padding: 5px 0 0 0;
            opacity: 1;
        }

            .mod18 .listbox li i {
                display: none;
            }

            .mod18 .listbox li a {
                display: block;
                width: 95px;
                height: 70px;
            }

        .mod18 .listbox img {
            background-color: #cfa972;
            opacity: 0.6;
        }

        .mod18 .listbox .on a {
            opacity: 1;
        }

        .mod18 .listbox .on img {
            opacity: 1;
        }

        .mod18 .listbox .on i {
            display: block;
        }

.listbox img {
    width: 100%
}

@media screen and (max-width:750px) {
    .mod18 .picbox li {
        padding-left: 0;
    }

    .mod18 .listbox ul {
        padding-left: 0;
    }

    .mod18 .listbox li {
        width: 85px;
        height: 77px;
        cursor: pointer;
        position: relative;
        padding: 5px 0 0 0;
        opacity: 1;
    }

        .mod18 .listbox li a {
            display: block;
            width: 70px;
            height: 70px;
        }
}
.add_top {
    width: 100%;
    background-color: #fff;
    margin-top: 1rem;
}

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

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

.search {
    border: 1px solid #e5e5e5;
    width: 380px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 0 1rem;
    border-radius: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 2rem;
}

    .search input {
        border: none;
        outline: none;
        font-size: 0.8rem;
        width:90%;
    }

    .search button:hover {
        cursor: pointer;
    }

    .search button {
        border: none;
        outline: none;
        font-size: 1rem;
        color: #ff552e;
        background: none !important;
    }

.answer {
    display: block;
    background-color: #ff552e;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 1rem;
    border-radius: 35px;
    text-align: center;
}

.nav_list {
    width: 100%;
}

.small_list a {
    margin: 0.3rem;
}

@media screen and (max-width:750px) {
    .add_right {
        display: none;
    }
    .ll_bad_con p {
        font-size: 1.5rem;
        text-align: center;
        margin: 1rem 0;
    }
    .ll_bad_con b {
        font-size: 1rem;
    }
    }