@media screen and (max-width: 1440px) {
    .box-center{
        width:100%;
    }
    .box-center-left img{
        /* width:600px; */
        height:330px;
        margin-right:0px;
    }
    .box-center-right{
        display:flex;
        flex:1;
        align-items: center;
    }
    .center-right-right-box{
        padding-top:19px;
        margin-left:29px;
    }
    .content_box{
        width:1300px;
    }
    .client-center-left:nth-child(1){
        margin-right:70px;
    }
    .box_item_buy_hover2{
        width:220px;
        left:-45px;
        font-size:16px;
    }
    .box_item_buy_hover3{
        width:220px;
        left:-45px;
        font-size:16px;
    }
    .box_item_buy_hover4{
        width:220px;
        left:-45px;
        font-size:16px;
    }
    .version_content_title{
        margin-left:50px;
    }
}@media screen and (max-width: 1280px){
    .box-center{
        width:100%;
    }
    .box-center-left img{
        /* width:500px; */
        height:300px;
        margin-right:40px;
    }
    .content_box{
        width:100%;
    }
    .center-right-lef-box{
        width:296px;
    }
    .center-right-lef-box > ul > li{
        line-height: 30px;
    }
    .right-box-statement > ul > li{
        line-height: 30px;
    }
    .right-box-analyse > ul > li{
        line-height: 30px;
    }
    .client-center-left:nth-child(1){
        margin-right:40px;
    }
    .box-center-client-center > div{
        flex:1;
        padding:20px 0px;
    }
    .box-center-client-center > div:nth-child(1){
        margin-left:60px;
    }
    .box-center-client-center > div:nth-child(2){
        margin-right:60px;
    }
    .footer-img-left img{
        width:300px;
        height:60px;
    }
    .box-footer p a{
        font-size:12px;
    }
    .footer-img-left{
        display: flex;
        align-items: center;
        justify-content: end;
        flex:1;
        /* margin-right:160px; */
    }
    .footer-img-right{
        margin-left:80px;
    }

    .AboutUs-text1{
        text-align: center;
        margin-left:0px; 
        font-size: 14px;
    }
    .AboutUs-text2{
        /* text-align: center; */
        font-size: 14px;
    }
    .center-AboutUs-certificate > div > img{
        width:400px;
    }
    .box_item_buy_hover2{
        width:220px !important;
        font-size:16px;
    }
    .box_item_buy_hover3{
        width:220px !important;
        font-size:16px;
    }
    .box_item_buy_hover4{
        width:220px !important;
        font-size:16px;
    }
    .version_content_title{
        margin-left:80px;
    }
}@media screen and (max-width: 1024px) { 
    .box-center{
        padding: 0 20px;
        width:100%;
    }
    .center-right-lef-box > ul > li{
        line-height: 25px;
    }
    .right-box-statement > ul > li{
        line-height: 25px;
    }
    .right-box-analyse > ul > li{
        line-height: 25px;
    }
    .content_box{
        width:100%;
    }
    .version_content_title{
        margin-left:30px;
    }
    .client-center-left-text {
        margin-left: 20px;
        width: 300px;
    }
    .box-center-client-center{
        padding:0px 30px;
    }
    .box-center-client-center > div:nth-child(2){
        margin-right: 0px;
    }
    .box-center-client-center > div:nth-child(1){
        margin-left:0px;
    }
    .AboutUs-text1 {
        
    }
    .AboutUs-text2{
        padding:0 40px;
        text-align:left;
    }
    .center-AboutUs-certificate > div:nth-child(1){
        margin-right: 120px;
    }
    .footer-img-left{
        margin-right:100px;
    }
}@media screen and (max-width: 768px) { 
    .header{
        padding:0;
        display:block;
    }   
    .headerCon{
        padding-top: 0.45px;
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        justify-items: self-end;
    }
    .logoH{
        font-size:18px;
        font-wight:800;
        margin-left:0.6rem;
        height:60px;
    }
    .nav{
        font-size:12px ;
        padding-left:0.2rem;
        margin-top:6px;;
        height:0px;
    }
    .nav_a{
        font-size:14px;
    }
    .hdrg {
        margin-left:0.3rem;
        height: 0.86rem; 
    }
    .right-box-analyse{
        margin-top:19px;
    }
    .top-title-box > div{
        height:180px;
    }
    .login_box{
        width:1.75rem;
        height: 0.5rem;
        margin-right:0.23rem;
    }
    .login_btn1{
        width: 0.83rem;
        height: 0.5rem;
        box-sizing: border-box;
        border: 1px solid #fff;
        line-height: 0.5rem;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        margin-top:-1px;
        color: #333;
        box-sizing: content-box;
        cursor: pointer;
    }
    .login_btn2{
        /* margin-top:5px; */
        font-size:12px;
        font-weight:700;
        color: #fff;
    }
    .hdrg .login_btn {
        width: 0.83rem;
        height: 0.5rem;
        box-sizing: border-box;
        border: 1px solid #fff;
        line-height: 0.5rem;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        color: #333;
        box-sizing: content-box;
        cursor: pointer;
        margin-right: 0.33rem;
    }
    .hdrg .regist_btn {
        box-sizing: border-box;
        /* 白色 */
        border: 1px solid rgb(255, 255, 255);
        /* #警示色 */
        background: rgb(250, 100, 1);
        /* 矩形 25 */
        width: 1.5rem;
        height: 0.50rem;
        line-height: 0.50rem;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        color: #fff;
        cursor: pointer;
        margin-right:0.29rem;
    }
    .headerCon{
        padding-bottom: 10px;
        display: flex;
        justify-content: space-between;
    /* justify-content: flex-start; */
    }
    .box-top{
        margin-top:50px;
        height:528px;
    }
    .top-title1{
        color: rgb(255, 255, 255);
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
        text-transform: uppercase;
        /* margin-top:0.42rem; */
        margin:0.42rem 0rem 0.2rem 0rem;
    }
    .top-title-box{
        flex-direction: column;
    }
    .top-title-box-center{
        width:100% !important;
        position: relative;
    }
    .top-title-box-center p:nth-child(1){
        font-size:20px;
        margin-top:8px;
    }
    .top-title-box-center p:nth-child(2){
        margin-top:20px;
        font-size:14px;
    }
    .top-title-box-center p:nth-child(3){
        font-size:14px;
        display:none;
    }
    .top-title-box-center p:nth-child(4){
        margin-top:5px;
        display:none;
    }
    .top-title-box-center span{
        margin-top:20px;
        width:2.01rem;
        height:40px;
        line-height:40px;
        font-size:20px;
    }
    .top-title-box-right{
        margin-top:25px;
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .top-title-box-right-box{
        margin-right:0;
    }
    .box-top-hint{
        font-size:12px;
        position: absolute;
        top:185px;
    }
    .box-top-hint2{
        font-size:12px;
        position: absolute;
        top:325px;
        padding-right:0.3rem;
    }
    .box-center-title{
        color: rgb(0, 0, 0);
        font-family: 思源黑体;
        font-size: 24px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: 0px;
        text-align: center;
        margin-top:11px;
        padding-bottom:28px;
    }
    .box-center{
        width:100%;
    }
    ..box-center-external{
        display: flex;
        align-items: center;
        /* flex-direction: column; */
    }
    .box-center-div{
        display: flex;
        flex-direction: column;
    }
    .box-center-right{
        display: flex;
        flex: 1;
        margin-left:0;
        flex-direction: column ;
    }
    .box-center-left img{
        /* width:8rem; */
        height:180px;
        display:block;
        margin:0;
    }
    .center-right-lef-box{
        /* width:10rem; */
    }
    .box-center-left{
        padding:0 0.25rem;
        padding-left:0;
    }
    .center-right-right-box{
        margin-left:0;
    }
    .center-right-lef-box > ul > li{
        font-size:12px;
    }
    .collection-content-bottom span{
        margin-right:8px;
    }
    .version_content{
        margin-top:0px;
        padding:0px 20px;
        flex-direction: column;
        margin:0px;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .pc_cntent{
        display:none;
    }
    
    .content_box{
        display:flex;
        text-align: center;
        /* height: 400px; */
        flex:1;
        flex-wrap: wrap;
        padding:0.45rem;
    }
    .version_content-box{
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom:10px;
        
        /* width: 1628px; */
        width:100%;
    }
    
    .version_content-box::nth-child(2){
    }
    .version_content-box2{
        display:none;
    }
    .content_box_item{
        display:flex;
        flex:1;
        /* width:4rem; */
        flex-direction: column;
        /* padding:0.5rem 0px; */
        border-radius: 20px;
        /* widtg:5rem !important; */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        background: rgb(255, 255, 255);
        min-width:3.9rem;
        margin:0px;
    }
    
    .content_box_item:nth-child(1){
        /* padding:0.2rem 0rem;
        width:4rem; */
        /* width:4rem; */
        /* margin-right:10px; */
    }
    .content_box_item:nth-child(1) .box_item_price{
    }
    .content_box_item:nth-child(2){
        /* margin:0px 0px; */
        /* 
        padding:0.2rem 0.1rem;
        margin-left: 20px; */
        margin-left:0.3rem;
        margin-right:0px;
        min-width:3.9rem;
    }
    .content_box_item:nth-child(3){
        /* margin-top:10px;
        padding:0.2rem 0.1rem; */
        min-width:3.9rem;
    }
    .content_box_item:nth-child(4){
        /* padding:0.2rem 0.1rem;
        margin-top:10px; */
        min-width:3.9rem;
    } 

    .box_item_price > span:nth-child(1){
        display: inline-block;
        width: 0.7rem;
        /* height: 24px; */
        background: rgb(60, 190, 127);
        color: rgb(255, 255, 255);
        border-radius: 3px;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: uppercase;
        margin-left: 0px;
    }
    .content_box_item h1{
        font-size:14px;
        font-weight: 800;
        padding-top:15px;
    }
    .box_item_price{
        font-size:12px;
        margin-top:20px;
    }
    .box_item_title{
        color:rgb(71, 86, 105);
    }
    .item_price_color{
        font-size:14px;
        color:rgb(71, 86, 105);
        font-weight: 600;
    }
    .box_item_price-free{
        font-family: Noto Sans;
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: uppercase;
        color:rgb(250, 100, 1);
    }

    .content_box > .content_box_item:nth-child(1) .box_item_buy a{
        margin-top:15px;
        width: 110px;
        height: 42px;
        background: rgb(250, 100, 1);
        color:#fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 42px;
        text-align: center;
    }
    .box_item_buy{
        width: 110px;
        height: 42px;
        line-height: 42px;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        border: 0px solid #333;
        background-color: #1F46D0;
        box-sizing: content-box;
        cursor: pointer;
        margin-top: 15px;
        /* margin-bottom: 20px; */
        color:#fff;
        position: relative;
    }
    .collection-content > p{
        font-size:18px;
        margin-top:11px;
    }
    .collection-content-bottom > div{
        margin-top:15px;
    }
    .version_content_title{
        margin-top:-5px;
        margin-left:0.45rem;
    }
    .box-center-collection{
        margin-top:21px;
        background-size: 100% 60%;
        height:380px;
    }
    .collection-content-bottom{
        width:7.5rem;
    }
    .box-center-client-title{
        color: rgb(0, 0, 0);
        font-family: 思源黑体;
        font-size: 24px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: 0px;
        text-align: center;
        margin-top:15px;
        margin-bottom:10px;
    }
    .box-center-client{
        padding:0 0.4rem;
    }
    /* box-center-client wow fadeInUp animated */
    .box-center-client-center{
        padding: 0 0;
    }
    .box-center-client-center > div:nth-child(1){
        margin-left:0
    }
    .client-center-left-text{
        margin-left:0.2rem;
        width:2rem;
    }
    .client-center-left:nth-child(1){
        margin-right:0.3rem;
    }
    .client-center-left:nth-child(2){
        margin-right:0.2rem;
    }
    .box-center-client-center > div:nth-child(1){
        margin-left:0px;
    }
    .box-center-client-center > div:nth-child(2){
        margin-right:0px;
    }
    .client-center-left > div:nth-child(1) img{
        width:1.2rem;
        height:50px;
    }
    .client-center-left > div:nth-child(1)  {
        display:none;
        /* display:flex;
        align-items: center; */
    }
    .box-center-client-center > div{
        flex:1;
        /* padding:14px 11px; */
    }
    .case-title{
        color: rgb(0, 0, 0);
        font-family: .PingFang SC;
        font-size: 14px;
        font-weight: 600;
        line-height: -1px;
        letter-spacing: 0px;
        text-align: left;
        margin-bottom:10px;
        display:inline-block;
    }
    .box-center-AboutUs{
        padding:15px 0;
    }
    .box-center-AboutUs-title {
        color: rgb(0, 0, 0);
        font-family: 思源黑体;
        font-size: 24px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: 0px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .AboutUs-text1{
        padding:0 0.45rem;
    }
    .AboutUs-text2{
        margin-top:15px;
        padding:0 0.45rem;
    }

    .center-AboutUs-certificate{
        display:flex;
        margin-top:36px;
        flex-direction: column;
    }
    .center-AboutUs-certificate > div{
        flex:1;
    }
    .center-AboutUs-certificate > div:nth-child(1){
        display:flex;
        justify-content: center;
        margin-right:0;
    }
    .center-AboutUs-certificate > div:nth-child(2){
        margin-top:28px;
        display:flex;
        justify-content: center;
        margin-right:0;
    }
    .center-AboutUs-certificate > div > img{
        width:6rem;
    }
    .box-footer-img{
        display:flex;
        flex-direction: column-reverse;
    }
    .footer-img-right{
        flex:1;
        display:flex;
        justify-content: center;
        margin-left:0.3rem;
    }
    .footer-img-right img{
        width:2.5rem;
    }
    .footer-img-right div:nth-child(2){
        margin-left:0.2rem;
    }
    
    .footer-img-left{
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        margin-right:0;
        margin-top:60px;
    }
    .footer-img-left img{
        width:250px;
        height: 60px;
    }
    .box-footer{
        height:330px;
        position: relative;
    }
    .box-footer-hot{
        font-size:12px;
        position: absolute;
        z-index:999;
        top:185px;
        width:100%;
        display:block;
    }
    .box-footer p:net-child(2) a{
        font-size:12px;
        color: rgb(255, 255, 255);
        font-family: 思源黑体;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
    }

    .box-footer p {
        /* 16号 */
    /* color: rgb(255, 255, 255);
    font-family: 思源黑体;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    margin-top:10px; */
    }


    .box-top {
        width:100%;
        background-color:rgb(31, 70, 208);
        background-position: center 50px;
        background-repeat: no-repeat;
        background-size: 80% 50%;
        /* background: rgb(31, 70, 208); */
        background-image: url("http://www.gfup.cn/static/images/index_banner2.png");
        height: 480px;
    }
    .purchase_dialog_text{
        margin-top: 10px;
        font-size:14px;
    }
    .box_item_buy_hover2{
        position: absolute;
        top: -20px;
        left:-20px;
        transform: translateY(40%);
        z-index: 50;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
        width: 150px !important;
        height:200px;
        /* opacity: 0; */
        display:none;
        transition: all .3s;
        line-height: 20px;
    }
    .box_item_buy_hover3{
        position: absolute;
        top: -20px;
        left:-20px;
        transform: translateY(40%);
        z-index: 50;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
        width: 150px !important;
        height:200px;
        /* opacity: 0; */
        display:none;
        transition: all .3s;
        line-height: 20px;
    }
    .box_item_buy_hover4{
        position: absolute;
        top: -20px;
        left:-20px;
        transform: translateY(40%);
        z-index: 50;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
        width: 150px !important;
        height:200px;
        /* opacity: 0; */
        display:none;
        transition: all .3s;
        line-height: 20px;
    }
    .siderBar-show{
        display:none;
    }
}@media screen and (max-width: 768px) { 
    .siderBar-show{
        display:none;
    }
    .logoH {
        font-size:14px;
    }
    .nav{
        font-size:10px;
    }
}

/* headerCon clearfix */