.custom_row_box, .custom_row_box *, ::after, ::before {
    box-sizing: border-box;

}

.custom_row_box * {
    font-family: Calibri;
    font-size: 18px;
}

.custom_row_box p {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gs-btn {
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: none;
    background-color: #333;
    border-radius: 2rem;
    padding: .5em 2em;
    color: #DDB65F !important;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    transition: background-color 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 1;
    white-space: nowrap;
    text-decoration: none;
    outline: none;
}
@media screen and (max-width:960px){
    .gs-btn{
        font-size:1.35rem;
    }
}
.gs-btn:focus{
    outline: none;
}

.gs-btn:hover{
    text-decoration: none;
}

.gs-btn:hover {
    background-color: #464646;
}

.gs-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0;
    bottom: 0;
    background-color: #000;
    border-radius: 50% 0 0 0;
    z-index: -1;
}

.gs-btn-3d {
    display: inline-block;
    position: relative;
    height:80px;
}
@media screen and (max-width:960px){
    .gs-btn-3d{
        height:60px;
    }
}
.gs-btn-3d button,
.gs-btn-3d a{
    width: 100%;
}

.gs-btn-3d::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 5%;
    right: 5%;
    height: 8px;
    border-radius: 100%;
    background-color: #ccc;
}

.custom_row_box h2,
.h2-title {
    font: 600 4rem Calibri;
    color: #333;
    padding: 10px 0;
}

.custom_row_box h3,
.h3-title {
    font: 600 3rem Calibri;
    color: #333;
    padding: 10px 0;
}

.small-title {
    font-size: 2rem;
}

.title-line {
    position: relative;
}

.title-line::after {
    position: absolute;
    content: '';
    bottom: 0;
    height: 2px;
    background-color: #333;
    left: 0;
    right: 0;
}

.gs-line {
    width: 100%;
    height: 2px;
    background-color: #797979;
}



.gs-carousel,
.gs-carousel-content,
.gs-carousel-content .item{
    position: relative;
}
.gs-carousel{
    padding:0 30px;
}

.gs-carousel .item:not(.active)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.gs-carousel .item.active{
    transform: scale(2);
    z-index:1;
}

.gs-carousel .item{
    transform: scale(1.1);
}

.gs-carousel .dec{
    overflow: hidden;
    display: none;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    padding:0 5px;
    background-color: rgba(0,0,0,.5);
    color:#fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.gs-carousel .active .dec{
    display: block;
}

.gs-carousel .prev-btn,
.gs-carousel .next-btn{
    position: absolute;
    top:50%;
    width:29px;
    height:29px;
    transform: translateY(-50%);
    cursor: pointer;
}
.gs-carousel .prev-btn{
    left:-10px;
}
.gs-carousel .next-btn{
    right:-10px;
}

.no-wrap {
    white-space: nowrap;
}

.w-lineA {
    position: relative;
    display: inline-block;
}

.w-lineA:before,
.w-lineA:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    background-color: black;
}

.w-lineA:before {
    left: -2rem;
    width: 1.5rem;
    height: 3px;
}

.w-lineA:after {
    right: -2rem;
    width: 1.5rem;
    height: 3px;
}

.rounded-w {
    border-radius: 5rem;
}


.getStartNow-btn{
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    text-decoration: underline ;
    cursor: pointer;
}
button:focus{
    outline: none;
}

.cx .line{
    width:800px;
    height:2px;
    color: #666666;
}
.cx .text{
   font-family: Calibri;
   font-size:18px;
   color: #666666;
   text-align: center;
}

.cx .h4-after{
   font-family: Calibri;
   font-size: 20px;
   font-weight: bold;
   color: #990000;

}
.cx .boxes{
   display: flex;
   justify-content: center;
}
.cx .box{
   border: 1px solid;
   color: #797979;
   border-radius: 15px;
   box-shadow: 5px 5px 5px #AAAAAA;
   width: 516px;
   height: 632px;
   text-align: center;
   background: #ffffff;
   margin: 50px;
}

.cx .line-font {
   height: 60px;
   line-height: 60px;
   text-align: center;
}
.line-font .line {
   display: inline-block;
   width: 400px;
   height: 3px;
   border-top: 2px solid #ffffff;
}
.cx .line-font .txt {
   font-family: Calibri;
   font-size: 28px;
   color: #ffffff;
   vertical-align: middle;
}

.cx .bg{
   background: url(https://custompins-ca.oss-accelerate.aliyuncs.com/tmp/photo/20201106/ueditor/43/black-bg.png);
}

.fourth-txt{
   font-size: 18px;
   font-family: Calibri;
   color: #ffffff;
}
.cx .images{
   border: 1px solid;
   color: #797979;
   border-radius: 15px;
   box-shadow: 5px 5px 5px #AAAAAA;
   background: #ffffff;
   width: 346px;
   height: 408px;
   text-align: center;
}
.cx .images-fourth{
   width: 281px;
   height: 233px;
   position: relative;
   margin: 20px;
}
.bg-dotblack{
    background:#000000 url(https://custompins-ca.oss-accelerate.aliyuncs.com/u_file/ueditor/20201110/black-background.jpg);
}
.column-line-text,
.phone-column-line-text {
    font-size: 26px;
    font-weight: bold;
    position: relative;
}
.column-line-text::after {
    width: 2px;
    height: 50px;
    background-color: #FF6600;
    content: '';
    position: absolute;
    left: -10px;
    top: 8px;
}
.phone-column-line-text::after{
    width: 2px;
    height: 17px;
    background-color: #FF6600;
    content: '';
    position: absolute;
    left: -10px;
    top: 1px;
}
[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}

[style*="--aspect-ratio"] > img {
    height: auto;
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }

    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}

.hover-style {
    cursor: pointer;
}
.hover-style .hover-style-text{
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    height: 100%;
    background-color: rgba(0,0,0,0);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background-color 0.5s;
}

.hover-style:hover .hover-style-text{
    background-color: rgba(0,0,0,0.5);
}

.hover-style .hover-style-text>div{
    display:none;
}
.hover-style:hover .hover-style-text>div{
    display:block;
}

.forEditor *{
    box-sizing: border-box;
}

.fwb * {
    box-sizing: border-box;
}



.fwb .customerFeedback-border {
    border: 1px solid #FFBA75;
    border-radius: 15px;
}

.fwb .nowrap {
    white-space: nowrap;
}

.fwb .hover-white:hover {
    color: white;
}

.fwb .top50 {
    top: 50%;
    transform: translateY(-50%);
}

.fwb .pointer {
    cursor: pointer;
}

.fwb .px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.fwb .underline {
    text-decoration: underline;
}

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

.fwb .bg-E7E7E7 {
    background-color: #E7E7E7 !important;
}

.fwb .bg-6b6b6b {
    background-color: #6b6b6b !important;
}

.fwb .bg-FEF3EF {
    background-color: #FEF3EF !important;
}

.fwb .border-FEF3EF {
    border: 1px solid #FEF3EF;
}

.fwb .color-F35407 {
    color: #F35407 !important;
}
.fwb .color-6b6b6b{
    color:#6b6b6b;
}
.fwb .color-333333 {
    color: #333333 !important;
}



.fwb .img-center {
    left: 50%;
    transform: translateX(-50%);
}

.fwb a {
    text-decoration: none;
}

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

.fwb img {
    object-fit: contain;
}

.fwb .normal-btn,
.fwb .normal-btn-white {
    width: fit-content;
    border-radius: 21px;
}

.fwb .border-top-F9641C {
    border-top: 3px solid #F9641C;
}

.fwb .border-bottom-F9641C {
    border-bottom: 3px solid #F9641C;
}


.fwb .bottom-F9641C,
.fwb .bottom-F9641C-2,
.fwb .bottom-F9641C-3,
.fwb .bottom-F9641C-4,
.fwb .left-F9641C {
    position: relative;
}

.fwb .bottom-F9641C::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    right: 50%;
    top:40px;
    transform: translateX(50%);
}
.fwb .bottom-F9641C-2::after{
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    left: -7%;
    bottom: 0;
    transform: translateX(50%);
}
.fwb .bottom-F9641C-3::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    right: 50%;
    top:60px;
    transform: translateX(50%);
}
.fwb .bottom-F9641C-4::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    right: 50%;
    top:145px;
    transform: translateX(50%);
}
.fwb .bottom-F9641C-5::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
}
.fwb .left-F9641C::before {
    content: '';
    position: absolute;
    background-color: #F9641C;
    width: 2px;
    height: 17px;
    top: 15px;
    left: -10px;
}

.fwb .normal-btn {
    background-color: #F9641C;
}

.fwb .normal-btn-white {
    background-color: white;
    border: 2px solid #F9641C;
}

.fwb .normal-btn a,
.fwb .normal-btn-white a {
    font-size: 18px;
}

.fwb .normal-btn a {
    color: white;
}

.fwb .normal-btn-white a {
    color: #F9641C;
}

.fwb .normal-btn-shadow-F9641C {
    border: 2px solid #F9641C;
    border-radius: 27px;
    box-shadow: 5px 5px 0px #F9641C;
    margin: 10px 0;
}

.fwb .normal-btn-shadow-F9641C>a {
    font-size: 16px;
    color: #F9641C;
}

.fwb .normal-btn-shadow-333333 {
    border: 2px solid #333333;
    border-radius: 18px;
    box-shadow: 0 3px 0px #333333;
    margin: 10px 0;
}

.fwb .normal-btn-shadow-333333>a {
    font-size: 18px;
    color: #333333;
}

.fwb .p-14px {
    font-size: 14px;
}

.fwb .p-20px {
    font-size: 20px;
}
.fwb .p-18px{
    font-size: 18px;
}
.fwb h2 {
    font-size: 36px;
    font-family: Calibri;
}

.fwb h3 {
    font-size: 22px;
    padding: 10px 0;
    font-family: Calibri;
}
.fwb .MT {
    font-family: Calibri;
}

.fwb .MS {
    font-family: Calibri;
}

.fwb span {
    font-family: Calibri;
}
.fwb .color-inherit{
    color:inherit !important;
}
.fwb p,
.fwb strong {
    font-size: 18px;
    font-family:Calibri;
}
.fwb .sl-p p {
    font-size: 90px !important;
    font-family: Calibri !important;
    color: white;
}

.fwb .object-fit-contain {
    object-fit: contain;
}

.fwb .my_h1 {
    font-size: 3vw;
    line-height: 3vw;
}

.fwb .view_more_pins {
    color: #FA3C00;
    text-decoration: underline;
}

.fwb .my_p {
    font-size: 0.945rem;
}
.fwb .shadow-style1{
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,36%);
}
.fwb.bg-HardPinBadgesVSSoftPinBadges,
.fwb.bg-fabricationOptions,
.fwb.bg-enamelPinsForAnyOccasions{
    background-repeat: no-repeat;
    background-size: cover;
}
.fwb.readytoCreateCustomPinBadgesBulk {
    background-image: url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201203/ueditor/38/pin-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.fwb.bg-HardPinBadgesVSSoftPinBadges{
    background-image: url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/104.jpg);
}
.fwb.bg-fabricationOptions{
    background-image: url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/105.jpg);
}
.fwb.bg-enamelPinsForAnyOccasions{
    background-image:url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/106.jpg);
}
.fwb.bg-CommonAskQuestion{
    background-image:url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/107.jpg);
}
.fwb.bg-blog{
    background-image:url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/109.jpg);
}
.fwb.SoftMao {
    background: url("https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/56/softmaobg.jpg") no-repeat;
    background-size: 100% 100%;
}

.fwb.bg-enamelPinsForAnyOccasions-phone{
    background-image:url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/106.jpg);
    background-size: cover;
    background-position: 90% 0;
}
.fwb.bg-HardPinBadgesVSSoftPinBadges-phone{
    background-image: url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/104.jpg);
    background-size: cover;
    background-position: 90% 0;
}
.fwb.bg-fabricationOptions-phone{
    background-image: url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/105.jpg);
    background-size: cover;
}
.fwb.bg-CommonAskQuestion-phone{
    background-image:url(https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201211/ueditor/57/107.jpg);
    background-size: cover;
    background-position: 90% 0;
}
@media screen and (max-width:992px) {
    section.fwb{
        width:96%;
        padding:0 2%;
    }
    .fwb .my_h1 {
        font-size: 24px;
        line-height: 2rem;
        font-family: Calibri;
    }

    .fwb .view_more_pins {
        font-size: 14px;
    }

    .fwb .my_p {
        font-size: 0.723rem;
    }

    .fwb .free_quote>a {
        font-size: 16px;
        font-family: Arial Rounded MT
    }

    .fwb p{
        font-size: 14px;
        line-height: 1.5;
        font-family: Arial Unicode MS;
    }
    .fwb span{
        font-size: 12px;
        font-family: Arial Unicode MS;
    }

    .fwb .p-14px{
        font-size: 16px;
    }

    .fwb h2{
        font-size: 22px;
    }

    .fwb .normal-btn a,
    .fwb .normal-btn-white a {
        font-size: 16px;
        font-family: Arial Rounded MT
    }

    .fwb .p-20px{
        font-size: 1.65rem;
    }

    .fwb h3{
        font-size: 18px;
        padding: 10px 0;
    }
    .normal-btn-shadow-F9641C a{
        font-family: Arial Rounded MT  ;
        font-size: 16px;
    }
}
@media screen and (max-width:375px) {
    .fwb .border-375>div:first-child {
        border-top: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
    }

    .fwb .border-375>div:not(:first-child) {
        border-bottom: 1px solid #E7E7E7;
    }
}
/*fusicongPC*/
    #custom_row_box_1 {
        font-family: Calibri;
    }
    .Hard_header {
        width: 100%;
        background: url("https://pinbadges-co.oss-accelerate.aliyuncs.com/tmp/photo/20201127/ueditor/56/hardenamelpinbanner.jpg") no-repeat;
        height: 450px;
        background-size: 100% 100%;
    }
    .HardHeader_son {
        height: 100%;
        padding: 30px 0 30px 0;
        font-size: 0;
    }
    .bacfff {
        background-color: #fff;
    }
    .bacF5 {
        background-color: #F5F5F5;
    }
    .Hard_headerleft,.Hard_headerright {
        display: inline-block;
        vertical-align: middle;
    }
    .Hard_headerleft {
        width: 45%;
    }
    .Hard_headerright {
        width: 55%;
    }
    .Hard_headerleft div {
        font-size: 18px;
        color: #fff;
        margin-bottom: 2%;
        font-family: Calibri;
    }
    .Hard_headerleft div h1 {
        font-size: 42px;
        color: #fff;
        font-weight: bold;
        font-family: Calibri;
    }
    .Hard_headerleft div:nth-child(2) span {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        vertical-align: middle;
        font-family: Calibri;
    }
    .Hard_headerleft div:nth-child(2) span:nth-child(2) {
        color: orange;
        font-family: Calibri;
    }
    .Hard_headerleft div:nth-child(6) {
        width: 315px;
        height: 53px;
        background-color: #FE8543;
        border-radius: 30px 30px 30px 30px;
        font-family: Calibri;
    }
    .Hard_headerleft {
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 2%;
    }
    .Video_right tbody td,.firstRow th {
        font-size: 16px;
        font-family: Arial Unicode MS;
    }
    .Hard_headerleft div:nth-child(6) .right_p {
        color: #fff;
        font-size: 20px;
        width: 70%;
        text-align: center;
        line-height: 53px;
        display: inline-block;
        margin: 0 !important;
        position: relative;
    }
    .Hard_headerleft div:nth-child(6) .right_p::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 90%;
        background: #fff;
        right: 0;
        top: 5%;
    }
    .div1 {
        height: 45px !important;
        width: 290px !important;
        border-radius: 30px !important;
        background-color: #FE8543 !important;
        font-size: 0 !important;
        margin-top: 4%;
    }
    .div1 div {
        display: inline-block !important;
        vertical-align: text-top !important;
    }
    .div2 {
        width: 65% !important;
        position: relative !important;
        color: #fff !important;
        font-size: 20px !important;
        line-height: 45px !important;
        text-align: center !important;
    }
    .div2::after {
        content: '';
        position: absolute;
        width: 1px !important;
        height: 90% !important;
        background: #fff !important;
        right: 5% !important;
        top: 5% !important;
    }
    .div3 {
        width: 30% !important;
        text-align: center !important;
        line-height: 15px !important;
    }
    .div3 div {
        vertical-align: middle !important;
        display: inline-block !important;
        color: #FFFFFF !important;
        line-height: 35px !important;
        text-align: center !important;
    }
    .div3 p {
        color: #fff !important;
        font-size: 32px !important;
        margin: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    .div3 p:nth-child(2) {
        color: #fff !important;
        font-size: 16px !important;
        margin: 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    .Header_img {
        width: 100%;
        position: relative;
    }
    .Header_img img {
        vertical-align: super;
        width: 70%;
    }
    .Header_img p {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        font-size: 20px;
        margin: 0 !important;
        font-family: Calibri;
    }
    .Header_img p:nth-child(2) {
        right: 8%;
        top: 7%;
        margin: 0 !important;
    }
    .Header_img p:nth-child(3) {
        right: 2%;
        top: 43%;
        margin: 0 !important;
    }
    .Header_img p:nth-child(4) {
        right: 8%;
        top: 77%;
        margin: 0 !important;
    }
    .Hard_video {
        padding: 50px 0 30px 0;
        font-size: 0;
    }
    .Video_left,.Video_right {
        width: 50%;
        display: inline-block;
        position: relative;
        vertical-align: bottom;
    }
    .Video_but {
        width: 200px;
        height: 40px;
        text-align: center;
        border-radius: 30px 30px 30px 30px;
        border: 2px solid #FE6D1F;
        float: right;
        margin-top: 50px;
    }
    .Video_but a {
        color: #FE6D1F;
        text-decoration: none;
        line-height: 40px;
        font-weight: bold;

    }
    .Video_right h3 {
        font-size: 36px;
        font-weight: bold;
        color: #000;
        position: relative;
        font-family: Calibri;
    }
    .Video_right h2::after {
        content: '';
        position: absolute;
        width: 130px;
        height: 5PX;
        background: #ED7345;
        left: 0;
        bottom: 0;
    }
    .VideoSon {
        font-size: 0;
    }
    .Video_right {
        padding-left: 3%;
    }
    .Video_right p {
        font-size: 16px;
        color: #333;
        margin-top: 20px;
    }
    .Video_right .Video_but {
        float: left;
        background-color: #FE6D1F;
    }
    .Video_right .Video_but a {
        color: #fff;
    }
    .Video_right table {
        width: 100%;
        margin-top: 20px;
    }
    .Video_right table tbody tr td {
        height: 35px;
        line-height: 35px;
    }
    .HardEnamelson {
        padding: 30px 20px 30px 20px;
    }
    .HardEnamelson_top h1 {
        text-align: center;
        font-size: 36px;
        color: #000;
        font-weight: bold;
        margin-bottom: 50px;
    }
    .HardEnamelson_MainLeft {
        display: inline-block;
        width: 45%;
        vertical-align: text-top;
    }
    .HardEnamelson_MainLeft div div:nth-child(1) h1 {
        font-size: 22px;
        color: #000;
        font-weight: bold;
    }
    .HardEnamelson_MainLeft div svg {
        vertical-align: middle;
        margin-right: 10px;
    }
    .HardEnamelson_MainLeft div div {
        margin-top: 15px;
    }
    .HardEnamelson_Mainright {
        display: inline-block;
        width: 50%;
        vertical-align: text-top;
        position: relative;
    }
    .Svg_span {
        font-size: 16px;
        color: #333;
        vertical-align: middle;
        font-family: Calibri;
        padding-left: 2%;
    }
    .MainLeft_bottom {
        margin-top: 100px;
    }
    .Bottom_of {
        text-align: center;
        margin: 40px 0 20px 0;
        font-family: Arial Unicode MS;
    }
    .Bottom_of1 {
        width: 224px;
        height: 48px;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        background-color: #FE6D1F;
        border-radius: 30px 30px 30px 30px;
    }
    .Bottom_of1 a {
        line-height: 48px;
        color: #fff;
        text-decoration: none;
        font-family: Arial Unicode MS;
    }
    .Bottom_of2 {
        display: inline-block;
    }
    .Bottom_of2 a {
        font-size: 18px;
        color: #FE6D1F;
        border-bottom: 1px solid #FE6D1F;
    }
    .Bottom_off {
        font-size: 16px;
        color: #333333;
        text-align: center;
        font-family: Arial Unicode MS;
    }
    .twentytwenty-container {
        height: 500px !important;
        width: 100%;
    }
    .TwentyTop {
        background-color: green;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        height: 30px;
    }
    .TwentyTop_green {
        position: relative;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-family: Calibri;
    }
    .TwentyTop_green div {
        width: 42px;
        height: 61px;
        transform: rotate(145deg);
        position: absolute;
        top: -7px;
        left: -30px;
        background-color: #f5f5f5;
        display: none;
    }
    .TwentyBottom {
        background-color: #333;
        color: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 30px;
    }
    .TwentyTop_black {
        position: relative;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-family: Calibri;
    }
    .TwentyTop_black div {
        width: 42px;
        height: 61px;
        transform: rotate(15deg);
        position: absolute;
        top: -7px;
        left: -30px;
        background-color: #f5f5f5;
        display: none;
    }
    .Made {
        padding: 50px 30px 30px 30px;
        font-size: 0;
    }
    .MadeSon h2 {
        text-align: center;
        font-family: Calibri;
    }
    .MadeSon {
        font-size: 0;
    }
    .MadeSon div {
        background-color: #fff;
        display: inline-block;
        width: 24%;
        height: 240px;
        margin-left: 1%;
        margin-top: 15px;
        position: relative;
    }
    .MadeSon div:nth-child(2),.MadeSon div:nth-child(6) {
        margin-left: 0;
    }
    .MadeSon div img {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 240px;
        height: 240px;
    }
    .PinBadgesSon {
        padding: 30px 0 50px 0;
    }
    .PinBadgesSon h2,.FeaturedSon h2 {
        position: relative;
        text-align: center;
        font-family: Calibri;
    }
    .PinBadgesSon h2::after {
        width: 116px;
        height: 3PX;
        background: #FA3C00;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .twentytwenty-overlay {
        display: none;
    }
    .PinBadgesSon h3,.FeaturedSon h3 {
        text-align: center;
        font-size: 22px;
        color: #666;
        font-family: Calibri;
    }
    .PinBadgesSon .square .grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 相当于 1fr 1fr 1fr */
        grid-template-rows: repeat(2, 1fr); /* fr单位可以将容器分为几等份 */
        grid-gap: 1%; /* grid-column-gap 和 grid-row-gap的简写 */
        grid-auto-flow: row;
    }
    .PinBadgesSon .square .grid>div{
        color: #fff;
        font-size: 50px;
        line-height: 2;
        text-align: center;
        margin-top: 50px;
    }
    .PinBadgesSon .square .grid>div img {
        width: 90px;
        height: 90px;
    }
    .PinBadgesSon .square .Grid_p1 {
        font-size: 22px;
        font-weight: bold;
        color: #333;
        margin: 20px 0 20px 0 !important;
    }
    .PinBadgesSon .square .Grid_p2 {
        font-size: 16px;
        color: #666;
    }
    .FeaturedSon {
        padding: 50px 0 40px 0;
        font-size: 0;
    }
    .FeaturedSon_main {
        width: 20%;
        display: inline-block;
        padding: 10px 0 10px 0;
        text-align: center;
        margin-top: 20px;
    }
    .FeaturedSon_main img {
        width: 154px;
        height: 154px;
    }
    .FeaturedSon_main h3 {
        font-weight: bold;
        font-size: 22px;
        color: #333;
        font-family: Calibri;
    }
    .FeaturedSon_main div p {
        font-size: 16px;
        color: #333;
        line-height: 1.3em;
    }
    .FeaturedSon_main div p:nth-child(1) {
        color: #FE6D1F;
        font-family: Arial Unicode MS;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .FeaturedSon_main div p:nth-child(2) {
        width: 90%;
        margin: 0 auto;
    }
    .FeaturedSon_main div p:nth-child(3) a {
        font-size: 16px;
        text-decoration: none;
        border-bottom: 1px solid #6B6B6B;
        color:#6B6B6B ;
        font-family: Calibri;
    }
    .FeaturedSon_active {
        border: 1px solid #FE6D1F;
    }
    .border {
        /*height: 100%;*/
    }
    .SoftSon {
        font-size: 0;
        padding: 30px 0 30px 0;
    }
    .SoftSon h2 {
        text-align: center;
        font-family: Calibri;
    }
    .SoftSon_main {
        font-size: 0;
        position: relative;
    }
    .SoftMain_left,.SoftMain_right {
        display: inline-block;
        width: 50%;
        text-align: center;
    }
    .SoftMain_left img,.SoftMain_right img {
        height:450px;
        width: 420px;
    }
    .SoftMain_pins {
        width:420px;
        margin: 0 auto;
    }
    .SoftMain_pins div h3 {
        font-size: 22px;
        font-family: Calibri;
    }
    .SoftMain_pins div {
        text-align: left;
        margin-bottom: 20px;
        padding-left: 10%;
    }
    .SoftMain_Vs {
        position: absolute;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        font-size: 13px;
        color: #FE6D1F;
        border: 1px solid #FE6D1F;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .SoftMain_Vs p {
        text-align: center;
        line-height: 55px;
    }
    .SoftMain_double {
        position: absolute;
        left:50%;
        transform: translate(-50%);
        border-left: 3px dashed  #ccc;
        height: 40%;
    }
    .SoftMain_double1 {
        top: 0;
    }
    .SoftMain_double2 {
        bottom: 0;
    }
    .border {
        background-color: #fff !important;
    }
.PinBadgesComSon_main {
    width: 100%;
    padding-left: 0.5%;
    padding-top: 0.5%;
}
.PinBadgesComSon h2::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100px;
    background-color: #F9641C;
    right: 50%;
    top: 60px;
    transform: translateX(50%);

}
.PinBadgesComSon_main>.PinBadgesComSon_box {
    width: 31%;
    border: 1% solid #fff;
    float: left;
    margin: 1%;
    text-align: center;
}
.PinBadgesComSon_main>.PinBadgesComSon_box>img {
    width: 90px;
    height: 90px;
}
.PinBadgesComSon_main>.PinBadgesComSon_box>h3 {
    font-size: 22px;font-family:Arial Rounded MT;color: #333;text-align: center;margin-top: 10px;
}
.PinBadgesComSon_main>.PinBadgesComSon_box>p {
    font-size: 16px;font-family:Arial Unicode MS;color: #666;text-align: center;margin-top: 10px;
}
.SoftSon h2::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    right: 50%;
    top: 60px;
    transform: translateX(50%);
}
.oricl{
    border-bottom: 80px solid #C2232B;
    border-left: 50px solid transparent;
    height: 86px;
    width: 100%;
}
.oricl3 {
    border-bottom: 80px solid #461708;
    border-right: 50px solid transparent;
    height: 86px;
    width: 100%;
}
.oricl2 .oricl2_DIV {
    margin-top: 17%;
}
.oricl2_DIV div svg {
    margin-left: 5%;
}
.oricl2 span {
    vertical-align: middle;
}
.oricl2_DIV div {
    display: inline-block;
    vertical-align: text-top;
}
.MadeSon h2,.FeaturedSon h2 {
    position: relative;
    padding-bottom: 10px;
}
.MadeSon h2::after,.FeaturedSon h2::after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    background-color: #F9641C;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
}
/*fusicongYd*/
@media screen and (max-width:900px) {
    SoftSon_h2::after  {
        content: '';
        position: absolute;
        height: 4px;
        width: 80px;
        background-color: #F9641C;
        right: 50%;
        bottom: 0;
        transform: translateX(50%);
    }
    .Soft_mask {
        width:70%;
        height:0;
        border-width:0 37px 50px 0px;
        border-style:none solid solid;
        border-color:transparent transparent #C2232B;
    }
    .Custom_h2 {
        position: relative;
        padding-bottom: 10px;
    }
    .Custom_h2 h2::after {
        content: '';
        position: absolute;
        height: 4px;
        width: 80px;
        background-color: #F9641C;
        right: 50%;
        bottom: 0;
        transform: translateX(50%);
    }
    .twentytwenty-container {
        height: 350px !important;
    }
    .Fsc h1 {
        font-size: 24px;
        text-align: center;
        font-weight: bold;
    }
    .Fsc h2 {
        font-size: 22px;
        text-align: center;
        font-weight: bold;
    }
    .Fsc h3 {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
    }
    .EnamelSon {
        padding: 30px 15px 0px 15px;
    }
    .EnamelSon h2 {
        position: relative;
        padding-bottom: 10px;
    }
    .EnamelSon h2::after {
        width: 30%;
        height: 3PX;
        background: #ED7345;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .textp {
        font-size: 16px;
        color: #333;
    }
    .EnamelSon_bottom table {
        width: 100%;
        margin-top: 20px;
        font-size: 16px;
    }
    .EnamelSon_bottom table tbody tr td {
        padding-top: 15px;
    }
    .EnamelSon_bottomDiv p {
        margin-top: 20px;
        display: inline-block;
        width: 48%;
        font-size: 16px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-radius: 25px 25px 25px 25px;
        vertical-align: middle;
    }
    .EnamelSon_bottomDiv p:nth-child(1) {
        border: 1px solid #FE6D1F;
        line-height: 1;
    }
    .EnamelSon_bottomDiv p:nth-child(1) a {
        color: #FE6D1F;
        text-decoration: none;
    }
    .EnamelSon_bottomDiv p:nth-child(2) {
        background-color: #FE6D1F;
    }
    .EnamelSon_bottomDiv p:nth-child(2) a {
        color: #fff;
        text-decoration: none;
    }
    .SoftSon {
        padding: 30px 15px 30px 15px;

    }
    .SoftSon_top {
        position: relative;
        margin-top: 20px;
        border: 1px solid #333;
    }
    /*.twentytwenty-container {*/
    /*    height: 375px !important;*/
    /*    width: 100%;*/
    /*}*/
    /*.twentytwenty-container img {*/
    /*    top: 25px !important;*/
    /*}*/
    .TwentyTop {
        background-color: green;
        color: #fff;
        position: absolute;
        top: 0;
        /*right: 0;*/
        width: 40%;
        height: 30px;
        left: 0;
    }
    .TwentyTop_green {
        position: relative;
        color: #fff;
        text-align: center;
        line-height: 30px;
    }
    .TwentyTop_green div {
        width: 40px;
        height: 40px;
        transform: rotate(145deg);
        position: absolute;
        top:5px;
        left: -20px;
        background-color: #f5f5f5;
        display: none;
    }
    .TwentyBottom {
        background-color: #333;
        color: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
        height: 30px;
    }
    .TwentyTop_black {
        position: relative;
        color: #fff;
        text-align: center;
        line-height: 30px;
    }
    .TwentyTop_black div {
        width: 42px;
        height: 34px !important;
        transform: rotate(15deg);
        position: absolute;
        top: -7px;
        left: -30px;
        background-color: #f5f5f5;
        display: none;
    }
    .SoftSon_main {
        /*margin-top: 40px;*/
    }
    .SoftSon_main h3 {
        text-align: left;
        margin-bottom: 15px;
    }
    .SoftSon_main div {
        margin-bottom: 20px;
    }
    .Svg_span {
        font-size: 16px;
        color: #333;
        vertical-align: text-top;
        padding-left: 2%;
    }
    .Bottom_of {
        text-align: center;
        margin-top: 0 !important;
    }
    .Bottom_of1 {
        width: 80%;
        height: 40px;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        background-color: #FE6D1F;
        border-radius: 30px 30px 30px 30px;
    }
    .Bottom_of1 a {
        line-height: 40px;
        color: #fff;
        text-decoration: none;
    }
    .Bottom_of2 {
        display: inline-block;
    }
    .Bottom_of2 a {
        font-size: 18px;
        color: #FE6D1F;
        border-bottom: 1px solid #FE6D1F;
    }
    .Bottom_off {
        font-size: 14px;
        color: #333333;
        text-align: center;
    }
    .Made {
        padding: 0px 30px 30px 30px;
        font-size: 0;
    }
    .MadeSon h2 {
        text-align: center;
    }
    .MadeSon {
        font-size: 0;
    }
    .MadeSon div {
        background-color: #fff;
        display: inline-block;
        width: 45%;
        height: 141px;
        margin-top: 15px;
        position: relative;
        margin-left: 3%;
        float: right;
    }
    .MadeSon div:nth-child(2n){
        margin-left: 0;
        float: left;
    }
    .MadeSon div img {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .Advan h2 {
        position: relative;
        padding: 50px 0 10px 0;
    }
    .Advan h2::after {
        width: 30%;
        height: 3PX;
        background: #ED7345;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .AdvanH3 {
        font-size: 18px;
        color: #666;
        padding: 20px 0 20px 0;
    }
    .Advan_div {
        width: 90%;
        margin: 0 auto;
    }
    .Advan_div div {
        display: inline-block;
        padding: 10px 0 10px 0;
        vertical-align: middle;
    }
    .Advan_div div:nth-child(1) {
        width: 40%;
        text-align: center;
    }

    .Advan_div div img {
        height: 70px;
        width: 70px;
    }
    .Advan_div div:nth-child(2) {
        width: 58%;
    }
    .Advan_div div:nth-child(2) h3 {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: left;
    }
    .Advan_div div:nth-child(2) p {
        text-align: left;
        font-size: 16px;
        color: #666;
    }
    /*重写*/
    .Ydmt {
        font-family: Calibri;
    }
    .Ydms {
        font-family: Arial Unicode MS;
    }
    .YdH1 {
        font-family: Calibri;
        font-size:24px;
    }
    .YdH2 {
        font-family: Calibri;
        font-size:22px;
        font-weight: bold;
    }
    .YdH3 {
        font-family: Calibri;
        font-size:18px;
    }
    .Ydbutton {
        font-family: Calibri;
        font-size:16px;
    }
    .Ydp {
        font-family: Arial Unicode MS;
        font-size:16px;
    }
    .tcac {
        text-align: center;
    }
    .YdHeader {
        background-color: #AFAFAF;
        width: 100%;
        padding: 20px 0;
    }
    .YdHeader_img img {
        width: 70%;
        height: 180px;
        margin-left: 5%;
        position: relative;
    }
    .YdHeader_img p {
        font-family: Calibri;
        font-size: 14px;
        color: #fff;
        position: absolute;
        font-family: bold;
        margin: 0;
    }
    .YdHeader_img {
        position: relative;
    }
    .YdHeader_Img {
        width: 70%;
    }
    .YdHeader_div {
        width: 29%;
        position: absolute;
        height: 100%;
    }
    .YdHeader_Img,.YdHeader_div {
        vertical-align: text-top;
        display: inline-block;
    }
    .YdHeader_div p:nth-child(1) {
        top: 4%;
        left:4%;
    }
    .YdHeader_div p:nth-child(2) {
        top: 40%;
        left: 15%;
    }
    .YdHeader_div p:nth-child(3) {
        top: 75%;
        left: -15%;
    }
    .YdHeader_main {
        padding-top: 30px;
    }
    .YdHeader_main div {
        margin-top: 10px;
        text-align: center;
    }
    .YdHeader_maindiv {
        font-family: Calibri;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        text-align: left !important;
        padding-left: 5%;
    }
    .YDEnamelSon_bottomDiv p {
        width: 45% !important;
        border:3px solid #FE6D1F !important;
    }
    .YDEnamelSon_bottomDiv p:nth-child(2) {
        float: right;
    }
    .EnamelSon_bottom table tr th,.EnamelSon_bottom table tr td {
        font-family: Arial Unicode MS;
        font-size: 16px;
    }
    .Svg_p {
        font-size: 16px;
        font-family: Arial Unicode MS;
        display: inline-block;
        vertical-align: text-top;
        width: 89%;
        padding-left: 4%;
        margin: 0;
    }
    .SoftSon_main svg {
        vertical-align: text-top;
    }
    .YdBottom_of2  {
        font-size: 14px;
        font-family: Arial Unicode MS;
    }
    .YdBottom_of2 a {
        font-family: Calibri;;
    }
    .Jiacu_p {
        font-weight: bold;
    }
    .SoftMain_left, .SoftMain_right {
        display: block;
        width: 100%;
    }
    .SoftMain_Vs,.SoftMain_double1,.SoftMain_double2 {
        display: none;
    }
    .SoftSon_main2 div {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .SoftSon_main2 div:nth-child(1),.SoftSon_main2 div:nth-child(3) {
        width: 38%;
        border-bottom: 3px dashed #333;
    }
    .SoftSon_main2 div:nth-child(2) {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #FE6D1F;
        color: #FE6D1F;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        margin: 0 4% 0 4%;
    }
    .SoftMain_pins div {
        padding: 0;
    }
}