﻿@font-face
{
    font-family: 'ba';
    src: url('');
}
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: .18rem;/* font-family: Source Han Sans CN, Source Han Sans CN; */
    font-family: 'ba';
    font-weight: 400;/*color: rgba(51, 51, 51, 1);*/
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);/* For some Androids *//* 英文开启 */
    word-wrap: break-word!important;
    word-break: normal!important;
}
:root
{
    --c: rgba(198,152,47,1);
    --tran_03: .3s ease-in-out;
    --tran_15: 1.5s ease-in-out;
}
.main
{
    justify-content: space-between;
    max-width: 16rem;
    width: 100%;
    margin: 0 auto;
}
.lmx_h1
{
    width: 0;
    height: 0;
    margin: 0;
    text-indent: -9999em;
}
html
{
    font-size: 100px;
    overflow-x: hidden;
}
a
{
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
    width: 100%;
    height: 100%;
}
p
{
    text-align: justify;
    color: #333;
}
ul
{
    list-style: none;
}
input, textarea
{
    outline: 0;
    border: none;
}
img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    display: block;
}/*文字描边*//* 设置描边宽度及颜色 默认为字体内外描边
  text-stroke: 2px #2173FF;
 *//* 兼容Webkit(Chrome/Safari)内核浏览器的写法
  -webkit-text-stroke: 2px #2173FF;
  color: #fff;
 */
.swiper-slide img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* 左右flex布局 */
.flex_box
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.flex_start
{
    align-items: flex-start;
}
.flex_end
{
    align-items: flex-end;
}
.flex_box [class*=flex_box]
{
    flex: 1 1 auto;
}/* 列表flex布局 */
.list_flex
{
    display: flex;
    flex-wrap: wrap;
}/*多行溢出*/
.line1
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line2
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.line3
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.line4
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
}
.line5
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;
}/* 板块标题 */
.common_title
{
    font-size: .48rem;
    font-weight: bold;
    color: #333;
    position: relative;
}
.common_title::after
{
    content: '';
    width: 1rem;
    height: .03rem;
    background-color: var(--c);
    margin-top: .1rem;
    display: block;
}/* 内页标题 */
.btn-ripple
{
    vertical-align: bottom;
}
.btn-ripple:not(:disabled):hover
{
    opacity: 1;
    position: relative;
    overflow: hidden;
}
.btn-ripple:not(:disabled):hover::before
{
    animation: ani_ripple .75s;
    z-index: 1;
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
}
@keyframes ani_ripple
{
    0%
    {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0);
    }
    to
    {
        background: transparent;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}
.common_banner img
{
    width: 100%;
}
.common_a_tit
{
    height: .81rem;
    width: 1.85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #504d4d;
    font-size: .18rem;
    border-right: .01rem solid #787676;
    transition: all .25s;
}/* 公共面包屑 */
.bread .icon
{
    width: .15rem;
    height: .15rem;
    margin-right: .08rem;
}
.bread .item span
{
    display: flex;
    align-items: center;
    color: rgba(61,96,237,1);
    font-size: .14rem;
}
.bread .item>a
{
    display: flex;
    align-items: center;
}
.bread .list .item:not(:first-child)::before
{
    content: '/';
    display: block;
    font-size: .14rem;
    color: rgba(61,96,237,1);
    margin: 0 .05rem;
    align-self: center;
}
.bread .list, .bread .item
{
    display: flex;
}
.bread .main
{
    padding-top: .15rem;
    padding-bottom: .15rem;
}
.bread .active span
{
    color: rgba(233,238,255,1);
}
.bread .list
{
    justify-content: flex-end;
}/* hover-图片放大1.1 */
.scale_box
{
    display: block;
    width: auto;
    overflow: hidden;
}
.scale_box .scale_img
{
    width: 100%;
    height: 100%;
    transition: var(--tran_03);
    cursor: pointer;
    object-fit: cover;
}
.hover_box:hover .scale_img
{
    transform: scale(1.1);
}/* 页码 */
.page
{
    width: fit-content;
    margin: 0 auto;
    margin-top: .6rem;
    display: flex;
    align-items: center;
}
.page .list
{
    display: flex;
    align-items: center;
    color: #fff;
}
.page .list .item
{
    display: block;
    width: .33rem;
    height: .33rem;
    margin-left: .05rem;
    margin-right: .05rem;
    border-radius: 100%;
    border: .01rem dashed #ccc;
    text-align: center;
    line-height: 30px;
    font-size: .16rem;
    color: #999;
    cursor: pointer;
    overflow: hidden;
}
.page .list .item:hover
{
    background: #005bab;
    color: #fff;
    border: .01rem solid #005bab;
}
.page .list .active
{
    background: #005bab;
    color: #fff;
    border: .01rem solid #005bab;
}
.page .btn
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: .33rem;
    height: .33rem;
    margin-left: .05rem;
    margin-right: .05rem;
    border-radius: 100%;/*border: 0.01rem dashed #CCCCCC;*/
    cursor: pointer;
    overflow: hidden;
    color: #ccc;
}
.page .btn img
{
    height: .2rem;
    object-fit: contain;
    width: .1rem;
}
.page .btn:hover
{
    background: #005bab;
}
.page .disable
{
    opacity: .5;
}
.page .btn:hover img
{
    filter: brightness(0) invert(1);
}
.page .total
{
    margin-right: .23rem;
    font-size: .14rem;
    color: #333;
}
.page .to_page
{
    font-size: .14rem;
    color: #fff;
    margin-left: .08rem;
}
.page .to_page input
{
    width: .6rem;
    height: .31rem;
    margin: 0 .05rem;
    padding: 0 .1rem;
    border-radius: .01rem .01rem .01rem .01rem;
    border: .01rem solid rgba(61,96,237,1);
    outline: none;
    font-size: .14rem;
    color: #fff;
    background: transparent;
}/* message */
.message
{
    padding-top: 1.52rem;
    padding-bottom: 2rem;
    background: url('404.png') no-repeat top center;
}
.message .main
{
    max-width: 11.8rem;
}
.message .common_title
{
    max-width: 4.22rem;
    margin: 0 auto;
}
.message .form
{
    margin-top: .85rem;
    padding: .87rem 1.3rem .46rem;
    justify-content: space-between;
    background: url('/png/x59l8ygo.png') no-repeat;
    background-size: 100% 100%;
    border-radius: .15rem;
    overflow: hidden;
}
.message .form label
{
    display: block;
}
.message .name, .message .phone, .message .country, .message .service
{
    flex: 0 0 calc(50% - .4rem);
}
.message .email, .message .mess
{
    flex: 0 0 100%;
}
.message .ness::before
{
    content: '*';
    display: inline-block;
    font-size: .16rem;
    color: rgba(223,84,83,1);
}
.message label
{
    font-size: .16rem;
    font-family: 'mm';
    color: #fff;
}
.message input
{
    background: transparent;
    border-bottom: .01rem solid #fff;
    margin-top: .15rem;
    width: 100%;
    padding: .15rem;
}
.message .country, .message .service
{
    margin-top: .4rem;
}
.message .email
{
    margin-top: .38rem;
}
.message .mess
{
    margin-top: .4rem;
}
.message .mess textarea
{
    background-color: transparent;
    resize: none;
    width: 100%;
    border-bottom: .01rem solid #fff;
    margin-top: .15rem;
    padding: .15rem;
}
.message .mess textarea::-webkit-scrollbar
{
    display: none;
}
.message .submit
{
    box-shadow: 0 .03rem .11rem .01rem rgba(64,61,248,.32);
    border-radius: .15rem;
    max-width: 2.42rem;
    height: .52rem;
    line-height: .52rem;
    border: .01rem solid rgba(114,45,235,1);
    transition: var(--tran_06);
    background: rgba(255,255,255,.23);
    font-size: .18rem;
    font-family: 'mdb';
    text-align: center;
    margin: .45rem auto 0;
}
.message .submit:hover
{
    background: rgba(114,45,235,.55);
    border-color: rgba(114,45,235,0);
}/* 内页banner */
.inbanner_box
{
    position: relative;
}
.inbanner
{
    height: 5rem;
}
.inbanner_info
{
    position: absolute;
    bottom: .6rem;
    left: 1.6rem;
}
.inbanner_info .banner_tit
{
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .15rem;
    color: #fff;
}
.inbanner_info .entit
{
    font-size: .24rem;
    color: #fff;
}/* 分类 */
.category
{
    border-bottom: .01rem solid #eee;
}
.c_list
{
    width: 16rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c_items
{
    width: 3rem;
    height: .85rem;
    font-size: .24rem;
    font-weight: 400;
    color: #333;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: .2rem;
    padding-right: .2rem;/* width:3rem; */
    white-space: nowrap;
}
.c_items::after
{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: .02rem;
    background: #c6982f;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--tran_03);
}
.c_items:hover::after, .c_items.active::after
{
    width: 3rem;
}
.inbanner_box
{
    margin-top: .8rem;
}
.header .header_search
{
    border-radius: .05rem .05rem .05rem .05rem;
    overflow: hidden;
    flex-wrap: nowrap;
    padding: .5rem;
    background-color: rgba(255,255,255,.6);
    display: none;
}
.header .header_search .search_input
{
    height: .4rem;
    background-color: #fafafa;
    border: .01rem solid #e1e1e1;
    border-radius: .05rem 0 0 .05rem;
    width: calc(100% - .7rem);
}
.header .search_img
{
    background: var(--c);
    width: .7rem;
    height: .4rem;
}
.header .search_img_a
{
    display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.header
{
    transition: var(--tran_03);
}
.header.headerBg
{
    background: #fff!important;
}
.contactus
{
    height: 8.7rem!important;
}
@media screen and (max-width: 1024px)
{
    a
    {
        width: auto;
        height: auto;
    }
}
@media only screen and (max-width: 1024px)
{
    .banner
    {
        margin-top: 50px;
    }
    .common_title
    {
        font-size: 20px;
    }
    .inbanner_box
    {
        margin-top: 50px;
    }
    .inbanner
    {
        height: 3rem;
    }
    .c_list
    {
        width: auto;
    }
    .inbanner_info
    {
        bottom: .7rem;
        left: 1rem;
    }
    .contactus
    {
        height: 12.4rem!important;
    }
    .subsidiary .item
    {
        flex: 0 0 calc(100% / 2)!important;
    }
    .subsidiary .name, .subsidiary .add, .subsidiary .tel
    {
        font-size: 12px!important;
    }
    .index4 .swiper .swiper-slide .line2
    {
        font-size: 14px;
    }
    .page .list .item
    {
        line-height: .33rem;
    }
}
