/* extracted from FooterForm.htm */
/*--网站建设快捷方式--*/
.websiteFastMain { position: fixed; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 1003; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.websiteFastBox { position: -webkit-sticky; position: sticky; left: 50%; z-index: 20; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; width: 50px; height: 50px; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; }

.websiteFastBox::after { content: ''; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(220,219,219,0.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.websiteFastBox::before { content: ''; z-index: 1; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ff0000; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.websiteFastBox .other { position: relative; z-index: 10; width: 33.3%; opacity: 0; -webkit-transition: all .4s; transition: all .4s;opacity:0; }
.websiteFastBox .goHome { position: relative; z-index: 10; width: 33.3%; opacity: 0; -webkit-transition: all .4s; transition: all .4s;opacity:0; }
.websiteFastBox .other::before { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 13px; background: #aeadad; content: ''; -webkit-transition: all .4s; transition: all .4s; opacity: 0; }

.websiteFastBox .other .title { padding: 0px 30px; cursor: pointer; font-size: 12px; height: 50px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websiteFastBox .other .title::after { content: ''; position: absolute; right: 25px; top: 45%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; border-right: 2px solid #656565; border-bottom: 2px solid #656565; }

.websiteFastBox .other.cur .title::after { top: 55%; border: none; border-left: 2px solid #656565; border-top: 2px solid #656565; }

.websiteFastBox .btn { position: relative; cursor: pointer; z-index: 10; width: 33.3%; white-space: nowrap; font-size: 12px; color: #010101; height: 50px; padding: 0px 0px 0px 25px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;box-sizing:border-box; }

.websiteFastBox .btn span { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }

.websiteFastBox .btn p { width: 35px; height: 35px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;margin:0; }

.websiteFastBox .btn p img { width: 22px; }

.websiteFastBox .otherListBox { position: absolute; left: 0px; z-index: 99; bottom: 80px; -webkit-transition: all .8s; transition: all .8s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; display: none; background: #fff; width: 100%; border: 1px solid #ebe5d9; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); }

.websiteFastBox .otherListBox .otherList { max-height: 260px; overflow-y: auto; overflow-x: hidden; }

.websiteFastBox .otherListBox .otherList a { display: block; line-height: 37px; font-size: 14px; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar { width: 4px; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #cfcfcf; }

.websiteFastBox .otherListBox.animat { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.otherListMask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; display: none;}

.websiteFastBox.animat { -webkit-transition-delay: .8s; transition-delay: .8s; width: 290px; pointer-events: auto;}

.websiteFastBox.animat::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.websiteFastBox.animat .other { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
.websiteFastBox.animat .goHome{opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s;text-align: center;}
.websiteFastBox.animat .btn span { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }

.websiteFastBox.animat .btn p { -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.websiteFastBox.animat .other::before { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; }

.websiteFastBox.animat::before { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: fScale .5s alternate; animation: fScale .5s alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; }

.quickDemandBox { pointer-events: auto; position: -webkit-sticky; position: sticky; left: 50%; z-index: 20; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; width: 50px; height: 50px; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; }

.quickDemandBox::after { content: ''; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(220, 219, 219, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.quickDemandBox::before { content: ''; z-index: 1; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ff0000; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.quickDemandBox .btn { position: relative; cursor: pointer; z-index: 10; width: 100%; white-space: nowrap; font-size: 12px; color: #010101; height: 50px; padding: 0px 0px 0px 25px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.quickDemandBox .btn span { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }

.quickDemandBox .btn p { width: 35px; height: 35px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.quickDemandBox .btn p img { width: 22px; }

.quickDemandBox.animat { -webkit-transition-delay: .8s; transition-delay: .8s; width: 240px; }

.quickDemandBox.animat::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.quickDemandBox.animat .btn span { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }

.quickDemandBox.animat .btn p { -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.quickDemandBox.animat .other::before { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; }

.quickDemandBox.animat::before { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: fScale .5s alternate; animation: fScale .5s alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; }
@keyframes fScale { 0% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes fScale { 0% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }
    /* 提交表单*/
    .pupDemandMain{
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        z-index: 1004;
        display: none;
    }
    .Myanimat{
        display: block;
    }
    .pupDemandBox{
        width: 70vw;
        border-radius: 50px;
        overflow: hidden;
        background-image: url('/Theme/gongsi/Public/image/form_bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
        
        
    }
    .Cotainer{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .content_Item{
        background: #fff;
        padding: 20px 10px;
    }
 @media (min-width:768px){
      /*--网站建设快捷方式--*/
  .websiteFastBox { bottom: 1.875vw; width: 4.063vw; height: 4.063vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .websiteFastBox::after { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .websiteFastBox::before { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .websiteFastBox .other::before { height: 0.813vw; }
  .websiteFastBox .other .title { padding: 0vw 1.875vw; font-size: 0.938vw; height: 4.063vw; }
  .websiteFastBox .other .title::after { right: 1.563vw; width: 0.563vw; height: 0.563vw; }
  .websiteFastBox .btn { font-size: 0.938vw; height: 4.063vw; padding: 0vw 0vw 0vw 1.563vw; }
  .websiteFastBox .btn p { width: 2.188vw; height: 2.188vw; right: 0.938vw; }
  .websiteFastBox .btn p img { width: 1.375vw; }
  .websiteFastBox .otherListBox { bottom: 5vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 1.25vw; -webkit-box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); }
  .websiteFastBox .otherListBox .otherList { max-height: 16.25vw; }
  .websiteFastBox .otherListBox .otherList a { line-height: 2.313vw; font-size: 0.875vw; }
  .websiteFastBox.animat { width: 30vw; }
  .quickDemandBox { bottom: 1.875vw; width: 4.063vw; height: 4.063vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .quickDemandBox::after { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .quickDemandBox::before { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .quickDemandBox .btn { font-size: 0.938vw; height: 4.063vw; padding: 0vw 0vw 0vw 1.563vw; }
  .quickDemandBox .btn p { width: 2.188vw; height: 2.188vw; right: 0.938vw; }
  .quickDemandBox .btn p img { width: 1.375vw; }
  .quickDemandBox.animat { width: 15vw; }
  /*--网站建设快捷方式--*/
 }
/*--网站建设快捷方式--*/
 @media (min-width: 1200px){
      /*--网站建设快捷方式--*/
  .websiteFastBox { bottom: 1.563vw; width: 3.385vw; height: 3.385vw; }
  .websiteFastBox::after { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .websiteFastBox::before { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .websiteFastBox .other::before { height: 0.677vw; }
  .websiteFastBox .other .title { padding: 0vw 1.563vw; font-size: 14px; height: 3.385vw; }
  .websiteFastBox .other .title::after { right: 1.302vw; width: 0.469vw; height: 0.469vw; }
  .websiteFastBox .btn { font-size: 14px; height: 3.385vw; padding: 0vw 0vw 0vw 1.302vw; }
  .websiteFastBox .btn p { width: 1.823vw; height: 1.823vw; right: 0.781vw; }
  .websiteFastBox .btn p img { width: 1.146vw; }
  .websiteFastBox .otherListBox { bottom: 4.167vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 1.042vw; -webkit-box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); }
  .websiteFastBox .otherListBox .otherList { max-height: 13.542vw; }
  .websiteFastBox .otherListBox .otherList a { line-height: 1.927vw; font-size: 0.729vw; }
  .websiteFastBox.animat { width: 25vw; }
  .quickDemandBox { bottom: 1.563vw; width: 3.385vw; height: 3.385vw; }
  .quickDemandBox::after { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .quickDemandBox::before { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .quickDemandBox .btn { font-size: 14px; height: 3.385vw; padding: 0vw 0vw 0vw 1.302vw; }
  .quickDemandBox .btn p { width: 1.823vw; height: 1.823vw; right: 0.781vw; }
  .quickDemandBox .btn p img { width: 1.146vw; }
  .quickDemandBox.animat { width: 12.5vw; }
  /*--网站建设快捷方式--*/
  .form-group {
    margin-bottom: 20px;
}
.pi-btn-base {
    background: #31288b;
    border: 1px solid #31288b;
    color: #fff !important;
    -webkit-box-shadow: inset 0 1px 0 #31288b;
    -moz-box-shadow: inset 0 1px 0 #31288b;
    box-shadow: inset 0 1px 0 #31288b;
    text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}
.pi-btn-bigger {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 42px 12px;
}
.btn {
    display: inline-block;
    padding: 16px 40px 16px;
    border: 1px solid transparent;
    line-height: 20px;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    outline: none;
    cursor: pointer;
    white-space: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 90px;
}
 }
.pupDemandMain select,.pupDemandMain textarea,.pupDemandMain input[type=file],.pupDemandMain input[type=text],.pupDemandMain input[type=password],.pupDemandMain input[type=number],.pupDemandMain input[type=tel],.pupDemandMain input[type=email] {
    display: block;
    width: 100%;
    margin: 0;
    transition: .3s;
    padding: 8px 12px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e8e8e8;
    line-height: 1.5;
    height: 39px;
    font-size: 14px;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
textarea{
    resize: none;
    height: 120px;
}
.pi-col-sm-6 {
    width: 50%;
}
.pi-col-sm-1, .pi-col-sm-2, .pi-col-sm-3, .pi-col-sm-4, .pi-col-sm-5, .pi-col-sm-5-cell, .pi-col-sm-6, .pi-col-sm-7, .pi-col-sm-8, .pi-col-sm-9, .pi-col-sm-10, .pi-col-sm-11 {
    float: left;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.content_Item {
    background: #fff;
    padding: 20px 10px;
}
.pi-col-3xs-1, .pi-col-3xs-2, .pi-col-3xs-3, .pi-col-3xs-4, .pi-col-3xs-5, .pi-col-3xs-5-cell, .pi-col-3xs-6, .pi-col-3xs-7, .pi-col-3xs-8, .pi-col-3xs-9, .pi-col-3xs-10, .pi-col-3xs-11, .pi-col-3xs-12, .pi-col-2xs-1, .pi-col-2xs-2, .pi-col-2xs-3, .pi-col-2xs-4, .pi-col-2xs-5, .pi-col-2xs-5-cell, .pi-col-2xs-6, .pi-col-2xs-7, .pi-col-2xs-8, .pi-col-2xs-9, .pi-col-2xs-10, .pi-col-2xs-11, .pi-col-2xs-12, .pi-col-xs-1, .pi-col-xs-2, .pi-col-xs-3, .pi-col-xs-4, .pi-col-xs-5, .pi-col-xs-5-cell, .pi-col-xs-6, .pi-col-xs-7, .pi-col-xs-8, .pi-col-xs-9, .pi-col-xs-10, .pi-col-xs-11, .pi-col-xs-12, .pi-col-sm-1, .pi-col-sm-2, .pi-col-sm-3, .pi-col-sm-4, .pi-col-sm-5, .pi-col-sm-5-cell, .pi-col-sm-6, .pi-col-sm-7, .pi-col-sm-8, .pi-col-sm-9, .pi-col-sm-10, .pi-col-sm-11, .pi-col-sm-12, .pi-col-md-1, .pi-col-md-2, .pi-col-md-3, .pi-col-md-4, .pi-col-md-5, .pi-col-md-5-cell, .pi-col-md-6, .pi-col-md-7, .pi-col-md-8, .pi-col-md-9, .pi-col-md-10, .pi-col-md-11, .pi-col-md-12, .pi-col-lg-1, .pi-col-lg-2, .pi-col-lg-3, .pi-col-lg-4, .pi-col-lg-5, .pi-col-lg-5-cell, .pi-col-lg-6, .pi-col-lg-7, .pi-col-lg-8, .pi-col-lg-9, .pi-col-lg-10, .pi-col-lg-11, .pi-col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.MyRemark{
    width: 100%;
}
.header_logo_blue{
    font-size: 14px;
    color: #111;
}
.opacity-0{
    opacity: 0;
}