@charset "utf-8";
@media (max-width: 768px) {
    .super{display: none;}
    /* .pageonecontent{display: none;} */
    .xian{display: none;}
    .leftbg{width: 100%;}
    .pageonebg1{
        width: 6.93rem;
        height: 4.36rem;
        background: url(../imgs/pic3.png) no-repeat;
        background-size: auto 100%;
        position: absolute;
        top: -0.2rem;
        left: 9.5rem;
        -webkit-animation: pageonebg1 linear .7s;
        -moz-animation: pageonebg1 linear .7s;
        animation: pageonebg1 linear .7s;
    }
    .pageonebg2{
        width: 4.2rem;
        height: 4.2rem;
        top: 4rem;
    } 
    /* .phone{width: 100%;left: 50%;transform: translateX(-50%);top: 5rem;height: auto;} */
    .pageonecontent{display: none;}
    .pager{right: 10px;margin: 0;top: auto;bottom: 10%;}
    .phone{margin: 0;width: 100%;left: 0;height: auto;top: 3.3rem;display: none;}
    .phones {
        -webkit-animation: pageonecont linear .5s;
        animation: pageonecont linear .5s;
    }
    .pagethreebg1{position: relative;background: none;}
    @keyframes pageonecont {
        0% {
            margin-top: 0;
            opacity: 0
        }

        30% {
            margin-top: .207rem;
            opacity: 0
        }

        100% {
            margin-top: 0;
            opacity: 1
        }
    }

    @-webkit-keyframes pageonecont {
        0% {
            margin-top: 0;
            opacity: 0
        }

        30% {
            margin-top: .207rem;
            opacity: 0
        }

        100% {
            margin-top: 0;
            opacity: 1
        }
    }
    .pageonecont-animation {
        -webkit-animation: pageonecont linear .5s;
        animation: pageonecont linear .5s;
    }
    .btn.homebtn {
        background: #124098;
    }
    .btn {
        display: block;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        width: 5.36rem;
        height: 1.4rem;
        border-radius: 20px;
        font-size: 0.8rem;
        line-height: 1.4rem;
    }
    .pageonecont {
        width: 100%;
        height: 70%;
        position: absolute;
        z-index: 1111;
        top: 1.656rem;
    }
    .page_text{
        margin-top: 1.6rem;
    }
    .page_text h3 {
        font-size: 1.25rem;
        text-align: center;
        color: #124098;
        margin-top: 0.5rem;
        
    }
    .page_text p {
        font-size: 1rem;
        text-align: center;
        padding-top: 0.5rem;
        color: #666;
    }
    .bottom{
        height: 17%;
        position: absolute;
        z-index: 99;
        width: 100%;
        bottom: 0;
        z-index: 1111;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .pagethreeleft{
        position: relative;
        width: 100%;
        left: 0;
    }
    .pagethreebg1{left: 0;}
    .content{
        display: none;
    }
    .pagethreeleft_pc{display: none;}
    .pagethreeicon1{background: none;}
    .pagethreeicon1 img{width: 8rem;}
    .pagethreeicon2{
        background: none;
        width: 4rem;
        height: 2.8rem;
        top: 6.8rem;
        right: 4.8rem;
    }
    .pagethreeicon2 img{width: 6rem;}
    .pageaddbg1{background: none;height: auto;}
    .pagethreeicon1_one{width: 12.5rem;}
    .pagethreeicon1_one img{width: 100%;}
    .pagethreeicon1_two{left: auto;right: 2rem;}
    .pagethreeicon2_three{top: 6.4rem;}
    .pagethreeicon2_two{top: 8.3rem;}
    .pagethreebg2 {background: none;position: relative;}
    .pagethreeicon3{width: 100%;right: 0;height: 9rem;}
    .pagethreeicon4{width: 1.8rem;height: 1.8rem;right: 0.2rem;top: 0.9rem;}
    .pagethreeicon5{bottom: auto;width: 100%;top: 7rem;right: 0;height: 11rem;}
    .pagethreebg3{background: none;position: relative;}
    .pageaddbg5{background: none;position: relative;width: 100%;left: 0;height: auto;}
    .xin img{height: 15rem !important;}
    .pageaddbg6{right: 2rem;width: 6.5rem;height: 6.5rem;top: 9.5rem;}
    .pageaddbg7{width: 2.5rem;height: 1.62rem;right: 1.2rem;} 
    .pageaddbg8{left: 2.2rem;width: 5rem;height: 6rem;top: 9.2rem;}
    .pagethreebg3{width: 55%;left: 0;margin: 0 auto;top: 0.5rem;}
    .pagethreeicon7{background: none;height: auto;right: 1.2rem;width: 7.5rem;top: 8.5rem;}
    .pagethreeicon7 img{width: 100%;}
    .pagethreeicon6{width: 11.6rem;left: 3.5rem;top: 2.8rem;}
    .pagethreeicon8{width: 6.5rem;height: 8rem;top: 7.5rem;}
    .pagethreeicon9{position: absolute;top: 0;z-index: -1;background: url(../imgs/pic40.png) no-repeat;width: 100%;height: 10rem;}
    .pagethreeicon10{position: absolute;top: 0;left: 2rem;top: 2rem;z-index: -1;}
    .pagethreeicon10 img{width: 4rem;}
    /* .pagesix{display: none !important;} */
    .codeboxes dl{width: 9rem;}
    .pagesixcode{width: 4rem;height: 4rem;margin-top: 1.5rem;}
    .codeboxes dd a{display: none;}
    .codeboxes h4{font-size: 1rem;}
    .codeboxes {width: 9rem;}
}
@media (min-width: 1200px) {
    .pageonecont{display: none;}
}