@media only screen and (min-width: 767px) {
    .pc-wrap {
        display: block !important
    }

    .mobil-wrap {
        display: none !important;
    }

    .section3 .container {
        display: flex !important
    }

    .section3 .fp-slidesNav.bottom {
        display: none;
    }

    .section6 .fp-slidesNav {
        display: none;
    }

    #menu {
        display: flex;
    }
    #mobil-menu{
        display: none;
    }
}

.mobil-wrap {
    padding: 8% 3%;
    box-sizing: border-box;
    padding-top: 2rem;
}

@media only screen and (max-width: 767px) {
    .gi-top-bar {
        padding: 10px;
    }
    #mobil-menu{
        display: flex;
    }

    .gi-logo img {
        width: 2.8rem;
        max-width: 2.8rem;
    }

    #menu {
        display: none;
    }

    #menu {
        font-size: 10px;
    }

    .section6 .fp-slidesNav {
        display: block;
    }

    #menu li {
        margin-left: 12px
    }

    .fp-controlArrow {
        opacity: 0;
    }

    .fp-slidesNav.bottom {
        bottom: 0.5rem;
    }

    .pc-wrap {
        display: none !important;;
    }

    .mobil-wrap {
        display: block !important;
    }

    .section3 .container, .section4 .container, .section5 .container, .section6 .container, .section7,
    .container, .section8 .container, .section9 .container, .section10 .container, .section11 .container, .section12 .container {
        padding-top: 2rem;
        box-sizing: border-box;
    }

    .fp-controlArrow.fp-prev {
        left: 15px;
    }

    .fp-controlArrow.fp-next {
        right: 15px;
    }

    .fp-slidesNav ul {
        text-align: center;
    }

    .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
        width: 0.2rem;
        height: 0.2rem;
        margin: 0;
        border-radius: 50%
    }

    .fp-slidesNav ul li {
        margin: 5px;
    }


    /* 1 */
    .section1-item {
        padding: 5%;
    }

    .section1 .fp-slidesNav ul li a span {
        background: #fff;
    }

    .section1-item-h2 {
        font-size: 30px;
    }

    .section1-bg4 .section1-item {
        justify-content: flex-end;
        height: 65%;
    }

    .section1-item-icons {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .section1-item-icons-item {
        margin-left: 0rem;
        margin-right: .1rem;
        width: 35%;
        margin-top: 5px;
    }

    .secti1-item-icons-itemon {
        margin-right: .1rem;
        width: 25%;
    }

    .section1-item-icons-item-icon img {
        height: 16px;
        width: auto;
    }

    .section1-item-icons-item-info {
        font-size: 12px;
        white-space: nowrap;
    }

    .section1-item-info {
        width: 100%;
        font-size: 18px;
        margin-top: 20px;
    }

    .section1-item-icons {
        align-items: flex-start;
    }

    /* 2 */
    .section3 .container {
        flex-direction: column;
    }

    .section3 .fp-slidesNav ul li a span {
        background: #fff;
    }

    .right-item h1 {
        font-size: 20px;
    }

    .section3-right-img.li {
        width: 100%;
    }

    .right-item {
        display: block;
        color: #fff;
    }

    .right-item h2 {
        font-size: 14px;
        margin-top: 20px;
    }

    .section3-right-img {
        margin-top: 1.2rem
    }

    .section3-right-img.pecu {
        position: initial;
    }

    .section3 .section3-left {
        width: 100%;
    }

    .section3 .section3-right {
        width: 100%;
    }

    .section3 .section3-right .right-item h2 {
        margin-top: 1rem;
        font-size: 11px;
    }

    .section3 .section3-left li {
        font-size: 14px;
    }

    .section3-left-h2 {
        font-size: 16px;
    }

    .section3-right-info {
        font-size: 14px;
    }

    .p3-icon-11 {
        width: 8px;
        height: auto;
    }

    .fp-tableCell {
        display: initial;
    }

    .section3-right-img {
        border: 0;
    }

    .section3-right-img.pecu {
        bottom: initial;
    }

    .section3-right-info {
        margin-top: 8px;
    }

    /* 3*/
    .section4-main-item-block {
        flex-direction: column;
        margin-top: 1px;

    }

    .fp-slidesNav ul li a span {
        background: #3D3D3D;
    }

    .section4-main-item {
        display: block;
    }

    .section4-main-item-block-img {
        width: 100%;
        text-align: center;
    }

    .section4-main-item-block-text {
        width: 100%;
    }

    .section4-main-item-title {
        font-size: 18px;
        opacity: 1;
        display: block;
        line-height: 1.2;
    }

    .section4-item-block-text-title {
        margin-top: 0.5rem;
        line-height: 1.2;
        font-size: 14px;
    }

    .section4-item-block-info-last-text {
        margin-top: 5px;
    }

    .section4-item-block-text-info {
        font-size: 11px;
        margin-top: 0.1rem;
        color: #838383;
        margin-bottom: 0rem;
    }

    .info-last-img > span > small {
        font-size: 12px;
    }

    .section4-main-item {
        margin-top: 0;
        margin-bottom: 3rem;
    }

    .info-last-img > span {
        margin-bottom: 3px;
    }

    .section4-head-item span {
    }

    .section4-main-item-title {
        margin-top: 0;
        margin-bottom: 3px;
    }

    .section4-h3 {
        font-size: 16px;
    }

    .info-last-img > span img {
        width: 12px;
    }

    /* 4*/
    .section5-box {
        margin-top: 7%;
        flex-wrap: wrap;
    }

    .section6-right-item-h4 {
    }

    .section5-box-span {
        font-size: 26px;
    }

    .section5-box-item {
        text-align: left;
        opacity: 0;
        width: 48%;
        margin-bottom: 5%;
    }

    .section5-box-p {
        font-size: 13px;
    }

    .section5-box-em {
        font-size: 12px;
    }

    .section5-box-small {
        font-size: 12px;
    }

    .section5-h4 {
        font-size: 0.6rem;
        text-align: left;
    }


    /* 5 */
    .section6 .section6-main {
        flex-direction: column-reverse;
    }

    .section6-right-item-span {
        font-size: 14px;
    }

    .section6-right-item-p {
        font-size: 12px;
    }

    .section6-left-item {

        border: 0;
    }

    .section6-left {
        width: 100%;
        margin-top: 4%;
    }

    .section6-right {
        width: 100%;
    }

    .section6-left-item img {
        width: 100%;
    }

    .section6-right-item {
        opacity: 1;
    }

    .section6-right-item .section6-right-item-p {
        display: block;
    }

    .section6-right-item {
        border-bottom: 0;
    }

    .section6-right-item-span {
        opacity: 1;
        font-size: 18px;
        color: #fff;
    }

    .section6-left-item.div {
        margin-top: 0.7rem;
    }

    .section6-left-item {
        margin-top: 0.3rem;
        display: block;
        opacity: 1;
        border-bottom: 0;
        line-height: 1.3;
    }

    .toggle-button {
        display: none;
    }

    .section6-right-item-p {
        opacity: 1;
        font-size: 14px;
        margin-top: 20px;
    }

    .section6 .fp-slidesNav ul li a span {
        background: #F5F6FB;
    }

    /* 6 */
    .section7-main-icons {

    }

    .section7 {
        padding-top: 2rem;
    }

    .section7 .container {
        padding-top: 0;
    }

    .section7-h3 {
        font-size: 18px;
    }

    .section7-h3-info {
        font-size: 12px;
    }

    .section7-item-info {
        font-size: 12px;
    }

    .section7-item-title {
        font-size: 13px;
        margin-top: 0;
    }

    .section7-item {
        flex: 0 0 calc(47%);
        margin-bottom: 0;
    }

    .section7-item-pic img {
        height: 20px;
        width: auto;
    }

    /* 7*/
    .section8-main-item {
        flex: 0 0 calc(48%);
    }

    .section8-item-ot-right {
        margin-top: 8px;
    }

    .section8-item-title {
        font-size: 18px;
        margin-top: 15px;
        font-weight: bold;
    }

    .section8-item-pic img {
        width: 80px;
        height: auto;
        object-fit: cover;
    }

    .section8-item-info {
        font-size: 14px;
    }

    .section8-item-model {
        font-size: 12px;
    }

    .section8-item-ot-menus {
        padding: 5px;
        border-radius: 30px;
    }

    .section8-item-ot-menus li {
        font-size: 12px;
        padding: 5px 30px;
        border-radius: 30px;
    }

    .section8-item-ot {
        display: flex;
        justify-content: space-between;
    }

    .section8-main-item {
        opacity: 1;
    }


    /* 8 */
    .section9-slide-block {
        flex-direction: column;
    }

    .section9-h4 {
        top: 2rem;
    }

    .section9-slide-item-left-img.img2 {
        margin-left: 8%;
        margin-top: 0;
    }

    .section9-slide-item-left {
        text-align: left;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .section9-slide-item-h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .section9-slide-item-right {
        width: 90%;
    }

    .section9-slide-item {
        padding-top: 3.5rem;
        justify-content: flex-start;
    }

    .section9-slide-item-left-img img {
        height: 150px;
        width: auto;
    }

    .section9-slide-bg {
        padding: 0;
        height: 100vh;
        box-sizing: border-box;
        overflow: hidden;
    }

    .section9-slide-item-info {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .section9 .fp-slidesNav ul li a span {
        background: #F5F6FB;
    }

    .section9-slide-item-tip {
        font-size: 10px;
    }


    /* 9 */
    .section10-main {

    }

    .section10 .mobil-wrap {

    }

    .section10-main-item {
        opacity: 1;
        flex: 0 0 calc(46%);
    }

    .section10-item-info {
        font-size: 10px;
    }

    .section10-h3 {

    }

    .section10-item-pic img {
        object-fit: cover;
    }

    .section10-main-item h3 {
        font-size: 16px;
        line-height: 1.4;
    }

    .section10-item-info p {
        line-height: 1.4;
        font-size: 12px;
        margin-top: 15px;
    }

    /*  10 */
    .section11 .container {
        height: 100%;
    }

    #tabs li {
        margin: 0 -7px 0 0;
        margin-bottom: 3px;
    }

    #tabs a {
        font-size: 14px;
        padding: 0 5px;
        position: relative;
        height: 0;
        line-height: 25px;
        transition: .3s all ease-in-out;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        border-right: 25px solid transparent;
        border-bottom: 25px solid #3D3D3D;
    }

    #content {
        background: #fff;
        border-top: 1px solid #3d3d3d;
        padding: 3px;
        font-size: 14px;
        box-sizing: border-box;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        overflow-y: auto;
    }

    .section11-main-wrap {
        margin-top: 0.3rem;
    }

    #content h2, #content h3, #content p {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        border-bottom: 1px solid #ccc;
        padding: 2px 0;
        line-height: 1;
        box-sizing: border-box;
    }

    #content h2, #content h3, #content p > i {
        width: 55%;
    }

    #content h2, #content h3, #content p > span img {
        width: 14px;
        height: auto;
    }

    /**/
    /* 11 */
    .section12-main {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: none;
        margin-top: 0;
    }

    .pos-content {
        padding: 4px;
        font-size: 8px;
        min-width: 3rem;
    }

    .section12-item-warp {
        position: relative;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .img-margin-left {
        width: 8px;
        height: auto;
    }

    .pos-India .pos-content {
        top: 0.3rem;
        left: -0.2rem;
    }

    .section12-main {

    }

    .leader-line {
        display: none;
    }

    .section12-h3 {
        font-size: 18px;
    }

    .anim-pos {
        animation-duration: 1.5s; /*动画时间*/
        animation-fill-mode: both; /*播放后的状态*/
        animation-name: none;
        animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
        transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
        cursor: pointer;
    }

    .section12-item-warp {
        padding-top: 0rem;
        margin-top: 0;
    }

    .section12-main-item-info-p {
        line-height: 1.3;
    }

    .section12-main-item-info .section12-main-item-info-p:last-child {
        align-items: flex-start;
    }

    .footer-copyright {
        font-size: 10px;
    }

    .footer-box {
        margin-bottom: 4.5rem;
    }

    .section12-main-item-tab {
        font-size: 14px;
    }

    .section12-main-item {
        margin-top: 0.1rem;
    }

    .section12-main-item-info {
        font-size: 12px;
    }

    .section12 .container {
        box-sizing: border-box;
        position: relative;
        padding: 5%;
        padding-top: 2rem;
    }
    .section2-list{
        display: block;
    }
    .section2-out{
        width: 100%;

    }
    .section2-con .toggle-button{
        display: block;
    }
    .section2-con:last-child .section2-li{
        border-color: #ddd;
    }
    .section1-bg0, .section1-bg1, .section1-bg2, .section1-bg3, .section1-bg4, .section1-bg5{
        padding: 0 5%;
    }
    .needBO>div{
        width: 100%;
    }
    .needBO img{
        width: 100%;
    }
    .layui-layer{
        background: #fff;
    }
    .section1-bg5{
        /*height: 100%;*/
        background-size: cover;
        padding-top: 50px;
    }
    .section1-item-ul{
        display: block;
        padding-top: 0;
    }
    .section1-item-li{
        width: 100%;
    }
    .section1-item-div{
        margin-bottom: 20px;
    }
    .section1-item-num{
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .section1-item-h3{
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 22px;
    }
    .section1-item-p{
        font-size: 14px;
        line-height: 22px;
    }
    .section13-item-ul{
        padding: 0 10px;
    }
    .section13-item-li{
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .section13-item-tit{
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .section13-item-text{
        width: 100%;
        font-size: 16px;
        line-height: 22px;
    }
    .sectionOther-item{
        padding: 0;
        height: 93%;
    }
}

@media only screen and (max-width: 340px) {

}

@media only screen and (max-width: 320px) {

}