@media only screen and (min-width:956px) and (max-width:1268px){ /* .drawer-nav { display: none; } .drawer-hamburger{display: none;} */ /* header */ .pc-1200px {display: none!important;} .drawer-nav { display: block; } /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0; background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;} .drawer-hamburger .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{ padding-top: 80px; width: 30%; z-index: 20;} .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;} .drawer--right .drawer-nav{right: -100%!important;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{ overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;} .drawer--right .drawer-nav>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;} .drawer-menu-item:hover{color: var(--dex);} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;} .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;} .drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; } .drawer-hamburger-icon::before {height: 100%!important;} .drawer-hamburger-icon::after {height: 100%!important;} .drawer-hamburger { cursor: pointer; background-color:transparent; } .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;} .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;} .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;} .drawer-menu-item:hover { color: var(--dex)!important; } .drawer-nav .lang {display: none;} .drawer-open .drawer-nav .lang { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;} /* 3ji */ .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item { color: #666; border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;} .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important; width: 73%!important; color: #999;} /* head footer */ html { font-size: 6.5px; } .icenter {width: 94%;} .head { height: 60px; width: 94%;} .div1 .head.icenter { width: 100%; padding-left: 3%; } .head .right {display: none;} .div2 .drawer-hamburger,.div1:hover .drawer-hamburger {background-color:var(--dex)!important; } .div3 .drawer-hamburger { background-color: var(--dex)!important; } .footer .fo01 { padding: 4.7rem 0; } .footer .fo01 .le .le__t h3 { font-size: 24px; } .footer .fo01 .le .le__t h4 { font-size: 33px; } .footer .fo01 .le .le__b h4 { font-size: 13px; } .footer .fo01 .ri .num .fuhao { font-size: 28px; } .footer .fo01 .ri .num .shuzi { font-size: 30px; } .footer .fo01 .ri .num { margin-right: 0px; width: 100%; margin-bottom: 2rem; } .footer .fo02 .fo02_1,.footer .fo02 .fo02_2 {display: none;} .footer .fo02 { padding: 20px 0;} .footer .fo02 .fo02_3 { padding-top: 0rem; margin-top: 0rem; border-top: 0px; flex-flow: wrap; } .footer .fo02 .fo02_3 .wei {display: none;} .footer .fo02 .fo02_3 .le{flex-flow: wrap;justify-content: center;} .footer .fo02 .fo02_3 a { font-size: 13px; line-height: 18px; } .footer .fo01 .icenter{flex-flow: wrap;} .footer .fo01 .le{ width: 100%; padding-right: 0px; border-right: 0px; margin-bottom: 3rem;} .footer .fo01 .ri { width: 100%; flex-flow: wrap;} .i02 .bg .swiper {height: 100%;} .ibanner .imgbox video {display: none;} .ibanner .imgbox img {display: block!important;width: 100%; height: 100%;} .i05 .mc_bs3_videobox.start .i05_wen{display: none!important;} .i05 .mc_bs3_videobox.end .mc_bs3_svg{opacity: 0;display: none!important;} .i05 .mc_bs3_videobox.start .i05_content .icenter { opacity: 1!important; } .i05 .i05_wen{display: none!important;} .mc_b_s3 { height: 100vh;} .i05_content video {display: none!important;} .i05_content img { height: 100vh; display: block!important; position: absolute; left: 0px; top: 0px; } .i01 .icenter .right { width: 48.0625%; } .i01 .icenter .right dd h5 strong { font-size: 71px; } .innerbanner .text { width: 100%; } .about01_1 .icenter .text h5 { font-size: 19px; line-height: 20px; } .about01_4 .content .content_s { width: 94%; } .about01_4 .content { width: 100%;} .about01_4 .content .fa.fa-angle-left { left: 1%; } .about01_4 .content .fa.fa-angle-right { right: 1%; } .about01_3 .bot { left: 3%; width: 94%; } .about05_1 .bot { width: 94%; left: 3%; } .about05_1 .bot .text { width: 69.6rem;} .about05_1 .bot .text .g { width: 48rem;} .about05_2 .bot { width: 94%; left: 3%; } .about05_3 .bot .content .tips { right: 60%;} .app03_1 .icenter .bot p { width: 100%; } .app03_3 .icenter dl dd { padding-right: 3.9rem; margin-right: 3.9rem;} .app03-3_2 .top .top_b { width: 100%;} .app03-3_2 .top .top_b .top_b_sha { width: 100%; } .app03-3_2 .top .top_b .fa.fa-angle-left { left: 0%; } .app03-3_2 .top .top_b .fa.fa-angle-right { right: 0%; } .app03-3_2 .bot .left .text { width: 63rem; } .news_banner .text { width: 94%;} .newshowtxt { width: 94%;} .cul04 .icenter dl dd::after{display: none!important;} .cul06 .icenter dl { flex-flow: wrap;justify-content: flex-start;} .cul06 .icenter dl dd { width: 33%;} .cul07 .bot { width: 94%; left: 3%; } .tzlx01 .left { padding-left: 3%; } .join01 .bot .right { padding-right: 3%; } .join06 .left { padding-left: 3%; } .join04 .bot { width: 94%; left: 3%; } .join07 .icenter .right { padding: 6rem 8rem;} .join04 .bot .imgbox img { height: auto; } .con02 .icenter dl dd { margin-right: 0rem; margin-bottom: 6rem; width: 46.2rem; } .con01 .icenter .top dd { border-right: 1px solid #ddd; padding-right: 2.4rem; margin-right: 2.4rem; width: 32%; } .con01 .icenter .top { padding: 8.6rem 5.8rem;} } @media only screen and (min-width:750px) and (max-width:1000px){ /* .drawer-nav { display: none; } .drawer-hamburger{display: none;} */ /* header */ .pc-1200px {display: none!important;} .drawer-nav { display: block; } /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0; background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;} .drawer-hamburger .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{ padding-top: 80px; width: 30%; z-index: 20;} .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;} .drawer--right .drawer-nav{right: -100%!important;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{ overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;} .drawer--right .drawer-nav>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;} .drawer-menu-item:hover{color: var(--dex);} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;} .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;} .drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; } .drawer-hamburger-icon::before {height: 100%!important;} .drawer-hamburger-icon::after {height: 100%!important;} .drawer-hamburger { cursor: pointer; background-color:transparent; } .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;} .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;} .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;} .drawer-menu-item:hover { color: var(--dex)!important; } .drawer-nav .lang {display: none;} .drawer-open .drawer-nav .lang { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;} /* 3ji */ .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item { color: #666; border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;} .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important; width: 73%!important; color: #999;} /* head footer */ html { font-size: 6.5px; } .icenter {width: 94%;} .head { height: 60px; width: 94%;} .div1 .head.icenter { width: 100%; padding-left: 3%; } .head .right {display: none;} .div2 .drawer-hamburger,.div1:hover .drawer-hamburger {background-color:var(--dex)!important; } .div3 .drawer-hamburger { background-color: var(--dex)!important; } .footer .fo01 { padding: 4.7rem 0; } .footer .fo01 .le .le__t h3 { font-size: 24px; } .footer .fo01 .le .le__t h4 { font-size: 33px; } .footer .fo01 .le .le__b h4 { font-size: 13px; } .footer .fo01 .ri .num .fuhao { font-size: 28px; } .footer .fo01 .ri .num .shuzi { font-size: 30px; } .footer .fo01 .ri .num { margin-right: 0px; width: 100%; margin-bottom: 2rem; } .footer .fo02 .fo02_1,.footer .fo02 .fo02_2 {display: none;} .footer .fo02 { padding: 20px 0;} .footer .fo02 .fo02_3 { padding-top: 0rem; margin-top: 0rem; border-top: 0px; flex-flow: wrap; } .footer .fo02 .fo02_3 .wei {display: none;} .footer .fo02 .fo02_3 .le{flex-flow: wrap;justify-content: center;} .footer .fo02 .fo02_3 a { font-size: 13px; line-height: 18px; } .footer .fo01 .icenter{flex-flow: wrap;} .footer .fo01 .le{ width: 100%; padding-right: 0px; border-right: 0px; margin-bottom: 3rem;} .footer .fo01 .ri { width: 100%; flex-flow: wrap;} .i02 .bg .swiper {height: 100%;} .ibanner .imgbox video {display: none;} .ibanner .imgbox img {display: block!important;width: 100%; height: 100%;} .i05 .mc_bs3_videobox.start .i05_wen{display: none!important;} .i05 .mc_bs3_videobox.end .mc_bs3_svg{opacity: 0;display: none!important;} .i05 .mc_bs3_videobox.start .i05_content .icenter { opacity: 1!important; } .i05 .i05_wen{display: none!important;} .mc_b_s3 { height: 100vh;} .i05_content video {display: none!important;} .i05_content img { height: 100vh; display: block!important; position: absolute; left: 0px; top: 0px; } .i01 .icenter .right { width: 48.0625%; } .i01 .icenter .right dd h5 strong { font-size: 71px; } .innerbanner .text { width: 100%; } .about01_1 .icenter .text h5 { font-size: 19px; line-height: 20px; } .about01_4 .content .content_s { width: 94%; } .about01_4 .content { width: 100%;} .about01_4 .content .fa.fa-angle-left { left: 1%; } .about01_4 .content .fa.fa-angle-right { right: 1%; } .about01_3 .bot { left: 3%; width: 94%; } .about04 .icenter dl dd .text { width: 44.1rem;} .about05_1 .bot { width: 94%; left: 3%; } .about05_1 .bot .text { width: 69.6rem;} .about05_1 .bot .text .g { width: 48rem;} .about05_2 .bot { width: 94%; left: 3%; } .about05_3 .bot .content .tips { right: 60%;} .app03_1 .icenter .bot p { width: 100%; } .app03_3 .icenter dl dd { padding-right: 3.9rem; margin-right: 3.9rem;} .app03-3_2 .top .top_b { width: 100%;} .app03-3_2 .top .top_b .top_b_sha { width: 100%; } .app03-3_2 .top .top_b .fa.fa-angle-left { left: 0%; } .app03-3_2 .top .top_b .fa.fa-angle-right { right: 0%; } .app03-3_2 .bot .left .text { width: 63rem; } .news_banner .text { width: 94%;} .newshowtxt { width: 94%;} .cul04 .icenter dl dd::after{display: none!important;} .cul06 .icenter dl { flex-flow: wrap;justify-content: flex-start;} .cul06 .icenter dl dd { width: 33%;} .cul07 .bot { width: 94%; left: 3%; } .tzlx01 .left { padding-left: 3%; } .join01 .bot .right { padding-right: 3%; } .join06 .left { padding-left: 3%; } .join04 .bot { width: 94%; left: 3%; } .join07 .icenter .right { padding: 6rem 8rem;} .join04 .bot .imgbox img { height: auto; } .con02 .icenter dl dd { margin-right: 0rem; margin-bottom: 6rem; width: 46.2rem; } .con01 .icenter .top dd { border-right: 1px solid #ddd; padding-right: 2.4rem; margin-right: 2.4rem; width: 32%; } .con01 .icenter .top { padding: 8.6rem 5.8rem;} } @media only screen and (max-width:768px){ /* .drawer-nav { display: none; } .drawer-hamburger{display: none;} */ /* header */ .pc-1200px {display: none!important;} .drawer-nav { display: block; } /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0; background-color: var(--dex)!important;display: block;box-sizing: border-box;width: 60px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff!important;} .drawer-hamburger .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{ padding-top: 80px; width: 30%; z-index: 20;} .headerbody .drawer--right.drawer-open .drawer-hamburger{right: 0!important;} .drawer--right .drawer-nav{right: -100%!important;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{ overflow-y: scroll;height: calc(100vh - 60px)!important; box-sizing: border-box; width: 100%; right: 0px!important; top: 60px!important;} .drawer--right .drawer-nav>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; position: relative; top: 6.5%;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; transform: none!important; top: 6.4%; position: relative;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {margin-bottom: 29px!important;} .drawer-menu-item:hover{color: var(--dex);} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .drawer--right.drawer-open .drawer-hamburger { right: 0px!important;} .drawer-hamburger-icon{ width: 55% !important; margin-top: 0px !important; margin: auto;} .drawer-hamburger { display: block!important; width: 60px!important; height: 60px!important; padding: 0px!important; top: 0px!important; } .drawer-hamburger-icon::before {height: 100%!important;} .drawer-hamburger-icon::after {height: 100%!important;} .drawer-hamburger { cursor: pointer; background-color:transparent; } .drawer-dropdown.open>.drawer-dropdown-menu { padding: 10px 10px 0px!important;} .drawer-dropdown-menu>li:last-child{margin-bottom: 0px!important;} .drawer-open .drawer-hamburger-icon {background-color: var(--dex)!important;} .drawer-menu-item:hover { color: var(--dex)!important; } .drawer-nav .lang {display: none;} .drawer-open .drawer-nav .lang { display: block; position: fixed; right: 40px; bottom: 30px; font-size: 20px; color: #666; z-index: 10;} /* 3ji */ .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item { color: #666; border-bottom: 1px solid #ddd; padding-bottom: 6px!important; font-size: 14px!important;} .drawer--right.drawer-open .drawer-nav .drawer-menu li .drawer-dropdown-menu-item.sanji {font-size: 12px!important;padding-bottom: 6px!important; width: 73%!important; color: #999;} /* head footer */ html { font-size: 6.5px; } .icenter {width: 94%;} .head { height: 60px; width: 94%;} .div1 .head.icenter { width: 100%; padding-left: 3%; } .head .right {display: none;} .div2 .drawer-hamburger,.div1:hover .drawer-hamburger {background-color:var(--dex)!important; } .div3 .drawer-hamburger { background-color: var(--dex)!important; } .footer .fo01 { padding: 4.7rem 0; } .footer .fo01 .le .le__t h3 { font-size: 24px; } .footer .fo01 .le .le__t h4 { font-size: 33px; } .footer .fo01 .le .le__b h4 { font-size: 13px; } .footer .fo01 .ri .num .fuhao { font-size: 28px; } .footer .fo01 .ri .num .shuzi { font-size: 30px; } .footer .fo01 .ri .num { margin-right: 0px; width: 100%; margin-bottom: 2rem; } .footer .fo02 .fo02_1,.footer .fo02 .fo02_2 {display: none;} .footer .fo02 { padding: 20px 0;} .footer .fo02 .fo02_3 { padding-top: 0rem; margin-top: 0rem; border-top: 0px; flex-flow: wrap; } .footer .fo02 .fo02_3 .wei {display: none;} .footer .fo02 .fo02_3 .le{flex-flow: wrap;justify-content: center;} .footer .fo02 .fo02_3 a { font-size: 13px; line-height: 18px; } .footer .fo01 .icenter{flex-flow: wrap;} .footer .fo01 .le{ width: 100%; padding-right: 0px; border-right: 0px; margin-bottom: 3rem;} .footer .fo01 .ri { width: 100%; flex-flow: wrap;} .ibanner .text h3 { font-size: 34px; } .ibanner .text h4 { font-size: 16px; } .ibanner .imgbox video {display: none;} .ibanner .imgbox img {display: block!important;width: 100%; height: 100%;} .i01 { padding: 50px 0; } .i01 .icenter{flex-flow: wrap;} .i01 .icenter .bg{display: none;} .i01 .icenter .left{width: 100%;margin-bottom: 2rem;} .i01 .icenter .right{width: 100%;} .i_top span { font-size: 14px; margin-bottom: 1.4rem;} .i_top h3 { font-size: 26px; line-height: 36px; } .i01 .icenter .left p { font-size: 14px; line-height: 26px; margin: 2rem 0 5rem; } .i01 .icenter .right dd span { font-size: 14px; } .i01 .icenter .right dd h5 strong { font-size: 60px; } .i01 .icenter .right dd h5 sup { font-size: 3rem} .i02 .i02Swiper {height: 100%;} .i02{padding: 50px 0;} .i02 .icenter .top { margin-bottom: 6.4rem; flex-flow: wrap; } .i02 .icenter .top .i_top{width: 100%;margin-bottom: 2rem;} .i02 .icenter .top .content{width: 100%;} .i02 .icenter .bot{flex-flow: wrap;} .i02 .icenter .bot dd { padding: 3rem; width: 50%;border-bottom: 1px solid rgba(255, 255, 255, 0.6);} .i02 .icenter .bot dd h4 { font-size: 20px; } .i02 .icenter .bot dd h5 { font-size: 13px; } .i02 .icenter .top .content .text p { font-size: 14px; line-height: 24px; margin-bottom: 3rem; } .i03 { padding: 50px 0; } .i03 .top { padding-bottom: 1.7rem; margin-bottom: 3.3rem; } .i03 .bot{flex-flow: wrap;} .i03 .bot .le{width: 100%;margin-bottom: 4rem;} .i03 .bot .ri{width: 100%;} .i03 .bot .le .text h3 { font-size: 20px; line-height: 27px; } .i03 .bot .le .text .date span { font-size: 13px; } .i03 .bot .le .text p { font-size: 14px; line-height: 23px; margin-bottom: 4.5rem; } .i03 .bot .ri a .text p { font-size: 15px; line-height: 22px; margin-bottom: 3.6rem;} .i03 .bot .ri a .text .date span { font-size: 13px; } .i03 .bot .ri a .text .gengduo span { font-size: 12px; } .i05 .mc_bs3_videobox.start .i05_wen{display: none!important;} .i05 .mc_bs3_videobox.end .mc_bs3_svg{opacity: 0;display: none!important;} .i05 .mc_bs3_videobox.start .i05_content .icenter { opacity: 1!important; } .i05 .i05_wen{display: none!important;} .i05_content .icenter p { font-size: 12px; line-height: 22px; } .i05 .i_top h3 { font-size: 24px; line-height: 36px; } .mc_b_s3 { height: 100vh;} .i05_content video {display: none!important;} .i05_content img { height: 100vh; display: block!important; position: absolute; left: 0px; top: 0px; } .innerbanner .text { width: 100%; } .innerbanner .text h3 { font-size: 22px; line-height: 33px; } .innerbanner .text h4 { font-size: 16px; } .innerbanner .nav .icenter a { font-size: 13px; margin-right: 2.4rem; } .about01_1 { padding: 50px 0;} .about01_1 .icenter{flex-flow: wrap;} .about01_1 .icenter h3{width: 100%;margin-bottom: 2rem;} .about01_1 .icenter .text{width: 100%;} .common_h3 { font-size: 26px; } .about01_1 .icenter .text h4 span { font-size: 22px; } .about01_1 .icenter .text h5 { font-size: 15px; line-height: 22px; } .about01_1 .icenter .text p { font-size: 14px; line-height: 24px; } .about01_2 .icenter .top { margin-bottom: 5.4rem; } .about01_2 .icenter .bot{flex-flow: wrap;} .about01_2 .icenter .bot .left{width: 100%; margin-bottom: 5rem;} .about01_2 .icenter .bot .right{width: 100%;} .about01_2 .bg { height: 100%; } .about01_2{padding: 50px 0;} .about01_2 .icenter .bot .left h4 { font-size: 18px; line-height: 30px; } .about01_2 .icenter .bot .left p { font-size: 14px; line-height: 24px; margin: 3.3rem 0 4.5rem; } .about01_2 .icenter .bot .right img { height: 3.5rem; } .about01_2 .icenter .bot .right h5 strong { font-size: 40px; } .about01_2 .icenter .bot .right h5 sup { font-size: 16px; } .about01_2 .icenter .bot .right h6 { font-size: 13px; } .about01_3 .wen{display: none;} .about01_3 { padding: 50px 0; } .about01_3 .top h4 { font-size: 16px; line-height: 20px; margin: 2.5rem 0 3.3rem; } .about01_3 .top p { font-size: 14px; line-height: 24px; } .about01_3 .top { margin-bottom: 4rem; } .about01_3 .bot { left: 3%; width: 94%; flex-flow: wrap;} .about01_3 .bot dd { width: 50%; height: 50%;} .about01_3 .bot dd .text h4 { font-size: 20px; } .about01_3 .bot dd .text .line { height: 3.8rem;} .about01_3 .bg{ display: none; } .about01_4 { padding: 0px 0 50px; } .about01_4 .content .content_s { width: 100%; } .about01_4 .content { width: 100%;} .about01_4 .content .fa.fa-angle-left { left: 1%; } .about01_4 .content .fa.fa-angle-right { right: 1%; } .about02_1 { padding: 50px 0; } .about02_1 .icenter .left p { font-size: 14px; line-height: 24px; } .about02_1 .icenter{flex-flow: wrap;} .about02_1 .icenter .left{ width: 100%; margin-bottom: 3rem; } .about02_1 .icenter .right{width: 100%;} .about02_2 .icenter h3 { line-height: 35px;margin-bottom: 2.2rem; } .about02_2 .icenter p { font-size: 14px; line-height: 24px; width: 100%; } .about02_2 { padding: 11rem 0;} .about02_3 { padding: 50px 0;} .about02_3 dl dd { margin-bottom: 2%; position: relative; width: 49%; margin-right: 2%; } .about02_3 dl dd:nth-of-type(4n) { margin-right: 2%; } .about02_3 dl dd:nth-of-type(2n){margin-right: 0px;} .about03_1 .icenter h3 { line-height: 32px; } .about03_1 { padding: 50px 0; } .about04 { padding: 9.2rem 0 10.5rem;} .about04 .icenter dl { width: 94%;} .about04 .icenter dl dd .num { font-size: 45px; } .about04 .icenter dl dd .text { width: 44vw; font-size: 14px; line-height: 21px; left: 48vw; } .about04 .icenter dl dd:nth-of-type(2n) .text { right: 48vw;} .about05_1 { padding: 50px 0 0;} .about05_1 .icenter .bg{display: none;} .about05_1 .icenter .top p { font-size: 14px; line-height: 30px; width: 100%; } .about05_1 .icenter .top { margin-bottom: 5rem; } .about05_1 .bot .imgbox img { height: 51rem; } .about05_2 { padding: 50px 0;} .about05_1 .bot { width: 94%; left: 3%; flex-flow: wrap;} .about05_1 .bot .text { position: unset; transform: none; width: 100%; height: 41.2rem; margin-bottom: 3rem;} .about05_1 .bot .imgbox img { height: auto; } .about05_1 .bot .imgbox { width: 100%; } .about05_1 .bot .text .g h6 { font-size: 12px; } .about05_1 .bot .text .g .num h5 strong { font-size: 29px; } .about05_2 .top p { font-size: 14px; width: 100%; } .about05_2 .bot { width: 94%; left: 3%; } .about05_2 .bot .b_so { width: 94%; margin-top: 4rem; } .about05_2 .bot .b_so .swiper-pagination { width: 74%;} .about05_2 .bot .b_so .faf { width: 14.5%;} .about05_2 .bot .b_so .fa { width: 5rem; height: 5rem;} .about05_2 .bot .b_so .faf { width: 11rem;} .about05_3 .top h3 { font-size: 24px; line-height: 34px; width: 94%; } .about05_3 .bot .content .tips{display: none;} .about05_3 .bot .content .text { z-index: 1; position: absolute; top: 50%; right: 3%; width: 94%; transform: translateY(-50%); } .about05_3 .bot .content .text .icon { width: 55px; height: 55px;} .about05_3 { padding: 0 0 10.8rem;} .app01_1 { padding: 50px 0; } .app01_1 .icenter{flex-flow: wrap;} .app01_1 .icenter h3{ width: 100%; margin-bottom: 2rem; font-size: 20px; line-height: 25px; } .app01_1 .icenter p{ width: 100%; font-size: 14px; line-height: 24px; } .app01_2 { height: 30rem;} .app01_3 { padding: 50px 0; } .app01_3 .icenter dd { margin-bottom: 6rem; flex-flow: wrap;} .app01_3 .icenter dd .text{ width: 100%; margin-bottom: 2rem; } .app01_3 .icenter dd .imgbox{ width: 100%; } .app01_3 .icenter dd:nth-of-type(2n) { flex-flow: wrap; } .app03_1 { padding: 50px 0;} .app03_1 .icenter .top { width: 100%; margin-bottom: 6.5rem; } .app03_1 .icenter .bot h3 { width: 100%;} .app03_1 .icenter .bot p { font-size: 14px; line-height: 24px; width: 100%; } .app03_2 { padding: 50px 0; } .app03_2 .icenter dl{ flex-flow: wrap; } .app03_2 .icenter dl dd { width: 100%;margin-bottom: 2rem;} .app03_3 { padding: 50px 0;} .app03_3 .icenter h3 { margin-bottom: 7rem; } .app03_3 .icenter dl dd { width: 100%; padding-right: 0px; margin-right: 0px; border-right: 0px; margin-bottom: 5rem;} .app03_3 .icenter dl{flex-flow: wrap;} .app03_3 .icenter dl dd h4 { font-size: 18px; line-height: 1; color: #fff; margin: 1.2em 0 1.1rem; } .app03_3 .icenter dl dd p { font-size: 14px; line-height: 24px; height: auto; text-align: center; } .app03_4 { padding: 50px 0;} .app03_4 .icenter .left { width: 100%; margin-bottom: 2rem; } .app03_4 .icenter .g{flex-flow: wrap;} .app03_4 .icenter .right { width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; } .app03_4 .icenter .left h3 { font-size: 26px; line-height: 35px; } .app03_4 .icenter .right dd { position: relative; margin-right: 0rem; width: 46vw; height: 46vw;margin-bottom: 2vw;} .app03_5 { padding: 50px 0; } .app03_5 .icenter .g dd span { font-size: 16px; } .app03_5 .icenter .g { margin-bottom: 6.9rem; } .app03_6 { padding: 50px 0;} .app03_6 .icenter{flex-flow: wrap;} .app03_6 .icenter .left{ width: 100%;margin-bottom: 2rem; } .app03_6 .icenter .right{ width: 100%; } .app03_6 .icenter .left h4 { font-size: 26px; line-height: 34px; } .app03_6 .icenter .left .text .le .t span { font-size: 14px; } .app03_6 .icenter .left .text .le .b h4 { font-size: 15px; } .app03_6 .icenter .left .text .le .b h5 { font-size: 17px; } .con03 { padding: 50px 0; } .con03 .icenter { height: auto; flex-flow: wrap; } .con03 .icenter .left{width: 100%;margin-bottom: 2rem;padding: 7.5rem 5.5rem;} .con03 .icenter .right{width: 100%;} .con03 form .label .g { width: 100%!important; } .con03 form .label{flex-flow: wrap; margin-bottom: 0px;} .app03-3_2 { padding: 50px 0; } .app03-3_2 .top { margin-bottom: 8.8rem; } .app03-3_2 .top .top_b .top_b_sha { width: 100%; } .app03-3_2 .top .top_b { width: 100%; } .app03-3_2 .top .top_b .fa.fa-angle-left { left: 1%; } .app03-3_2 .top .top_b .fa.fa-angle-right { right: 1%; } .app03-3_2 .bot{height: auto;flex-flow: wrap;} .app03-3_2 .bot .left{width: 100%;margin-bottom: 3rem;} .app03-3_2 .bot .right{height: auto;width: 100%;} .app03-3_2 .bot .right .g .imgbox img { height: auto; } .app03-3_2 .bot .left .text { z-index: 1; position: absolute; left: 3%; top: 50%; transform: translateY(-50%); width: 94%; } .app03-3_2 .bot .left .text p { font-size: 14px; line-height: 24px; } .app03-3_2 .bot .left .imgbox img { height: 54rem; } .app04_1 { padding: 50px 0; } .app04_1 .icenter{flex-flow: wrap;} .app04_1 .icenter .left{width: 100%;margin-bottom: 2rem;} .app04_1 .icenter .right{width: 100%;} .app04_1 .icenter .left h3 { line-height: 38px; margin-bottom: 3rem; } .app04_1 .icenter .left a { margin-bottom: 5rem; } .news01 { padding: 50px 0; } .news01 .icenter{flex-flow: wrap;} .news01 .icenter .left{width: 100%;margin-bottom: 2rem;} .news01 .icenter .right{width: 100%;padding: 4rem;} .news01 .icenter .left img { height: auto; } .news01 .icenter .right .num h4 { font-size: 37px; } .news01 .icenter .right .num span { font-size: 15px; } .news01 .icenter .right h4 { font-size: 19px; line-height: 26px; } .news01 .icenter .right p { font-size: 14px; line-height: 22px; margin-bottom: 4.6rem; } .bui02 a { padding: 6.8rem 0; } .bui02 a .icenter{flex-flow:column-reverse;} .bui02 a .icenter .content{width: 100%;flex-flow: wrap;} .bui02 a .icenter .imgbox{width: 100%;margin-bottom: 3rem;} .bui02 a .icenter .content .ri { width: 100%; } .page_f { padding: 3rem 0 8.2rem;} .bui02 a .icenter .content .le .num h4 { font-size: 40px; } .bui02 a .icenter .content .le .num span { font-size: 15px; } .bui02 a .icenter .content .ri h4 { font-size: 18px; line-height: 27px; margin-top: 1rem; } .bui02 a .icenter .content .ri p { font-size: 13px; line-height: 22px; } .news_banner .text { width: 94%;} .newshowtxt { width: 94%; margin: 50px auto 80px; } .newshowtxt p { font-size: 14px; line-height: 24px; margin-bottom: 18px; } .news_banner { padding: 175px 0 60px; } .news_banner h4 { font-size: 27px; margin-bottom: 12px;} .news_banner h5 span:nth-of-type(1) { margin-right: 28px; } .news_banner h5 { font-size: 14px;} .sxy a { padding: 13px 0; font-size: 14px; } .bottomfx dd span { font-size: 15px; line-height: 30px; margin-right: 8px; } .bottomfx dd .share a { width: 30px; height: 30px; line-height: 30px; margin-right: 7px; font-size: 14px; } .icenter2 { width: 94%;} .app03-4_1 { padding: 50px 0; } .app03-4_1 .icenter2{flex-flow: wrap;} .app03-4_1 .icenter2 .imgbox{width: 100%; margin-bottom: 3rem;} .app03-4_1 .icenter2 .text{width: 100%;} .app03-4_1 .icenter2 .imgbox img { height: auto;} .app03-4_1 .icenter2 .text h4 { font-size: 30px;} .app03-4_1 .icenter2 .text p { font-size: 14px; line-height: 24px; } .app03-4_2 { padding: 50px 0;} .app03-4_2 .icenter2 dl{flex-flow: wrap;} .app03-4_2 .icenter2 dl dd{width: 100%;margin-bottom: 2rem;} .app03-4_3 .icenter2{overflow: auto;} .app03-4_3 .icenter2 img {width: 1100px;} .bui01 { padding: 50px 0; } .bui01 .icenter{ flex-flow: wrap; } .bui01 .icenter .left{width: 100%;margin-bottom: 4rem;} .bui01 .icenter .right{ width: 100%; } .bui01 .icenter .left img { height: auto; } .bui01 .icenter .right h5 { font-size: 20px; } .bui01 .icenter .right p { font-size: 14px; line-height: 24px; } .cul01 { padding: 50px 0; } .cul01 .icenter .top h3 { width: 100%;} .cul01 .icenter .top h4 { font-size: 16px; } .cul01 .icenter .bot h3 { font-size: 28px;} .cul01 .icenter .bot dl{ flex-flow: wrap; } .cul01 .icenter .bot dl dd{ width: 100%; margin-bottom: 2rem; } .cul01 .icenter .bot dl dd:nth-of-type(2) { flex-direction: column; } .cul02 { padding: 50px 0;} .cul03 { padding: 50px 0; } .cul03 h3 { width: 100%;} .cul03 dl{ flex-flow: wrap; } .cul03 dl dd{ width: 100%; margin-bottom: 2rem;} .cul03 p { font-size: 18px; } .cul04 .icenter h3 { width: 100%;} .cul04 { padding: 50px 0;} .cul04 .icenter dl dd::after{ display: none!important; } .cul04 .icenter dl dd { border-radius: 50%; position: unset; width: 30vw; height: 30vw; margin-bottom: 2vw; } .cul04 .icenter dl{ flex-flow: wrap; justify-content: space-between; display: flex; height: auto; } .cul05 .icenter::after { width: 120%; right: -10%;} .cul05 .icenter{ flex-flow: wrap; } .cul05 .icenter .left{width: 100%;margin-bottom: 2rem;} .cul05 .icenter .right{ width: 100%; padding: 4rem; } .cul05 .icenter .left img { height: auto; } .cul05 { padding: 50px 0; } .cul06 { padding: 50px 0;} .cul06 .icenter dl{ flex-flow: wrap; } .cul06 .icenter dl dd{ width: 100%; margin-bottom: 2rem; } .cul07 .top h3 { line-height: 37px; } .cul07 .top p { font-size: 15px; line-height: 26px; } .cul07 .bot { width: 94%; left: 3%; } .cul07 .dao .cul07Swiper-pagination { height: 0.5rem; width: 72.0625%;} .cul07 { padding: 50px 0;} .tzlx01 { padding: 50px 0;flex-flow: wrap;} .tzlx01 .right{width: 100%;} .tzlx01 .left { padding-left: 3%; width: 94%; top: 0px; margin-bottom: 2rem;} .tzlx01 .left dl dd { font-size: 13px; } .tzlx01 .right img { height: auto; } .tzlx01 .right { width: 94%; margin: auto; } .join01 { padding-top: 50px; } .join01 .icenter .top p { font-size: 16px; line-height: 24px; width: 100%; } .join01 .icenter .top h4 { line-height: 37px; } .join01 .bot{ height: auto; flex-flow: wrap; } .join01 .bot .left{ height: auto; width: 100%;} .join01 .bot .right{ padding-right: 0px; height: auto; width: 100%; padding: 5rem;} .join01 .bot .right p { font-size: 14px; line-height: 24px; } .join02 { padding: 50px 0; } .join02 .icenter{ flex-flow: wrap; } .join02 .icenter dl:nth-of-type(1){width: 100%;} .join02 .icenter dl:nth-of-type(2){width: 100%;} .join02 .icenter dl { height: auto;flex-flow: wrap; } .join02 .icenter dl:nth-of-type(2) dd { width: 100%; height: auto;margin-bottom: 0.6%; } .join02 .icenter dl:nth-of-type(1) dd:nth-of-type(2) { margin-bottom: 0.6%; } .join02 .icenter dl:nth-of-type(2) dd .imgbox img { height: auto; } .join02 .icenter dl:nth-of-type(2) dd .imgbox img { height: 46rem; } .join02 .icenter dl dd p { font-size: 14px; line-height: 24px; } .join03 .icenter p { font-size: 14px; line-height: 24px; } .join03 .icenter p br { display: none; } .join03 { padding: 11rem 0;} .join06 .left { padding-left: 3%; padding-top: 11rem; margin-bottom: 3rem; } .join06 .left p { font-size: 14px; line-height: 24px; } .join06 .right { width: 100%; } .join06{flex-flow: wrap;} .join04 { padding: 50px 0; } .join04 .bot { width: 94%; left: 3%; } .join07 { padding: 50px 0; } .join07 .icenter{ flex-flow: wrap; height: auto; } .join07 .icenter .left{ height: auto; width: 100%; } .join07 .icenter .right{ height: auto; padding: 4rem; width: 100%; } .join07 .icenter .right h3 { line-height: 35px; } .join07 .icenter .right dl dd h4 { font-size: 17px; } .join05 { padding: 50px 0;} .con01 .icenter .top { margin-bottom: 7rem; padding: 6rem;flex-flow: wrap;} .con01 .icenter .top dd{ border-right: 0px; margin-bottom: 3rem; width: 100%; padding-right: 0px; margin-right: 0px; } .con02 .icenter dl dd { margin-right: 0px; margin-bottom: 6rem; width: 100%; } .con02 { padding: 50px 0;} .con01 { padding-bottom: 0rem; top: 0px; margin-bottom: 8rem; } .con01 .icenter .bot .map .icon { width: 39.6rem; padding: 1.5rem; top: 7rem; left: 2rem; } .con01 .icenter .bot .map .icon .ri { z-index: 2; width: 41.655172%; } .con01 .icenter .bot .map .icon .ri h5 { font-size: 13px; line-height: 18px;} }