﻿.byBan
{
    width: 100%;
    padding-top: 35%;
    position: relative;
}
.byNBox .inner
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.byBan .bg
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.byBan .Tbox
{
    display: none;
    width: 40%;
    position: absolute;/*text-align: center;
    */
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.byBan .Tbox p
{
    font-size: 52px;
    color: #fff;
}
.byBan .Tbox span
{
    font-size: 18px;
    color: #ddd;
    margin-top: 20px;
}
.byNBox
{
    width: 100%;
    border-bottom: 1px solid #eee;
    background: #f8fbfe;
    position: relative;
    z-index: 2;
}
.byNav
{
    display: flex;
    align-items: center;
    height: 80px;
}
.byNav .item
{
    height: 100%;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 80px;
}
.byNav .item.act
{
    color: #2d4de0;
    border-bottom: 2px solid #2d4de0;
}
.byNRig
{
    display: flex;
    align-items: center;
}
.byNRig a img
{
    width: 20px;
    opacity: .8;
    margin-right: 5px;
}
.byNRig a, .byNRig span
{
    font-size: 18px;
    line-height: 1;
    margin: 0 5px;
}
.byNTbox
{
    position: relative;
    height: 100%;
    display: none;
}
.byNTbox a
{
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;/* color: #2d4de0; */
}
.byNTbox a svg
{
    width: 15px;
    height: 15px;
    margin-left: 10px;
}
.byNList
{
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
    background: #fff;
    display: none;
    width: 150px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.byNList span
{
    display: block;
    padding: 15px 0;
    font-size: 14px;
    border-bottom: 1px solid #f7f8f9;
    text-align: center;
}
.byNList span:hover
{
    color: #2d4de0;
}
.byNTbox:hover .byNList
{
    display: block;
}
.headBox .inner
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headBox
{
    position: fixed;
    left: 0;
    top: 85px;
    width: 100%;
    background: #fff;
    z-index: 20;
    border-bottom: 1px solid rgb(0,0,0,.1);
    display: none;
}/* 解决方案 */
.solFBox
{
    position: relative;
}
.solFList
{
    display: none;
    justify-content: space-between;
}
.solFList.act
{
    display: inline-flex;
    width: 100%;
}
.solFBox .imgBox
{
    width: 50%;
    padding-top: 30%;
    position: relative;
    overflow: hidden;
}
.solFBox .imgBox img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.solFBox .TBox
{
    width: 45%;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.solFBox .tit
{
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
}
.solFBox p
{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
    margin: 20px 0 50px;
}
.solFBox .text
{
    margin-bottom: 50px;
}
.solFBox .text span
{
    display: block;
    font-size: 16px;
    color: #999;
}
.solKBox
{
    position: relative;
    background: #f7f8f9;
}
.solKList
{
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 50px;
}
.solKItem
{
    width: calc(33.3% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
}
.solKItem:nth-child(3n)
{
    margin-right: 0;
}
.solKItem a
{
    height: 100%;
    background: #fff;
    border-radius: 6px;
    display: block;
    width: 100%;
    padding: 30px 30px 50px;
    transition: all .48s;
}
.solKItem:hover a
{
    box-shadow: 4px 4px 8px 0 rgb(55 99 170/15%),-4px -4px 8px 0 #fff;
    transform: translateY(-10px);
}
.solKItem img
{/* width: 180px; */
    height: 50px;
    object-fit: contain;
}
.solKItem span
{
    color: #999;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
}
.solKItem p
{
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.solKbtn
{
    display: flex;
    justify-content: center;
}
.solPBox
{
    position: relative;
}
.solPList
{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.solQBox
{
    background: #f7f8f9;
}
.solQList
{
    margin-top: 50px;
}
.solQItem .imgBox
{
    width: 100%;
    padding-top: 65%;
    position: relative;
    overflow: hidden;
}
.solQItem .imgBox::after
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(0,0,0,.2);
}
.solQItem .imgBox img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.solQItem .TBox
{
    width: 100%;
    padding: 30px;
    position: absolute;
    left: 0;
    bottom: 10px;
}
.solQItem .icon
{
    width: 30px;
}
.solQItem p
{
    margin-top: 15px;
    font-size: 24px;
    line-height: 1;
    color: #fff;
}
.solQItem:hover .imgBox img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.solDBox
{
    position: relative;
}
.solDBox .bg
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.solDBox .text
{
    font-size: 28px;
    margin: 0 0 30px;
    color: #fff;
}
.solDBox .inner
{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,0));
}
.solDBox .inBtn
{
    border: 1px solid #fff;
}/* 应用案例 */
.caseBox
{
    position: relative;
}
.caseTItem
{
    margin-bottom: 50px;
}
.caseList
{
    margin-top: 50px;
    display: none;
    flex-wrap: wrap;
    width: 100%;
}
.caseList.act
{
    display: inline-flex;
}
.caseItem
{/*width: calc(33.3% - 20px);*//*background: #fff;*//*border-radius: 6px;*//*overflow: hidden;*//*box-shadow: 0 0 10px rgba(0,0,0,.2);*//*-webkit-border-radius: 6px;*//*-moz-border-radius: 6px;*//*-ms-border-radius: 6px;*//*-o-border-radius: 6px;*//*margin-right: 30px;*//*margin-bottom: 30px;*/
    display: inline-flex;
    width: 100%;
}/*.caseItem:nth-child(3n){*//*    margin-right: 0;*//*}*/
.caseItem .imgBox
{/*width: 100%;*//*padding-top: 50%;*//*position: relative;*//*overflow: hidden;*/
    width: 50%;
    padding-top: 30%;
    position: relative;
    overflow: hidden;
}
.caseItem .imgBox img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.caseItem .TBox
{
    padding: 30px 30px 60px;
    width: 50%;
}
.caseItem .icon
{
    height: 30px;
}
.caseItem span
{
    color: #333;
    font-size: 36px;
    line-height: 1;
    margin: 20px 0 30px;
    display: block;
}
.caseItem p
{
    display: block;
    font-size: 16px;
    color: #999;
}
.caseTList
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    border-bottom: 1px solid #eee;
}
.caseTList .Item
{
    padding: 10px 30px;
    margin-right: 30px;
    font-size: 16px;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
    cursor: pointer;
}
.caseTList .Item.act
{
    color: #2d4de0;
    border-bottom: 2px solid #2d4de0;
}
.caseTList .Item:hover
{
    color: #2d4de0;
}/* 新闻 */
.NewTop
{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eee;
    margin-top: 50px;
}
.NewTop .Item
{
    margin-right: 50px;
    font-size: 16px;
    padding: 10px 20px;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.NewTop .Item.act
{
    color: #2d4de0;
    border-bottom: 2px solid #2d4de0;
}
.NewItem
{
    display: flex;
    justify-content: space-between;/* align-items: center; */
    padding: 50px 0;
    border-bottom: 1px solid #eee;
}
.NewItem .imgBox
{
    width: 40%;
    padding-top: 25%;
    position: relative;
    overflow: hidden;
}
.NewItem .imgBox img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.NewItem .TBox
{
    width: 60%;
    padding: 0 5%;
}
.NewItem .tit
{
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    line-height: 1.5;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.NewItem .text
{
    font-size: 16px;
    color: #999;
    margin: 20px 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.NewItem .time
{
    font-size: 14px;
    color: #999;
}
.NewItem:hover .tit
{
    color: #2d4de0;
}
.NewItem:hover .imgBox img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.NewBox .page
{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.NewBox .page a
{
    padding: 10px 20px;
    line-height: 1;
    margin: 0 10px;
    border: 1px solid rgba(0,0,0,.5);
    font-size: 16px;
}
.NewBox .page a.act, .NewBox .page a:hover
{
    background: #2d4de0;
    color: #fff;
    border: 1px solid #2d4de0;
}/* 联系我们 */
.conLBox
{
    position: relative;
}
.conLBox .bg
{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.conLList
{
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.conMap
{
    margin-top: 50px;
    width: 100%;
    padding-top: 35%;
    position: relative;
}
.conMap::after
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}
.conMap .map
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.conLItem
{
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}
.conLItem1
{
    width: calc(33.3% - 20px);
    margin-right: 30px;
}
.conLItem2
{
    width: 100%;
    margin-bottom: 0;
}
.conLItem1:nth-child(3)
{
    margin-right: 0;
}
.conLItem .imgBox
{
    padding: 10px;
    background: #e7eefb;
}
.conLItem .imgBox img
{
    height: 30px;
}
.conLItem .Tbox
{
    width: calc(100% - 80px);
    margin-left: 30px;
}
.conLItem .Tbox span
{
    font-size: 14px;
    color: #999;
}
.conLItem .Tbox p
{
    margin-top: 10px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    font-family: "Montserrat";
}
.conLItem .Tbox .text
{
    margin-top: 10px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}
.conLItem .ewm
{
    width: 80px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.conZBox
{
    display: flex;
    justify-content: space-between;
    background: #f8fbfe;
}
.conZleft
{
    width: 50%;
    position: relative;
}
.conZleft .bg
{
    width: 100%;
    height: 100%;/* position: absolute;
    left: 0;
    top: 0; */
    object-fit: cover;
}
.conZleft .Tbox
{
    padding: 70px 5% 70px 14%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.conZleft .text
{
    font-size: 20px;
    color: #fff;
}
.conZRig
{
    width: 50%;
    padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.conZList
{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.conZItem
{
    padding: 20px 0;
    width: 48%;
    margin-right: 4%;
    border-bottom: 1px solid #e7eefb;
    display: flex;
    justify-content: space-between;
}
.conZItem:nth-child(2n)
{
    margin-right: 0;
}
.conZItem .yuan
{
    width: 4px;
    height: 4px;
    color: #f00;/* background: #2d4de0; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: 5px;
}
.conZItem input
{
    width: calc(100% - 12px);
    height: 30px;
    line-height: 30px;
    color: #2d4de0;
    background: transparent;
    font-size: 16px;
}
.conZItem textarea
{
    width: calc(100% - 12px);
    height: 60px;
    color: #2d4de0;
    background: transparent;
    font-size: 16px;
}
.conZItem ::placeholder
{
    color: #2d4de0;
    opacity: .8;
}
.conZItem2
{
    width: 100%;
}/* 关于 */
.abGBox
{
    position: relative;
    overflow: hidden;
}
.abGBox .inner
{
    display: flex;
    justify-content: space-between;/* align-items: center; */
}
.abGBox .TBox
{
    width: 50%;
}
.abGBox .text
{
    margin: 50px 0;
}
.abGBox .text span
{
    display: block;
    font-size: 16px;
}
.abGBox .imgBox
{
    width: 45%;
    padding-top: 40%;
    position: relative;
    overflow: hidden;
}
.abGBox .imgBox img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.abGList
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.abGItem
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.abGList::before
{
    width: 1px;
    height: 80%;
    position: absolute;
    left: 23%;
    top: 10%;
    content: '';
    background: #eee;
}
.abGList::after
{
    width: 1px;
    height: 80%;
    position: absolute;
    left: 70%;
    top: 10%;
    content: '';
    background: #eee;
}
.abGItem .num
{
    margin: 15px 0 20px;
}
.abGList .abGItem .icon
{
    width: 35px;
}
.abGItem b
{
    font-size: 52px;
    font-weight: 600;
    font-family: "Montserrat";
    line-height: 1;
}
.inAItem .num span
{
    font-size: 20px;
    font-family: "Montserrat";
    line-height: 1;
}
.inAItem p
{
    font-size: 16px;
    line-height: 1;
}
.abGBox .bg
{
    font-size: 100px;
    color: #f7f8f9;
    position: absolute;
    left: -455px;
    top: 430px;
    line-height: 1;
    font-family: "Montserrat";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    text-transform: uppercase;
}
.abHBox
{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.abHBox .bg
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0%;
    top: 0;
}
.abHBox .Tbox
{
    width: 45%;
    margin-left: 5%;
}
.abHBox .text
{
    margin: 70px 0 50px;
    font-size: 18px;
    color: #fff;
}
.abHRig
{
    width: 45%;
    background: rgba(0,0,0,.5);
    padding-right: 5%;
}
.abHSwiper
{
    width: 100%;
    overflow: hidden;
}
.abHItem
{
    padding: 30px;
}
.abHItem img
{
    width: 100%;
    height: 30px;
    object-fit: contain;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abHItem:hover img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.abHRig .abH_pagination
{
    position: relative;
    bottom: auto;
    text-align: center;
    margin-top: 20px;
}
.abHRig .swiper-pagination-bullet
{
    width: 30px;
    height: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.abHRig .swiper-pagination-bullet-active
{
    background: rgba(255,255,255,1);
}
.abJBox
{
    position: relative;
    background: #f7f8f9;
}
.abJList
{
    margin-top: 70px;
    display: flex;
    align-self: center;
}
.abJItem
{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.abJItem .bg
{
    width: 100%;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abJItem:hover .bg
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.abJList .Tbox
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8%;
    position: absolute;
    left: 0;
    top: 0;
}
.abJList .Tbox p
{
    font-size: 42px;
    color: #fff;
}
.abJList .Tbox span
{
    font-size: 16px;
    color: #fff;
    opacity: .8;
}
.abJList .jt
{
    width: 40px;
}
.abFBox
{
    background: #e7eefb;
    position: relative;
    overflow: hidden;
}
.abFBox .bg
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.abFList
{
    margin: 70px 0 0;
}
.abFSwiper
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.abFItem .year
{
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    font-family: "Montserrat";
    line-height: 1;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abFItem .yuan
{
    position: relative;
    width: 8px;
    height: 8px;
    background: #aaa;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
    position: relative;
    z-index: 3;
}
.abFItem .fenge
{
    margin: 50px 0;
    position: relative;
}
.abFItem .xian
{
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #aaa;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
    position: absolute;
    left: 3px;
    top: 3px;
}
.abFItem .Tbox
{
    margin: 50px auto 0;
    width: 80%;
}
.abFItem .Item
{
    margin-top: 10px;
    margin-bottom: 40px;
}
.abFItem .month
{
    font-size: 32px;
    font-family: "Montserrat";
    line-height: 1;
    color: #eee;
    margin-bottom: 10px;
}
.abFItem p
{
    font-size: 14px;
    color: #eee;
}
.abFItem.swiper-slide-active .year
{
    color: #2d4de0;
}
.abFItem.swiper-slide-active .yuan
{
    background: #2d4de0;
}
.abFItem.swiper-slide-active .xian
{
    border-bottom: 1px dashed #2d4de0;
}
.abFBtn
{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 39%;
    cursor: pointer;
}
.abFBtn img
{
    width: 100%;
    height: 100%;
}
.abF_prev img
{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.abF_prev
{
    left: -100px;
}
.abF_next
{
    right: -100px;
}
.abRBox
{
    position: relative;
    background: #f7f8f9;
}
.abRList
{
    margin-top: 70px;
}
.abRSwiper
{
    padding: 20px;
}
.abRItem
{
    background: #f7f8f9;
    padding: 30px;/* box-shadow:  0px 0px 10px rgba(0,0,0,.1); */
}
.abRItem .time
{
    font-size: 12px;
    font-family: "Montserrat";
    opacity: .6;
}
.abRItem p
{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abRItem:hover p
{
    color: #2d4de0;
}
.abRItem .imgBox
{
    width: 100%;
    margin-top: 30px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abRItem .imgBox img
{
    width: 80%;
    height: 80%;
    object-fit: contain;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abRItem:hover .imgBox img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.abRbtn
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.abRList .abR_pagination
{
    width: auto;
    position: relative;
    bottom: auto;
    display: block;
    margin: 0 50px;
}
.abRList .abR_pagination span
{
    font-size: 16px;
    font-family: "Montserrat";
    opacity: .3;
}
.abRList .abR_pagination .swiper-pagination-current
{
    color: #2d4de0;
    opacity: 1;
}
.abRList .abRbom
{
    display: block;
}
.abRList .abRbom img
{
    width: 50px;
}
.abR_prev img
{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.abSBox
{
    position: relative;
}
.abSList
{
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
}
.abSLItem:nth-child(1), .abSLItem:nth-child(2), .abSLItem:nth-child(3)
{
    margin-bottom: 20px;
}
.abSLItem_20
{
    width: 18%;
    margin-right: 2%;
}
.abSLItem_30
{
    width: 30%;
    margin-right: 2%;
}
.abSImg
{
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.abSLItem:hover .abSImg img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.abSLItem_60
{
    width: 60%;
}
.abSLItem_68
{
    width: 68%;
}
.abSImg img
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abSLItem p
{
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.abSBox .bg
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.abSLItem p
{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}/* 对比 */
.ctBox
{
    margin-top: 70px;
}
.ctBox table
{
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}
.ctBox thead
{
    background-color: #f5f5f5;
}
.ctBoxtd, .ctBox th
{
    border-bottom-width: 2px;
    padding: 30px 0;
}
.ctBox th
{
    font-size: 15px;
    font-weight: 600;
    vertical-align: bottom;
}
.ctBox td
{
    text-align: center;
    font-size: 14px;
    padding: 15px 0;
    color: #666;
}
.ctBox td .image
{
    height: 40px;
}
.ctBox td .icon
{
    width: 20px;
}
.ctBox tr:nth-child(2n)
{
    background: #f7f8f9;
}
.ctBox td a
{
    font-size: 14px;
}
.ctBox td:first-child a
{
    color: #2d4de0;
}
.ctBox td .xuan
{
    width: 20px;
    height: 20px;
    border: 1px solid rgb(45,77,224,.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ctBox td .xuan img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: none;
}
.ctBox td .on img
{
    display: block;
}/* 详情 */
.pdBox
{
    background: #f7f8f9;
    margin-top: 40px;
}
.pdTBox
{
    background: #fff;
    padding: 50px;
    display: flex;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.pdTBox .imgBox
{
    width: 350px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f8f9;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.pdTBox .imgBox img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pdRig
{
    width: calc(100% - 400px);
    margin-left: 50px;
}
.pdRig .tit
{
    font-size: 32px;
    font-weight: 600;
    color: #333;
}
.pdRig .text
{
    margin-top: 30px;
    padding-left: 20px;
}
.pdRig .text span
{
    position: relative;
    display: block;
    font-size: 16px;
    color: #666;
}
.pdRig .text span::after
{
    width: 5px;
    height: 5px;
    position: absolute;
    left: -15px;
    top: 10px;
    background: #666;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.pdRig .List
{
    display: flex;
    margin: 50px 0;
}
.pdRig .Item
{
    flex: 1;
    text-align: center;
    border-left: 1px solid #eee;
}
.pdRig .Item:first-child
{
    border-left: none;
}
.pdRig .Item h4
{
    font-size: 18px;
    font-weight: 600;
    color: #2d4de0;
}
.pdRig .Item p
{
    font-size: 14px;
    color: #999;
    line-height: 1;
}
.pdRig .btn
{
    display: flex;
}
.pdRig .btn .inBtn
{
    margin-right: 20px;
}
.pdRig .top
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pdFBox
{
    display: flex;
    margin-top: 30px;
}
.pdFLeft
{
    width: 70%;
    background: #fff;
    border-radius: 16px;
    padding: 50px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.pdFItem
{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.pdFItem .tit
{
    font-size: 20px;
    margin-bottom: 20px;
}
.pdFItem .imgBox
{
    display: flex;
    flex-wrap: wrap;
}
.pdFItem .imgBox img
{
    width: 200px;
}
.pdFItem .text
{
    margin-top: 30px;
    padding-left: 20px;
}
.pdFItem .text span
{
    position: relative;
    display: block;
    font-size: 16px;
    color: #666;
    padding-left: 15px;
}
.pdFItem .text span::after
{
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    background: #666;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.pdFItem .text img
{
    width: 100%;
}
.pdFItem .text p
{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin: 20px 0 10px;
}
.pdFRig
{
    width: calc(30% - 30px);
    margin-left: 30px;
}
.pdRItem
{
    background: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    padding: 50px;
    margin-bottom: 30px;
}
.pdRItem .tit
{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.pdRItem .Item
{
    padding: 15px 0;
    display: block;
    transition: all .48s;
    border-bottom: 1px solid #eee;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.pdRItem .Item:hover
{
    background: #f7f8f9;
}
.pdRItem .Item p
{
    font-size: 15px;
    color: #333;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.pdRItem .Item:hover p
{
    color: #2d4de0;
}
.pdRItem .Item span
{
    font-size: 12px;
    color: #999;
}/* 定制 */
.cuSBox
{
    background: #f7f8f9;
}
.cuSTit
{
    position: relative;
}
.cuSTit p
{
    font-size: 20px;
    color: #333;
    text-align: center;
    background: #f7f8f9;
    position: relative;
    z-index: 9;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.cuSTit span
{
    font-size: 60px;
    line-height: 1;
    color: #666;
    font-weight: 600;
    font-family: "Montserrat";
    margin-left: 10px;
}
.cuSTit::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(#e4e4e4),color-stop(#fff),color-stop(#e4e4e4),to(#fff));
    background-image: linear-gradient(90deg,#fff,#e4e4e4,#fff,#e4e4e4,#fff);
}
.cuSP
{
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .1em;
    text-align: center;
    margin: 50px 0 40px 0;
}
.cuSList
{
    margin-top: 70px;
    position: relative;
}
.cuSItem
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cuSItem.act a
{
    opacity: 1;
}
.cusSwiper
{
    padding: 20px;
}
.cuSItem a
{
    width: 200px;
    height: 200px;
    box-shadow: 0 0 10px rgb(45,77,224,.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: .8;
}
.cuSItem.act a::after
{
    width: 100%;
    height: 100%;
}
.cuSItem a::after
{
    content: '';
    border-radius: 50%;
    width: 0%;
    height: 0%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgb(45,77,224,.1);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.cuSItem:hover a::after
{
    width: 100%;
    height: 100%;
}
.cuSItem .icon img
{
    width: 100px;
    object-fit: contain;
    height: 100px;
}
.cuSItem p
{
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
}
.cuXBox
{
    position: relative;
    display: none;
    background: #f8fbfe;
}
.cuXList
{
    margin: 70px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.cuXBox .cuSTit p
{
    background: #f8fbfe;
}
.cuXBox .cuSTit::after
{
    background-image: linear-gradient(90deg,#f8fbfe,#e4e4e4,#f8fbfe,#e4e4e4,#f8fbfe);
}
.cuXItem
{
    position: relative;
    border: 1px solid rgb(45,77,224,.1);
    padding: 20px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
}
.cuXItem.act
{
    background: rgb(45,77,224,.1);
}
.cuXItem::after
{
    border: 1px solid rgb(45,77,224,.5);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.cuXItem span
{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .1em;
    margin-left: 10px;
}
.cuXItem img
{
    height: 30px;
    opacity: .5;
}
.cuLBox
{
    background: #f7f8f9;
    position: relative;
    display: none;
}
.cuLP
{
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .1em;
    text-align: center;
    margin: 0 0 40px 0;
}
.cuLList
{
    margin-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: none;
}
.cuLItem
{
    border: 1px solid rgb(45,77,224,.1);
    position: relative;
    margin: 0 20px;
}
.cuLItem::after
{
    border: 1px solid rgb(45,77,224,.5);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.cuLItem .imgBox
{
    width: 300px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(45,77,224,.1);
}
.cuLItem .imgBox img
{
    width: 90%;
    height: 90%;
    object-fit: contain;
}
.cuLItem .TBox
{
    padding: 20px;
    border-top: 1px solid rgb(45,77,224,.1);
}
.cuLItem .TBox p
{
    font-size: 18px;
}
.cuLItem .btn
{
    display: flex;
    margin-top: 10px;
}
.cuLItem .btn span
{
    font-size: 12px;
}
.cuLItem .btn img
{
    width: 12px;
    object-fit: contain;
    margin-left: 15px;
}
.ctBtn
{
    display: flex;
    margin-top: 50px;
}
.ctBtn a
{
    margin-right: 30px;
    padding: 10px 50px;
    display: flex;
    align-items: center;
    border: 1px solid #999;
    transition: all .48s;
}
.ctBtn svg
{
    width: 20px;
    height: 20px;
}
.ctBtn path
{
    fill: #333;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.ctBtn span
{
    font-size: 16px;
    color: #333;
    margin-left: 10px;
    transition: all .48s;
}
.ctBtn a:hover
{
    background: #2d4de0;
}
.ctBtn a:hover span
{
    color: #fff;
}
.ctBtn a:hover path
{
    fill: #fff;
}
.cuSbtn
{
    width: 50px;
    height: 50px;
    border: 1px solid #999;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: .5;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cuSbtn img
{
    width: 30%;
}
.cus_next
{
    right: -50px;
}
.cus_prev
{
    left: -50px;
}
.cus_prev img
{
    transform: rotate(180deg);
}
.cuSbtn:hover
{
    opacity: 1;
}
@media(max-width: 1680px)
{
    .byBan .Tbox span
    {
        font-size: 16px;
    }
    .byNav .item
    {
        margin-right: 50px;
    }
    .byBan .Tbox p
    {
        font-size: 48px;
    }
    .byNav .item
    {
        font-size: 16px;
    }
    .byNRig a, .byNRig span
    {
        font-size: 16px;
    }
}
@media(max-width: 1200px)
{
    .byBan
    {
        width: 100%;
        padding-top: 40%;
    }
    .byNav .item
    {
        margin-right: 40px;
    }
}
@media(max-width: 1024px)
{
    .byNav .item
    {
        font-size: 15px;
    }
    .byNRig a, .byNRig span
    {
        font-size: 15px;
    }
    .byNav .item
    {
        margin-right: 30px;
    }
}
@media(max-width: 900px)
{
    .byBan
    {
        margin-top: 85px;
    }
    .byNav
    {
        display: none;
    }
    .byBan
    {
        padding-top: 45%;
    }
    .byNav .item
    {
        font-size: 14px;
        white-space: nowrap;
    }
    .byNRig a, .byNRig span
    {
        font-size: 14px;
    }
    .byNRig a img
    {
        width: 16px;
    }
    .byNTbox
    {
        display: block;
    }
    .byNList a
    {
        height: auto;
    }
}
@media(max-width: 680px)
{
    .byNav .item
    {
        font-size: 13px;
    }
    .byNRig a, .byNRig span
    {
        margin: 0 2px;
    }
    .byNTbox a
    {
        font-size: 14px;
        height: 70px;
    }
    .byNTbox a svg
    {
        width: 12px;
        height: 12px;
    }
    .byBan
    {
        padding-top: 65%;
    }
}
@media(max-width: 1680px)
{
    .cuSItem a
    {
        width: 180px;
        height: 180px;
    }
    .cuSItem .icon img
    {
        width: 80px;
        height: 80px;
    }
    .conLItem .Tbox p
    {
        font-size: 20px;
    }
    .conZleft .text
    {
        font-size: 18px;
    }
    .solQItem p
    {
        font-size: 22px;
    }
    .pdRig .text span
    {
        font-size: 14px;
    }
    .pdRig .Item h4
    {
        font-size: 16px;
    }
    .pdRig .tit
    {
        font-size: 28px;
    }
    .pdRig .Item p
    {
        font-size: 13px;
    }
    .pdFItem .tit
    {
        font-size: 18px;
    }
    .pdFItem .text span
    {
        font-size: 15px;
    }
    .pdFItem .text p
    {
        font-size: 16px;
    }
}
@media(max-width: 1368px)
{
    .cuSTit span
    {
        font-size: 48px;
    }
    .cuXItem
    {
        padding: 18px 40px;
        margin: 0 20px;
    }
    .cuLItem
    {
        width: calc(33.3% - 20px);
        margin: 0 30px 0 0;
        position: relative;
    }
    .cuLItem:nth-child(3n)
    {
        margin-right: 0;
    }
    .cuLItem .imgBox
    {
        width: 100%;
        padding-top: 80%;
        height: auto;
        position: relative;
    }
    .cuLItem .imgBox img
    {
        width: 60%;
        height: 60%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }
    .cuSItem p
    {
        font-size: 15px;
    }
    .cuXItem img
    {
        height: 25px;
        opacity: .5;
    }
    .cuXItem span
    {
        font-size: 16px;
    }
    .cuSItem a
    {
        width: 150px;
        height: 150px;
    }
    .cuSItem .icon img
    {
        width: 50px;
        height: 50px;
    }
    .ctBox th:nth-child(8)
    {
        display: none;
    }
    .ctBox td:nth-child(8)
    {
        display: none;
    }
    .conLItem .Tbox p
    {
        font-size: 18px;
    }
    .conZleft .text
    {
        font-size: 16px;
    }
    .conLItem .imgBox img
    {
        height: 25px;
    }
    .conLItem .Tbox
    {
        width: calc(100% - 70px);
        margin-left: 15px;
    }
    .conLItem .Tbox .text
    {
        font-size: 16px;
    }
    .conZRig
    {
        padding: 50px;
    }
    .NewItem .tit
    {
        font-size: 20px;
    }
    .NewItem .time
    {
        font-size: 12px;
    }
    .NewItem .text
    {
        font-size: 14px;
    }
    .NewTop .Item
    {
        font-size: 15px;
    }
    .solFBox p
    {
        font-size: 18px;
        margin: 20px 0 30px;
    }
    .solQItem p
    {
        font-size: 20px;
    }
    .solDBox .text
    {
        font-size: 24px;
    }
    .caseItem .icon
    {
        height: 25px;
    }
    .caseTList .Item
    {
        font-size: 15px;
    }
    .pdRItem
    {
        padding: 30px;
    }
    .pdTBox
    {
        padding: 30px;
    }
    .pdFLeft
    {
        padding: 30px;
    }
    .pdTBox .imgBox
    {
        width: 300px;
        height: 300px;
    }
    .pdRig .List
    {
        margin: 30px 0;
    }
    .pdRig .text
    {
        margin-top: 15px;
    }
    .pdRig .tit
    {
        font-size: 24px;
    }
    .pdRig
    {
        width: calc(100% - 350px);
        margin-left: 50px;
    }
}
@media(max-width: 1200px)
{
    .NewBox .page a
    {
        font-size: 15px;
        padding: 8px 0 15px;
    }
    .ctBox th:nth-child(7)
    {
        display: none;
    }
    .ctBox td:nth-child(7)
    {
        display: none;
    }
    .conLItem .Tbox p
    {
        font-size: 16px;
    }
    .conLItem .Tbox span
    {
        font-size: 13px;
    }
    .conLItem .Tbox .text
    {
        font-size: 15px;
    }
    .conLItem .imgBox
    {
        padding: 6px;
    }
    .conZItem input
    {
        font-size: 15px;
    }
    .solKItem img
    {
        height: 40px;
    }
    .caseItem .icon
    {
        height: 20px;
    }
    .caseItem .TBox
    {
        padding: 20px 20px 40px;
    }
    .caseTList .Item
    {
        margin-right: 20px;
    }
}
@media(max-width: 1024px)
{
    .cus_next
    {
        right: -30px;
    }
    .cus_prev
    {
        left: -30px;
    }
    .cuSTit span
    {
        font-size: 42px;
    }
    .cuSP
    {
        font-size: 15px;
    }
    .cuXItem
    {
        padding: 15px 10px;
        width: 100%;
    }
    .ctBox th:nth-child(6)
    {
        display: none;
    }
    .ctBox td:nth-child(6)
    {
        display: none;
    }
    .solFBox .text span
    {
        font-size: 15px;
    }
    .solDBox .text
    {
        margin: 0 0 20px;
    }
    .solQItem .icon
    {
        width: 25px;
    }
    .caseTList .Item
    {
        padding: 10px 20px;
    }
    .solKItem
    {
        width: calc(50% - 15px);
    }
    .solKItem:nth-child(3n)
    {
        margin-right: 30px;
    }
    .solKItem:nth-child(2n)
    {
        margin-right: 0;
    }
    .solFBox p
    {
        font-size: 16px;
    }
    .conLItem1
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .conZleft .text
    {
        font-size: 14px;
    }
    .pdRig .Item h4
    {
        font-size: 14px;
    }
    .pdTBox .imgBox
    {
        width: 250px;
    }
    .pdRig
    {
        width: calc(100% - 300px);
        margin-left: 50px;
    }
    .pdFBox
    {
        flex-wrap: wrap;
    }
    .pdFLeft
    {
        width: 100%;
    }
    .pdFRig
    {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .pdRig .tit
    {
        font-size: 20px;
    }
    .pdRItem .tit
    {
        font-size: 18px;
    }
    .pdRig .Item
    {
        flex: auto;
    }
}
@media(max-width: 900px)
{
    .NewBox .page a
    {
        font-size: 14px;
        padding: 6px 10px;
    }
    .ctBtn span
    {
        font-size: 14px;
    }
    .ctBtn a
    {
        padding: 10px 30px;
    }
    .ctBtn svg
    {
        width: 15px;
        height: 15px;
    }
    .ctBox th:nth-child(5)
    {
        display: none;
    }
    .ctBox td:nth-child(5)
    {
        display: none;
    }
    .NewItem .tit
    {
        font-size: 18px;
    }
    .NewItem .text
    {
        margin: 10px 0 20px;
    }
    .NewTop .Item
    {
        margin-right: 30px;
    }
    .caseItem
    {
        width: calc(50% - 15px);
    }
    .caseItem:nth-child(3n)
    {
        margin-right: 30px;
    }
    .caseItem:nth-child(2n)
    {
        margin-right: 0;
    }
    .caseItem p
    {
        font-size: 13px;
    }
    .caseTList .Item
    {
        font-size: 14px;
        padding: 10px 14px;
        margin-right: 10px;
    }
    .solFList
    {
        flex-wrap: wrap;
    }
    .solFBox .imgBox
    {
        width: 100%;
        padding-top: 50%;
    }
    .solFBox .TBox
    {
        width: 100%;
    }
    .solFBox .text span
    {
        font-size: 13px;
    }
    .solDBox .text
    {
        font-size: 20px;
    }
    .conZBox
    {
        flex-wrap: wrap;
    }
    .conZleft
    {
        width: 100%;
    }
    .conZRig
    {
        width: 100%;
    }
    .conZleft
    {
        width: 100%;
        height: 349px;
    }
    .conZleft .Tbox
    {
        padding: 50px;
    }
    .conZItem input
    {
        font-size: 14px;
    }
    .conZItem
    {
        padding: 15px 0;
    }
    .conLList
    {
        margin-top: 50px;
    }
}
@media(max-width: 768px)
{
    .ctBox th:nth-child(4)
    {
        display: none;
    }
    .ctBox td:nth-child(4)
    {
        display: none;
    }
    .NewItem .tit
    {
        font-size: 16px;
    }
    .NewItem .text
    {
        font-size: 13px;
    }
    .NewTop .Item
    {
        margin-right: 15px;
    }
    .ctBtn
    {
        margin-top: 30px;
    }
}
@media(max-width: 768px)
{
    .pdTBox .imgBox
    {
        width: 100%;
        height: 250px;
    }
    .pdRig .List
    {
        margin: 10px 0 30px;
    }
    .pdRig
    {
        width: 100%;
        margin: 30px 0 0 0;
    }
    .pdTBox
    {
        flex-wrap: wrap;
    }
    .pdRig .top .inBtn
    {
        display: none;
    }
    .pdFItem .tit
    {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .pdFItem .text
    {
        margin-top: 20px;
        padding-left: 10px;
    }
    .pdRItem .tit
    {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .pdRItem .Item p
    {
        font-size: 14px;
    }
    .pdRItem, .pdTBox, .pdFLeft
    {
        padding: 20px;
    }
    .pdFItem
    {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .pdRItem:last-child
    {
        margin-bottom: 0;
    }
    .pdTBox .imgBox img
    {
        width: 100%;
        height: 75%;
    }
}
@media(max-width: 680px)
{
    .NewBox .page a
    {
        margin: 0 5px;
    }
    .NewItem
    {
        flex-wrap: wrap;
    }
    .NewItem .imgBox
    {
        width: 100%;
        padding-top: 64%;
    }
    .NewItem .TBox
    {
        width: 100%;
        padding: 20px 0 0;
    }
    .NewTop .Item
    {
        font-size: 14px;
    }
    .caseTList
    {
        margin-top: 30px;
    }
    .solKItem
    {
        width: 100%!important;
        margin-right: 0!important;
    }
    .conZRig
    {
        padding: 30px;
    }
    .conLItem .Tbox .text
    {
        font-size: 14px;
        line-height: 1.5;
    }
    .conZleft .Tbox
    {
        width: 100%;
        padding: 30px;
    }
    .conLItem .ewm
    {
        width: 70px;
    }
}
@media(max-width: 500px)
{
    .ctBox td a
    {
        font-size: 13px;
    }
    .ctBox td .xuan
    {
        width: 16px;
        height: 16px;
    }
    .ctBox th:nth-child(3)
    {
        display: none;
    }
    .ctBox td:nth-child(3)
    {
        display: none;
    }
    .caseItem
    {
        width: 100%!important;
        margin-right: 0!important;
    }
    .caseTList .Item
    {
        font-size: 13px;
        padding: 8px 2px;
        margin-right: 8px;
    }
    .conZItem
    {
        width: 100%;
    }
    .pdRig .Item h4
    {
        font-size: 13px;
    }
    .ctBtn a
    {
        padding: 10px 20px;
        margin-right: 20px;
    }
}/*  关于 */
@media(max-width: 1368px)
{
    .abJList .Tbox
    {
        padding: 5%;
    }
    .abF_prev
    {
        left: -80px;
    }
    .abF_next
    {
        right: -60px;
    }
    .abFItem .year
    {
        font-size: 36px;
    }
    .abFItem .month
    {
        font-size: 28px;
    }
    .abHBox .text
    {
        font-size: 16px;
    }
    .abJList .Tbox p
    {
        font-size: 36px;
    }
    .abJList .Tbox span
    {
        font-size: 14px;
    }
    .abGItem b
    {
        font-size: 48px;
    }
    .abSImg
    {
        height: 350px;
    }
    .abSLItem p
    {
        font-size: 18px;
    }
}
@media(max-width: 1200px)
{
    .abSImg
    {
        height: 300px;
    }
    .abGItem b
    {
        font-size: 42px;
    }
    .abGItem .num
    {
        margin: 10px 0 0;
    }
    .abGBox .text span
    {
        font-size: 15px;
    }
    .abGList .abGItem .icon
    {
        width: 30px;
    }
    .abF_prev
    {
        left: -50px;
    }
    .abF_next
    {
        right: -50px;
    }
    .abFBtn
    {
        width: 40px;
        height: 40px;
        top: 55%;
    }
    .abFItem .year
    {
        font-size: 32px;
    }
    .abRList .abRbom img
    {
        width: 40px;
    }
    .abRList .abR_pagination span
    {
        font-size: 14px;
    }
    .abHBox .text
    {
        font-size: 14px;
    }
    .abJList .Tbox p
    {
        font-size: 32px;
    }
    .abSLItem p
    {
        font-size: 16px;
    }
}
@media(max-width: 1024px)
{
    .abSLItem p
    {
        font-size: 15px;
    }
    .abSLItem_60
    {
        width: 44%;
    }
    .abSLItem_20
    {
        width: 26%;
        margin-right: 2%;
    }
    .abGItem b
    {
        font-size: 36px;
    }
    .abGBox .text span
    {
        font-size: 14px;
    }
    .abGBox .inner
    {
        flex-wrap: wrap;
    }
    .abGBox .imgBox
    {
        width: 100%;
    }
    .abGBox .TBox
    {
        width: 100%;
        margin-top: 50px;
    }
    .abGBox .text span
    {
        font-size: 14px;
    }
    .abJList .Tbox p
    {
        font-size: 28px;
    }
    .abHBox
    {
        flex-wrap: wrap;
    }
    .abHBox .Tbox
    {
        width: 95%;
    }
    .abHRig
    {
        width: 100%;
    }
    .abRList, .abJList
    {
        margin-top: 50px;
    }
    .abHBox .text
    {
        margin: 50px 0 30px;
    }
    .conMap
    {
        padding-top: 50%;
    }
    .conMap
    {
        padding-top: 65%;
        margin-top: 30px;
    }
}
@media(max-width: 900px)
{
    .abGBox .imgBox
    {
        padding-top: 65%;
    }
    .abSList
    {
        margin-top: 50px;
    }
    .abFBtn
    {
        display: none;
    }
    .cuLItem
    {
        width: calc(50% - 15px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .cuLItem:nth-child(3n)
    {
        margin-right: 30px;
    }
    .cuLItem:nth-child(2n)
    {
        margin-right: 0;
    }
    .cuSP
    {
        margin: 40px 0 30px 0;
    }
    .cuSTit span
    {
        font-size: 36px;
    }
    .cuXList
    {
        flex-wrap: wrap;
    }
    .cuLList
    {
        justify-content: flex-start;
        margin-top: 50px;
    }
    .cuXList, .cuSList
    {
        margin: 50px 0 0;
    }
    .cuXItem
    {
        margin: 15px 0;
    }
    .abGList .abGItem .icon
    {
        width: 25px;
    }
    .abGItem b
    {
        font-size: 32px;
    }
    .abGItem span
    {
        font-size: 12px;
    }
    .abSLItem_20
    {
        width: 49%;
        margin-right: 2%;
    }
    .abSLItem_20:nth-child(2)
    {
        margin-right: 0;
    }
    .abSLItem_60
    {
        width: 100%;
    }
    .abSImg
    {
        height: 250px;
    }
}
@media(max-width: 680px)
{
    .cuSP
    {
        margin: 30px 0 20px 0;
    }
    .cuSP
    {
        font-size: 14px;
    }
    .cuXList, .cuSList
    {
        margin: 30px 0 0;
    }
    .cuLItem
    {
        width: 100%;
        margin-right: 0!important;
        margin-bottom: 30px;
    }
    .abGBox .text
    {
        margin: 30px 0;
    }
    .abRList, .abJList
    {
        margin-top: 30px;
    }
    .abHBox .text
    {
        margin: 30px 0 20px;
    }
    .abJItem
    {
        height: 220px;
    }
    .abJList .Tbox p
    {
        font-size: 24px;
    }
    .abJItem .bg
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .abJList .jt
    {
        width: 30px;
    }
    .abRList .abRbom img
    {
        width: 30px;
    }
    .abRList .abR_pagination span
    {
        font-size: 12px;
    }
    .abFItem .month
    {
        font-size: 24px;
    }
    .abFItem .fenge
    {
        margin: 30px 0;
    }
    .abJList .Tbox span
    {
        font-size: 13px;
    }
    .cuLItem .TBox p
    {
        font-size: 16px;
    }
    .cuLItem .imgBox
    {
        padding-top: 65%;
    }
    .cuSTit span
    {
        font-size: 32px;
    }
    .cuSItem a
    {
        width: 130px;
        height: 130px;
    }
    .abSImg
    {
        height: 200px;
    }
    .abSLItem p
    {
        font-size: 13px;
    }
    .abSLItem:nth-child(1), .abSLItem:nth-child(2), .abSLItem:nth-child(3)
    {
        margin-bottom: 10px;
    }
}
@media(max-width: 500px)
{
    .abGBox .imgBox
    {
        padding-top: 80%;
    }
    .cuXItem img
    {
        height: 22px;
        opacity: .5;
    }
    .cuXItem span
    {
        font-size: 14px;
    }
    .cuSP
    {
        font-size: 13px;
    }
    .cuSItem p
    {
        font-size: 14px;
    }
    .cuSItem .icon img
    {
        width: 40px;
        height: 40px;
    }
    .cuSItem a
    {
        width: 110px;
        height: 110px;
    }
    .cus_next
    {
        right: -10px;
    }
    .cus_prev
    {
        left: -10px;
    }
    .cusSwiper
    {
        padding: 10px 30px;
    }
    .abSImg
    {
        height: 180px;
    }
}
