/* CSS Document  */

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

    .inews a li img {
        min-height: 270px;
        max-height: 270px;
    }

}




/* 1680 */
@media screen and (max-width: 1680px) {

    .gf-header-nav li a {
        font-size: 15px;
        margin-left: 30px;
    }

    .gf-iproduct-rpic {
        margin-top: 8%;
        float: left;
        width: 55%;
        height: 93%;
        position: relative;
    }

    .gf-iproduct-rpic ul li {
        margin-top: 18%;
    }

    .inews a span h3 {
        font-size: 22px;
    }

    .gf-footer-l {
        width: 80%;
    }

    .inews a li img {
        min-height: 250px;
        max-height: 250px;
    }

    .gf-pdf-download-list2 li a span {
        right: 96%;
        top: -5%;
    }

    .gf-pdf-download-list2 li a h4 {
        padding-top: 120%;
    }

    .gf-share-pricer {
        padding: 7% 0 2% 0;
    }

    .gf-page-investor-contact {
        width: 100%;
    }


}


/* 1440 */
@media screen and (max-width: 1440px) {

    content {
        width: 86%;
    }

    .gf-b-pcbg {
        min-height: auto;
    }

    .gf-header-nav li a {
        margin-left: 20px;
    }

    .gf-b-btxt h1 {
        font-size: 58px;
        line-height: 68px;
    }

    .gf-b-btxt h2 {
        font-size: 16px;
        line-height: 26px;
    }

    .gf-zhuanti-l span h2 {
        font-size: 50px;
    }

    .gf-zhuanti-r li span h2 {
        font-size: 26px;
    }

    .gf-zhuanti-r li span h3 {
        width: 60%;
    }

    .i3box li a span h2 {
        font-size: 26px;
        margin-top: 50%;
    }

    .i3box li a span h3 {
        font-size: 20px;
    }

    .gf-footer-l {
        width: 78%;
    }

    .inews a span h3 {
        font-size: 18px;
    }

    .title1 h1 {
        font-size: 50px;
    }

    .title1 h4 {
        width: 80%;
    }

    .technology7 .mt03b {
        margin-top: 7%;
    }

    .whitepaper-l {
        width: 6%;
    }

    .whitepaper-ltitle h1 {
        margin: -50px 0px 0px -500px;
        font-size: 40px;
    }

    .whitepaper-ltitle span {
        width: 30px;
        left: 50%;
    }

    .whitepaper-ltitle span h3 {
        width: 30px;
        font-size: 18px;
        line-height: 20px;
        margin: 20px auto;
    }

    .inews a span h3 {
        font-size: 16px;
    }

    .inews a li img {
        min-height: 247px;
        max-height: 247px;
    }

    .gf-page-main {
        width: 86%;
    }

    .gf-pdf-download-list1 li a h4 {
        font-size: 16px;
    }

    .gf-pdf-download-list2 li a span {
        right: 100%;
        top: -8%;
    }

    .gf-pdf-download-list2 li a h4 {
        padding-top: 120%;
    }

    .gf-pdf-download-list3 li a h4 {
        font-size: 15px;
    }



}



/* 1366 */
@media screen and (max-width: 1366px) {

    content {
        width: 90%;
    }

    .gf-b-btxt h1 {
        font-size: 52px;
        line-height: 62px;
    }

    .gf-zhuanti-l span h2 {
        font-size: 40px;
    }

    .gf-zhuanti-r li span h2 {
        font-size: 24px;
    }

    #iporudct {
        min-height: 650px;
    }

    .gf-iproduct-rpic ul span {
        top: 50px;
    }

    .gf-iproduct-rpic {
        margin-top: 5%;
        width: 58%;
        float: right;
    }

    .gf-iproduct-rpic ul li {
        margin-top: 18%;
    }

    .gf-iproduct-rpic ul li img {
        width: 50%;
        height: auto;
    }

    .gf-iproduct-rpic ul span h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .gf-iproduct-rpic ul span h3 {
        margin: 5px auto;
    }

    .gf-iproduct-ltitle {
        margin-left: 8%;
    }

    .gf-footer ul h3 {
        font-size: 16px;
    }

    .gf-footer ul li a {
        font-size: 12px;
        padding: 2px 0;
    }

    .gf-footer ul li {
        padding: 3px 0;
        font-size: 12px;
        line-height: 22px;
    }

    .gf-wbooks {
        width: 92%;
    }

    .gf-iproduct-lnav,
    .gf-iproduct-ltitle {
        margin-top: 5%;
    }

    .gf-iproduct-lnav ul {
        width: 70px;
        height: 70px;
    }

    .gf-iproduct-lnav ul span h3 {
        font-size: 16px;
    }

    .title1 h4 {
        font-size: 13px;
        line-height: 22px;
        width: 80%;
    }

    .title1 h3 {
        font-size: 28px;
    }

    .title1 h1 {
        font-size: 36px;
    }

    .title1 h2 {
        font-size: 28px;
    }

    .title1 h1 sup {
        font-size: 18px;
    }

    .gfat2 li h4 {
        font-size: 14px;
    }

    .gfat3 {
        min-height: 500px;
        margin: 10px auto auto auto;
    }

    .yuanq1,
    .yuanq2 {
        width: 400px;
        height: 400px;
    }

    .jgjyg {
        margin: -100px 0 0 -65px;
    }

    .ys1 {
        margin: -220px 0 0 -45px;
    }

    .ys2 {
        margin: -85px 0 0 70px;
    }

    .ys3 {
        margin: 30px 0 0 -45px;
    }

    .ys4 {
        margin: -85px 0 0 -160px;
    }

    .ys5 {
        margin: -10px 0 0 -290px;
    }

    .ys6 {
        margin: 90px 0 0 -250px;
    }

    .pyramid1,
    .pyramid2,
    .pyramid3 {
        margin-left: -9%;
    }

    .whitepaper-l {
        width: 3%;
    }

    .whitepaper-ltitle h1 {
        width: 500px;
        left: 50%;
        bottom: 50%;
        margin: 0px 0px -185px -280px;
        font-size: 40px;
        display: none;
    }

    .whitepaper-ltitle span {
        width: 30px;
        height: 500px;
        position: absolute;
        left: 5%;
        bottom: 10%;
    }

    .whitepaper-ltitle span h3 {
        width: 30px;
        font-size: 24px;
        line-height: 30px;
        margin: 20px auto;
    }

    .gf-wbooks {
        width: 95%;
    }

    .inews a span h3 {
        font-size: 15px;
    }

    .inews a li img {
        min-height: 220px;
        max-height: 220px;
    }

    .gfat4 {
        margin-top: 1%;
    }

    .gf-timeline li h4 {
        font-size: 16px;
    }

    .gf-timemain ul {
        padding: 1% 1% 0 1%;
    }

    .gf-timemain ul span h2 {
        font-size: 40px;
    }

    .gf-timemain ul span {
        width: 56%;
        padding: 3% 2%;
    }

    .gf-timemain ul li {
        width: 40%;
    }

    .gfat6 {
        width: 86%;
        margin: auto;
    }

    .gf-advantage-icon {
        float: left;
        width: 35%;
        margin-top: 1%;
    }

    .gf-advantage-icon ul {
        min-height: 80px;
    }

    .gf-advantage-icon ul li {
        padding: 4%;
    }

    .gf-advantage-icon ul li i {
        float: left;
        width: 50px;
        height: 50px;
    }

    .gf-advantage-icon ul li em {
        width: 50px;
        height: 50px;
        left: 4%;
        top: 50%;
        margin-top: -25px;
    }

    .gf-advantage-icon ul li h3 {
        line-height: 50px;
        font-size: 16px;
        padding-left: 20px;
    }

    .gf-advantage-icon ul span {
        padding: 4%;
        width: 89%;
        z-index: 1;
        border-radius: 20px;
    }

    .gf-advantage-icon ul span i {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }

    .gf-advantage-icon ul span i em {
        width: 50px;
        height: 50px;
    }

    .gf-advantage-icon ul span h3 {
        color: #008ffe;
        font-size: 16px;
        margin: 0px 0;
    }

    .gf-advantage-pic {
        float: right;
        width: 55%;
    }

    .gf-market-pic {
        width: 60%;
        margin: 1% auto auto auto;
    }

    .gfat7 {
        width: 90%;
        padding-top: 0;
    }

    .gfap5-1 {
        margin: 10% auto auto auto;
    }

    .gfap1 {
        margin-top: 3%;
    }

    .gfap1-1 {
        width: 400px;
        height: 400px;
        margin: -80px 0 0 -200px;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx.png) center no-repeat;
        background-size: 100%;
    }

    .gfap1-2 {
        width: 400px;
        height: 400px;
        margin: -80px 0 0 -200px;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx1.png) center no-repeat;
        background-size: 100%;
    }

    .gfap1-3 {
        width: 400px;
        height: 400px;
        margin: -80px 0 0 -200px;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx2.png) center no-repeat;
        background-size: 100%;
    }

    .gfap3 {
        width: 90%;
        height: 320px;
    }

    .gfap3 .num h1 {
        font-size: 90px;
    }

    .gfap3 .num h3 {
        padding: 5px 0px;
    }

    .gfap3-1 {
        width: 280px;
        height: 280px;
        margin: -140px 0 0 -140px;
    }

    .gfap3-2 {
        width: 200px;
        height: 200px;
        margin: -110px 0 0 -400px;
    }

    .gfap3-3 {
        width: 200px;
        height: 200px;
        margin: -110px 0 0 190px;
    }

    .gfap3-1 .title {
        padding-top: 70px;
    }

    .property5 .mt10b {
        margin-top: 5%;
    }

    .gfap4 {
        padding-top: 150px;
    }

    .gfap4-1 {
        bottom: -80px;
    }

    .h100 .gf-wbooks {
        height: 92%;
    }

    .gf-wbook line {
        height: 200px;
    }

    .gf-wbook h3 {
        height: 150px;
        top: 12%;
    }

    .gf-wbook li {
        padding: 2% 0;
    }

    .gfat3-1 {
        width: 80%;
        margin: auto;
    }

    .gfat5 {
        width: 95%;
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }

    .gfap5 ul li {
        margin: 0 0.5%;
    }

    .gfap5 ul li img {
        width: 70%;
    }

    .gfap5 ul {
        padding: 0 0;
    }

    .property4 .title1 h4 {
        width: 60%;
        padding: 0.9% 0 0 0;
    }

    .gf-market-title h4 {
        font-size: 14px;
    }

    .mapbox {
        margin: 0 auto auto auto;
    }

    .ys5 {
        margin: -40px 0 0 -250px;
    }

    .ys6 {
        margin: 40px 0 0 -190px;
    }

    .ys5 li span,
    .ys6 li span {
        font-size: 12px;
        padding: 5%;
    }

    .technology5 .mt10b {
        margin-top: 9%
    }

    .technology6 .mt10b {
        margin-top: 6%
    }

    .technology4 .title1 h4 {
        width: 60%;
    }

    .gf-page-nav ul,
    .gf-pb-text {
        width: 90%;
    }

    .gf-page-main {
        width: 90%;
    }

    .gf-pdf-download-list2 li a h4 {
        font-size: 16px;
    }

    .gf-pdf-download-list2 li a h6,
    .gf-pdf-download-list1 li a h6 {
        font-size: 14px;
    }




}



/* 1280 */
@media screen and (max-width: 1280px) {

    .gf-header-nav li a {
        font-size: 14px;
    }

    .gf-header-nav li ul.children li a {
        font-size: 12px;
    }

    .gf-header-nav li ul.children {
        top: 70px;
        left: 20px;
        width: 140px;
    }

    .showchildren {
        top: 60px !important;
    }

    .fixed .showchildren {
        top: 40px !important;
    }

    .gf-header-right {
        width: 78%;
    }

    .gf-banner .b4-1 {
        width: 700px;
        height: 405px;
        left: 50%;
        bottom: -420px;
        margin-left: -350px;
    }

    .gf-b-btxt h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .gf-b-btxt h2 {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0;
    }

    .gf-zhuanti-r li span h2 {
        font-size: 20px;
    }

    .gf-zhuanti-r li span h3 {
        font-size: 12px;
    }

    .gf-iproduct-ltitle {
        margin-left: 5%;
    }

    #iporudct {
        min-height: 750px;
        background: url(https://www.cnzqin.com/static/home/upload/iproductbg.jpg) center -5% no-repeat;
        background-size: cover;
    }

    .gf-iproduct-lnav ul {
        width: 70px;
        height: 70px;
    }

    .gf-iproduct-lnav ul span h3 {
        font-size: 14px;
    }

    .gf-iproduct-rpic ul span h3 {
        margin: 0px auto;
    }

    .gf-iproduct-rpic {
        margin-top: 4%;
        width: 58%;
        float: right;
    }

    .gf-iproduct-rpic ul li {
        margin-top: 20%;
    }

    .gf-iproduct-rpic ul li img {
        width: 70%;
        height: auto;
    }

    .gf-iproduct-rpic .slick-next,
    .gf-iproduct-rpic .slick-prev {
        right: 0;
        opacity: 0.2;
    }

    .gf-iproduct-rpic ul span {
        top: 60px;
    }

    .inews a span h4 {
        font-size: 12px;
    }

    .property3 .mt05b,
    .property4 .mt05b,
    .technology4 .mt05b,
    .technology6 .mt05b {
        margin-top: 7%
    }

    .title1 h4 {
        font-size: 13px;
        line-height: 22px;
        width: 80%;
    }

    .title1 h3 {
        font-size: 28px;
    }

    .title1 h1 {
        font-size: 36px;
    }

    .title1 h2 {
        font-size: 28px;
    }

    #canvas6 {
        height: 105%;
        padding-top: 50px;
    }

    .gfat5 {
        width: 100%;
    }

    .gf-market-pic {
        width: 65%;
        margin: 2% auto auto auto;
    }

    .gfap1 {
        margin-top: 6%;
    }

    .gfat2 li h2 {
        font-size: 24px;
    }

    .technology4 .title1 h1 sup {
        vertical-align: super;
    }

    .gfat6 {
        margin: 2% auto;
    }

    .technology1 .mt10b {
        margin-top: 15%;
    }

    .technology2 .mt10b {
        margin-top: 15%;
    }

    .technology3 .mt10b {
        margin-top: 9%
    }

    .technology4 .mt10b {
        margin-top: 11%
    }

    .technology5 .mt10b {
        margin-top: 12%;
    }

    .technology6 .mt10b {
        margin-top: 9%
    }

    .technology7 .mt10b {
        margin-top: 8%
    }

    .gf-pdf-download-list2 li a {
        min-height: 320px;
        max-height: 320px;
    }


}


@media screen and (max-width: 1200px) {
    .inews a span {
        padding: 2%;
    }
}


/* 1152 */
@media screen and (max-width: 1152px) {


    content {
        width: 94%;
    }

    .gf-header-right {
        width: 76%;
    }

    .gf-header-nav li a {
        font-size: 14px;
    }

    .gf-header-nav li ul.children li a {
        line-height: 40px !important;
        font-size: 12px;
    }

    .gf-b-btxt {
        width: 600px;
        top: 35%;
        margin-left: -300px;
    }

    .gf-b-btxt h2 {
        font-size: 14px;
        margin: 10px 0;
    }

    .top20 {
        top: 20%;
    }

    .gf-footer-l {
        width: 75%;
    }

    .gf-iproduct-lnav {
        margin-top: 7%;
        float: left;
        width: 20%;
        height: 93%;
    }

    .gf-iproduct-lnav ul {
        width: 80px;
        height: 80px;
    }

    .gf-iproduct-lnav ul span h3 {
        font-size: 16px;
    }

    #iporudct {
        min-height: 800px;
    }

    .inews a span h3 {
        font-size: 14px;
    }

    .inews a li img {
        min-height: 210px;
        max-height: 210px;
    }

    .gf-pdf-download-list2 li a span {
        right: 110%;
        top: -8%;
    }

    .gf-pdf-download-list2 li a span h5 {
        font-size: 14px;
    }

    .gf-pdf-download-list2 li a h4 {
        font-size: 14px;
        padding-top: 140%;
    }


}


/* 1024 */
@media screen and (max-width: 1024px) {

    content {
        width: 96%;
    }

    .gf-header-logo {
        width: 180px;
        height: 35px;
        margin-top: 10px;
    }

    .gf-header-logo a {
        width: 180px;
        height: 35px;
    }

    .fixed .gf-header-nav a {
        padding: 0px 3px 0px 3px;
        margin-left: 10px;
    }

    .fixed .gf-header-language {
        margin-top: 0px;
    }

    .gf-header-nav li a {
        font-size: 13px;
        line-height: 20px !important;
    }

    .gf-header-language {
        margin-top: 0px;
    }

    .gf-hl-show .gf-h-language-icon {
        display: none;
    }

    .showchildren {
        top: 30px !important;
    }

    .fixed .showchildren {
        top: 30px !important;
    }

    .gf-header-right {
        width: 80%;
        padding-top: 15px;
    }

    .gf-zhuanti-r li span {
        top: 20%;
    }

    .gf-zhuanti-r li span h2 {
        font-size: 15px;
    }

    .gf-zhuanti-l span {
        left: 10%;
    }

    .gf-iproduct-lbox {
        width: 4%;
    }

    .gf-iproduct-ltitle {
        margin-left: 3%;
    }

    #iporudct {
        min-height: 740px;
    }

    .gf-iproduct-rpic {
        width: 58%;
        float: right;
    }

    .inews a span h3 {
        font-size: 14px;
    }

    .gf-footer-l {
        width: 73%;
    }

    .gf-footer ul h3 {
        font-size: 16px;
    }

    .gf-footer ul li a {
        font-size: 12px;
        padding: 2px 0;
    }

    .gf-footer ul li {
        padding: 2px 0;
        font-size: 12px;
        line-height: 22px;
    }

    .inews a span h3 {
        font-size: 12px;
    }

    .inews a li img {
        min-height: 190px;
        max-height: 190px;
    }

    .i3box li a:hover span h6 {
        margin-top: 30%;
    }


}



/* 860 */
@media screen and (max-width: 860px) {


    header,
    .pcpic,
    video,
    .pcpic-1,
    .pcpic-2,
    .scrolldown,
    .gf-zhuanti-r li span h6,
    .gf-footer-l,
    #fp-nav,
    .mapbox {
        display: none !important;
    }

    .nav_mobile,
    .mbpic,
    .cd-nav-container header {
        display: block !important;
    }

    .gf-footer {
        padding-top: 5%;
        padding-bottom: 3%;
    }

    .gf-footer-logo {
        padding: 20px 0;
        margin: 10px 0 20px 0;
        text-align: center;
    }

    .gf-footer-logo a {
        margin: auto;
    }

    .gf-footer ul h3 line {
        margin: 10px auto;
        overflow: hidden;
    }

    .gf-footer-r {
        float: none;
        width: 100%;
        padding-bottom: 5%;
        overflow: hidden;
        text-align: center;
    }

    .gf-footer-copy {
        text-align: center;
    }

    .gf-footer-copy li,
    .gf-footer-copy li a {
        display: inline-block;
        margin: 0 5px;
    }

    .gf-footer-copy li.left {
        float: none;
        text-align: center;
    }

    .gf-footer-copy li.right {
        float: none;
        text-align: center;
    }

    .gf-banner .b4-1 {
        display: none !important;
    }

    .gf-b-btxt {
        width: 90%;
        height: auto;
        top: 30%;
        left: 0;
        margin-left: 0px;
        padding: 0 5%
    }

    .gf-b-btxt h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .gf-b-btxt h2 {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }

    .top20 {
        top: 20%;
    }

    #iporudct {
        min-height: 700px;
    }

    .gf-zhuanti-l {
        width: 100%;
        float: none;
        max-height: auto;
    }

    .gf-zhuanti-l span {
        left: 5%;
        top: 14%;
    }

    .gf-zhuanti-l span h2 {
        font-size: 30px;
    }

    .gf-zhuanti-l span h3 {
        font-size: 14px;
    }

    .gf-zhuanti-r {
        width: 100%;
        float: none;
        max-height: auto;
    }

    .gf-zhuanti-r li span {
        left: 5%;
        top: 20%;
    }

    .gf-zhuanti-r li span h3 {
        font-size: 12px;
        line-height: 22px;
        width: 60%;
    }

    .gf-iproduct-ltitle {
        margin-top: 7%;
        padding: 0 0 0 10%;
        margin-left: 0;
        float: none;
        width: 90%;
    }

    .gf-iproduct-ltitle h1 {
        position: relative;
        left: auto;
        top: auto;
        font-size: 40px;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
    }

    .gf-iproduct-ltitle span {
        width: 100%;
        text-align: left;
    }

    .gf-iproduct-ltitle span h3 {
        font-size: 30px;
        color: #005bac;
        line-height: 30px;
    }

    .gf-iproduct-ltitle span line {
        width: 90%;
        height: 2px;
        margin: 20px 0;
    }

    .gf-iproduct-ltitle span line i {
        width: 40px;
        height: 2px;
    }

    .gf-iproduct-lnav {
        margin-top: 0;
        float: none;
        width: 90%;
        height: auto;
        padding-left: 10%;
    }

    .gf-iproduct-lnav ul {
        width: 90%;
        height: auto;
    }

    .gf-iproduct-lnav ul li img {
        width: 80%;
        height: auto;
        margin: 10% auto;
    }

    .gf-iproduct-lnav ul span {
        display: none;
    }

    .gf-iproduct-lnav .slick-slide.slick-current.slick-active ul {
        border: 1px solid #005bac;
    }

    .gf-iproduct-rpic {
        margin-top: 10%;
        float: none;
        width: 80%;
        height: auto;
        padding-left: 10%;
    }

    .gf-iproduct-rpic ul {
        width: 100%;
    }

    .gf-iproduct-rpic ul li {
        margin-top: 1%;
    }

    .gf-iproduct-rpic ul li img {
        width: 100%;
        height: auto;
        margin: auto;
    }

    .gf-iproduct-rpic ul span {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-left: 0px;
    }

    .gf-iproduct-rpic ul span h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .gf-iproduct-rpic ul span h3 {
        font-size: 14px;
        margin: 10px auto;
    }

    .gf-iproduct-rpic ul span a {
        font-size: 11px;
        padding: 5px 0;
        width: 100px;
        margin: 10px auto;
    }

    .i3box li {
        width: 100%;
        float: none;
    }

    .i3box li a img {
        max-height: auto;
    }

    .i3box li a span h2 {
        font-size: 26px;
        margin-top: 50%;
    }

    .i3box li a span h3 {
        font-size: 18px;
    }

    .inewstitle {
        overflow: hidden;
        margin: 5% 0;
    }

    .inewstitle h1 {
        font-size: 48px;
    }

    .inewstitle h3 {
        font-size: 22px;
        top: 12px;
    }

    .inews a li img {
        min-height: auto;
        max-height: auto;
    }

    .inews {
        width: 96%;
        margin: auto;
    }

    .inews div {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 2%;
    }




    .title1 h1 {
        font-size: 24px;
        width: 92%;
        margin: auto;
    }

    .title1 h2 {
        font-size: 24px;
        width: 92%;
        margin: auto;
    }

    .title1 h4 {
        width: 90%;
        font-size: 12px;
        line-height: 20px;
        padding-top: 5%;
    }

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

    #technology .scrolldown {
        display: block !important;
    }

    .title2 {
        font-size: 20px;
        padding: 2% 0;
    }

    .technology2 .gf-alpd-technology,
    .technology5 .gf-alpd-technology,
    .technology6 .gf-alpd-technology {
        padding-top: 10%;
    }

    .technology3 .gf-alpd-technology {
        padding-top: 10%;
    }

    .gfat2 {
        width: 90%;
        padding: 5% 0 0 0;
    }

    .gfat2 li {
        width: 100%;
        margin-bottom: 4%;
    }

    .gfat2 li i {
        width: 43px;
        height: 43px;
    }

    .gfat2 li h2 {
        font-size: 20px;
        padding: 1% 0;
    }

    .gfat2 li h4 {
        font-size: 12px;
        line-height: 20px;
    }

    .liner1 {
        width: 100%;
        min-height: auto;
        padding: 2% 0 0 0;
        background: none;
    }

    .liner2 {
        width: 100%;
        min-height: auto;
        padding: 2% 0 0 0;
        background: none;
    }

    .liner3 {
        width: 100%;
        min-height: auto;
        padding: 2% 0 0 0;
        background: none;
    }

    .gfat3-1 {
        width: 100%;
    }

    .gfat3-1 .mpic {
        display: block !important;
        margin: auto;
    }

    .gf-market-title {
        width: 100%;
        margin: auto;
    }

    .technology3 .fp-slide {
        overflow: hidden;
    }

    .gfat3 {
        margin-top: 5%;
        min-height: 400px;
    }

    .yuanq1 {
        left: 5%;
        background-size: 100%;
    }

    .yuanq2 {
        right: 5%;
        background-size: 100%;
    }

    .yuanq1,
    .yuanq2 {
        width: 300px;
        height: 300px;
    }

    .jgjyg {
        width: 90px;
        height: 90px;
        margin: -95px 0 0 -45px;
        font-size: 26px;
        line-height: 26px;
    }

    .ys1,
    .ys2,
    .ys3,
    .ys4,
    .ys5,
    .ys6 {
        width: 60px;
        height: 60px;
        font-size: 12px;
    }

    .ys1 li span,
    .ys2 li span,
    .ys3 li span,
    .ys4 li span,
    .ys5 li span,
    .ys6 li span {
        font-size: 12px;
    }

    .ys1 {
        margin: -180px 0 0 -30px;
    }

    .ys2 {
        margin: -80px 0 0 60px;
    }

    .ys3 {
        margin: -80px 0 0 -120px;
    }

    .ys4 {
        margin: 0px 0 0 -30px;
    }

    .ys5 {
        margin: 50px 0 0 -30px;
    }

    .ys6 {
        margin: 100px 0 0 -30px;
    }

    .ys5,
    .ys6 {
        background: #0266ce;
        color: #fff;
        border: none;
    }

    .fadein5 {
        filter: alpha(Opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

    .fadein6 {
        filter: alpha(Opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

    .fadein5 {
        animation: fadeOutDown 2s linear 2.5s infinite;
        -webkit-animation: fadeOutDown 2s linear 2.5s infinite;
    }

    .fadein6 {
        animation: fadeOutDown 2s linear 2.0s infinite;
        -webkit-animation: fadeOutDown 2s linear 2.0s infinite;
    }

    .gf-timeline,
    .gf-timemain,
    .gfat6,
    .gfat7 {
        width: 100%;
    }

    .gf-timeline li {
        margin: auto;
        display: block;
    }

    .gf-timeline li h4 {
        font-size: 14px;
        padding-top: 10px;
    }

    .gf-timemain ul {
        padding: 0 3% 0 3%;
        overflow: hidden;
    }

    .gf-timemain ul span {
        width: 96%;
        float: none;
        padding: 0 2% 0 2%;
        text-align: center;
    }

    .gf-timemain ul span line {
        margin: 10px auto;
        display: none;
    }

    .gf-timemain ul span h2 {
        font-size: 20px;
        display: none;
    }

    .gf-timemain ul span h2 sup {
        font-size: 14px;
    }

    .gf-timemain ul span h4 {
        font-size: 12px;
        color: #fff;
        line-height: 20px;
    }

    .gf-timemain ul li {
        width: 100%;
        float: none;
    }

    .gf-timemain ul li img {
        max-height: auto;
    }

    .gf-advantage-icon {
        float: none;
        width: 90%;
        margin: 3% auto auto auto;
        overflow: hidden;
    }

    .gf-advantage-icon ul li {
        display: none;
    }

    .gf-advantage-icon ul li i {
        width: 43px;
        height: 43px;
    }

    .gf-advantage-icon ul li em {
        width: 43px;
        height: 43px;
        left: 5%;
        top: 50%;
        margin-top: -22.5px;
    }

    .gf-advantage-icon ul span {
        display: block;
        position: relative;
        padding: 5%;
        left: auto;
        top: auto;
        width: 89%;
        height: auto;
        border: none;
        background: none;
        text-align: center;
    }

    .gf-advantage-icon ul span i {
        float: none;
        width: 63px;
        height: 63px;
        margin: 5px auto;
    }

    .gf-advantage-icon ul span i em {
        width: 63px;
        height: 63px;
        left: 0;
        top: 0;
        background-size: 90%;
    }

    .gf-advantage-pic {
        float: none;
        width: 100%;
    }

    .gfat7 {
        padding-top: 10%;
    }

    .gf-market-title h4 {
        padding: 5px 0;
        font-size: 14px;
        margin: 0;
    }

    .gf-market-pic {
        margin-top: 5%;
    }

    .technology4 .gf-alpd-technology {
        padding-top: 15%;
    }

    .gfat5 {
        margin: 10% auto auto auto;
        display: none !important;
    }

    .gfat5-mpic {
        display: block !important;
        margin: 10% auto auto auto;
    }

    .gf-timemain ul span ol li {
        text-indent: initial;
        margin-left: auto;
        font-size: 12px;
        line-height: 22px;
    }

    .technology4 .title1 h4 {
        width: 90%;
    }

    .gf-advantage-icon ul span h5 {
        padding-top: 2%;
    }

    #property .scrolldown {
        display: block !important;
    }

    .property1 .gf-alpd-technology {
        padding-top: 20%;
    }

    .property2 .gf-alpd-technology,
    .property3 .gf-alpd-technology,
    .property4 .gf-alpd-technology,
    .property5 .gf-alpd-technology,
    .property6 .gf-alpd-technology {
        padding-top: 10%;
    }

    .property2 .mt10b {
        margin-top: 20%;
    }

    .property3 .mt10b {
        margin-top: 22%;
    }

    .property4 .mt10b {
        margin-top: 20%;
    }

    .gf-property-btn {
        width: 200px;
    }

    .gf-property-btn strong {
        font-size: 14px;
    }

    .gfap0 {
        margin: 10% auto auto;
    }

    .gfap0-1 {
        width: 110px;
        height: 100px;
        margin: -100px 0 0 -50px;
    }

    .gfap0-2 {
        width: 100%;
        height: auto;
    }

    .gfaplogo {
        position: relative;
        height: 200px;
    }

    .gfap1 {
        margin-top: 0;
        position: absolute;
        top: 50%;
        margin-top: -30px;
        width: 100%;
    }

    .gfap1 .gf-property-btn {
        margin-top: 5%;
    }

    .gfap1 .logo {
        width: 50%;
        height: auto;
    }

    .gfap1-1 {
        width: 80%;
        left: 10%;
        top: 55%;
        margin: -120px 0 0 auto;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx.png) center no-repeat;
        background-size: 100%;
    }

    .gfap1-2 {
        width: 80%;
        left: 10%;
        top: 55%;
        margin: -120px 0 0 auto;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx1.png) center no-repeat;
        background-size: 100%;
    }

    .gfap1-3 {
        width: 80%;
        left: 10%;
        top: 55%;
        margin: -120px 0 0 auto;
        background: url(https://www.cnzqin.com/static/home/upload/yuanx2.png) center no-repeat;
        background-size: 100%;
    }

    .gfap3 {
        width: 100%;
        height: auto;
        padding: 10% 0;
    }

    .gfap3-1,
    .gfap3-2,
    .gfap3-3 {
        position: relative;
        left: auto;
        top: auto;
        font-size: 12px;
    }

    .gfap3-1 {
        width: 150px;
        height: 150px;
        margin: 0px auto;
        background: url(https://www.cnzqin.com/static/home/upload/banyuan.png) center #005cff;
        background-size: 100%;
    }

    .gfap3-2 {
        width: 110px;
        height: 110px;
        margin: -120px auto 0px 3%;
        float: left;
    }

    .gfap3-3 {
        width: 110px;
        height: 110px;
        margin: -120px 3% 0px auto;
        float: right;
    }

    .gfap3-1 .title {
        padding-top: 30%;
    }

    .gfap3-1 .title h3 {
        font-size: 14px;
    }

    .gfap3-1 .title h5 {
        padding-top: 0px;
    }

    .gfap3 .num h1 {
        font-size: 30px;
    }

    .gfap3 .num h3 {
        font-size: 20px;
        padding: 5px 5px;
    }

    .gfap3 .num h2 {
        font-size: 20px;
        padding-top: 35px;
    }

    .gfap3 .num h4 {
        font-size: 8px;
    }

    .gfap3 line {
        display: none !important;
    }

    .property5 .gfap4 {}

    .gfap4 {
        width: 100%;
        height: 560px;
        padding-top: 100px;
        background: url(https://www.cnzqin.com/static/home/upload/mproperty03.png) no-repeat;
        background-size: 100%;
        margin: 20% auto auto auto;
    }

    .gfap4 .title1 h4 {
        width: 80%;
    }

    .gfap4-1 {
        background: url(https://www.cnzqin.com/static/home/upload/property04.png) no-repeat;
        background-size: 100%;
        left: 16%;
        top: 50%;
        width: 70%;
        height: 300px;
        margin-left: 0px;
        margin-top: -50px;
    }

    .property4 .title1 h4 {
        width: 90%;
        padding: 5% 0 0 0;
    }

    .gfap5 {
        width: 100%;
        margin: auto;
    }

    .gfap5 ul {
        padding: 4% 0;
    }

    .gfap5 ul li {
        margin: 0 2%;
        width: 28%;
        vertical-align: top;
    }

    .gfap5 ul li h4 {
        font-size: 12px;
    }

    .gfap5-1 {
        font-size: 12px;
        width: 90%;
        margin: 12% auto auto auto;
    }

    .gf-timemain {
        background: none;
    }

    .technology3 .mt10b {
        margin-top: 0;
    }

    .fp-controlArrow.fp-next,
    .fp-controlArrow.fp-next:hover {
        right: 0;
    }

    .fp-controlArrow.fp-prev,
    .fp-controlArrow.fp-prev:hover {
        left: 0;
    }


    .gfat1 {
        width: 100%;
        height: 200px;
        left: 0;
        top: 35%;
        margin-left: 0px;
        margin-top: 0px;
    }

    .gfat1 .mpic {
        display: block !important;
    }

    .gfat1 .mpic img {
        display: block;
        width: 100%;
        height: auto;
        display: none;
    }

    .gf-market-pic {
        width: 100%;
    }

    .whitepaper {
        overflow: hidden;
        margin-top: 80px;
    }

    .whitepaper-l {
        width: 100%;
        height: auto;
        background: none;
        position: relative;
        left: auto;
        top: auto;
        overflow: hidden;
    }

    .whitepaper-ltitle {
        height: auto;
        text-align: center;
        overflow: hidden;
    }

    .whitepaper-ltitle h1 {
        width: 100%;
        height: auto;
        left: auto;
        bottom: auto;
        position: relative;
        margin: 0px;
        font-size: 30px;
        display: block;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
    }

    .whitepaper-ltitle span {
        width: auto;
        height: auto;
        position: relative;
        left: auto;
        bottom: auto;
        overflow: hidden;
        display: block;
        margin-top: 0px;
    }

    .whitepaper-ltitle span h3 {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .whitepaper-ltitle span line {
        width: 90%;
        height: 2px;
        margin: 10px auto;
    }

    .whitepaper-ltitle span line i {
        width: 40px;
        height: 2px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -20px;
    }

    .gf-wbooks {
        padding-top: 20px;
        width: 96%;
        display: block;
        margin: auto;
    }

    .gf-wbook {
        width: 80%;
        padding: 10% 10% 30% 10%;
        height: 60%;
    }

    .gf-wbook line {
        width: 10px;
        height: 150px;
    }

    .gf-wbook h3 {
        font-size: 18px;
        width: 200px;
        height: 150px;
        left: 10%;
        top: -10px;
    }

    .gf-wbook li h2 {
        font-size: 14px;
        margin-top: 50%;
    }

    .gf-wbook li.wbtns a {
        filter: alpha(Opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

    .gf-wbook li a {
        width: 84%;
        margin: 2% 2%;
    }

    .gf-wbook li {
        height: 140px;
        padding: 6% 0 0 0;
    }

    .gf-wbook li.wbtns {
        height: auto;
    }

    .technology3 .mt10b {
        margin-top: 10%
    }

    .gf-download {
        width: 50%;
        height: 50px;
        line-height: 50px;
        right: 0;
        bottom: 0;
        background: #1c87e7;
        border-radius: 0px;
        color: #fff;
        border: none;
        font-size: 14px;
    }

    .gf-return {
        width: 50%;
        height: 50px;
        line-height: 50px;
        left: 0;
        right: auto;
        bottom: 0 !important;
        background: #000;
        border-radius: 0px;
        color: #666;
        border: none;
        font-size: 14px;
    }

    .swiper-pagination {
        display: none;
    }

    .h100 body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .h100 .whitepaper,
    .h100 .gf-wbooks {
        height: auto;
    }

    .technology6 .mt10b {
        margin-top: 15%;
    }

    .property1 .title1 h1 {
        width: 72%;
    }

    .gfap5 ul li img {
        width: 55%;
    }

    .technology3 .mt10b {
        margin-top: 0;
    }

    .technology3 .title1 h2 {
        width: 86%;
        font-size: 17px;
    }

    .technology3 .title1 h4 {
        padding-top: 2%;
    }

    .technology7 .mt10b {
        margin-top: 25%;
    }

    .gfat6 {
        margin: 0 auto;
    }

    .gf-page-banner {
        min-height: 200px;
        max-height: 200px;
    }

    .gf-pb-text h1 {
        font-size: 20px;
        padding-top: 30%;
    }

    .gf-pb-text h4 {
        font-size: 20px;
    }

    .gf-page-nav ul {
        width: 100%;
        text-align: center;
    }

    .gf-page-nav.num6 a {
        width: 19%;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        float: none;
        padding: 3% 0;
    }

    .gf-page-main {
        width: 96%;
    }

    .gf-pmc-title h3 {
        font-size: 18px;
    }

    .gf-pmc-title h4 {
        font-size: 16px;
    }

    .gf-pdf-download-list1 li {
        width: 49%;
    }

    .gf-pdf-download-list1 li a h5 {
        padding: 30px 0;
        width: 80%;
    }

    .gf-pdf-download-list2 li {
        width: 100%;
        float: none;
        margin-right: 0;
        background: #eaeaea url(https://www.cnzqin.com/static/home/upload/pdf.svg) 95% center no-repeat;
        background-size: 15%;
    }

    .gf-pdf-download-list2 li a span {
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
    }

    .gf-pdf-download-list2 li a span {
        right: auto;
        top: 15%;
        left: 5%;
    }

    .gf-pdf-download-list2 li a span line {
        height: 5px;
    }

    .gf-pdf-download-list2 li a h4 {
        width: 100%;
        font-size: 14px;
        padding-top: 10%;
        text-align: left;
    }

    .gf-pdf-download-list2 li a {
        min-height: auto;
        max-height: auto;
    }

    .gf-pdf-download-list3 li a {
        padding: 3% 5%;
    }

    .gf-pdf-download-list3 li a h6 {
        float: left;
        width: 100px;
        font-size: 10px;
        padding: 2px 0;
    }

    .gf-pdf-download-list3 li a h4 {
        font-size: 14px;
        padding: 10px 0 0px 0;
        width: 85%;
        float: left;
        padding-left: 1%;
    }

    .gf-share-pricel {
        padding: 2% 5%;
        width: 90%;
        float: none;
        border-bottom: #CCC 1px solid;
        border-right: none;
    }

    .gf-share-pricer {
        padding: 6% 0 2% 0;
        width: 100%;
        float: none;
    }

    .gf-share-pricer li h4 {
        font-size: 13px;
    }

    .gf-share-pricel li h6 {
        font-size: 10px;
    }

    .gf-page-investor-contact li {
        width: 96%;
        margin: 0 1%;
        margin-top: 50px;
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .gf-page-investor-contact li h4 {
        font-size: 18px;
    }

    .gf-page-main-content {
        margin-top: 5%;
    }

    .gf-page-main {
        padding-bottom: 50px;
    }

    .gf-b-more {
        left: 50%;
        margin-left: -67.5px;
        top: 50%;
    }



}



/* 1280x800 */
@media screen and (min-width:1280px) and (max-height: 800px) {}


/* 1280x640 */
@media screen and (min-width:1280px) and (max-height: 640px) {}


/* 1024x640 */
@media screen and (min-width: 1024px) and (max-height: 640px) {}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .m_logo {
        background: url(../image/g-logo.png) 5% center no-repeat #FFF;
        background-size: 15%;
    }

}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {}