﻿/*section1*/
.section1 {
    width: 100%;
    background: #FAFAFA;
    background:url('../images/index/index1_section1_bg.png') no-repeat;
    background-size:auto 120%;
}
.section1_content_r_div{
    position:relative;
    width:100%;
    height:100%;
}
.section1_content_right {
    position: absolute;
    width: 100%;
    text-align: center;
}
.section1_content_right1 {
    position: absolute;
    width: 100%;
    text-align: center;
    right:-100%;
    top:10%;
}
.section1_content_r {
    padding-left: 0px;
    padding-right: 0px;
}
.section1_content_r img {
    width: 100%;
}

.section1_content_left>div{
    margin-top:80px;
}


.section1_content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top:170px;
}

.helper_icon img {
    width: 94px;
}
    .section1_content > div {
        height: 690px;
        overflow:hidden;
    }



.section1_content .section1_content_left {
    text-align: center;
    /*margin-top: 170px;*/
}

        .section1_content .section1_content_left p {
            color: #000;
            line-height: 56px;
        }

        .section1_content .section1_content_left span {
            display: block;
        }

        .section1_content .section1_content_left .span1 {
            line-height: 32px;
            letter-spacing: 1px;
        }

        .section1_content .section1_content_left .span2 {
            font-size: 16px;
            color: #7F7F7F;
            margin-top: 25px;
            line-height: 24px;
        }

.load_btn {
    font-size: 20px;
    color: #FAFAFA;
    margin-right: 20px;
    cursor:pointer;
}

.purchase_btn {
    border: 1px solid #CACACA;
    border-radius: 100px;
    font-size: 20px;
    cursor: pointer;
}
.section1_content_r_div {
    width: 300%;
}

.section1_content_right2 {
    float: left;
    width: 33.3%;
}

.top_image2 img {
    margin-top: 10%;
}
/*section2*/

.section2 {
    background: #fff;
}

.section2_content {
    margin: 0 auto;
}
.section2 .ft_style1{
    margin-top:130px;
}
.section2_content .section2_content_p {
    font-size: 28px;
    color: #444444;
    text-align: center;
    margin-top: 12%;
}

.section2_content_div ul{
    margin-top:50px;
}

.section2_content_div ul li{
    position:relative;
    padding-left:0px!important;
    padding-right:0px!important;
}
.section2_c_text {
    position: absolute;
    bottom: 0;
    height: 51%;

    color: #fff;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.lang-fr .section2_c_text {
    background: #127AC1;
}
.lang-en .section2_c_text {
    background: #3BA2F8;
}
.lang-de .section2_c_text {
    background: #2f9f13;
}
.lang-es .section2_c_text {
    background: #C64E64;
}
.section2_c_text p{
    text-align:center;
    margin-top:5%;
}
.section2_c_text>div{
    width:80%;
    margin:0 auto;
}

.section2_content_img {
    text-align: center;
    margin-top: 60px;
}

.section2_content_div>ul>li {
    float: left;
    width: 23%;
    margin-right: 2.5%;
    box-shadow:0 0px 10px rgba(0,39,36,0.1);
    transition:all 0.15s;
    border-radius:10px;
    position:relative;
}
    .section2_content_div>ul>li:hover {
        box-shadow: 0 4px 10px rgba(0,39,36,0.2);
        transition: all 0.15s;
        -moz-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -webkit-transform: translate(0, -2px);
        transform: translate(0, -2px);
    }
    .section2_content_div ul li:last-child {
        margin-right: 0%;
    }


.section2_content_div ul li img {
    width: 100%;
}

/*section3*/
.section3 {
    background: #fff;
    position: relative;
}
.section3_img{
    position:relative;
}

.section3_content .ft_style1 {
    padding-top: 110px;
}

.section3_content .ft_style2 {
    margin-top: 20px;
}
.section3_img{
    margin-top:50px;
}
.section3_img img{
    width:800px;
    height:460px;
}

/*section4*/
.section4 {
    height: 600px;
    margin-top: 130px;
    background: url('../images/index/yellow.png') no-repeat;
    background-size: 85% 100%;
}

.section4 .rgt {
    position: relative;
    right: 0%;
    top: 7%;
    width: 38%;
}

.scroll_img {
    position: absolute;
    right: 7.7%;
    top: 30%;
    width: 43%;
    height: 49.7%;
    overflow: hidden;
    background:#fff;
}
.scroll_img img{
    width:100%;
}
.scroll_img_header {
    position: absolute;
    right: 8%;
    top: 26%;
    width: 43%;
}
    .scroll_img_header ul li:first-child{
        margin-left:4%;
    }
    .scroll_img_header ul{
        background:#fff;
    }
    .scroll_img_header ul:after{
        display:table;
        clear:both;
        content:'';
    }
    .scroll_img_header ul li {
        float: left;
        width: 15.7%;
        margin-right: 2%;
        margin-left: 1.5%;
    }
    .scroll_img_header ul li img{
        width:100%;
    }

.scroll_img img{
    position:relative;
}

    .section4_lft_text{
       width:72%;
       margin-top:34%;
       color:#fff;
    }
    .section4_lft_text .ft_style2{
        color:#fff;
    }

.section4 .rgt>img{
    width:100%;
}
.section4 .center{
    width:34%;
}
.section4 .rgt img{
    width:100%;
}

.section4_content_right_c > img {
   width:100%;
}

.section4_content_right_c{
    position:relative;
    width:80%;
    margin-left:20%;
    height:100%;
    margin-top:5%;
}
/*secton5*/
.section5 {
    height: 800px;
    padding-top:150px;
}
.section5_content {
    position: relative;
}
.section5 .lft{
    position:absolute;
    left:0;
    top:15%;
}
.section5 .lft{
    position:relative;
    width:35%;
}
.section5 .lft img{
    width:100%;
}
.section5 .rgt{
    margin-top:28%;
}

.section5_content_left_c > img {
    width: 75%;
}
.section5_content_right {
    padding-top:200px;
}
.section5_content_left_c{
    position:relative;
}
.section5_text {
    display: none;
    padding-bottom:100px;
}
/*section6*/
.section6 {
    position: relative;
    width: 100%;
    margin-top:100px;
}
.section6:after{
    content:'';
    display:table;
    clear:both;
}
.section6>img{
    width:100%;
    position:absolute;
    z-index:-1;
}
.section6 .ft_style1{
    color:#fff;
}
.section6 .ft_style2 {
    color: #fff;

}
    .section6 .carousel {
        margin-top: 6%;

    }
.section6 .carousel ul:after{
    content:'';
    display:table;
    clear:both;
}
        .section6 .carousel ul li {
            position: relative;
            border-radius: 8px;
            margin-top: 20px;
        }
    .section6 .carousel ul li:last-child{
        margin-right:0%;
    }
        .section6 .carousel ul li:hover>div {
            transform: scale(1.01);
            box-shadow: 0 0 15px #06c;
        }
    .section6_bottom_div{
        position:absolute;
        bottom:5%;
        text-align:center;
        width:100%;
        color:#333;
    }
    .section6_line{
        border-top:2px solid #000;
        width:10%;
        text-align:center;
        margin-left:45%;
        margin-bottom:15px;
    }

.section6 .carousel ul li img{
    width:100%;
}

.section6 .ft_style1{
    padding-top:15%;
}
.carousel_li>div{
    position:relative
}

.lang-en .section6 .carousel ul li:hover > div {
    box-shadow: 0 0 15px #1e698a;
}
.lang-es .section6 .carousel ul li:hover > div {
    box-shadow: 0 0 15px #981d2b;
}
.lang-de .section6 .carousel ul li:hover > div {
    box-shadow: 0 0 15px #14886d;
}
/*section7*/
.section7 {
    position: relative;
    margin-top: 15%;
}
.circular_moveing1 {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #ffe6db;
    left:5%;
    top:35%;
}
.circular_moveing2 {
    position: absolute;
    background: #daf9e9;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top:56%;
    right:12%;
}

.section7{
    overflow:hidden;
    padding-bottom:120px;
}

.section7_content{
    position:absolute;
}
.section7 img{
    width:100%;
    margin-top:5%;
}

.section7_load_btn {
    width: 45%;
    height: 36px;
    line-height: 34px;
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 3px;
    font-size: 16px;
    color: #A0A0A0;
    display: inline-block;
    cursor: pointer;
}
.section7_content{
   position:relative;
   width:30%;
   left:50%;
   margin-left:-15%;
}
.section7_load_div {
    margin-top: 8%;
}
.section7_load_div:after{
    display:table;
    content:'';
    clear:both;
}

/*小球运动*/

.circular {
    position: absolute;
    z-index: -1;
}
.circular img{
    width:100%;
}
.section4_circular_moveing1 {
    right: -8%;
    top: 0%;
    width: 8%;
    animation: mymove1 10s infinite;
    -webkit-animation: mymove1 10s infinite;
}
.section4_circular_moveing2 {
    right: 23%;
    top: 8%;
    width: 16%;
}
.section4_circular_moveing3 {
    right: 0%;
    top: 58%;
    width: 20%;
}


.section5_circular_moving1 {
    left: -20%;
    top: 55%;
    width: 20%;
    animation: mymove2 10s infinite;
    -webkit-animation: mymove2 10s infinite;
}

.section5_circular_moving2.circular {
    left: 50%;
    top: -12%;
    width: 24%;
}

.section5_circular_moving3 {
    left: 75%;
    width: 10%;
    top: 90%;
    animation: mymove3 6s infinite;
    -webkit-animation: mymove3 5s infinite;
    animation-fill-mode: forwards;
}


.scrollImg_fr {
    animation: mymove_fr 5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode:forwards;
}

.scrollImg_de {
    animation: mymove_de 5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.scrollImg_es {
    animation: mymove_es 5s 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.sectionBox img{
    width: 110%;
}
.fileSection{
    background: linear-gradient(45deg, rgba(238, 242, 248, 0.7), rgba(245, 246, 253, 0.7));
}
.fileSection .section_content_r{
    padding-right: 0;
}
.AISection .section_content_r{
    margin-left: -35px;
}
.sectionBox{
    position: relative;
    height: 750px;
}
.sectionBox>div{
    display: flex;
    align-items: center;
}
.sectionBox .section_content_r{
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.ouluSection1_content .ft_style2,
.section7_content  .ft_style2,
.section6 .ft_style2,
.section5_content .ft_style2,
.section4_content .ft_style2,
.section3_content .ft_style2,
.ouluSection_content .ft_style2,
.sectionBox .ft_style2{
    font-size: 16px;
}

/*欧路英语section*/
.ouluSection {
    background: #fff;
    position: relative;
}

.ouluSection_img {
    position: relative;
}

.ouluSection_content .ft_style1 {
    padding-top: 100px;
}

.ouluSection_content .ft_style2 {
    margin-top: 20px;
}

.ouluSection_img {
    margin-top: 50px;
}

.ouluSection1 {
    background: #fff;
    position: relative;
}

.ouluSection1_content_right_c {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 26%;
}
.ouluSection1_content_right_c > img {
    width: 100%;
}
.ouluDictBlack {
    background: linear-gradient(to right, #2E4361, #0C142A);
    color: #fff;
    position: relative;
}
.ouluDictBlack .ft_style2 {
    color:#fff;
}
.ouluDictBlack .ouluSection_img img {
    width: 68%;
}
.ouluDictBlack  .ouluSection_img {
    margin-bottom: 100px;
}
.ouluDict2 {
    padding-bottom: 80px;
}

.ouluDict2 .ouluSection_img img{
    width:100%;
}

.ouluDict3 {
    background: #4FC9B7;
    color: #fff;
    position:relative;
}
.ouluDict3 .ft_style2{
    color:#fff!important;
}

.ouluDict3 .ouluSection_img{
    /*position:absolute;
    bottom:0;*/
    margin-bottom:-200px;
}

.ouluSection_img img{
    width:100%;
}

.ouluDict4{
    height:750px;
}

 .ouluSection1_content_right_c{
    width:100%;
}
.ouluDict4 .ouluSection1_content_left{
    margin-top:250px;
}

.ouluDict5 {
    background: #32A8F0;
    color: #fff;
}
.ouluDict5 .ft_style2 {
    color: #fff !important;
}
.ouluDict5 .ouluSection_img{
    margin-bottom:-70px;
}

.ouluDict6 {
    margin-top: 140px;
    background-image: linear-gradient(-0deg, #F3FAFF 0%, #FBFBFB 100%);
    overflow:hidden;
    height:750px;
}

    .ouluDict6 .ouluSection1_content_left {
        margin-top: 250px;
    }
.ouluDict6.ouluSection1 .w_auto{
    height:auto;
}

    .ouluDict6 .section7_content {
        margin-top: 50px;
        margin-bottom: 120px;
    }

.ouluDict6 .ouluSection1_content_right_c{
    margin-top:19%;
}

.ouluDict7{
    width:100%;
    margin-top:0;
}

@keyframes mymove1 {
    0% {
        top: 15%;
    }

    25% {
        top: 13%;
    }
    75% {
        top: 17%;
    }

    100% {
        top: 15%;
    }
}
@-webkit-keyframes mymove1 {
    0% {
        top: 15%;
    }

    25% {
        top: 13%;
    }

    75% {
        top: 17%;
    }

    100% {
        top: 15%;
    }
}


@keyframes mymove2 {
    0% {
        top: 55%;
    }
    50% {
        top: 65%;
    }
    100% {
        top: 55%;
    }
}
@-webkit-keyframes mymove2 {
    0% {
        top: 55%;
    }

    50% {
        top: 65%;
    }

    100% {
        top: 55%;
    }
}

@keyframes mymove3 {
    0% {
        top: 90%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 90%;
    }
}
@-webkit-keyframes mymove3 {
    0% {
        top: 90%;
    }

    50% {
        top: 86%;
    }

    100% {
        top: 90%;
    }
}


@-webkit-keyframes mymove_fr{
    0% {
        top: 0%;
    }

    100% {
        top: -265%;
    }
}

@-webkit-keyframes mymove_de {
    0% {
        top: 0%;
    }

    100% {
        top: -346%;
    }
}
@-webkit-keyframes mymove_es {
    0% {
        top: 0%;
    }

    100% {
        top: -472%;
    }
}
.downloadAppInfo{
    margin-top: 15px;
    color: #7f7f7f;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.downloadAppInfo p{
    margin:0;
    color: #7f7f7f !important;
    line-height: normal !important;
}
.downloadAppInfo a{
    color: rgba(50,116,250,0.8);
}
.section1_content .downloadAppInfo p:first-child{
    margin-bottom: 2px;
}
.lang-fr .downloadAppInfo a {
    color: #127AC1;
}
.lang-de .downloadAppInfo a {
    color: #2E9F14;
}
.lang-es .downloadAppInfo a {
    color: #C64E64;
}
.lang-en .downloadAppInfo a {
    color: #3BA2F8;
}

@media screen and (min-width:1200px) and (max-width:1550px) {
    .section6 .ft_style1 {
        padding-top: 6%;
    }
}

@media screen and (max-width:1200px){
    .section1_content_right2 {
        text-align: center;
    }
    .section1_content_right2 img {
        width: 50%;
    }

    .section1_content > div{
        height:620px;
    }
    /*section2*/
    .section2_content_div > ul > li {
        width: 47%;
        margin-top: 20px;
    }
    .section2_content_div>ul{
        padding-left:2.5%;
    }
    /*section4*/
    .section4_lft_text {
        width: 100%;
        text-align: center;
        color: #333 !important;
        padding-bottom: 80px;
        margin-top: 18%;
    }
        .section4{
            background:url('');
            height:auto;
        }
    .section4_lft_text .ft_style2 {
        color: #7B8297 !important;
    }
    .section4_content_right {
        text-align:center;
    }
    .section4_content_right_c{
        margin-left:10%;
        width:80%;
        text-align:center;
    }
    .section4_content_right_c img{
        width:80%;
    }
    .scroll_img_header {
        position: absolute;
        right: 16.5%;
        top: 26.4%;
        width: 35%;
    }
    .scroll_img {
        position: absolute;
        top: 30%;
        right: 16.2%;
        width: 35%;
        height: 49.8%;
        overflow: hidden;
        background: #fff;
    }
    .scroll_img img{
        width:100%;
    }


    /*section5*/
    .section5{
        height:auto;
    }
    .section5_content_left{
        text-align:center;
    }
    .section5_content_left_c{
        width:80%;
        margin-left:10%;
        margin-top:100px;
    }
    .section5_circular_moving1{
        left:-10%;
    }

    .section5_content_right{
        padding-top:100px;
    }
    .section5_text {
        display: block;
    }
    .section5_content_right{
        display:none;
    }
    .section5_circular_moving2.circular {
        left: 60%;
        top: 25%;
    }
    .section5_circular_moving3{
        left:85%;
    }
    /*section6*/
    .section6 > img {
        display: none;
    }
    .lang-fr .section6_content {
        background: #2cbfff;
    }
    .lang-de .section6_content {
        background: #8bcc45;
    }
    .lang-es .section6_content {
        background: #f96476;
    }

    /*section7*/

    .section7 img {
        width: 200%;
        margin-left: -50%;
    }
    .section7_content {
        width: 82%;
        left: 9%;
        margin-left:0;
    }

    .helper_icon img {
        width: 100px;
    }

    /*oulusection1*/
    .ouluSection1_lft_text {
        width: 100%;
        color: #333 !important;
        padding-bottom: 50px;
    }

    .ouluSection1 {
        background: url('');
        height: auto;
    }

    .ouluSection1_lft_text .ft_style2 {
        color: #7B8297 !important;
    }

    .ouluSection1_content_right {
        text-align: center;
    }

    .ouluSection1_content_right_c {
        text-align: center;
        margin-top:0!important;
    }

    .ouluSection1_content_right_c img {
        width: 80%;
    }

    .ouluSection1_content_left {
        margin-top: 100px!important;
    }

    .ouluDict3 .ouluSection_img{
        margin-bottom:0;
    }

    .ouluSection1 .ft_style1, .ouluSection1 .ft_style2 {
        text-align:center;
    }

}

@media screen and (max-width:1000px){
    .sectionBox{
        height: auto;
        margin-top: 80px;
    }
    .fileSection{
        margin-bottom: 80px;
    }
    .sectionBox img{
        width: 70%;
    }
    .sectionBox .section_content{
        display: flex;
        flex-direction: column;
    }
    .AISection{
        margin-bottom: 40px;
    }
    .fileSection .section_content{
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
    }
    .sectionBox .section_content>div {
       margin-bottom: 50px;
    }
    .sectionBox .section_content_l>div,
    .sectionBox .section_content_r>div,
    .sectionBox .ft_style2,
    .sectionBox .ft_style1 {
        text-align: center;
    }
    .sectionBox .section_content_r {
        justify-content: center;
    }
}
@media screen and (max-width:992px){
    /*section1*/
    .section1_content .section1_content_left {
        margin-top: 176px;
    }
    .section1_content > div{
        height:600px;
    }
    .section1_content{
        padding-top:0;
    }
}

@media screen and (max-width:800px){
    .section3_img img{
        width:100%;
        height:auto;
    }
    .ouluSection_img img {
        width: 100%;
        height: auto;
    }
    .section5_circular_moving2.circular {
        top: 35%;
    }
    .section1_content_right2 img {
        width: 80%;
    }
    .scroll_img_header{
        top:26%;
    }
}

@media screen and (max-width:750px){
    /*section1*/

    .main_content>div{
        padding:0 20px;
    }
    .section1_content_right img {
        margin-top: 180px;
    }

    .footer_header img {
        width: 108px;
        margin-left: 10px;
    }
    .section1_content > div {
        height: 500px;
    }
    .section1_content>div{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    /*.section7 {
        padding-bottom: 65%;
    }*/
}

@media screen and (max-width:520px){
    .load_btn, .purchase_btn {
        width: 170px!important;
        height: 36px!important;
        line-height: 34px!important;
        font-size: 16px!important;
    }
    .downloadAppInfo{
        font-size: 13px;
    }
}

@media screen and (max-width:477px) {
    .AISection{
        margin-top: 0;
    }
    .sectionBox .ft_style2{
        text-align: left;
    }
    /*section1*/
    .section1 {
        background: url('');
    }

    .span2 {
        margin-top: 20px !important;
    }

    .span3 {
        margin-top: 12px !important;
    }

    .section2 .ft_style2, .ouluSection1 .ft_style2, .section3 .ft_style2, .section4 .ft_style2, .section5 .ft_style2, .ouluSection .ft_style2 {
        text-align: left;
    }

    .section7_content .ft_style2 {
        text-align: center;
    }

    .section1_content_r_div {
        top: 50px;
    }

    .section1_content_right img, .section1_content_right1 img {
        width: 80%;
    }
    .section2_content_div>ul>li{
        width:97.5%;
    }
    .section1_content .section1_content_left{
        margin-top:84px;
    }
    .section1_content_left>div{
        margin-top:0;
    }

    .section5_content_left_c {
        width: 100%;
        margin-left: 0;
        margin-top: 90px;
    }
    .ft_style1{
        font-size:1.2rem;
    }
    .section1_content_left .ft_style1 {
        font-size: 34px;
        margin-top: 20px;
    }
    .span1{
        font-size:18px!important;
    }
    .span2,.span3{
        font-size:13px!important;
    }
.section1_content_right img, .section1_content_right1 img {
        width: 80%;
        margin-top:0px;
    }
    .section2 .ft_style1 {
        margin-top: 80px;
    }
    .section2_content_div ul {
        margin-top: 20px;
    }
    .section3_content .ft_style1 {
        margin-top: 90px;
        padding-top:0px;
    }
    .ouluSection .ft_style1 {
        /*margin-top: 90px;
        padding-top: 40px;*/
        padding-top:0px;
    }
    .section3_img{
        margin-top:20px;
    }
    .ouluSection_img {
        margin-top: 20px;
    }

    .section4 {
        margin-top: 40px;
    }
    .section4_lft_text{
        padding-bottom:10px;
    }
    .section4_content_right_c {
        width: 100%;
        margin-left: 0;
    }



    .section5_text {
        padding-bottom: 20px;
    }
    .section6 {
        margin-top: 90px;
        padding: 0 !important;
    }

    .section6_content .ft_style2 {
        padding:0 20px;
    }
    .section6_content{
        padding-bottom:10px;
    }
    .section7{
        padding-bottom:70px;
    }
    /*ouluSection1*/
    .ouluSection1 {
        margin-top: 20px;
    }

    .ouluSection1_lft_text {
        padding-bottom: 10px;
    }

    .ouluSection1_content_right_c {
        width: 100%;
        margin-left: 0;
    }

    .ouluSection1_content_left {
        margin-top: 40px !important;
    }
    .ouluSection_content.w_auto {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .ouluSection1_content_right_c{
        margin-top:20px!important;
        margin-bottom:40px;
     }
    .ouluSection1_content_right_c img{
        width:100%;
    }
    .ouluDict5 .ouluSection_img {
        margin-bottom: 0px;
    }
    .ouluDict6 .section7_content {
        margin-bottom:70px;
        margin-top:0px;
    }

    .ouluDict6, .ouluDict4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .purchase_btn.radius_btn{
        margin-right: 20px;
    }

}
@media screen and (max-width:376px){
    .load_btn, .purchase_btn{
        width:150px!important;
    }
    .span1{
        font-size:16px!important;
    }
    .section1_content > div{
        height:350px;
    }
    .helper_icon img{
        width:75px;
    }
    /*.ouluSection1_content>div {
        padding-left: 0px;
        padding-right: 0px;
    }*/
}

@media screen and (max-width:374px){
    .load_btn, .purchase_btn {
        width: 100px!important;
        height: 28px!important;
        line-height: 28px!important;
        font-size:14px!important;
    }
    .span1,.span2,.span3{
        font-size:16px!important;
    }
    .section2_c_text > div{
        width:90%;
    }

    .section7_content{
        width:90%;
        left:5%;
    }

}

@media screen and (min-width:2000px) {
    footer {
        background: url('../images/share/footer_bj.png') 15% center no-repeat #444;
    }

    .section1 {
        background-size: auto 150%;
    }

    .section {
        height: 1300px;
    }

    .section5 .lft {
        width: 20%;
    }

    .section4 .rgt {
        width: 20%;
        right: 18%;
    }

    .section4_circular_moveing1 {
        right: 16%;
    }

    .section4_circular_moveing2 {
        right: 22%;
    }

    .section4_circular_moveing3 {
        right: 16%;
    }

    .section4_lft_text {
        margin-left: 30%;
    }

    .section5 .lft {
        left: 22%;
    }

    .section5 .rgt {
        right: 20%;
    }

    .section5_circular_moving1 {
        left: 12%;
    }

    .section5_circular_moving2 {
        left: 37%;
    }

    .section5_circular_moving3 {
        left: 47%;
    }

    .section6 .ft_style1 {
        padding-top: 28%;
    }
}







