.clear {
    clear: both;
}

a:hover {
    text-decoration: none;
}

/* 加粗 */
.title_1,
.title_2,
.info_list_title,
.equip_left,
.news_title,
.p_text_4,
.title_3,
h1,
.certificate_title,
.center_title,
.details_left,
.zhanshi_title,
.questions_title {
    font-weight: bold;
}

/* 大写 */
.nav_link,
.title_1,
.title_2,
.equip_left,
.Equipment_title,
.certificate_title,
.center_title,
.footer_ltd,
.zhanshi_title,
.aquestions_title,
.article_title {
    text-transform: uppercase;
}

/* 头部 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FEFEFE;
    box-shadow: none;
    z-index: 20000;
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
}

.nav {
    /* height: 3.5rem; */
    position: relative;
    z-index: 20000;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.header .nav_logo_mob {
    display: none;
}

.nav_logo_pc {
    float: left;
    height: 100%;
    margin: 0 calc((100% - 489px) / 16);
    position: relative;
    z-index: 999;
}

.header .nav_logo_pc img {
    height: 80%;
    width: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.nav_searchbtn {
    float: left;
    width: 100%;
    height: 40px;
    position: relative;
}

.nav_searchbtn svg {
    position: absolute;
    width: auto;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.nav_menu {
    float: left;
    width: 80%;
    padding-left: 10%;
}

.sf-menu {
    float: left;
    width: 100%;
    height: 90px;
    z-index: 999;
    text-align: center;
    position: relative;
}

.nav_item {
    float: left;
    margin: 0 calc((100% - 528px) / 14);
    height: 100%;
    z-index: 999;
    position: relative;
}

.nav_item a {
    text-decoration: none;
}


.nav_link {
    display: block;
    height: 100%;
    line-height: 90px;
    color: #332C2B;
    font-size: 15px;
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
    transition: color .4s ease-in-out;
}

.dropdown_menu {
    /* display: block; */
    height: auto;
    width: auto;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #eeeeef;
    background: rgba(238, 238, 239, .95);
    margin: 0;
    opacity: 1;
    max-height: 0;
    pointer-events: none;
    overflow: auto;
}


.dropdown_menu::-webkit-scrollbar {
    width: 2px;
}

.dropdown_menu::-webkit-scrollbar-thumb {
    border-radius: 1px;
    height: 40px;
    background: #006DB8;
}

.dropdown_menu::-webkit-scrollbar-track {
    background: transparent;
    border: none;
}

.dropdown_menu>li {
    display: block;
    float: left;
    width: auto;
    width: 245px;
    word-break: break-all;
    height: auto;
    line-height: 20px;
    padding: 8px 0;
    border-bottom: 1px solid #fefefe;
    position: relative;
}

.dropdown_menu>li>a {
    float: left;
    width: calc(100% - 20px);
    white-space: normal;
    font-size: 13px;
    color: #332C2B;
    margin: 0 10px;
    text-align: center;
    position: relative;
}


.dropdown_menu>li:hover>a,
.dropdown_menu li a:hover {
    color: #DF242A;
    text-decoration: underline;
}

.dropdown_menu>li>ul {
    /* display: block; */
    height: auto;
    width: auto;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #c8c9c9;
    border-radius: 20px;
    background: #fefefe;
    padding: 20px 0;
    margin: 0;
    opacity: 1;
    max-height: 200px;
    pointer-events: none;
}

.dropdownMenus_min {
    min-width: 247px;
}

.dropdownMenus_mid {
    min-width: 492px;
}

.dropdownMenus_max {
    min-width: 737px;
}


.dropdown_menu>li>ul>li {
    display: block;
    float: left;
    width: auto;
    min-width: 182px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    position: relative;
}

.dropdown_menu>li>ul>li>a {
    float: left;
    width: calc(100% - 20px);
    font-size: 13px;
    color: #DF242A;
    margin: 0 10px;
    text-align: center;
    position: relative;
    border-bottom: 1px dashed #c8c9c9;
}

/* .dropdown_menu>li>ul>li:first-child>a {
    border-top: 1px dashed #c8c9c9;
} */

.nav_backicon {
    display: none;
}

.nav_actions {
    float: right;
    width: 10%;
    padding-top: 25px;
}


.search_close {
    display: block;
    position: absolute;
    right: 8px;
    top: 10px;
}

.search_close:hover svg {
    transform: rotate(180deg);
}


.nav_searchbtn svg,
.nav_toggle svg {
    float: right;
    height: 24px;
    width: auto;
    padding: 8px;
    cursor: pointer;
    transition: color .4s ease-in-out;
}

.nav_close svg,
.search_close svg {
    float: right;
    height: 30px;
    width: 30px;
    padding: 5px;
    cursor: pointer;
    transition: .4s ease-in-out;
}

.nav_close,
.nav_toggle {
    display: none;
}


/* .nav_item:hover .nav_link,
.nav_current {
    text-decoration: underline;
} */

.nav_item:hover .nav_link {
    color: #DF242A;
}

.nav_current {
    color: #DF242A;
    border-bottom: 2px solid #DF242A;
}

.nav_item:hover .nav_backicon_current,
.nav_current .nav_backicon_current {
    display: block;
}

.search_box_1 {
    position: fixed;
    top: 135px;
    width: 500px;
    padding-top: 50px;
    padding-bottom: 20px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    background: #EEEEEE;
    border-radius: 10px;
    box-shadow: 0 10px 9px -9px #b4b5b5;
    opacity: 0;
    pointer-events: none;
    transition: padding .4s, opacity .4s ease-in-out;
}

.search_box_1 #keywords {
    display: block;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    margin-right: 0px;
    height: 50px;
    text-indent: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    outline: none;
    box-sizing: border-box;
}

.show_search {
    opacity: 1;
    pointer-events: auto;
}

.search_input,
.search_btn1 {
    float: left;
    width: 80%;
    margin: 15px 10%;
    border-radius: 8px;
    overflow: hidden;
    border: none;
}

.search_btn1 {
    display: inline;
    text-align: center;
    height: 50px;
    border: none;
    background: #dcdcdd;
    color: #332C2B;
    font-size: 24px;
    cursor: pointer;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.search_btn1:hover {
    background: #DF242A;
    color: #FEFEFE;
}


/* 轮播图 */
.products_bg,
.banner {
    width: 100%;
    max-height: 786px;
    margin: 0 auto;
    margin-top: 90px;
    position: relative;
    overflow: hidden;
}

.pb_container,
.footer_container,
.swiper_container {
    width: 100%;
    max-height: 786px;
    position: relative;
}


.swiper_wrapper {
    width: 100%;
    height: auto;
    position: relative;
}

.left_swiper {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1000;
}

.right_swiper {
    width: 30%;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1000;
}

.swiper_slide {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin-left: -100%;
    transition: .6s ease-in-out;
}

.swiper_slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* 隐藏状态 */
.def {
    opacity: 0;
    left: 100%;
}

/* 显示 */
.a {
    opacity: 0;
    left: 0;
}

.c {
    opacity: 0;
    left: 200%;
}

.b {
    opacity: 1;
    left: 100%;
}


/* 显示 */
.a1 {
    opacity: 1;
    left: 0;
}

.a2 {
    opacity: 0;
    left: 200%;
}

.a3 {
    opacity: 1;
    left: 100%;
}


.swiper_pagination {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.swiper_pagination .swiper_bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #DF242A;
    border: 2px solid #DF242A;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.6s ease-in-out;
}

.swiper_pagination .swiper_bullet_active {
    background: #FEFEFE;
}


/* 产品 */
.new_product {
    width: 100%;
    margin: 30px auto;
}

.title_1 {
    padding: 50px 0;
    text-align: center;
    font-size: 26px;
    color: #332C2B;
}

.product_list {
    display: none;
    float: left;
    width: 100%;
    margin-left: -103%;
    position: relative;
    opacity: 0;
    padding: 15px 10px;
    box-sizing: border-box;
    overflow: hidden;
    transition: left .3s ease-in-out;
}

.pl_show {
    left: 103%;
    opacity: 1;
    display: block;
}

.product_item {
    float: left;
    width: calc(94% / 4);
    height: auto;
    text-decoration: none;
    margin-right: 2%;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: none;
    position: relative;
    transition: .3s ease-in-out;
}

.products_right .product_item {
    float: left;
    width: calc(94% / 3);
    height: auto;
    text-decoration: none;
    margin-left: 2%;
    margin-right: 0;
}

/* .product_item:hover {
    box-shadow: 0 2px 10px #A1A1A1;
} */

.product_block:last-child,
.product_item:nth-child(4),
.product_item:nth-child(8) {
    margin-right: 0 !important;
}

.product_img {
    float: left;
    width: 100%;
    position: relative;
}

.product_img img {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: .3s ease-in-out;
}

.pros_pro .product_img img {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.product_bottom {
    float: left;
    width: 100%;
    height: 80px;
    padding: 0 40px 0 10px;
    line-height: 20px;
    position: relative;
    background: linear-gradient(to bottom, #EEEEEE, #FEFEFE);
    box-sizing: border-box;
}

.product_mes {
    float: left;
    width: 100%;
    height: auto;
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
    color: #000;
    text-align: left;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 20px;
    max-height: 40px;
    box-sizing: border-box;
    transition: .3s ease-in-out;
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}


.product_item:hover .product_bottom {
    /* background: linear-gradient(to bottom, #FEFEFE, #EEEEEE); */
}

.product_item:hover {
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.3);
    transform: translateY(-15px);
}

.product_item:hover .product_bottom .product_mes {
    text-decoration: underline;
}


/* .product_item:hover .product_mes {
    background: url(/images/go_hover.png) right 5px center no-repeat;
    background-size: auto 12px;
} */

.product_list_pagination {
    text-align: center;
    position: relative;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.product_swiper_pagination {
    text-align: center;
    position: relative;
    /* bottom: 10px; */
    width: 100%;
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

.swiper_bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #dcdcdd;
    border-radius: 50%;
    cursor: pointer;
    transition: background-image 0.6s ease-in-out;
    box-sizing: border-box;
}

.swiper_bullet_active {
    background: #DF242A;
}

/* classification */
.classification {
    float: left;
    width: 100%;
    height: auto;
    margin: 30px auto;
    padding-bottom: 45px;
    position: relative;
}

.class_position {
    position: relative;
}

.class_main {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.class_1 {
    float: left;
    width: calc(100% / 3);
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.class_serves {
    float: left;
    color: #332C2B;
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    line-height: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-sizing: border-box;
    position: relative;
}

.class_serves:hover {
    color: #FEFEFE;
    background: linear-gradient(to right, #6a1317, #dd2426);
}

.class_series_1 {
    float: left;
    width: 100%;
    height: 20px;
    text-align: center;
}

.class_serves:hover .class_series_1 {
    background: url(../image/more_btn.png) right 20% center no-repeat;
    background-size: auto 100%;
}


/* company info*/
.company {
    width: 100%;
    height: auto;
    margin: 30px 0;
    position: relative;
}

.about_top {
    float: left;
    width: 100%;
    height: 611px;
    background: url(../image/about_bg.jpg) center center no-repeat;
    background-size: auto 100%;
    box-sizing: border-box;
    position: relative;
}

.about_bottom {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.about_head {
    float: left;
    width: 100%;
    height: 180px;
    margin-top: 431px;
    padding: 50px 0;
    font-size: 16px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background: rgba(254, 254, 254, .8);
    box-sizing: border-box;
}

.about_text {
    float: left;
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
}

.about_text_1 {
    float: left;
    width: 100%;
    height: auto;
    word-break: break-all;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    line-height: 23px;
    max-height: 115px;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.service_list_1 {
    float: left;
    width: 25%;
    height: auto;
    padding: 0 3%;
    border-right: 1px solid #c8c9c9;
    position: relative;
    box-sizing: border-box;
    top: 0;
    transition: .4s ease;
}

.service_list_1:nth-child(4) {
    border-right: none;
}

.service_name {
    text-align: center;
    height: 40px;
    font-size: 15px;
    color: #332C2B;
    transition: .3s ease;
}

.service_icon {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    position: relative;
    transition: transform 0.4s ease-in-out;
}

.service_icon img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.more_btn {
    position: absolute;
    right: 50px;
    height: 30px;
    line-height: 30px;
    width: auto;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: initial;
    color: #332C2B;
    transition: .2s ease-in-out;
}

.more_btn:hover {
    text-decoration: underline;
}

.about_text .more_btn {
    margin-left: 90px;
    right: initial;
    color: #DF242A;
}

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

.about_pic a {
    float: left;
    width: 32%;
    height: 215px;
    margin-right: 2%;
    background: #332C2B url(../image/magnify.png) center center no-repeat;
    background-size: 20px 20px;
    overflow: hidden;
    position: relative;
    transition: 0.2s ease;
}

.about_pic a:last-child {
    margin-right: 0;
}

.about_pic a:hover {
    background-size: 35px 35px;
}

.about_pic a img {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.about_pic a:hover img {
    opacity: .2;
}

/* company_eq */
.company_eq {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.eq_top,
.eq_bottom {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.eq_top {
    height: 255px;
}

.eq_title {
    float: left;
    width: 20%;
    height: 100%;
    line-height: 20px;
    text-align: left;
    font-size: 24px;
    color: #FEFEFE;
    background: linear-gradient(270deg, #6a1317, #dd2426);
    padding: 57.5px 40px;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}

.more_btn_1 {
    position: absolute;
    height: 30px;
    width: 30px;
    background: url(../image/more_btn.png) left center no-repeat;
    background-size: auto 70%;
    transition: .2s ease;
    cursor: pointer;
}

.eq_title .more_btn_1 {
    left: 40px;
    top: 120px;
}

.eq_title .more_btn {
    left: 40px;
    top: 160px;
    right: auto;
    color: #fefefe;
}

.eq_t_img {
    float: left;
    width: 40%;
    height: 100%;
    background: #332C2B url(../image/magnify.png) center center no-repeat;
    background-size: 20px 20px;
    transition: 0.2s ease;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.eq_t_img1 {
    float: left;
    width: 18%;
    height: 100%;
    margin-left: 2%;
    background: #332C2B url(../image/magnify.png) center center no-repeat;
    background-size: 20px 20px;
    transition: 0.2s ease;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.eq_b_1 {
    float: left;
    width: 100%;
    height: 246px;
    margin-bottom: 20px;
    position: relative;
}

.about_icon_1 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #EEEEEE url(../image/about_icon_1.png) center center no-repeat;
    background-size: auto 60%;
}

.about_icon_2 {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #EEEEEE url(../image/about_icon_2.png) center center no-repeat;
    background-size: auto 60%;
}

.eq_b_img {
    float: left;
    width: 50%;
    height: 100%;
    background: #332C2B url(../image/magnify.png) center center no-repeat;
    background-size: 20px 20px;
    transition: 0.2s ease;
    overflow: hidden;
    position: relative;
}

.eq_b_img img,
.eq_t_img img,
.eq_t_img1 img {
    width: auto;
    height: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.2s ease;
}

.eq_b_img:hover,
.eq_t_img:hover,
.eq_t_img1:hover {
    background-size: 35px 35px;
}

.eq_b_img:hover img,
.eq_t_img:hover img,
.eq_t_img1:hover img {
    opacity: .2;
}

.eq_mes {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}

.eq_b_1:nth-child(2) .eq_mes {
    background: linear-gradient(to right, #dcdcdd, #FEFEFE);
}

.eq_b_1:nth-child(1) .eq_mes {
    background: linear-gradient(to left, #dcdcdd, #FEFEFE);
}

.eq_mes_1 {
    position: absolute;
    width: 100%;
    line-height: 25px;
    text-align: left;
    font-size: 16px;
    color: #332C2B;
    padding: 0 40px;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
}

.eq_mes .more_btn_1 {
    bottom: 40px;
    left: 40px;
}


/* service process */
.service_process {
    display: block;
    width: 100%;
    height: auto;
    margin: 40px auto;
}

.sp_main {
    float: left;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.sp_main_1 {
    float: left;
    width: 14.28%;
    height: auto;
    background: linear-gradient(to left, #EEEEEE, #dcdcdd);
    border-left: 2px solid #C9CACA;
    padding: 30px 20px;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.sp_main_1:hover {
    border-left: 2px solid #DF242A;
}

.sp_top {
    float: left;
    width: 100%;
    height: 40px;
    transition: .3s ease-in-out;
}

.sp_top img {
    height: 100%;
}

.dc .sp_top img {
    height: 30px;
    padding: 5px 0;
}

.pt .sp_top img {
    height: 36px;
    padding: 2px 0;
}

.sp_number {
    float: left;
    width: 100%;
    height: 30px;
    margin-top: 30px;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.dc .sp_number {
    background: url(../image/01.png) left center no-repeat;
    background-size: auto 100%;
}

.sa .sp_number {
    background: url(../image/02.png) left center no-repeat;
    background-size: auto 100%;
}

.pd .sp_number {
    background: url(../image/03.png) left center no-repeat;
    background-size: auto 100%;
}

.vp .sp_number {
    background: url(../image/04.png) left center no-repeat;
    background-size: auto 100%;
}

.pt .sp_number {
    background: url(../image/05.png) left center no-repeat;
    background-size: auto 100%;
}

.st .sp_number {
    background: url(../image/06.png) left center no-repeat;
    background-size: auto 100%;
}

.as .sp_number {
    background: url(../image/07.png) left center no-repeat;
    background-size: auto 100%;
}

.dc:hover .sp_number {
    background: url(../image/01_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.sa:hover .sp_number {
    background: url(../image/02_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.pd:hover .sp_number {
    background: url(../image/03_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.vp:hover .sp_number {
    background: url(../image/04_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.pt:hover .sp_number {
    background: url(../image/05_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.st:hover .sp_number {
    background: url(../image/06_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.as:hover .sp_number {
    background: url(../image/07_hover.png) left center no-repeat;
    background-size: auto 100%;
}

.sp_bottom {
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    position: relative;
    transition: .3s ease-in-out;
}

.sp_bottom .more_btn_1 {
    top: 0;
    right: 0;
    height: 100%;
    background: url(../image/more_btn_gray.png) right center no-repeat;
    background-size: 25px auto;
}

.sp_main_1:hover .sp_bottom .more_btn_1 {
    background: url(../image/more_btn_hover.png) right center no-repeat;
    background-size: 25px auto;
}

.sp_main_right {
    float: right;
    width: 26%;
    height: 177px;
    padding: 20px 2%;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.sp_title_logo {
    float: left;
    width: 100%;
    height: 30px;
    margin-bottom: 15px;
}

.sp_title_logo img {
    width: auto;
    height: 100%;
}

.sp_r_mes {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    transition: .3s ease-in-out;
}

.sp_main_right:hover {
    border: 1px solid #722A2D;
    color: #722A2D;
}


/* news center */
.news_center {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.news_center_left {
    float: left;
    width: 50%;
    height: auto;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.news_pic {
    float: left;
    width: 100%;

    overflow: hidden;
    position: relative;
}

.news_pic img {
    width: 95%;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
}


.news_center_2 {
    float: left;
    width: 100%;
    height: 100%;
    background: #FEFEFE;
    padding: 25px 30px;
    box-sizing: border-box;
}

.main_news {
    float: left;
    width: 100%;
    height: auto;
    color: #332C2B;
}

.news_title {
    float: left;
    width: 100%;
    height: 40px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    word-break: break-all;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 40px;
}

.news_text_1 {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    margin: 15px 0;
    word-break: break-all;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 40px;
    box-sizing: border-box;
    transition: .3s ease-in-out;
}

.news_text_1 img {
    display: none;
}

.news_bottom {
    float: left;
    width: 100%;
    height: auto;
    line-height: 30px;
    position: relative;
}

.news_date {
    float: left;
    width: auto;
    font-size: 13px;
    transition: .3s ease-in-out;
}

.news_bottom .more_btn_1 {
    right: 0;
    background: url(../image/more_btn_black.png) center center no-repeat;
    background-size: auto 15px;
}

.news_bottom .more_btn {
    right: 35px;
    font-size: 14px;
}

.news_center a:hover .news_title {
    color: #DF242A;
}

.news_center a:hover .more_btn_1 {
    background: url(../image/more_btn_hover.png) center center no-repeat;
    background-size: auto 15px;
}

.news_center_right {
    float: right;
    width: 48%;
    height: auto;
}

.right_news {
    float: left;
    width: 100%;
    height: auto;
    padding: 25px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdd;
    transition: .3s ease-in-out;
}

.right_news:nth-child(1) {
    border-top: 1px solid #dcdcdd;
}

.news_center_1 {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    color: #332C2B;
}


.news_center_left:hover .news_center_2 {
    background: linear-gradient(to bottom, #FEFEFE, #EEEEEE);
}

.right_news:hover {
    background: linear-gradient(to left, #FEFEFE, #EEEEEE);
}

.news_center .more_btn_1:hover {
    text-decoration: underline;
}

/* ask */
.ask {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}

.ask .title_1 {
    position: relative;
}

.ask .more_btn {
    right: 90px;
}

.ask_main {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.ask_1 {
    float: left;
    width: 33.3%;
    height: auto;
    padding: 20px;
    background: linear-gradient(to right, #dcdcdd, #fefefe);
    box-sizing: border-box;
}

.ask_1:last-child {
    border-bottom: none;
}

.ask_ques,
.ask_answer {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    box-sizing: border-box;
}

.ask_q_icon {
    float: left;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    background: url(../image/ques.png) center center no-repeat;
    background-size: 80% auto;
}

.ask_a_icon {
    float: left;
    width: 40px;
    height: 40px;
    padding: 10px 0;
    background: url(../image/answer.png) center center no-repeat;
    background-size: 80% auto;
}

.ask_mes {
    float: left;
    width: calc(100% - 55px);
    padding-top: 10px;
    margin-left: 15px;
    line-height: 40px;
    word-break: break-all;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    max-height: 40px;
}

.ask_answer .ask_mes {
    line-height: 20px;
    -webkit-line-clamp: 2;
    max-height: 40px;
    border-top: 1px solid #c8c9c9;
}

.ask .more_btn:hover {
    color: #DF242A;
}

/* footer */
.footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: linear-gradient(45deg, #6a1317, #dd2426);
}

.footer_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.footer_top {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}

.footer_head {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.send {
    float: left;
    width: 50%;
    height: auto;
    position: relative;
}

.footer_top_top {
    float: left;
    width: 80%;
    height: 80px;
    margin-bottom: 50px;
    position: relative;
    z-index: 100;
}

.footer_top_left {
    float: left;
    width: 40%;
    height: 100%;
    background: url(../image/logo.png) left center no-repeat;
    background-size: auto 90%;
    box-sizing: border-box;
}

.footer_ltd {
    float: left;
    width: 60%;
    height: 100%;
    font-size: 24px;
    line-height: 26px;
    padding: 17px 0;
    color: #FEFEFE;
    box-sizing: border-box;
}

.footer_search {
    float: left;
    width: 80%;
    height: 40px;
    padding-bottom: 20px;
}

.footer_search_1 {
    float: left;
    width: 78%;
    height: 40px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    border: none;
    color: #A1A1A1;
    box-shadow: none !important;
}

.footer_search #keywords {
    display: block;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-indent: 0px;
    background: #FEFEFE;
    outline: none;
	box-sizing: border-box;
}

.footer_search_btn {
    float: right;
    width: 20%;
    height: 40px;
    margin: 0;
    border-radius: 0;
    background: #DF242A url(../image/footer_search.png) center center no-repeat;
    background-size: auto 20px;
    border: none;
    cursor: pointer;
    transition: .3s ease;
}

.footer_search_mes {
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    color: #FEFEFE;
}

.footer_main {
    float: left;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #FEFEFE;
    position: relative;
    color: #FEFEFE;
}

.footer_series_title {
    float: left;
    width: 16%;
    height: auto;
    line-height: 26px;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}

.footer_series {
    float: left;
    width: 82%;
    height: 40px;
    padding: 6px 0;
}

.footer_series_1 {
    float: left;
    width: calc(100% / 6);
    height: 100%;
    border-right: 1px solid #DF242A;
    box-sizing: border-box;
}

.footer_series_11 {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #332C2B;
    padding: 10px 0;
    background: #FEFEFE;
    position: relative;
}

.footer_series_11 .more_btn_1 {
    right: 7%;
    top: 0;
    width: 15px;
    height: 100%;
    background: url(../image/more_btn_hover.png) right center no-repeat;
    background-size: auto 15px;
}

.footer_series_1:hover .footer_series_11 {
    color: #FEFEFE;
    font-weight: bold;
    background: linear-gradient(to right, #6a1317, #dd2426);
}

.footer_series_1:hover .footer_series_11 .more_btn_1 {
    background: url(../image/more_btn.png) right center no-repeat;
    background-size: auto 15px;
}

.footer_top_r {
    float: left;
    width: 50%;
    height: auto;
    color: #FEFEFE;
    box-sizing: border-box;
}

.footer_add {
    float: left;
    width: 100%;
    margin-top: 14px;
    line-height: 25px;
    word-break: break-all;
}

.footer_mob {
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 25px;
}

.footer_tel,
.footer_fax,
.footer_email,
.footer_contact {
    float: left;
    width: 50%;
    margin-top: 10px;
    line-height: 25px;
}

.footer_mes_icon {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.footer_mes_icon img {
    width: 100%;
    height: auto;
}

.footer_mes_1 {
    float: left;
    width: calc(100% - 30px);
    font-size: 16px;
}
.footer_mes_1 a{
	color: #fff;
	text-decoration: underline;
}
.footer_mes_2 {
    float: left;
    width: calc(100% - 90px);
    font-size: 20px;
    font-weight: bold;
}


.footer_bottom {
    float: left;
    width: 100%;
    height: 90px;
    color: #FEFEFE;
    position: relative;
    padding-bottom: 20px;
    border-top: 1px solid #FEFEFE;
}

.footer_b_left {
    float: left;
    width: 412px;
    padding: 35px 0;
    height: 40px;
}

.footer_bottom_l,
.footer_bottom_r {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #FEFEFE;
}

.footer_bottom_l .h4,
.footer_bottom_r .h4 {
    display: inline-block;
    padding-right: 10px;
    color: #FEFEFE;
}

.footer_bottom_r a:hover {
    text-decoration: underline;
}


.footer_menu_title {
    float: left;
    width: 30%;
    height: auto;
    line-height: 26px;
    padding: 17px 0;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}

.footer_contact_right {
    float: left;
    width: 70%;
    line-height: 20px;
    padding: 20px 0;
    font-size: 16px;
}


.footer_menu {
    float: right;
    width: calc(100% - 412px);
    height: 100%;
    font-size: 16px;
}

.footer_list {
    float: right;
    width: auto;
    height: 90px;
    text-align: right;
    position: relative;
}

.footer_link {
    display: inline-block;
    height: 100%;
    line-height: 100px;
    margin: 0 16px;
    font-weight: bold;
    box-sizing: border-box;
    color: #FEFEFE;
    transition: color .4s ease-in-out;
}

.footer_link:hover,
.footer_current {
    border-top: 3px solid #FEFEFE;
    font-weight: bold !important;
}


/* 返回顶部 */
#scrollToTopBtn {
    display: none;
    /* 默认隐藏按钮 */
    position: fixed;
    bottom: 80px;
    right: 25px;
    width: 60px;
    height: 60px;
    z-index: 20000;
    border: none;
    outline: none;
    background: #DF242A url(../image/back_top.png) center center no-repeat;
    background-size: auto 27%;
    cursor: pointer;
    border-radius: 50%;
    transition: .3s ease;
}

#scrollToTopBtn:hover {
    background: #EEEEEF url(../image/back_top_2.png) center center no-repeat;
    background-size: auto 27%;
}



/* product界面 */

.pb_container img {
    float: left;
    width: 100%;
    height: auto;
}

.mbx {
    float: left;
    width: 100%;
    min-height: 20px;
    display: block;
    line-height: 20px;
    padding: 15px;
    box-sizing: border-box;
    background: linear-gradient(to right, #6a1317, #dd2426);
    position: relative;
}

.mbx_text {
    float: left;
    font-size: 16px;
    text-align: left;
    word-break: break-all;
}

.mbx_location,
.mbx_icon,
.mbx_product {
    float: left;
    color: #FEFEFE;
    margin-right: 10px;
}

.mbx_home,
.mbx_product_1 {
    float: left;
    color: #FEFEFE;
    margin-right: 10px;
}

.mbx_home:hover,
.mbx_product_1:hover {
    text-decoration: underline;
}

.products {
    width: 100%;
    height: auto;
    margin: 50px 0;
}

.products_search {
    width: 96%;
    padding: 20px 2%;
    margin: 20px 0;
    position: relative;
    display: none;
    border-bottom: 1px dashed #000;
    border-top: 1px dashed #000;
}

.products_list {
    float: left;
    width: 100%;
    height: 50px;
    text-align-last: center;
    font-size: 16px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: none;
    background: #f7f7f7;
    color: #484848;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.products_search .search_input_1 {
    float: left;
    width: 100%;
    margin: 5px 0;
    border-radius: 5px;
    color: #8B8B8C;
    overflow: hidden;
}

.products_search #keywords {
    display: block;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.42857143;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    margin-right: 0px;
    height: 50px;
    text-indent: 0px;
    background: #f7f7f7;
    margin-top: 0px;
    outline: none;
    box-sizing: border-box;
}

.products_search .search_btn1_1 {
    float: left;
    width: 60%;
    margin: 10px 20% 0 20%;
    border-radius: 5px;
    overflow: hidden;
}

.products_left {
    float: left;
    width: 25%;
    display: block;
}

.pro_search {
    float: left;
    width: 100%;
    padding: 5px 3px;
    margin-bottom: 20px;
    border: 1px solid #eeeeef;
    background: #eeeeef;
    border-radius: 5px;
    box-sizing: border-box;
}

.search_input1 {
    float: left;
    width: 75%;
    height: 30px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    border: none;
    color: #A1A1A1;
    box-shadow: none !important;
}

.search_input1#keywords {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.42857143;
    text-indent: 0px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .075);
    outline: none;
	box-sizing: border-box;
}

.search_btn2 {
    float: left;
    width: 25%;
    height: 30px;
    margin: 0;
    border: none;
    border-radius: 0;
    background: url(../image/search.png) center center no-repeat;
    background-size: auto 20px;
    cursor: pointer;
}

.product_daohang {
    float: left;
    width: 100%;
    height: auto;
    padding-right: 4px;
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}

.product_daohang::-webkit-scrollbar {
    width: 4px;
}

.product_daohang::-webkit-scrollbar-thumb {
    border-radius: 2px;
    height: 30px;
    background: #DF242A;
}

.product_daohang::-webkit-scrollbar-track {
    background: transparent;
    border: none;
}

.products_right {
    float: left;
    width: 75%;
    position: relative;
}

.products_1 {
    width: 100%;
}

.pro_show {
    display: block;
}

.pro_hid {
    display: none;
}

.xl {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 0;
    margin-bottom: 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    position: relative;
    /* transition: .3s ease-in-out; */
}

.xl .h4 {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 0;
    height: 20px;
    font-size: 16px;
}

.xl .series_right {
    width: 100%;
    text-align: center;
    line-height: 20px;
    color: #332C2B;
}

.xl:hover,
.select_xl {
    background: linear-gradient(to right, #6a1317, #dd2426);
}

.xl_1:hover .series_right,
.select_xl .series_right {
    color: #FEFEFE;
}

.xl:hover .nav_router,
.select_xl .nav_router {
    background: url(../image/more_btn.png) right 10% center no-repeat;
    background-size: auto 90%;
}

.xl_1 {
    float: left;
}

.select_a {
    text-decoration: underline;
    font-weight: 600;
}

.hot_products,
.latest_products {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.title_2 {
    float: left;
    width: 100%;
    height: auto;
    line-height: 30px;
    padding: 15px 0;
    font-size: 24px;
    color: #332C2B;
    box-sizing: border-box;
    position: relative;
}

.hot_products .title_2,
.latest_products .title_2 {
    color: #DF242A;
}

.pros_pro {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    background: #fbfbfb;
    position: relative;
    transition: background .4s, box-shadow .4s ease-in-out;
}

.pros_pro .product_img {
    float: left;
    width: 35%;
}

.pros_pro .product_mes_box {
    position: absolute;
    left: 35%;
    width: 65%;
    height: 100%;
}

.pros_pro .product_mes {
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #000;
    padding: 0 10px;
    -webkit-line-clamp: 3;
    max-height: 60px;
    box-sizing: border-box;
    text-align: center;
    background: none;
}

.products_pro {
    float: left;
    width: 30%;
    margin-left: calc(10% / 3);
    margin-bottom: 30px;
    background: #fbfbfb;
    transition: background .4s, box-shadow .4s ease-in-out;
}

.news_box:hover,
.product_item:hover,
.pros_pro:hover,
.products_pro:hover {
    background: #EEEEEE;
    text-decoration: none;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); */
}

.product_item:hover .product_mes,
.pros_pro:hover .product_mes,
.products_pro:hover .product_mes {
    /* color: #722A2D; */
    text-decoration: underline;
}


/*分页样式*/
.page_box {
    float: right;
    width: 100%;
    position: relative;
    color: #000;
    font-size: 14px;
}

.pager {
    margin-bottom: 20px;
    text-align: center;
}

.pager span,
.pager a {
    border: 1px solid #D6D6D6;
    display: inline-block;
    line-height: 1.231;
    margin: 0 5px 0 0;
    padding: 4px 7px;
    vertical-align: middle;
    color: #888;
}

.pager a {
    font-family: Simsun;
    padding: 4px 7px 2px;
    text-decoration: none;
}

.pager a:hover {
    background: #194C7F;
    border-color: #194C7F;
    color: #ffffff;
    text-decoration: none;
}

.pager .current {
    background: none;
    border: 0px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

.pager select {
    width: 30px;
    margin: 0 5px;
    line-height: 12px;
    font-size: 12px;
}


/* 产品详情 */
.item {
    width: 100%;
    margin-top: 30px;
}

.prod {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.prod_left {
    float: left;
    width: 35%;
    min-width: 320px;
    /* margin-right: 10%; */
    height: auto;
}

.prod_l_t {
    float: left;
    width: 100%;
    height: auto;
    transition: .4s ease-in-out;
    overflow: hidden;
    position: relative;
}

.prod_l_t li {
    float: left;
    width: 100%;
    margin-right: -100%;
    position: relative;
    opacity: 0;
}

.prod_l_b {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    /* white-space: nowrap; */
}

.prod_img {
    float: left;
    width: 17%;
    margin-right: 2%;
    height: auto;
    transition: .4s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #FEFEFE;
}

.prod_l_b .show,
.prod_img:hover {
    border: 1px solid #DF242A;
}

.prod_img:last-child {
    margin-right: 0;
}

.prod_l_t img,
.prod_img img {
    float: left;
    width: 100%;
    height: auto;
}

.prod_right {
    float: right;
    width: 60%;
    height: auto;
    position: relative;
}

.prod_r_t {
    float: left;
    width: 100%;
    height: auto;
}

.prod_r_t h1 {
    padding: 20px 0;
    font-size: 28px;
    word-break: break-all;
    color: #DF242A;
    border-bottom: 1px solid #C8C9C9;
}

.p_text_3 {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px solid #C8C9C9;
}

.p_text_3 .h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #000;
    margin: 2px 0;
}

.h4_1 {
    float: left;
    font-weight: bold;
    width: 110px;
}

.h4_2 {
    float: left;
    width: calc(100% - 110px);
}

.oe_text {
    float: left;
    width: calc(100% - 110px);
    font-weight: bold;
}

.oe_text a {
    color: #DF242A;
    float: left;
    margin-right: 10px;
    text-decoration: underline;
}

.prod_btn {
    float: right;
    width: 100%;
}

.prod_add,
.prod_back {
    float: left;
    width: 200px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    margin: 10px 0;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.prod_add {
    background: linear-gradient(to right,#6a1317,#dd2426);
    color: #FEFEFE;
}

.prod_back {
    background: linear-gradient(to right, #dcdcdd 0%, #fefefe 40%, #dcdcdd 100%);
}

.prod_add {
    margin-right: 5%;
}


/* .prod_add:hover {
    background: #1E9FDB;
}

.prod_back:hover {
    background: #DF242A;
} */


.prod_link {
    float: left;
    width: 100%;
    height: 30px;
    margin: 20px 0;
}

.prod_share {
    float: left;
    width: 105px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}

.prod_link a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
}

.fx {
    background: url(../image/link-1.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.fx1 {
    background: url(../image/link-3.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.fx2 {
    background: url(../image/link-0.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.fx3 {
    background: url(../image/link-5.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.prod_r_b {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0;
}

.pp,
.np {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.p_text_4,
.p_text_5 {
    color: #A1A1A1;
    line-height: 20px;
    font-size: 18px;
    box-sizing: border-box;
}


.pp .p_text_4,
.pp .p_text_5,
.pp .p_text_5 a {
    color: #332C2B;
}

.np .p_text_4,
.np .p_text_5,
.np .p_text_5 a {
    color: #332C2B;
}

.p_text_5 a {
    text-decoration: underline;
}




.guess .product_mes,
.products_right .product_mes,
.guess .product_item:hover .product_mes,
.products_right .product_item:hover .product_mes {
    background: none;
}

.pp_item_1 {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: .3s ease-in-out;
}

.pp_shop {
    position: absolute;
    right: 5px;
    bottom: 25px;
    height: 30px;
    width: 30px;
    background: url(../image/shop_gray.png) center center no-repeat;
    background-size: auto 80%;
    transition: .2s ease;
    cursor: pointer;
}

.pp_shop:hover {
    background: url(../image/shop_hover.png) center center no-repeat;
    background-size: auto 80%;
}


/* details */
.item .title_2 {
    padding-left: 20px;
}

.details_total,
.other_data {
    float: left;
    width: 100%;
    margin: 20px 0;
    box-sizing: border-box;
}

.detail_1 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 20px;
    box-sizing: border-box;
}

.details_total .detail_1 {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
    border: 1px solid #dcdcdd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.details_total .detail_1:nth-child(2),
.details_total .detail_1:nth-child(6),
.details_total .detail_1:nth-child(8) {
    margin-right: 0;
}

.details_total .detail_1:nth-child(3),
.details_total .detail_1:nth-child(4),
.details_total .detail_1:nth-child(5),
.details_total .detail_1:nth-child(6) {
    width: 23.5%;
}

.details_title {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    color: #332C2B;
    font-weight: bold;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.details_text {
    float: left;
    width: 100%;
    height: auto;
    min-height: 160px;
    padding: 10px 20px;
    box-sizing: border-box;
	word-break: break-all;
}

.details_total .detail_1:nth-child(3) .details_text,
.details_total .detail_1:nth-child(4) .details_text,
.details_total .detail_1:nth-child(5) .details_text,
.details_total .detail_1:nth-child(6) .details_text {
    min-height: 90px;
}

.detail_1 .h4 {
    box-sizing: border-box;
}

.model_mes {
    max-height: 220px;
    overflow-y: auto;
    transition: .2s ease-in-out;
}

.model_mes::-webkit-scrollbar {
    width: 4px;
}

.model_mes::-webkit-scrollbar-thumb {
    border-radius: 2px;
    height: 30px;
    background: #dcdcdd;
}

.model_mes::-webkit-scrollbar-track {
    background: transparent;
    border: none;
}

.model_mes.expanded {
    max-height: 800px;
    overflow-y: hidden;
    transition: .2s ease-in-out;
}

.expand_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    font-size: 14px;
    color: #332C2B;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #FEFEFE;
    border: 1px solid #dcdcdd;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.expand_btn:hover {
    color: #FEFEFE;
    background: #c8c9c9;
    border: 1px solid #dcdcdd;
}

.other_data {
    border: 1px solid #dcdcdd;
    padding: 30px 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.details_left {
    float: left;
    width: 20%;
    height: auto;
    padding: 5px 0;
    font-weight: bold;
    color: #332C2B;
    box-sizing: border-box;
    position: relative;
}

.details_right {
    float: left;
    width: 77%;
    height: auto;
    padding: 5px 0;
    position: relative;
    word-break: break-all;
}


.limit_height {
    min-height: 140px;
}


/* info */
.info {
    width: 100%;
    height: auto;
    margin: 20px 0;
    box-sizing: border-box;
}

.faq_1 {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #dcdcdd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.info_icon {
    position: absolute;
    right: 30px;
    top: 9px;
    height: 50px;
    width: auto;
    z-index: 1;
}

.info_icon img {
    height: 100%;
}

.faq_1 .h4 {
    float: left;
    width: 100%;
    line-height: 20px;
    box-sizing: border-box;
}

.ques {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    line-height: 20px;
    padding: 10px 20px;
    color: #332C2B;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    overflow: hidden;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
}


.answer_1 {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    line-height: 20px;
    padding: 25px 20px;
    font-size: 16px;
    box-sizing: border-box;
}


/* bg */
.item .bg_container {
    margin: 50px 0;
    position: relative;
}

.bg_box_1 {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    position: relative;
}

.bg_box_1 img {
    width: 100%;
    height: auto;
}

/* article */
.article {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #dcdcdd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
}

.article_none {
    display: none;
}

.article_block {
    display: block;
}

.article_title {
    float: left;
    width: 100%;
    height: auto;
    line-height: 20px;
    padding: 10px 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    overflow: hidden;
    color: #DF242A;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
}

.article_mes {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 25px 20px;
    box-sizing: border-box;
}


/* pic */
.hot_tag {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    line-height: 40px;
    margin-top: 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(to right, #FEFEFE, #dcdcdd);
    overflow: hidden;
}

.hot_tag .tag {
    float: left;
    width: auto;
    color: #000;
    font-size: 16px;
    margin-left: 20px;
    font-weight: bold;
}

.hot_tag a {
    float: left;
    width: auto;
    margin-left: 20px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    word-break: break-all;
}

.guess {
    width: 100%;
    height: auto;
    margin: 30px 0;
}

.guess_swiper_pagination {
    text-align: center;
    position: relative;
    width: 100%;
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}


/* aboutus */
.aboutus {
    width: 100%;
    height: auto;
    margin: 30px 0;
}

.aboutus_top {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.aboutus_top_text {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    word-break: break-all;
    font-size: 16px;
}

.aboutus_bottom {
    float: left;
    width: calc(100% - 20px);
    height: auto;
    margin: 0 10px;
}

.aboutus_bottom_pic {
    float: left;
    width: 100%;
    height: auto;
}

.aboutus_pic {
    float: left;
    width: 32%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 20px;
    background: #000 url(../image/magnify.png) center center no-repeat;
    background-size: 20px 20px;
    transition: .4s ease;
    cursor: pointer;
}

.aboutus_pic:hover {
    background-size: 40px 40px;
    box-shadow: 0 2px 10px #000;
}

.last-in-row {
    margin-right: 0;
}

.aboutus_pic img {
    /* float: left; */
    width: 100%;
    height: auto;

}

.aboutus_pic:hover img {
    opacity: 0.2;
}


/* order */
.order {
    width: 100%;
    height: auto;
}

.order_main {
    width: calc(100% - 40px);
    height: auto;
    margin: 30px 20px;
    font-size: 16px;
    line-height: 30px;
    position: relative;
}

.order_ltd {
    float: left;
    width: 100%;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: bold;
}

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

.order_welocome {
    float: left;
    width: 100%;
    text-indent: 32px;
    margin: 10px 0;
    line-height: 20px;
}

.order_com {
    float: left;
    width: 100%;
    line-height: 35px;
    margin-bottom: 5px;
}

.table_clear {
    position: relative;
    left: calc(50% - 7px);
}

.red td a {
    color: #332C2B;
}

.order_left {
    float: left;
    width: 18%;
    margin-right: 2%;
}

.order_right {
    float: left;
    width: 35%;
    height: 35px;
    border: 1px solid #898989;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    padding: 12px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .075);
    text-indent: 0px;
    margin-top: 0px;
    outline: none;
    box-sizing: border-box;
}

.order_end {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.order_suggestion {
    float: left;
    width: 100%;
    color: #DF242A;
    margin-bottom: 10px;
}

.order_suggestbox {
    float: left;
    width: 100%;
    height: 120px;
    border: 1px solid #DF242A;
    border-radius: 10px;
    box-sizing: border-box;
}

.order_suggestion_btn {
    position: relative;
    width: 200px;
    height: 40px;
    margin-top: 15px;
    border: 1px solid #DF242A;
    border-radius: 5px;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    color: #FEFEFE;
    background: #DF242A;
    cursor: pointer;
    transition: .4s ease;
}

.order_suggestion_btn:hover {
    background: #EEEEEF;
    border: 1px solid #EEEEEF;
    color: #DF242A;
}

.n_product_info {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}

.n_product_info .pro_img {
    float: left;
    width: 100px;
    height: 100px;
}

.font_blue {
    width: 33%;
    float: left;
    box-sizing: border-box;
    padding-left: 31px;
}

.font_blue span {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
}

.font_blue a {
    float: left;
    width: 100%;
    word-break: break-all;
    line-height: 20px;
    font-size: 15px;
    color: #332C2B;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 40px;
    box-sizing: border-box;
}

.font_blue input {
    height: 20px !important;
}

.font_model input {
    font-size: 12px;
    width: 100%;
    max-width: 200px;
    padding: .2em 0;
    box-sizing: border-box;
}

.n_product_info .pro_img a {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #EEEEEF;
    margin: 0 auto;
}

.n_product_info .pro_img img {
    width: 100px;
    overflow: hidden;
    height: 100px;
}

.n_product_info .pro_info {
    float: left;
    line-height: 22px;
    width: calc(100% - 166px);
}

.n_product_info span.pro_info a {
    font-weight: bold;
    font-size: 14px;
    color: #332C2B;
    border: 0;
}

.n_product_menu {
    width: 250px;
    padding: 10px 0;
    margin: 0 auto;
    overflow: hidden;
}

.n_product_menu a {
    display: block;
    float: left;
    color: #000;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    width: 120px;
    background-image: -webkit-linear-gradient(#fce800, #cab900);
}

.n_product_menu a:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(#515151, #1f1f1f);
}

.n_product_menu a.n_product_more {
    margin-right: 10px;
}

.n_product_menu a em {
    display: block;
    float: left;
    width: 9px;
    height: 7px;
    margin: 10px 0 0 10px;
    background: url(/images/p_lba.png) no-repeat scroll -10px -116px transparent;
}

.n_product_menu a:hover em {
    background: url(/images/p_lba.png) no-repeat scroll -23px -116px transparent;
}


.pro_rightico {
    float: right;
    width: 26px;
    height: 26px;
    margin: 33px 10px 0 0;
}

.pro_rightico a {
    width: 26px;
    height: 26px;
    display: block;
    background: url(../image/clear.gif) center center no-repeat;
}

.npag_product li .pro_rightico a.pro_shopico {
    width: 27px;
    height: 29px;
    background: url(/images/p_lba.png) no-repeat scroll -9px -108px transparent;
}

.npag_productinfo {
    width: 100%;
    overflow: hidden;
}


/* contact */
.contact {
    width: 100%;
    height: auto;
    margin: 30px 0;
    min-height: 400px;
}

.contact_main {
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 30px;
    position: relative;
}

.contact_left {
    float: left;
    width: 60%;
    height: auto;
    position: relative;
}

.contact_ltd {
    float: left;
    width: 100%;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.contact_mes {
    float: left;
    width: 380px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

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

.contact_right {
    float: left;
    display: block;
    width: 40%;
    height: 280px;
    position: relative;
    background: url(../image/coninbg.png) center center no-repeat;
    background-size: auto 80%;
}


/* news */
.news {
    width: 100%;
    height: auto;
    margin: 30px 0;
}

.news_main {
    position: relative;
    width: 100%;
    height: auto;
}

.news_left {
    float: left;
    width: 67%;
    margin-left: 2%;
    margin-right: 3%;
}

.news_box {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0;
    padding: 10px;
    background: #fbfbfb;
    /* border-bottom: 1px dashed #898989; */
    position: relative;
    box-sizing: border-box;
    transition: .4s ease-in-out;
}

.news_box .news_pic {
    float: left;
    width: 28%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 2%;
    height: auto;

}

.news_box .news_pic img {
    float: left;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    transform: translateY(0);
}

.news_mes {
    float: left;
    width: 66%;
    margin: 20px 2%;
    color: #000;
}

.news_mes_title {
    float: left;
    width: 100%;
    height: auto;
    background: url(../image/rl.png) left center no-repeat;
    background-size: auto 20px;
    font-size: 16px;
    line-height: 30px;
}

.data {
    float: left;
    width: auto;
    margin-left: 30px;
}

.hit {
    float: left;
    width: auto;
    margin-left: 20px;
}

.hit_number {
    float: left;
    width: auto;
}

.news_mes_text {
    float: left;
    width: 100%;
    height: auto;
}

.news_mes_text_1 {
    float: left;
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 18px;
    margin: 10px 0;
    font-weight: bold;
}

.news_mes_text_2 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 20px;
}

.news_right {
    float: left;
    display: block;
    width: 26%;
    height: auto;
}

.hot_products {
    margin-bottom: 25px;
}

.news_box:hover {
    background: #EEEEEE;
    text-decoration: none;
    box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px);
}

/* newsitem */
.newsitem {
    width: 100%;
    height: auto;
    position: relative;
}

.title_3 {
    padding-top: 40px;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #000;
    position: relative;
}

.title_4 {
    position: relative;
    padding-bottom: 40px;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

/* .data,
.hit,
.hit_number{
    float: left;
    width: auto;
} */

.newsitem_main {
    float: left;
    width: 96%;
    height: auto;
    margin: 0 2%;
    font-size: 16px;
    line-height: 20px;
}

.newsitem_text {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


.newsitem_text img,
.article_mes img {
    float: left;
    width: 48%;
    height: auto;
    margin-right: 1%;
    padding: 20px 0;
    box-sizing: border-box;
}

.newsitem_bottom {
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    margin-top: 30px;
    padding: 0 2%;
    box-sizing: border-box;
}

.newsitem_bottom a {
    color: #898989;
    text-decoration: underline;
    transition: .3s ease-in-out;
}

.newsitem_bottom a:hover {
    color: #194C7F;
}

.pn,
.nn {
    float: left;
    width: 100%;
    height: auto;
    line-height: 20px;
}

.pn_1,
.nn_1 {
    float: left;
    width: auto;
    margin-right: 10px;
}

.nn_2 {
    color: #898989;
    text-decoration: underline;
}

.related_products {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 0 2%;
    box-sizing: border-box;
}

.related_products .title_3 {
    margin-bottom: 20px;
}

.related_products a {
    width: 45%;
    float: left;
    padding-bottom: 10px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    background: url(../image/moreright.png) left 3px no-repeat;
    background-size: auto;
    background-size: 8px;
    padding-left: 15px;
    word-break: break-all;
    margin-left: 35px;
}

.related_products a:hover {
    color: #DF242A;
}
.rad_news {
    width: 45%;
    float: left;
    padding-bottom: 10px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    background: url(../image/moreright.png) left 3px no-repeat;
    background-size: auto;
    background-size: 8px;
    padding-left: 15px;
    word-break: break-all;
    margin-left: 35px;
}
.oe_all_left{
	float:left;
	width: 160px;
}
.oe_all1{
background: #f7f7f7;
    border-top: 1px solid #ddd;
    display: flex;
	line-height: 30px;
}
.oe_all0{
background: #ffffff;
    border-top: 1px solid #ddd;
    display: flex;
	line-height: 30px;
}