*{
    box-sizing: border-box;
    font-family: "Noto Sans SC", Microsoft Yahei, 微软雅黑, Arial;
}
.bold{
    font-weight: 700;
}
.heavy{
    font-weight: 700;
}   
.color{
    color: #4466f7;
}
.cont{
    background: none;
}
.cont .page1{
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg1bg.jpg);
    background-size: cover;
    padding: 10% 0 0;
    position: relative;
    z-index: 99;
    box-sizing: border-box;
}

.pg1_a{
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
}
.pg1_b{
    position: absolute;
    width: auto;
    left: 0;
    bottom: -35px;
    z-index: 2;
}
.pg1_c{
    position: absolute;
    top: 35%;
    left: 30%;
    width: auto;
    animation: pg1_ani 2s ease-in-out 0s infinite;
}
@keyframes pg1_ani
{
    0%   {transform: translateY(-8px);}
    50%  {transform: translateY(8px);}
    100% {transform: translateY(-8px);}
}
 
@-webkit-keyframes pg1_ani /* Safari 与 Chrome */
{
    0%   {transform: translateY(-8px);}
    50%  {transform: translateY(8px);}
    100% {transform: translateY(-8px);}
}
.page1_flx{
    display: flex;
    justify-content: space-between;
}
.page1_line{
    width: 69px;
    height: 3px;
    background-color: #4466f7;
    margin: 25px 0 55px;
}
.page1_r{
    background-color: white;
    border-radius: 20px;
    padding: 63px 50px 80px;   
    width: 565px; 
    position: relative;
    z-index: 5;
}
.form_bg{
    background-color: #fbfbfb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 55px;
    padding: 0 30px;
    position: relative;
}
.form_bg input{
    width: 100%;
    font-size: 16px;
    position: relative;
    z-index: 2;
}
.tips{
    position: absolute;
    left: 30px;
    top: 100%;
    color: red;
    display: none;
    font-size: 10px;
} 
.xiala{
   position: relative; 
}
.xiala>div:first-child{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.xiala svg{
    cursor: pointer;
    position: absolute;
    right: 30px;
}
.xiala_list{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    background: white;
    height: 180px;
    z-index: 2;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.04);
    padding: 20px;
}
.xiala_list>div{
    line-height: 34px;
    cursor: pointer;
    transition: all 0.5s;
    height: 100%;
}   
.xiala_list .product_value:hover{
    color:#4466f7;
}
.company{
    position: absolute;
    z-index: 6;
    width: 100%;
    left: 0;
    top: 55px;
    background: white;
    height: 180px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.04);
    padding: 20px;
    display: none;
}
.company>div{
    height: 100%;
}
/*.same_gd>div::-webkit-scrollbar-track{
    background: transparent;
}
.same_gd>div::-webkit-scrollbar-thumb{
    background: transparent;
    transition: all 0.5s;
}
.gd_act>div::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,0.1);
}*/
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: red;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgba(0,0,0,0.1) !important;
}
.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent !important;
}
.company .company_value{
    cursor: pointer;
    line-height: 34px;
    transition: all 0.5s;
}
.company_value:hover{
    color: #4466f7;
}
.xiala_color{
    color:#4466f7;
    font-weight: bold;
}
.form>div{
    margin-bottom: 20px;
}
.form_flx{
    display: flex;
    justify-content: space-between;
}
.form_flx>div:first-child{
    width: calc(67% - 10px);
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 10px;
    justify-content: space-around;
}
.form_flx>div:first-child input{
    width: calc(100% - 120px);
}
.form_flx>div:first-child a{
    color: white;
    background-color: #4466f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 40px;
    width: 108px;
}
.form_flx>div:last-child{
    width: 33%;
}
.agree{
    display: flex;
    align-items: center;
    position: relative;
}
.agree a{
    color: #4466f7;
}
.agree input{
    margin-right: 10px;
}
.agree i{
    position: absolute;
    left: 30px;
    top: 100%;
    color: red;
    display: none;
    font-size: 10px;
}
.page1_more{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background-color: #4466f7;
    color: white;
    border-radius: 50px;
    margin-top: 52px;
    cursor: pointer;
    transition: all 0.5s;
}
.page1_more:hover{
    background-color: #193fe1;
}
.form_title{
    margin-bottom: 33px;
    display: flex;
        justify-content: space-between;
    align-items: center;    
}
.form_title>span{
    font-weight: 700;
}
.form_title svg{
    display: none;
}
.pg2_number{
    margin-top: 6%;
}
.pg2_number li{
    display: flex;
    align-items: center;
    margin-bottom: 74px;
}
.pg2_number li:last-child{
    margin-bottom: 0px;
}
.pg2_line{
    width: 1px;
    background-color: #dcdcdc;
    position: relative;
    margin-right: 40px;
    height: 70px;
}
.pg2_line::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 30px;
    background-color: #4466f7;
    content: "";
    display: block;
}
.num{
    color: #0c1634;
    margin-right: 20px;
    font-family: "Arial";
    line-height: 1;
}
.pg2_des{
    width: 52.7%;
    color: #333333;
    margin-top: 25px;
}
.pg2{
    position: relative;
    padding: 5.46% 0 8.33%;
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg2bg.jpg);
    background-size: cover;
    overflow: hidden;
}
.flx_r{
    display: flex;
}
.phone_yuan{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: none;
    justify-content: flex-end;
    padding-bottom: 20px;
    overflow: hidden;
    background-size: cover;
    align-items: center;
    color: white;
    flex-direction: column;
}
.yuan{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 72%;
    z-index: 22;
}
.yuan>img{
    width: 100%;
}
.yuan li{

    cursor: pointer;
    position: absolute;
    transform-origin:50% 48%
}
.yuan li>div{
    position: relative;
    transform-origin:49% 49%;

}
.yuan li>div>div{
    position: relative;
    border-radius: 50%;
    width: 230px;
    height: 230px;
    overflow: hidden;
    transition: all 1s;
    left: 0;
    top: 0;
}
.yuan li:hover>div>div{
    width: 300px;
    height: 300px;
    left: -35px;
    top: -35px;
}
.yuan li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.yuan li>div::after{
    position: absolute;
    content: "";
    display: none;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(transparent,rgba(0,0,0,0.5));
}
.yuan_txt{
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 30px;
    color: white;
    z-index: 2;
}
.yuan_des{
    max-height: 0;
    overflow: hidden;
    transition: all 1s;
    text-align: center;
}
.yuan li:hover .yuan_des{
    max-height: 100px;
}
.yuan li:first-child{
    top: 44%;
    left: 22%;
}
.yuan li:nth-child(2){
    top: -10%;
    left: 34%;
}
.yuan li:nth-child(3){
    top: 28%;
    left: 54%;
}
.yuan li:nth-child(4){
    top: -12%;
    left: 70%;
}
.pg3{
    padding: 4.94% 0 6.77%;
    background-image:url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg3bg.jpg) ;
    background-size: 100% 100%;
}
.pg3_flx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pg3_small{
    width: 40.5%;
    transition: all 0.5s;
}
.pg3_big{
    width: calc(59.5% - 45px);
    transition: all 0.5s;
}

.pg3_flx>div{
    background-size: cover;
    height: 434px;
    border-radius: 20px;
    overflow: hidden;
    margin-top:45px ;
}
.pg3_flx>div:nth-child(1){
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg3_a.png);
    padding-top: 135px;
    padding-left: 66px;
}
.pg3_flx>div:nth-child(2){
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg3_b.png);
    background-position-x: right;
    padding-top: 78px;
    padding-left: 48px;
}
.pg3_flx>div:nth-child(3){
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg3_c.png);
    text-align: center;
    padding-top: 55px;
}
.pg3_flx>div:nth-child(4){
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg3_d.png);
    padding-top: 78px;
    padding-left: 48px;
}
.pg3_des{
    width: 54%;
    color: #0c1634;
    overflow: hidden;
    transition: all 0.5s;
    margin-top: 100%;
}
.pg3_flx>div:nth-child(3) .pg3_des{
    width: 56%;
}
.pg3_des.show{
    margin-top:20px;
    width:412px;
}
.pg3_add{
    /*margin-top:20px;*/
    width:412px;
    margin-top:100%;
    transition: all 0.5s;
}
.pg3_flx>div:nth-child(3) .pg3_des{
    margin:100% auto 0;
}
.pg3_more{
    width: 189px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: white;
    background-color: #4466f7;
    transition: all 0.5s;
    margin-top: 255px;
}
.pg3_more:hover{
    background-color: #193fe1;
}
.pg3_flx>div:nth-child(3) .pg3_more{
    margin:255px auto 0;
}
.pg3_flx>div:hover .pg3_more{
    opacity: 1;
    margin-top: 40px;
}
.pg3_flx>div:nth-child(3):hover .pg3_des{
    margin:20px auto 0;
}
.pg3_flx>div:nth-child(3):hover .pg3_more{
    opacity: 1;
    margin:40px auto 0;
}
.pg3_flx>div:nth-child(4).pg3_act .pg3_add{
    margin-top:20px;
}
.pg3_flx>div:nth-child(4).pg3_act .pg3_des{
    display: none;
}
.pg3_sub{
    margin-top: 20px;
    max-height: 100px;
    transition: all 0.5s;
    overflow: hidden;
}
.pg3_sub.color{
    line-height: 1;
}
.pg3_flx>div:hover .pg3_sub{
   display: none;
}
.pg3_flx>div:hover .pg3_des{
   margin-top: 20px;
}
/*.pg3_flx>div:nth-child(1):hover{
    padding-top: 50px;
}*/
.pg3_flx .pg3_act1{
    padding-top: 50px !important;
}
.pg3_flx .pg3_act .pg3_more {
    opacity: 1;
    margin-top: 40px;
}
.pg3_flx .pg3_act .pg3_sub{
    display: none;
}
.pg3_flx .pg3_act .pg3_des{
    margin-top: 20px;
}
.pg3_flx>div:nth-child(3).pg3_act .pg3_des{
    margin-top: 20px;
}
.pg3_flx>div:nth-child(3).pg3_act .pg3_more{
   opacity: 1;
    margin-top: 40px;
}
.pg4_top{
    text-align: center;
}
.pg4_flx{
    display: flex;
    justify-content: space-between;
    color: white;
    margin-top: 5%;
}
.pg4_flx>div{
    position: relative;
    width: calc((100% - 212px)/3);
}
.pg4_radiu{
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    padding: 50px 40px 0;
    background-size: cover;
    height: 468px;
    z-index: 2;
}
.pg4_flx>div:nth-child(1) .pg4_radiu{
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg4_a.png);
}
.pg4_flx>div:nth-child(2) .pg4_radiu{
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg4_b.jpg);
}
.pg4_flx>div:nth-child(3) .pg4_radiu{
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg4_c.jpg);
}
.pg4_des li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
}

/*.pg4_des li:last-child::before{*/
    /*display: none;*/
/*}*/
.pg4_des li::before{
    position: absolute;
    content: "";
    display: block;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border:5px solid transparent;
    border-left-color: white;
}
.pg4_more{
    position: absolute;
    bottom: 55px;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #0c1634;
    border-radius: 50px;
    width: 161px;
    height: 52px;
    z-index: 3;
    transition: all 0.5s;
    font-weight: 500;
}
.pg4_more:hover{
    background:#193fe1;
    color: white;
}
.pg4_detail{
    color: white;
    text-decoration: underline !important;
    padding-left: 15px;
    transition: all 0.5s;
    opacity: 0;
}
.pg4_des{
    margin-top: 35px;
    transition: all 0.5s;
    opacity: 0;
}
.pg4_flx>div:hover .pg4_des{
    opacity: 1;
}
.pg4_flx>div:hover .pg4_detail{
    opacity: 1;
}
.pg4_radiu>div{
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.pg4_radiu::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    transition: all 0.5s;
    opacity: 0;
}
.pg4_flx>div:hover .pg4_radiu::after{
    opacity: 1;
}
.pg4_flx>div>img{
    position: absolute;
    right: -34px;
    bottom: -50px;
    z-index: 2;
    width: auto;
    transition: all 0.5s;
}
.pg4_flx>div:hover>img{
    right: -44px;
}
.pg4{
    padding: 4.68% 0 7.8125%;
}
.pg5_l_flx{
    display: flex;

}
.pg5_l_flx a{
    width: 189px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #4466f7;
    color: #4466f7;
    transition: all 0.5s;
    margin-right: 20px;
}
.pg5_l_flx a:first-child{
    color: white;
    background: #4466f7;
}
.pg5_l_flx a:hover{
    color: white;
    background: #193fe1;
}
.pg5_l_des{
    margin: 20px 0 90px;
    color: #0c1634;
    width: 90%;
}
.pg5_flx{
    display: flex;
    justify-content: space-between;
}
.pg5_l{
    width: 39%;
}
.pg5_r{
    width: 47.9%;
    color: #0c1634;
}

.pg5{
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg5bg.jpg);
    background-size: cover;
    padding: 6.25% 0 10.67%;
    position: relative;
}
.pg5zc{
    position: absolute;
    left: 0;
    bottom: -95px;
    width: 51.8%;
}
.pg5zc img{
    max-width: 100%;
}
.pg5_r>div{
    padding:55px 25px;
    position: relative;
}
.pg5_r>div:first-child{
    padding-top: 0;
}
.pg5_r>div:last-child{
    padding-bottom: 0;
}
.pg5_r>div:last-child::after{
    display: none;
}
.pg5_r>div::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, transparent,rgba(0,0,0,0.1),transparent);
}
.pg5_r>div>div{
   padding-left: 70px;
   position: relative;
   margin-top: 5px;
}
.pg5_icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: auto;
}
.pg5_sub{

}
.pg5_logo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pg5_logo a{
    flex: 0 0 25%;
    margin-top: 35px;
}
.pg5_logo img{
    max-width: 80%;
    max-height: 80%;
    width: auto;
}
.pg6 .w1440{
    text-align: center;
    margin-bottom: 3.64%;
}
.pg6{
    padding: 3.9% 0 5.9%;
    background-image: url(https://www.zwsoft.cn/statics/shuipf/style2020/images/campaign-zwcad-genuine/pg6bg.jpg);
    background-size: cover;
}
.pg6 .swiper-slide{
    border-radius: 10px;
    background: white;
    height: 100px;
    width: 224px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pg6 .swiper-slide img{
    max-height: 80%;
    max-width: 80%;
    width: auto;
}
.pg6 .swiper-wrapper{
    transition-timing-function: linear !important;
}
.pg6b{
    margin: 40px 0;
}
.pg6_phone{
    display: none;
}
.product_list{
    display: none;
    position: absolute;
    /*border: 1px solid rgba(255,255,255,0.34);*/
    width: 100%;
    color: white;
    border-radius:0 0 10px 10px;
    padding: 20px;
    z-index: 2;
}
.product_list li{
    cursor: pointer;
    font-size: 16px;
    line-height: 34px;
}

.pop_mask{
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}
.pop_mask>div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pop_success{
    padding: 30px;
    background-color: white;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.pop_success img{
    width: 140px;
    margin:15px auto 0;
}
.mask_close{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.pop_mask_top{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.pop_mask_top svg{
    margin-right: 10px;

}
.pop_gb{
    position: absolute;
    width: 86px;
    height: 58px;
    border-radius: 11px;
    background: rgba(20, 20, 20, 0.6);
    top: 0;
    right: -54px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.pop_gb:hover{
    background: #141414;
}
.pop_gb svg{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.cpm{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}
.cpm_hide{
    display: none !important;
}
.cpm>div{
    position: absolute;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}
.cpm_gb{
    position: absolute;
    width: 86px;
    height: 58px;
    border-radius: 11px;
    background: rgba(20, 20, 20, 0.6);
    top: 0;
    right: -54px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.cpm_gb svg{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.form_white{
    width: 600px;
    background: white;
    padding: 70px 60px 80px;
    border-radius: 19px;
    position: relative;
    z-index: 2;
}
.cpm_gb:hover{
    background: #141414;
}
.cpm .form_title svg{
    display: block;
    cursor: pointer;
}
.scroll_mask{
    position: fixed;
    right: 10px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    width: 460px;
    background: white;
    padding: 40px;
    bottom: -100%;
    z-index: 99;
    border-radius: 20px;
    opacity: 0;
    transition: all 0.5s;
}
.scroll_hide{
    display: none !important;
}
.scroll_act{
    bottom: 0;
    opacity: 1;
}
.scroll_mask .form_title svg{
    display: block;
    cursor: pointer;
}
.scroll_mask .form_title {
    margin-bottom: 15px;
}
.scroll_mask .form_bg{
    height: 40px;
    padding: 0 15px;
}
.scroll_mask .page1_more{
    margin-top: 25px;
}
.scroll_mask .xiala_list{
    height: 120px;
}
.scroll_mask .tips{
    left: 15px;
}
.page8 .product_list{
    background: rgba(3, 35, 124, 0.3);
}
.page8 .xiala_color{
    color: inherit;
    font-weight: bold;
}

.yuan_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    font-weight: 700;

}
.yuan_tit svg{
    margin-left: 5px;
    /*margin-top: 2px;*/
}


.pg3 h3{
    font-weight: 500;
}
.pg3 h2{
    font-weight: 500;
}


@media only screen and (max-width: 1600px) {
    .form_flx>div:first-child input {
        width: calc(100% - 80px);
    }
    .form_flx>div:first-child a{
        width: 75px;
    }
    /*.scroll_mask{*/
        /*width: 360px;*/
    /*}*/
    .cont .page1{
        padding: 9% 0 0;
    }
    .page1_r {
        width: 500px;
        padding: 30px 30px 50px;
    }
    .form_title {
        margin-bottom: 15px;
    }
    .page1_more{
        margin-top: 30px;
    }
    .form_bg{
        height: 44px;
    }
    .form_flx>div:first-child a{
        height: 32px;
        font-size: 12px;
    }
    .pg2_number {
        margin-top: 5%;
    }
    .yuan li>div>div{
        width: 180px;
        height: 180px;
    }
    .yuan li:hover>div>div{
        width: 220px;
        height: 220px;
        top: -20px;
        left: -20px;
    }
    .pg3_flx>div{
        margin-top: 30px;
        height: 400px;
        background-position: center;
    }
    .pg3_big{
        width: calc(59.5% - 30px);
    }
    .pg3_sub {
        margin-top: 10px;
    }
    .pg3_flx>div:nth-child(2){
        padding-top: 60px;
    }
    .pg3_flx>div:nth-child(4){
        padding-top: 60px;
    }
    .pg4_flx>div {
        position: relative;
        width: calc((100% - 140px)/3);
    }
    .pg4_radiu{
        padding: 45px 22px 0;
        height: 440px;
    }
    .pg4_des{
        margin-top: 25px;
    }
    .pg4_more{
        left: 22px;
        bottom: 40px;
    }
    .pg5_r>div {
        padding: 40px 25px;
    }
    .pg6b {
        margin: 30px 0;
    }
    .pg3_flx>div:hover .pg3_more {
        margin-top: 30px;
    }
    .pg5_l_des {
        margin: 15px 0 60px;
    }
    .pg2_number li{
        margin-bottom: 30px;
    }
    .phone_flx .fnt_30{
        font-size: 16px;
    }
}

@media only screen and (max-width: 1440px){
.pg3_des.show{
    width: 340px;
}
}

@media only screen and (max-width: 1200px){
    .page1_r{
        padding: 40px 40px 50px;
    }
    .pg3_des.show{
        width: 290px;
    }
}
@media only screen and (max-width: 1440px){
    .pg3_des.show{
        width: 260px;
    }
}
@media only screen and (max-width: 900px){
    .cont .page1 {
        padding: 40% 0 0;
    }
    .pg5_logo img{
        margin: auto;
    }
    .pg1_c img{
        width:60%;
    }
    .page1_flx {
        display: block;
    }
    .page1_r{
        width: 100%;
        margin-top: 30px;
        padding: 30px 20px 60px;
        border-radius: 0;
    }
    .xiala_list{
        height: 140px;
    }
    .page1_line{
        margin: 10px 0 20px;
    }
    .page1_more{
        margin: 30px auto 0;
        width: 100%;
        height: 48px;
    }
    .pg2_des {
        margin-top: 20px;
        width: 100%;
    }
    .pg2_number li {
        margin-bottom: 15px;
    }
    .pg2_line{
        height: 50px;
    }
    .yuan{
        position: relative;
        width: 100%;
    }
    .yuan li{
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin-top: 20px;
    }
    .yuan>img{
        display: none;
    }
    .yuan ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .yuan li>div>div {
        width: 160px;
        height: 160px;
    }
    .yuan_des {
        max-height: inherit;
    }
    .pg3_flx{
        display: block;
    }
    .pg3_flx>div{
        width: 100% !important;
        height: 340px;
        padding-top: 40px !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        text-align: center;
    }
    .pg3_des {
        width:100%;
        max-height: 1000px;
        margin-top: 10px !important;
    }
    .pg3_flx>div:nth-child(3){
        padding-left: 0 !important;
    }
    .pg4_flx {
        display: block;
    }
    .pg4_flx>div {
        width: 100%;
        margin-bottom: 30px;
    }
    .pg4_radiu{
        height: 395px;
    }
    .pg5_flx{
        display: block;
    }
    .pg5_l {
        width: 100%;
        text-align: center;
    }
    .pg5_r {
        width: 100%;
        margin-top: 40px;
    }
    .pg5_l_des {
        margin: 20px 0 30px;
        width: 100%;
    }
    .pg5_r>div>div {
        padding-left: 0px;
        text-align: center;
    }
    .pg5_r>div {
        padding: 20px 0px;
    }
    .pg5_logo a {
        flex: 0 0 33%;
        margin-top: 20px;
    }
    .pg5{
        background-size: auto 175%;
    }
    .yuan li:hover>div>div{
        width: 160px;
        height: 160px;
    }
    .yuan_des{
        font-size: 10px;
    }
    .pg5zc{
        bottom: -20px;
    }
    .pg1_b{
        bottom: -20px;
        width: 120px;
    }
    .pg1_b img{
        width: 100%;
    }
    .phone_flx{
        display: flex;
        align-items: flex-end;
    }
    .phone_yuan{
        display: flex;
    }
    .flx_r {
        display: block;
    }
    .pg3_sub{
        display: none;
    }
    .pg3_more{
        margin-top: 30px;
        opacity: 1;
        height: 40px;
        width: 148px;
        margin-left: auto;
        margin-right: auto;
    }
    .pg4_more{
        height: 40px;
        width: 148px;
    }
    .pg5_l_flx a {
        width: 148px;
        height: 40px;
    }
    .pg3_flx>div:nth-child(3) .pg3_more {
        margin: 30px auto 0;
    }
    .pg4_flx>div>img{
        right: -8px;
        bottom: -34px;
        width: 50px;
    }
    .pg4_flx>div:hover>img {
        right: -10px;
    }
    .pg4_radiu>div{
        opacity: 1 ;
    }
    .pg6_phone{
        display: block;
        width: 90%;
        margin: auto;
    }
    .pg6_phone>div{
        padding: 6px;
    }
    .pg6_phone .swiper-slide{
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        border-radius: 5px;
        height: 60px;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .pg6 .pg6_phone img{
        max-width: 80%;
        max-height: 60%;
        width: auto;
    }
    .pg6a{
        display: none;
    }
    .pg6b{
        display: none;
    }
    .pg6c{
        display: none;
    }

    .page1 .w1440{
        position: relative;
        z-index: 2;
    }
    .page1_phone{
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
        display: none;
        align-items: end;
    }
    .page1_act{
        display: flex;
    }
    .form_title svg{
        display: block;
    }
    .scroll_mask{
        display: none !important;
    }
    .pg2{
        padding: 40px 0;
    }
    .pg3_flx>div:nth-child(2){
        background-position-x: left;
    }
    .pg4_radiu::after{
        opacity: 1;
    }
    .pg5_l_flx{
        justify-content: center;
    }
    .pg5_l_flx>a:last-child{
        margin-right: 0;
    }
    .pg5_icon{
        display: none;
    }
    .page8 .product_list {
        background: rgba(3, 35, 124, 1);
    }
    .cont .page8 form .group-list{
        background: rgba(3, 35, 124, 1);
        z-index: 2;
    }
    .cont .page8 form .input-group{
        z-index: inherit;
    }
    .pg6{
        padding: 40px 0;
    }
    .pg6_point{
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    .pg6_point span{
        margin: 0 3px;
    }
    .pg6 .swiper-pagination-bullet-active{
        background: #4466f7;
    }
    .cont .page1{
        margin-top: 0;
    }
    .phone_center{
        text-align: center;
    }

    .form_bg{
        padding:0 20px;
    }
    .tips{
        left:20px;
    }
    .tips.tips_mobile{
        left: 0;
    }
    .pg3_des.show{
        width: 100%;
    }
    .pg3_flx>div:nth-child(3) .pg3_des{
        width: 100%;
    }
    .pg3_flx>div:nth-child(4) .pg3_des{
        display: none;
    }
    .pg3_flx>div:nth-child(4) .pg3_add{
        margin-top:10px;
        width: 100%;
    }
    .xiala_list{
        height: auto;
        top:44px;
        padding:10px 20px;
    }
    .xiala_list>div{
        display: flex;
        flex-wrap: wrap;
    }
    .xiala_list .product_value{
        flex:0 0 50%;
    }
}
@media only screen and (max-width: 767px){
    .phone_flx .fnt_30{
        font-size: 14px;
    }
}



.slide-right{
    top:50%;
    z-index: 98;
}
.slide-right.top{
    top:40%;
}
.slide-right.hide-top{
    top:50%!important;
}
.pg5_r .medium{
    font-weight: 500;
}
.page8 .product_list ul{
    height: 130px;
}


.pg2_box span{
    display: none;
}
.mobile_link{
    display: none;
}

.agree i{
    left:24px;
}
.agree input{
    width: 13px;
}
.scroll_mask .form_flx>div:first-child a{
    width: 82px;
    font-size: 13px;
}
.scroll_mask .xiala_list{
    top:40px;
    padding:10px 20px;
}
.scroll_mask .xiala_list{
    height: auto;
}


.cont .page8 form .input-group:nth-child(5){
    width: 200px;
}

@media only screen and (max-width:1600px){
    .slide-right.top{
        top:34%;
    }
    .scroll_mask{
        width: 420px;
    }
    .cont .page8 form .input-group:nth-child(1){
        width: 200px;
    }
    .cont .page8 form .input-group:nth-child(2){
        width: 220px;
    }
    .cont .page8 form .input-group:nth-child(3){
        width: 254px;
    }
    .cont .page8 form .input-group:nth-child(4){
        width: 260px;
    }
    .cont .page8 form .input-group:nth-child(5){
        width: 200px;
    }
}
@media screen and (max-width: 1460px){
    .cont .page8 form .group-list{
        background: rgba(3, 35, 124, 0.8);
    }
    .page8 .product_list{
        background: rgba(3, 35, 124, 0.8);
    }
}

@media only screen and (max-width:900px){
    .cont .page1{
        padding:20% 0 0;
    }
    .pg1_c img{
        width: 100%;
    }
    .pg1_c{
        width: 40%;
        top:auto;
        bottom:5%;
        left:auto;
        right:2%;
    }
    .flx_r{
        display: flex;
        align-items: center;
    }
    .num{
        margin-right:0;
    }
    .pg2_box{
        width: 90px;
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    .pg2_box span{
        display: block;
        position: absolute;
        right:-20px;
        top:0;
    }
    .pg2_number li:nth-child(3) .pg2_box span{
        right:-18px;
    }
    .pg2_number li:last-child .pg2_box span{
        right:-34px;
    }
    .phone_flx{
        margin-left:50px;
    }
    .phone_flx>div:first-child{
        display: none;
    }
    .pg2_line{
        margin-right:20px;
        height: 40px;
    }
    .pg2_line::before{
        width: 2px;
        height: 20px;
    }
    .pg2_number{
        margin-top:30px;
    }
    .pg3_flx>div:nth-child(3){
        padding-left:25px!important;
    }
    .pg4_flx>div .pg4_des{
        opacity: 1;
    }
    .pg4_detail{
        opacity: 1;
    }
}

@media only screen and (max-width: 767px){
    .cont .page1{
        height: 350px!important;
    }
    .pg1_c{
        width: 40%;
        bottom:10px;
        right:0;
    }
    .pg2_box{
        width: 52px;
    }
    .pg2_box span{
        font-size: 12px;
        right:-14px;
    }
    .pg2_number li:nth-child(3) .pg2_box span{
        right:-12px;
    }
    .pg2_number li:last-child .pg2_box span{
        right:-24px;
    }
    .pg3{
        padding:30px 0;
    }
    .pg4{
        padding:30px 0;
    }
    .pg4_flx{
        margin-top:30px;
    }
    .pg5{
        padding:30px 0 50px;
    }
    .pg6{
        padding:30px 0;
    }
    .pg6 .w1440{
        margin-bottom:30px;
    }
    .pg6 .pg6_phone img{
        max-width:100%;
        max-height:100%;
    }
    .product_list{
        padding:14px 20px;
    }
    .product_list li{
        font-size: 14px;
        line-height: 28px;
    }
    .page8 .product_list ul{
        height: auto;
    }
    .slide-right.top{
        top:50%;
    }
    .cont .page1{
        z-index: inherit;
    }
    .page1 .w1440{
        z-index: inherit;
    }
    .mobile_link{
        position: fixed;
        left:5%;
        bottom:10px;
        display: block;
        width: 90%;
        height: 48px;
        border-radius: 50px;
        background: #4466f7;
        color: #fff;
        text-align: center;
        line-height: 48px;
        font-size: 16px;
        z-index: 100;
    }
    .page1_phone{
        z-index: 10000;
        top:100%;
        display: flex;
    }
    .page1_act{
        top:0;
    }
    .page1_r{
        position: fixed;
        width: 100%;
        bottom:-100%;
        left:0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        margin-top:0;
        padding:20px;
        border-radius: 12px 12px 0 0;
    }
    .page1_act .page1_r{
        bottom:0;
    }
    .footer{
        padding:30px 0 60px;
    }
    .company{
        top:44px;
        padding:10px 20px;
    }
    .company .company_value{
        /*font-size: 14px;*/
        /*line-height: 28px;*/
    }

    .pop_success{
        width: 226px;
        padding:20px 0;
    }
    .pop_mask_top{
        margin-bottom:4px;
        font-size: 20px;
    }
    .pop_gb{
        width: 70px;
        height: 50px;
        right:-44px;
    }
    .pop_gb svg{
        right:12px;
    }

    .pop_success img{
        margin:10px auto 0;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #4466f7!important;
    }
    .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{
        opacity: 1!important;
    }
}