.Home-banner .inside-header {
    position: absolute;
    bottom: 17%;
    left: 0;
    right: 0
}

.Home-banner .inside-header .inside-nav {
    color: #fff
}

.Home-banner .inside-header .inside-nav a {
    color: #fff
}

.Home-banner .inside-header .inside-nav img {
    margin-right: 5px
}

.Home-banner .section-categorys {
    background: url(../images/page_bg.png) no-repeat center top;
    position: absolute;
    height: 180px;
    padding-top: 35px;
    bottom: -96px;
    z-index: 10;
    width: 100%
}

.Home-banner .section-categorys .choose-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px
}

.Home-banner .section-categorys .choose-list li {
    box-sizing: border-box;
    position: relative
}

.Home-banner .section-categorys .choose-list li.active .item p,.Home-banner .section-categorys .choose-list li:hover .item p {
    color: #2154f5
}

.Home-banner .section-categorys .choose-list li.active .item .imgbox,.Home-banner .section-categorys .choose-list li:hover .item .imgbox {
    background: url(../images/cate_icon_bg.png)
}

.Home-banner .section-categorys .choose-list li .item {
    padding: 0 20px;
    text-align: center;
    display: inline-block
}

.Home-banner .section-categorys .choose-list li .item:hover .imgbox img {
    transform: rotate(360deg)
}

.Home-banner .section-categorys .choose-list li .item .imgbox {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin: auto;
    line-height: 70px
}

.Home-banner .section-categorys .choose-list li .item .imgbox img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    max-width: 100%
}

.Home-banner .section-categorys .choose-list li p {
    margin-top: -8px;
    font-size: 16px;
    color: #666;
    font-weight: 700
}

.page-content {
    padding: 3.7% 0
}

.page-content .contentbox {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 5%;    
}

.page-content .contentbox .listbox {
    width: 74.3%;
    margin-right: 4.3%
}

.page-content .contentbox .listbox.faq{
    border: 1px solid #f0f0f7;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13)
}

.page-content .contentbox .faq .catename {
    border-bottom: 1px solid #d0d9f5;
    padding-bottom: 30px;
    font-size: 36px;
    font-weight: 700
}

.page-content .contentbox .faq .itembox,.page-content .contentbox .faq .showbox{
    margin-top: 16px
}

.page-content .contentbox .faq .itembox li {
    padding: 22px 0;
    overflow: hidden
}

.page-content .contentbox .faq .itembox li a {
    display: block;
    font-size: 18px
}

.page-content .contentbox .faq .itembox li a:hover {
    color: #2154f5
}

.page-content .contentbox .faq .itembox li a:hover span {
    color: #fff;
    background: #2154f5
}

.page-content .contentbox .faq .itembox li a span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #d0d9f5;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    color: #2154f5;
    border-radius: 5px;
    margin-right: 15px;
    float: left
}

.page-content .contentbox .faq .itembox li a h2 {
    float: left;
    text-align: left;
    display: inline-block;
    width: 95%;
    font-size: 18px;
}

.page-content.contactus {
    padding: 0
}

.page-content .contactbox .mapbox {
    position: relative
}

.page-content .contactbox .mapbox #container iframe {
    height: 700px
}

.page-content .contactbox .mapbox #container:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(135,146,171,.5)
}

.page-content .contactbox .mapbox .map_icon {
    position: absolute;
    left: 48%;
    bottom: 45%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    opacity: 1;
    z-index: 2;
    width: 105px;
    height: 105px;
    background-color: rgb(23,90,161,.3);
    cursor: pointer;
    border-radius: 100%;
    color: #fff;
    font-size: 1rem
}

.page-content .contactbox .mapbox .map_icon:after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    -webkit-animation: ripple 2.2s ease-out infinite;
    -moz-animation: ripple 2.2s ease-out infinite;
    -o-animation: ripple 2.2s ease-out infinite;
    animation: ripple 2.2s ease-out infinite;
    opacity: 0;
    background: rgb(23,80,161,.3);
    border-radius: 100%
}

.page-content .contactbox .mapbox .map_icon>span {
    z-index: -1;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    -webkit-animation: ripple 2s ease-out infinite;
    -moz-animation: ripple 2s ease-out infinite;
    -o-animation: ripple 2s ease-out infinite;
    animation: ripple 2s ease-out infinite;
    opacity: 0;
    background: rgb(23,80,161,.5);
    border-radius: 100%
}

.page-content .contactbox .mapbox .map_icon b {
    z-index: -1;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    -webkit-animation: ripple 1.8s ease-out infinite;
    -moz-animation: ripple 1.8s ease-out infinite;
    -o-animation: ripple 1.8s ease-out infinite;
    animation: ripple 1.8s ease-out infinite;
    opacity: 0;
    background: rgb(23,80,161,.3);
    border-radius: 100%
}

.page-content .contactbox .mapbox .map_icon div {
    text-align: center;
    font-size: 18px;
    padding-top: 15px;
    position: relative;
    font-weight: 700
}

.page-content .contactbox .mapbox .map_icon div p {
    margin-top: 10px;
    width: 285px;
    text-align: right;
    position: absolute;
    right: 0;
    left: 55px;
    top: 30px
}

.page-content .contactbox .mapbox .map_icon div span {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: #fff;
    margin: auto;
    border: 4px solid #1750a1;
    position: absolute;
    left: -12px;
    top: 0;
    border-radius: 50px;
    z-index: -1;
    bottom: 0
}

@keyframes ripple {
    0%,35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@-webkit-keyframes ripple {
    0%,35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .8
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2)
    }
}

.page-content .contactbox .mapbox .inside-nav {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px
}

.page-content .contactbox .mapbox .inside-nav a {
    color: #fff
}

.page-content .contactbox .contact_bottom {
    padding: 5% 0;
    padding-bottom: 0
}

.page-content .contactbox .contact_bottom .auto-container {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5%
}

.page-content .contactbox .contact_bottom .message-box {
    width: 45.5%;
    float: left;
    background: #2154f5;
    border-radius: 10px;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13);
    margin-right: 4.5%;
    padding: 45px;
    padding-bottom: 0
}

.page-content .contactbox .contact_bottom .message-box .header {
    font-size: 36px;
    font-weight: 700;
    color: #fff
}

.page-content .contactbox .contact_bottom .message-box .from input::-webkit-input-placeholder {
    color: #fff
}

.page-content .contactbox .contact_bottom .message-box .from .input {
    overflow: hidden;
    margin: 35px 0
}

.page-content .contactbox .contact_bottom .message-box .from .input div {
    width: 49%;
    float: left;
    margin-bottom: 1%;
    margin-right: 1%
}

.page-content .contactbox .contact_bottom .message-box .from .input input {
    background: #7a98f9;
    border: 0;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 16px
}

.page-content .contactbox .contact_bottom .message-box .from .select div {
    width: auto;
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.page-content .contactbox .contact_bottom .message-box .from .select div label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    top: 0;
    left: 0
}

.page-content .contactbox .contact_bottom .message-box .from .select input {
    width: 0;
    height: 0;
    display: inline-block;
    outline: 0;
    vertical-align: middle;
    margin-top: 0;
    background: 0 0;
    visibility: hidden
}

.page-content .contactbox .contact_bottom .message-box .from textarea {
    height: 160px;
    width: 100%;
    border: 0;
    background: #7a98f9;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    margin: 10px 0
}

.page-content .contactbox .contact_bottom .message-box .from textarea::placeholder {
    color: #fff
}

.page-content .contactbox .contact_bottom .message-box .from .submit input {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    padding: 12px;
    width: 180px
}

.page-content .contactbox .contact_bottom .contact-us {
    width: 50%;
    float: left
}

.page-content .contactbox .contact_bottom .contact-us .header {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6%
}

.page-content .contactbox .contact_bottom .contact-us .row .tel {
    margin-right: 1.5%;
    width: 48.5%
}

.page-content .contactbox .contact_bottom .contact-us .row .email {
    margin-left: 1.5%;
    width: 48.5%
}

.page-content .contactbox .contact_bottom .contact-us .row>div {
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13);
    border: 1px solid #d0d9f5;
    border-radius: 10px;
    margin-bottom: 21px;
    padding: 34px 20px;
    display: flex
}

.page-content .contactbox .contact_bottom .contact-us .row .followbox {
    margin-bottom: 0;
    padding: 24px 30px
}

.page-content .contactbox .contact_bottom .contact-us .row .imgbox {
    width: 41px;
    height: 41px
}

.page-content .contactbox .contact_bottom .contact-us .row .imgbox img {
    width: 100%
}

.page-content .contactbox .contact_bottom .contact-us .row .text {
    width: 91%;
    padding-left: 15px
}

.page-content .contactbox .contact_bottom .contact-us .row .text p {
    font-size: 18px;
    color: #999
}

.page-content .contactbox .contact_bottom .contact-us .row .text a {
    font-size: 18px;
    color: #222
}

.page-content .contactbox .contact_bottom .contact-us .row .text span {
    font-size: 18px;
    color: #222
}

.page-content .contactbox .contact_bottom .contact-us .row .follow {
    padding: 0
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .text {
    padding-left: 0
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .text p {
    font-size: 20px
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .text span {
    font-weight: 700;
    margin-top: 10px;
    display: inline-block
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .share {
    margin-top: 20px
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .share a {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background: #858aa1
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .share a:hover {
    background: #2154f5
}

.page-content .contactbox .contact_bottom .contact-us .row .follow .share a img {
    width: 34px;
    height: 34px
}

.page-content .contactbox .contact_bottom .contact-us .row .ewm {
    padding: 0
}

.page-content .contactbox .contact_bottom .contact-us .row .ewm .imgbox {
    float: left;
    text-align: center;
    overflow: hidden;
    width: 50%;
    height: auto
}

.page-content .contactbox .contact_bottom .contact-us .row .ewm .imgbox img {
    width: 155px;
    height: 155px;
    border: 1px solid #d0d9f5;
    border-radius: 5px
}

.page-content .contactbox .contact_bottom .contact-us .row .ewm .imgbox p {
    font-size: 18px;
    color: #666;
    padding-top: 10px
}

.page-content .contactbox .contact_bottom .businessbox {
    background: #f1f5fe
}

.page-content .contactbox .contact_bottom .businessbox .auto-container {
    padding-top: 4.2%;
    display: revert
}

.page-content .contactbox .contact_bottom .businessbox .item {
    border: 1px solid #d6ddf6;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    background: #fff
}

.page-content .contactbox .contact_bottom .businessbox .item .imgbox {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d0d9f5
}

.page-content .contactbox .contact_bottom .businessbox .item .imgbox img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.page-content .contactbox .contact_bottom .businessbox .item .imgbox p {
    font-size: 20px;
    font-weight: 700
}

.page-content .contactbox .contact_bottom .businessbox .item .text {
    font-size: 16px;
    margin-bottom: 10px
}

.page-content .contactbox .contact_bottom .businessbox .item .text p {
    margin-bottom: 10px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare {
    margin-top: 20px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare a {
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #d0d9f5;
    display: inline-block;
    height: 40px;
    border-radius: 50px;
    padding: 5px 10px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare a img {
    margin-right: 5px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare .wechat {
    position: relative
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare .code {
    display: none;
    position: absolute;
    top: -115px;
    left: 0;
    background: #fff;
    border: 1px solid #d0d9f5;
    padding: 5px;
    border-radius: 5px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare .code img {
    margin-right: 0;
    width: 100px;
    height: 100px
}

.page-content .contactbox .contact_bottom .businessbox .item .text .businessshare .wechat:hover .code {
    display: block
}

.page-content .contentbox .newsbox .itembox li {
    border-radius: 10px;
    border: 1px solid #d5d9e8;
    margin-bottom: 10px;
    padding: 20px
}

.page-content .contentbox .newsbox .itembox li a {
    display: flex;
    align-items: center
}

.page-content .contentbox .newsbox .itembox li:hover {
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13)
}

.page-content .contentbox .newsbox .itembox li:hover a .text p {
    color: #2154f5
}

.page-content .contentbox .newsbox .itembox li .imgbox {
    margin-right: 40px;
    overflow: hidden;
    width: 320px;
    height: 220px
}

.page-content .contentbox .newsbox .itembox li .imgbox img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.page-content .contentbox .newsbox .itembox li .text {
    width: 63%
}

.page-content .contentbox .newsbox .itembox li .text p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis
}

.page-content .contentbox .newsbox .itembox li .text .d {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    min-height: 80px
}

.page-content .contentbox .newsbox .itembox li .text .time {
    font-size: 14px;
    color: #2154f5;
    display: block;
    margin-top: 30px
}

.sidebar {
    width: 300px
}

.sidebar .tagsbox {
    border-radius: 10px;
    border: 1px solid #d0d9f5;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13)
}

.sidebar .tagsbox .header {
    background: #edeff2;
    font-size: 20px;
    font-weight: 700;
    padding: 11px;
    padding-left: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px solid #c4c9d5;
    position: relative
}

.sidebar .recommendbox .header:after,.sidebar .tagsbox .header:after {
    content: '';
    display: block;
    width: 10px;
    height: 11px;
    background: url(../images/cricle-f.png) no-repeat center top;
    position: absolute;
    right: 0;
    bottom: -5px
}

.sidebar .tagsbox .line {
    background: #edeff2;
    height: 11px
}

.sidebar .tagsbox .taglist {
    padding: 20px
}

.sidebar .tagsbox .taglist li {
    display: inline-block;
    margin-bottom: 6px
}

.sidebar .tagsbox .taglist li a {
    display: inline-block;
    border: 1px solid #d5d9e8;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #666
}

.sidebar .tagsbox .taglist li a:hover {
    background: #2154f5;
    color: #fff
}

.sidebar .recommendbox {
    border-radius: 10px;
    border: 1px solid #d0d9f5;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13);
    margin-bottom: 20px
}

.sidebar .recommendbox .header {
    background: #edeff2;
    font-size: 20px;
    font-weight: 700;
    padding: 11px;
    padding-left: 20px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px solid #c4c9d5;
    position: relative
}

.sidebar .recommendbox .line {
    background: #edeff2;
    height: 11px
}

.sidebar .recommendbox .recommendlist {
    margin-top: 10px
}

.sidebar .recommendbox .recommendlist ul li {
    border-bottom: 1px solid #c4c9d5;
    position: relative
}

.sidebar .recommendbox .recommendlist ul li a {
    display: block;
    padding: 20px;
    overflow: hidden
}

.sidebar .recommendbox .recommendlist ul li a:hover {
    color: #2154f5
}

.sidebar .recommendbox .recommendlist ul li::after {
    content: '';
    display: block;
    width: 10px;
    height: 11px;
    background: url(../images/cricle-f.png) no-repeat center top;
    position: absolute;
    right: 0;
    bottom: -5px
}

.sidebar .recommendbox .recommendlist ul li:last-child::after {
    display: none
}

.sidebar .recommendbox .recommendlist ul li:last-child {
    padding-bottom: 11px
}

.sidebar .recommendbox .recommendlist li .icon {
    width: 10%;
    float: left
}

.sidebar .recommendbox .recommendlist li p {
    width: 90%;
    float: right;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis
}

.sidebar .recommendbox .recommendlist li span {
    width: 90%;
    display: block;
    float: right;
    font-size: 14px;
    color: #2154f5;
    margin: 8px 0
}

.sidebar .categorysbox {
    border-radius: 10px;
    border: 1px solid #d0d9f5;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13);
    margin-bottom: 20px
}

.sidebar .categorysbox .header {
    background: #edeff2;
    font-size: 20px;
    font-weight: 700;
    padding: 11px;
    padding-left: 20px;
    padding-bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.sidebar .categorysbox .line {
    background: #edeff2;
    height: 11px
}

.sidebar .categorysbox .catelist {
    margin-top: 20px
}

.sidebar .categorysbox .catelist ul li {
    overflow: hidden
}

.sidebar .categorysbox .catelist ul li a {
    display: block;
    padding: 20px;
    padding-top: 5px;
    overflow: hidden
}

.sidebar .categorysbox .catelist ul li a:hover {
    color: #2154f5
}

.sidebar .categorysbox .catelist li .icon {
    width: 10%;
    float: left
}

.sidebar .categorysbox .catelist li p {
    width: 90%;
    float: right;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.sidebar .categorysbox .catelist li span {
    width: 90%;
    display: block;
    float: right;
    font-size: 14px;
    color: #2154f5;
    margin: 8px 0
}

.inside-pagination {
    width: 74%;
    padding: 4% 0
}

.inside-pagination ul {
    width: 74%;
    overflow: hidden;
    display: flex;
    align-items: center
}

.inside-pagination li {
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background-color: #e2e4eb;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px
}

.inside-pagination .pre-page {
    font-size: 20px;
    font-weight: 700;
    width: auto;
    height: auto;
    background: 0 0;
    margin-right: 20px
}

.inside-pagination .next-page {
    width: auto;
    height: auto;
    background: 0 0;
    margin-left: 10px
}

.inside-pagination .next-page img {
    transform: rotate(180deg)
}

.inside-pagination .next-page img,.inside-pagination .pre-page img {
    opacity: .5
}

.inside-pagination .next-page:hover img,.inside-pagination .pre-page:hover img {
    opacity: 1
}

.inside-pagination .more:hover,.inside-pagination .next-page:hover,.inside-pagination .pre-page:hover {
    background: 0 0;
    opacity: 1
}

.inside-pagination .next-page:hover a,.inside-pagination .pre-page:hover a {
    color: #222!important
}

.inside-pagination .more {
    margin-top: 0;
    background: no-repeat;
    width: 30px;
    height: 30px
}

.inside-pagination li.active,.inside-pagination li:hover {
    background: #2154f5;
    cursor: pointer
}

.inside-pagination li a:hover,.inside-pagination li.active a,.inside-pagination li:hover a {
    color: #fff!important
}

.inside-pagination li a {
    color: #002280
}

.page-content.product-show {
    padding-top: 0
}

.page-content.product-show .proshowbox {
    padding-top: 3.7%;
    background: #f1f5fd;
    padding-bottom: 3.7%
}

.page-content .proshowbox .row .imgbox {
    width: 50%;
    padding-right: 7.2%
}

.page-content .proshowbox .row .imagesbox {
    margin-top: 10px
}

.page-content .proshowbox .row .imagesbox .product-thumb .swiper-slide {
    background: #e2e7f2;
    cursor: pointer
}

.page-content .proshowbox .row .imagesbox .product-thumb .swiper-slide.active {
    border: 1px solid #3865f5
}

.page-content .proshowbox .row .textbox h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin: 30px 0
}

.page-content .proshowbox .row .textbox .other {
    padding-bottom: 30px
}

.page-content .proshowbox .row .textbox .other>span {
    margin-right: 3px
}

.page-content .proshowbox .row .textbox .other .enshrine {
    margin-left: 5px
}

.page-content .proshowbox .row .textbox .other .enshrine img {
    margin-right: 10px
}

.page-content .proshowbox .row .textbox .remark {
    padding: 30px 0;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    white-space: pre-line;
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.page-content .proshowbox .row .textbox .share-line {
    padding-top: 20px;
    padding-bottom: 30px
}

.page-content .proshowbox .row .textbox .share-line a {
    font-size: 20px;
    color: #2154f5;
    display: block;
    margin-top: 10px
}

.page-content .proshowbox .row .textbox .share-line a img {
    margin-right: 5px
}

.page-content .proshowbox .row .textbox #quotaion {
    display: inline-block
}

.page-content .proshowbox .row .textbox #quotaion button {
    font-size: 18px;
    color: #2055f5;
    font-weight: 700;
    background: url(../images/icon_03.png);
    border: 0;
    width: 154px;
    height: 53px;
    opacity: 1
}

.page-content .detailedbox {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 3.7%
}
.page-content .detailedbox .detailed ol li,.page-content .contentbox .faq .showbox ol li{
    list-style: decimal;
	list-style-position: inside
}
.page-content .detailedbox .detailed ol li p,.page-content .detailedbox .detailed ol li h2,.page-content .detailedbox .detailed ol li h3 ,.page-content .detailedbox .detailed ol li h4 ,.page-content .detailedbox .detailed ol li h5,.page-content .detailedbox .detailed ul li p,.page-content .detailedbox .detailed ul li h2,.page-content .detailedbox .detailed ul li h3 ,.page-content .detailedbox .detailed ul li h4 ,.page-content .detailedbox .detailed ul li h5,.page-content .contentbox .faq .showbox ol li p,.page-content .contentbox .faq .showbox ol li h2,.page-content .contentbox .faq .showbox ol li h3 ,.page-content .contentbox .faq .showbox ol li h4 ,.page-content .contentbox .faq .showbox ol li h5,.page-content .contentbox .faq .showbox ul li p,.page-content .contentbox .faq .showbox ul li h2,.page-content .contentbox .faq .showbox ul li h3 ,.page-content .contentbox .faq .showbox ul li h4 ,.page-content .contentbox .faq .showbox ul li h5{
    display: inline-block;
}
.page-content .detailedbox .detailed ul li,.page-content .contentbox .faq .showbox ul li{
    list-style: inside
}
.page-content .detailedbox .detailed {
    width: 74.3%;
    margin-right: 4.3%
}

.page-content .detailedbox .detailed .table1 {
    padding-bottom: 3.7%
}

.page-content .detailedbox .detailed .table1 .header {
    width: 94%;
    margin: auto
}

.page-content .detailedbox .detailed .table1 .header span {
    background: #d2dcfc;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    border-radius: 20px 20px 0 0;
    padding: 22px;
    display: inline-block;
    padding-bottom: 14px;
    cursor: pointer
}

.page-content .detailedbox .detailed .table1 .header span.active {
    background-color: #2154f5;
    color: #fff
}

.page-content .detailedbox .detailed .table1 .product-content-box:before {
    content: '';
    display: block;
    width: 100%;
    background: url(../images/products_bg_line_t.png);
    height: 47px
}

.page-content .detailedbox .detailed .table1 .product-content-box:after {
    content: '';
    display: inline-table;
    width: 100%;
    background: url(../images/products_bg_line_f.png.png);
    height: 65px
}

.page-content .detailedbox .detailed .table1 .product-content-box>div {
    border: 2px solid #2154f5;
    border-top: 0;
    border-bottom: 0;
    display: none
}

.page-content .detailedbox .detailed .table1 .product-content-box div.active {
    display: block
}

.page-content .detailedbox .detailed .table1 .product-content-box table thead th {
    border-color: #e4e8ef;
    background: #e8eefe;
    font-size: 16px;
    line-height: 26px;
    color: #2154f5;
    padding-left: 20px;
    font-weight: unset;
    width: 208px
}

.page-content .detailedbox .detailed .table1 .product-content-box table tr {
    height: 55px
}

.page-content .detailedbox .detailed .table1 .product-content-box table tr td {
    border-color: #e0e3e9;
    padding-left: 20px;
    font-size: 14px;
    color: #666
}

.page-content .detailedbox .detailed .table2 {
    overflow: hidden
}

.page-content .detailedbox .detailed .table2 p a {
    color: #f50101
}


.page-content .detailedbox .detailed .table3 {
    overflow: hidden;
    padding: 3.7% 0
}

.page-content .detailedbox .detailed .messagebox {
    padding-top: 3.7%
}

.page-content .detailedbox .detailed .messagebox .from {
    padding: 65px;
    box-shadow: 0 5px 20px 0 rgba(33,84,245,.13);
    border: 1px solid #d0d9f5;
    border-radius: 0 0 10px 10px;
    padding-top: 100px;
    margin-top: -40px
}

.page-content .detailedbox .detailed .messagebox .from input::-webkit-input-placeholder {
    color: #666
}

.page-content .detailedbox .detailed .messagebox .from .input {
    overflow: hidden
}

.page-content .detailedbox .detailed .messagebox .from .input div {
    width: 49%;
    float: left;
    margin-bottom: 1%;
    margin-right: 1%
}

.page-content .detailedbox .detailed .messagebox .from .input input {
    background: #f4f6fd;
    border: 0;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 16px
}

.page-content .detailedbox .detailed .messagebox .from .select {
    padding-top: 20px;
    padding-bottom: 10px
}

.page-content .detailedbox .detailed .messagebox .from .select div {
    width: auto;
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.page-content .detailedbox .detailed .messagebox .from .select div label {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    color: #2154f5;
    font-weight: 700;
}

.page-content .detailedbox .detailed .messagebox .from .select div label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/b-icon-radio.png) no-repeat 0 0;
    background-size: 16px auto;
    vertical-align: -3px
}

.page-content .detailedbox .detailed .messagebox .from .select .onradio.checkBox:before {
    background-position: 0 -16px;
    background-size: 16px auto
}

.page-content .detailedbox .detailed .messagebox .from .select input {
    width: 0;
    height: 0;
    display: inline-block;
    outline: 0;
    vertical-align: middle;
    margin-top: 0;
    background: 0 0;
    visibility: hidden
}

.page-content .detailedbox .detailed .messagebox .from textarea {
    height: 180px;
    width: 100%;
    border: 0;
    background: #f4f6fd;
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    margin: 20px 0
}

.page-content .detailedbox .detailed .messagebox .from textarea::placeholder {
    color: #666
}

.page-content .detailedbox .detailed .messagebox .from .submit input {
    background: 0 0;
    border: 1px solid #1640f3;
    color: #1640f3;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    padding: 12px;
    width: 180px
}

.page-content .aboutus .header {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    text-align: center
}

.page-content .aboutus .aboutbox {
    overflow: hidden;
    padding: 3.7% 0
}

.page-content .aboutus .aboutbox .header {
    text-align: left
}

.page-content .aboutus .aboutbox .imgbox {
    width: 50%;
    float: left;
    padding-right: 4.5%
}

.page-content .aboutus .aboutbox .text {
    width: 50%;
    float: left;
    padding-left: 3%
}

.page-content .aboutus .aboutbox .text .content {
    font-size: 16px;
    margin-top: 20px;
    line-height: 28px
}

.page-content .aboutus .aboutbox .text .content p a {
    color: #e70000
}

.page-content .aboutus .aboutbox .text>p {
    background: #2154f5;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    margin-top: 20px
}

.page-content .aboutus .aboutbox .text>p>a {
    padding: 14px;
    color: #fff;
    font-size: 16px;
    display: block;
    cursor: inherit
}

.page-content .aboutus .policybox {
    padding: 3.7% 0;
    overflow: hidden
}

.page-content .aboutus .policybox .policyitem {
    display: flex;
    margin-top: 4%
}

.page-content .aboutus .policybox .policyitem .item {
    width: 34%;
    padding: 6%;
    FONT-VARIANT: JIS04;
    background: url(../images/about_11.png) center/cover no-repeat;
    text-align: center;
    position: relative;
    cursor: pointer
}

.page-content .aboutus .policybox .policyitem .item:hover {
    background: url(../images/about_13.png) center/cover no-repeat;
    color: #fff
}

.page-content .aboutus .policybox .policyitem .item:hover .text i {
    background: #fff;
    color: #2154f5
}

.page-content .aboutus .policybox .policyitem .item .text p {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.page-content .aboutus .policybox .policyitem .item .text span {
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis
}

.page-content .aboutus .policybox .policyitem .item .text i {
    position: absolute;
    right: 20px;
    bottom: 6px;
    font-size: 20px;
    color: #fff;
    background: #2154f5;
    width: 48px;
    height: 48px;
    border-radius: 30px 0 20px;
    font-weight: 700;
    line-height: 48px
}

.page-content .aboutus .policybox .policyitem .item .text span a {
    color: #e90303
}

.page-content .aboutus .historybox {
    background: #2154f5;
    overflow: hidden
}

.page-content .aboutus .historybox .header {
    color: #fff
}

.page-content .aboutus .historybox .left {
    width: 50%;
    float: left;
    padding-top: 2%;
    padding-left: 13.55%;
    padding-right: 5.25%;
    position: relative
}

.page-content .aboutus .historybox .left .history-list {
    overflow: hidden;
    padding-top: 10%
}

.page-content .aboutus .historybox .left .history-list .prve-btn {
    background: url(../images/page_icon.png);
    width: 40px;
    height: 40px;
    z-index: 1;
    background-size: contain;
    filter: invert(1);
    position: absolute;
    transform: rotate(90deg);
    top: 10%;
    left: 34.3%
}

.page-content .aboutus .historybox .left .history-list .next-btn {
    background: url(../images/page_icon.png);
    width: 40px;
    height: 40px;
    z-index: 1;
    filter: invert(1);
    position: absolute;
    transform: rotate(-90deg);
    bottom: 2%;
    left: 34.3%;
    background-size: contain
}

.page-content .aboutus .historybox .left .history-list .listbox {
    width: 25%;
    float: left;
    color: #859ff2;
    padding-right: 5%;
    overflow-y: auto;
    padding-top: 15px
}

.page-content .aboutus .historybox .left .history-list .listbox .title {
    padding-right: 30px;
    position: relative
}

.page-content .aboutus .historybox .left .history-list .listbox .title.active {
    display: block
}

.page-content .aboutus .historybox .left .history-list .listbox .title.active h4 {
    color: #fff
}

.page-content .aboutus .historybox .left .history-list .listbox .title h4 {
    font-size: 20px;
    font-weight: 700;
    border-right: 2px solid #6488f8;
    padding-bottom: 42px;
    cursor: pointer
}

.page-content .aboutus .historybox .left .history-list .listbox .title h4::after {
    content: '';
    display: block;
    background: url(../images/about_history_icon2.png);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17.5%;
    top: 2px
}

.page-content .aboutus .historybox .left .history-list .listbox .title.active h4::after {
    content: '';
    display: block;
    background: url(../images/about_history_icon1.png);
    width: 32px;
    height: 32px;
    right: 12.5%;
    top: -5px
}

.page-content .aboutus .historybox .left .history-list .itembox {
    width: 75%;
    float: left;
    color: #fff;
    padding-top: 5%;
    padding-left: 3%;
    display: flex;
    align-items: center
}

.page-content .aboutus .historybox .left .history-list .itembox .item {
    display: none
}

.page-content .aboutus .historybox .left .history-list .itembox .item.active {
    display: block
}

.page-content .aboutus .historybox .left .history-list .itembox .item p {
    font-size: 50px;
    font-weight: 700
}

.page-content .aboutus .historybox .left .history-list .itembox .item .txt {
    font-size: 18px;
    line-height: 24px;
    height: 510px;
    overflow-y: auto;
    padding-right: 2%;
    padding-top: 4%
}

.page-content .aboutus .historybox .left .history-list .itembox .item .txt img {
    margin-right: 10px
}

.page-content .aboutus .historybox .left .history-list .itembox .item .txt span {
    margin-bottom: 20px;
    display: block
}

.page-content .aboutus .historybox .left .history-list .itembox .item .txt::-webkit-scrollbar {
    width: 2px;
    height: 1px
}

.page-content .aboutus .historybox .left .history-list .itembox .item .txt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #fff
}

.page-content .aboutus .historybox .right {
    width: 50%;
    float: left
}

.page-content .aboutus .culturebox {
    padding: 3.7% 0
}

.page-content .aboutus .culturebox .itembox {
    padding-top: 5%
}

.page-content .aboutus .culturebox .itembox .item {
    display: flex;
    align-items: center
}

.page-content .aboutus .culturebox .itembox .item:nth-child(odd) {
    margin-bottom: 5%
}

.page-content .aboutus .culturebox .itembox .item:nth-child(even) {
    flex-direction: row-reverse
}

.page-content .aboutus .culturebox .itembox .item .imgbox {
    width: 50%
}

.page-content .aboutus .culturebox .itembox .item:nth-child(odd) .imgbox {
    padding-right: 5%
}

.page-content .aboutus .culturebox .itembox .item:nth-child(even) .imgbox {
    padding-left: 3%
}

.page-content .aboutus .culturebox .itembox .item .text {
    width: 50%
}

.page-content .aboutus .culturebox .itembox .item:nth-child(odd) .text {
    padding-left: 30px
}

.page-content .aboutus .culturebox .itembox .item:nth-child(even) .text {
    padding-right: 30px
}

.page-content .aboutus .culturebox .itembox .item .text .title {
    font-size: 20px;
    font-weight: 700;
    color: #2154f5;
    margin-bottom: 30px
}

.page-content .aboutus .culturebox .itembox .item .text .txt {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    white-space: pre-line;
}

.page-content .aboutus .culturebox .itembox .item .text .txt p {
    font-weight: 700
}

.page-content .aboutus .culturebox .itembox .item .text .txt span {
    margin-bottom: 15px;
    display: inline-block
}

.page-content .aboutus .culturebox .itembox .item:nth-child(even) .text .txt p {
    display: inline-block
}

.page-content .aboutus .structurebox {
    background: #f1f5fd;
    padding: 3.7% 0;
    text-align: center
}

.page-content .productbox .pro-head {
    padding: 5% 0;
    text-align: center
}

.page-content .productbox .pro-head .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    width: 60%;
    margin: auto;
    margin-bottom: 20px
}

.page-content .productbox .pro-head .title span {
    color: #2154f5
}

.page-content .productbox .pro-head .description {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    width: 73%;
    margin: auto
}

.page-content .productbox .probox ul li {
    width: 32%;
    float: left;
    margin-right: 1.333%;
    margin-bottom: 1.333%
}

.page-content .productbox .probox ul li:nth-child(3n) {
    margin-right: 0
}

.page-content .productbox .probox li a {
    display: block;
    overflow: hidden
}

.page-content .productbox .probox li a:hover {
    color: #fff
}

.page-content .productbox .probox li a:hover .text {
    background: #2154f5;
    border-color: #2154f5
}

.page-content .productbox .probox li a:hover .text span {
    color: #fff
}

.page-content .productbox .probox li .imgbox {
    border: 1px solid #d8d8d8;
    overflow: hidden;
    background: #e2e7f2;
    border-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.page-content .productbox .probox li .imgbox img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .productbox .probox li .imgbox:hover img {
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1)
}

.page-content .productbox .probox li .text {
    padding: 30px;
    border: 1px solid #d8d8d8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 80px;
    text-align: center
}

.page-content .productbox .probox li .text p {
    font-size: 18px;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    min-height: 51px
}

.page-content .productbox .probox li .text span {
    font-size: 16px;
    color: #666;
    margin: 10px 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    min-height: 23px
}

.page-content .productbox .inside-pagination {
    width: 100%;
    margin: auto;
    overflow: hidden
}

.page-content .productbox .inside-pagination ul {
    width: 100%;
    justify-content: center
}

.page-content.service {
    padding-top: 0;
    padding-bottom: 0
}

.page-content .servicebox .first-service .header {
    background: url(../images/servise1_02.png) no-repeat top;
    background-color: #eef2fe
}

.page-content .servicebox .first-service .header .auto-container {
    padding-top: 7%;
    padding-bottom: 3.7%;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center
}

.page-content .servicebox .first-service .header .head-link {
    font-size: 22px;
    background: #688bf8;
    color: #fff;
    border-radius: 50px;
    width: 460px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    margin-bottom: 2%
}

.page-content .servicebox .first-service .header .head-text {
    margin-bottom: 4%
}

.page-content .servicebox .first-service .header .head-text h2 {
    font-size: 34px;
    line-height: 40px
}

.page-content .servicebox .first-service .header .button-link {
    margin-bottom: 7%
}

.page-content .servicebox .first-service .header .button-link a:first-child {
    display: inline-block;
    width: 200px;
    height: 53px;
    background: url(../images/leave-border.png) no-repeat center;
    text-align: center;
    font-size: 18px;
    color: #2055f5;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .first-service .header .button-link a:nth-child(2) {
    display: inline-block;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 18px;
    background-color: #2154f5;
    color: #fff;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .first-service .header .videobox {
    position: relative
}

.page-content .servicebox .first-service .header .videobox .btns {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    display: inline-block;
    height: 67px;
    width: 67px;
    margin: auto;
    cursor: pointer
}

.page-content .servicebox .first-service .header .videobox .btns:hover img {
    transform: rotate(360deg)
}

.page-content .servicebox .first-service .listbox {
    overflow: hidden;
    background-color: #eef2fe;
    padding-bottom: 6%
}

.page-content .servicebox .first-service .listbox ul {
    padding-top: 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.page-content .servicebox .first-service .listbox ul li {
    position: relative;
    width: 33.333%;
    overflow: hidden;
    padding-top: 5%
}

.page-content .servicebox .first-service .listbox ul li:before {
    display: block;
    content: '';
    background: url(../images/servise1_03_02.png) no-repeat;
    height: 78px;
    background-size: inherit;
    background-position: 50% 50%;
}

.page-content .servicebox .first-service .listbox ul li:after {
    display: block;
    content: '';
    background: url(../images/servise1_03_03.png);
    height: 78px;
    background-position: 50% 50%;
}

.page-content .servicebox .first-service .listbox li a {
    display: block
}

.page-content .servicebox .first-service .listbox li .text {
    text-align: center;
    background: url(/res/magic/images/servise1_03_01.png);
    overflow: hidden;
    padding-top: 30px;
    background-position: 50% 50%;
}

.page-content .servicebox .first-service .listbox li .text .name {
    font-size: 26px;
    font-weight: 700;
    color: #2154f5;
    margin-bottom: 5%;
    min-height: 60px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.page-content .servicebox .first-service .listbox li .text .t {
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.page-content .servicebox .first-service .listbox li .text .txt {
    font-size: 16px;
    padding: 10%;
    line-height: 28px;
    padding-top: 4%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding-bottom: 0;
    -webkit-line-clamp: 12;
    min-height: 355px;
}

.page-content .servicebox .first-service .listbox li .text .txt a {
    display: inline-block;
    color: #ec0000
}

.page-content .servicebox .first-service .listbox li .pic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.page-content .servicebox .first-service .listbox li .pic img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 3px solid #ccd0de
}

.page-content .servicebox .first-service .listbox li i {
    position: absolute;
    right: 13px;
    font-size: 20px;
    color: #fff;
    bottom: 32px;
    background: #2154f5;
    width: 50px;
    height: 50px;
    border-radius: 30px 0 13px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    z-index: 2
}

.page-content .servicebox .first-service .inside-adv {
    margin-top: -140px;
    padding-bottom: 2%
}

.page-content .servicebox .first-service .inside-adv .advbox {
    position: relative;
    text-align: center
}

.page-content .servicebox .first-service .inside-adv .advbox a {
    position: absolute;
    top: 50%;
    font-size: 18px;
    font-weight: 700
}

.page-content .servicebox .first-service .inside-adv .advbox .msgLeave {
    right: 40%;
    color: #fff;
    width: 200px;
    height: 53px;
    background: url(../images/leave-border_f.png) no-repeat center;
    text-align: center;
    line-height: 53px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .first-service .inside-adv .advbox .line {
    right: 17.5%;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 18px;
    background-color: #fff;
    color: #2154f5;
    padding-left: 26px;
    padding-right: 26px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .first-service .service-faq {
    padding: 3.7% 0
}

.page-content .servicebox .first-service .service-faq .head-link {
    text-align: center;
    font-size: 22px;
    background: #e1e8fe;
    color: #2154f5;
    border-radius: 50px;
    width: 360px;
    height: 50px;
    line-height: 50px;
    margin: auto
}

.page-content .servicebox .first-service .service-faq .title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px
}

.page-content .servicebox .first-service .service-faq .title a {
    color: #ec0000
}

.page-content .servicebox .first-service .service-faq .title span {
    color: #2154f5
}

.page-content .servicebox .first-service .service-faq .faqbox {
    padding-top: 4.5%;
    overflow: hidden
}

.page-content .servicebox .first-service .service-faq .faqbox ul li {
    display: flex;
    width: 45%;
    float: left;
    padding: 2% 0;
    border-bottom: 1px solid #eee;
    margin-right: 5%
}

.page-content .servicebox .first-service .service-faq .faqbox ul li:nth-child(even) {
    margin-right: 0
}

.page-content .servicebox .first-service .service-faq .faqbox li .icon {
    font-size: 40px;
    color: #2154f5;
    font-weight: 700;
    margin-right: 25px;
    margin-top: -10px
}

.page-content .servicebox .first-service .service-faq .faqbox .text {
    width: 90%
}

.page-content .servicebox .first-service .service-faq .faqbox .text h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    min-height: 48px
}

.page-content .servicebox .first-service .service-faq .faqbox .text span {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    min-height: 96px
}

.page-content .servicebox .other-service {
    background: url(../images/other-service_bg.png) bottom/cover;
    padding-top: 10%;
    padding-bottom: 3.7%
}

.page-content .servicebox .other-service .headbox {
    overflow: hidden
}

.page-content .servicebox .other-service .headbox .imgbox {
    width: 50%;
    float: right;
    padding-left: 5%;
    position: relative;
    color: #fff
}
.page-content .servicebox .other-service .headbox .imgbox .txt-box{
    position: absolute;
    top: 0;
    left: 7%;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
}
.page-content .servicebox .other-service .headbox .imgbox .txt {
    width: 63%;
    margin: auto;
    text-align: center
}

.page-content .servicebox .other-service .headbox .imgbox .txt p {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5%
}

.page-content .servicebox .other-service .headbox .imgbox .txt span {
    font-size: 16px;
    line-height: 30px
}

.page-content .servicebox .other-service .headbox .text {
    width: 50%;
    float: left
}

.page-content .servicebox .other-service .headbox .text .catename {
    font-size: 20px;
    color: #fff;
    background: #8da7fa;
    border-radius: 50px;
    padding: 0 20px;
    width: auto;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px
}

.page-content .servicebox .other-service .headbox .text p {
    font-size: 16px;
    line-height: 30px
}

.page-content .servicebox .other-service .adv-link {
    padding-top: 10%
}

.page-content .servicebox .other-service .adv-link .advlinkbox {
    position: relative
}

.page-content .servicebox .other-service .adv-link .advlinkbox p {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 0;
    right: 0
}

.page-content .servicebox .other-service .adv-link .advlinkbox .linkbox {
    position: absolute;
    bottom: 25%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.page-content .servicebox .other-service .adv-link .advlinkbox .linkbox a {
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 8px 12px;
    margin-right: 10px;
    display: inline-block;
}

.page-content .servicebox .other-service .adv-link .advlinkbox .linkbox a:hover {
    background: #8da7fa;
    color: #2154f5;
    border-color: #8da7fa
}

.page-content .servicebox .other-service .qualitybox {
    padding-top: 3.7%
}

.page-content .servicebox .other-service .qualitybox .itembox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-content .servicebox .other-service .qualitybox .itembox .item {
    width: 31.333%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.page-content .servicebox .other-service .qualitybox .itembox .item:nth-child(3n) {
    margin-right: 0
}

.page-content .servicebox .other-service .qualitybox .itembox .item .imgbox {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.page-content .servicebox .other-service .qualitybox .itembox .item .text i {
    font-size: 50px;
    color: #2154f5;
    font-weight: 700
}

.page-content .servicebox .other-service .qualitybox .itembox .item .text h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.page-content .servicebox .other-service .qualitybox .itembox .item .text span {
    font-size: 16px;
    color: #2154f5;
    line-height: 30px;
    margin-top: 10px;
    display: block
}

.page-content .servicebox .other-service .qualitybox .itembox .item .text .txt {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 10px;
    white-space: break-spaces
}

.page-content .servicebox .other-service .more-links {
    text-align: center;
    padding: 2% 0
}

.page-content .servicebox .other-service .more-links .msgLeave {
    display: inline-block;
    width: 200px;
    height: 53px;
    background: url(../images/leave-border.png) no-repeat center;
    text-align: center;
    font-size: 18px;
    color: #2055f5;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .other-service .more-links .line,.page-content .servicebox .other-service .more-links .msgLeave:hover {
    transform: translateY(-5px)
}

.page-content .servicebox .other-service .more-links .line {
    display: inline-block;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 18px;
    background-color: #2154f5;
    color: #fff;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.page-content .servicebox .other-service .more-links .juele {
    margin-bottom: 40px
}

.page-content .servicebox .other-service .content-info {
    overflow: hidden;
    padding-top: 3.7%
}

.page-content .servicebox .other-service .content-info:after {
    content: '';
    display: block;
    height: 77px;
    background: url(../images/servise2_h-l.png) no-repeat;
    background-size: 100%;
    transform: scaleY(-1)
}

.page-content .servicebox .other-service .content-info:before {
    content: '';
    display: block;
    height: 77px;
    background: url(../images/servise2_h-l.png) no-repeat;
    background-size: 100%
}

.page-content .servicebox .other-service .content-info .infobox h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 3%
}

.page-content .servicebox .other-service .content-info .infobox ul {
    margin: 0 27px
}

.page-content .servicebox .other-service .content-info .infobox ul li {
    float: left;
    width: 25%;
    border-right: 1px solid #d3ddfd;
    max-height: 328px;
    min-height: 328px
}

.page-content .servicebox .other-service .content-info .infobox {
    overflow: hidden;
    background: url(../images/servise2_f-l.png);
    background-size: 100%
}

.page-content .servicebox .other-service .content-info .infobox ul li:nth-child(4n) {
    border-right: none
}

.page-content .servicebox .other-service .content-info .infobox li .title {
    font-size: 18px;
    color: #2154f5;
    font-weight: 700;
    background: #e8eefe;
    min-height: 70px;
    padding: 0 20px;
    display: flex;
    align-items: center
}

.page-content .servicebox .other-service .content-info .infobox li .title img {
    margin-right: 10px;
    width: 30px;
    margin-top: -3px
}

.page-content .servicebox .other-service .content-info .infobox li .list {
    padding: 20px
}

.page-content .servicebox .other-service .content-info .infobox li .list a {
    display: block;
    font-size: 14px;
    line-height: 36px;
    font-size: 14px;
    line-height: 36px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.page-content .servicebox .other-service .content-info .infobox li .list a:hover {
    color: #2154f5
}

.page-content .servicebox .other-service .content-info .infobox li .list a img {
    margin-right: 10px
}

.page-content .servicebox .other-service .inside-pagination {
    padding-top: 0;
    width: 100%
}

.page-content .servicebox .other-service .inside-pagination ul {
    width: 100%;
    justify-content: center
}

.page-content .servicebox .other-service .inside-pagination ul li {
    background: #fff;
    color: #002280
}

.page-content .servicebox .other-service .inside-pagination ul li.active {
    background: #2154f5
}

.page-content .servicebox .other-service .inside-pagination li.active,.page-content .servicebox .other-service .inside-pagination li:hover {
    color: #002280;
    background: #2154f5
}

.page-content .servicebox .other-service .inside-pagination .next-page,.page-content .servicebox .other-service .inside-pagination .pre-page {
    display: none
}

.page-content .equipmentbox .processbox {
    padding: 3.7% 0
}

.page-content .equipmentbox .processbox .lw-title h1{
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

.page-content .equipmentbox .processbox ul li {
    width: 19.7%;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.page-content .equipmentbox .processbox ul li::after {
    content: '';
    display: block;
    width: 156px;
    height: 34px;
    background: url(../images/xian.png) no-repeat center;
    position: absolute;
    right: -78px;
    top: 118px;
    z-index: 1
}

.page-content .equipmentbox .processbox ul li:nth-child(5)::after {
    content: '';
    display: block;
    width: 92px;
    height: 104px;
    background: url(../images/xian2.png) no-repeat center;
    position: absolute;
    right: -75px;
    top: 120px;
    z-index: 1
}

.page-content .equipmentbox .processbox ul li:nth-child(6)::before {
    content: '';
    display: block;
    width: 93px;
    height: 90px;
    background: url(../images/xian3.png) no-repeat center;
    position: absolute;
    right: 0;
    left: -75px;
    top: 20px;
    z-index: 1
}

.page-content .equipmentbox .processbox ul li:nth-child(10)::after {
    content: '';
    display: none
}

.page-content .equipmentbox .processbox li .item {
    position: relative;
    z-index: 2;
    padding: 0 20px;
    text-align: center;
    margin-top: 45px
}

.page-content .equipmentbox .processbox li .item .img {
    position: relative;
    overflow: hidden
}

.page-content .equipmentbox .processbox li .item .img .num {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 37px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    background-color: #2154f5;
    font-size: 16px;
    font-weight: 700;
    border-top-right-radius: 25px;
    padding-right: 5px;
    padding-top: 3px;
    box-sizing: border-box
}

.page-content .equipmentbox .processbox li .item .t {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    min-height: 30px
}

.page-content .equipmentbox .processbox li .item p {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    min-height: 80px
}

.page-content .equipmentbox .equipment-video {
    padding: 3.7% 0;
    background: #f1f5fe;
    overflow: hidden
}

.page-content .equipmentbox .equipment-video .auto-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.page-content .equipmentbox .equipment-video .video {
    position: relative
}

.page-content .equipmentbox .equipment-video .video .videoBox .video_cover {
    border-radius: 10px;
    overflow: hidden
}

.page-content .equipmentbox .equipment-video .video .videoBox .video_cover .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    height: 70px;
    width: 70px;
    margin: auto
}

.page-content .equipmentbox .equipment-video .textbox {
    max-width: 520px;
    padding-right: 11%
}

.page-content .equipmentbox .equipment-video .textbox p {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px
}

.page-content .equipmentbox .equipment-video .textbox span {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.page-content .equipmentbox .capabilitybox {
    padding-top: 3.7%
}

.page-content .equipmentbox .capabilitybox .head-bg {
    background: url(../images/equipment_07002.png) no-repeat;
    height: 133px;
    background-size: 100%
}

.page-content .equipmentbox .capabilitybox .footer-bg {
    background: url(../images/equipment_07001.png) no-repeat;
    height: 100px;
    background-size: 100%
}

.page-content .equipmentbox .capabilitybox .title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: -5%
}

.page-content .equipmentbox .capabilitybox .content {
    padding: 0 31px;
    background: url(../images/equipment_07003.png);
    background-size: 100%;
    margin-top: -6px;
    padding-top: 2%
}

.page-content .equipmentbox .capabilitybox .content table {
    border-color: #e0e3e9
}

.page-content .equipmentbox .capabilitybox .content table thead tr th {
    text-align: center;
    padding: 18px;
    background: #e8eefe;
    font-size: 14px;
    line-height: 24px
}

.page-content .equipmentbox .capabilitybox .content table thead tr th:first-child {
    text-align: left;
    padding-left: 30px
}

.page-content .equipmentbox .capabilitybox .content table tbody tr th {
    padding-left: 30px;
    background: #eff1f4
}

.page-content .equipmentbox .capabilitybox .content table tbody tr td {
    height: 55px;
    text-align: center
}

.page-content .equipmentbox .smt-process {
    padding-top: 1%
}

.page-content .equipmentbox .smt-process .head-bg {
    background: url(../images/equipment_07002.png) no-repeat;
    height: 133px;
    background-size: 100%
}

.page-content .equipmentbox .smt-process .footer-bg {
    background: url(../images/equipment_07001.png) no-repeat;
    height: 100px;
    background-size: 100%
}

.page-content .equipmentbox .smt-process .content {
    padding: 0 31px;
    background: url(../images/equipment_07003.png);
    background-size: 100%;
    margin-top: -6px;
    overflow: hidden
}

.page-content .equipmentbox .smt-process .title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 2%;
    margin-top: -5%
}

.page-content .equipmentbox .smt-process .content table {
    width: 100%;
    border-color: #e0e3e9
}

.page-content .equipmentbox .smt-process .content table tbody tr th {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 17px
}

.page-content .equipmentbox .smt-process .content table tbody tr td {
    font-size: 14px;
    text-align: center;
    padding: 17px
}

.page-content .equipmentbox .smt-process .more-btn {
    background: url(../images/equipment_07003.png);
    background-size: 100%;
    margin-bottom: -2%;
    position: sticky;
    z-index: 2;
    padding-top: 3%
}

.page-content .equipmentbox .smt-process .more-btn a {
    display: block;
    width: 150px;
    height: 53px;
    background: url(../images/equipment_click_more.png) no-repeat center;
    text-align: center;
    font-size: 18px;
    color: #2055f5;
    font-weight: 700;
    line-height: 53px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin: auto;
    background-size: 100%
}

.page-content .equipmentbox .mechanicalbox .title {
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

.page-content .equipmentbox .mechanicalbox .swiperbox {
    padding: 3% 0
}

.page-content .equipmentbox .mechanicalbox .swiperbox .swiper-slide {
    opacity: .1
}

.page-content .equipmentbox .mechanicalbox .swiperbox .swiper-slide.swiper-slide-active,.page-content .equipmentbox .mechanicalbox .swiperbox .swiper-slide.swiper-slide-next {
    opacity: 1
}

.page-content .equipmentbox .mechanicalbox .swiperbox h3 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0
}

.page-content .equipmentbox .mechanicalbox .mechanical-next {
    transform: rotate(180deg);
    right: 150px
}

.page-content .equipmentbox .mechanicalbox .mechanical-prev {
    left: 155px
}

.page-content .design-box .title {
    font-size: 26px;
    color: #222;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}

.page-content .design-box .content {
    font-size: 16px;
    line-height: 26px;
    color: #222
}