@charset "UTF-8"; @media (max-width: 1366px) { .section3 .contbox .li .hoverbox .tit-16 { width: 63%; } footer .footer .footer_nav .li { width: 3.5rem; } .inn_c .list .left { width: 60%; } .inn_c .list .right { width: 40%; } .inn_a .list .li .img { width: 4rem; } .inn_a .list .li .right { width: calc(100% - 4rem); } .inn_a .list .li .right .tit-20 { height: auto; } footer .footer .footer_box .left { padding-top: 0; float: left; width: 53%; } footer .footer .footer_box .left .ewmlist { margin-top: 1rem; } footer .footer .footer_box { padding: 0 2.975rem; } footer .footer .footer_bot { padding: 0 2.975rem; } .adds .adds-nav { padding-right: 2.975rem; } } @media (max-width: 1200px) { .pc-bocweb-header3 .logo { margin-left: 20px; } .pc-bocweb-header3 .right-btn { margin-right: 20px; } } @media (max-width: 1024px) { .index .section2 .two-container .swiper-slide .txt, .section4 .four-container .swiper-slide .txt { left: 18%; } .section6 .content { padding: 0 10%; padding-top: 6rem; } } @media (max-width: 1024px) { header.cur .shownav { display: block; z-index: 3; left: 32%; } header .left_nav { width: 2.975rem; } header .right_nav { width: 3.2rem; } header .logobox { left: 2.975rem; } .inn .intxt { left: 4.925rem; } .view { padding-left: 2.975rem; padding-right: 3.2rem; } .maincontent { padding-left: 2.975rem; ; } .about_a .left { width: 100%; } .about_a .right { width: 100%; margin-bottom: 1rem; } .about_b, .about_c, .about_d { padding-right: 0; } .about_b .list .left { float: left; width: 50%; } .about_b .list .right { float: right; width: 50%; height: 14rem; } .about_b .list .left .hislist { width: 90%; } footer .footer { background-color: #006CB7; height: auto; padding-top: 1.5rem; } .neye .cbot { top: 0; width: 2.975rem; } footer { padding-left: 0; } footer .footer .footer_nav { display: none; } footer .footer .footer_box { padding-left: 8%; margin-top: 0; padding-right: 8%; font-size: 0; } footer .footer .footer_box .left { padding-top: 0; float: left; } footer .footer .footer_box .left .logo { display: none; width: 5.675rem; margin-right: 0; vertical-align: top; } footer .footer .footer_box .left .ewmlist { display: inline-block; vertical-align: top; width: 100%; margin-top: 1rem; } header.six .mheader { background-color: #fff; } footer .footer .footer_box .right .logo { width: 6.125rem; margin-bottom: 1rem; } footer .footer .footer_box .right .link { width: 50%; height: 1.5rem; border: 1px solid transparent; position: relative; z-index: 33; background-color: #005A98; } footer .footer .footer_box .right .link .boxtop { line-height: 1.5rem; } footer .footer .footer_box .right { float: right; display: flex; flex-direction: column; align-items: center; } footer .footer .footer_box .right .link .sun_link { top: 1.5rem; border: 0; background-color: #005A98; } footer .footer .footer_box .right .link .sun_link::-webkit-scrollbar-thumb { background-color: #fff; } footer .footer .footer_box .right .share { width: 100%; margin-top: 1rem; } footer .footer .footer_box .right { float: right; width: 100%; } footer .footer .footer_box .right .share .list { margin-top: 0.4rem; text-align: center; } footer .footer .footer_box .right .share .list a { width: 1.125rem; height: 1.125rem; } footer .footer .footer_box .right .share .list a img { width: 50%; } footer .footer .footer_bot { position: relative; } footer .footer .footer_bot { display: flex; position: relative; padding: 0.5rem 8%; flex-direction: column; align-items: flex-start; text-align: center; } footer .footer .footer_box .left { padding-top: 0; float: left; text-align: center; width: 100%; } footer .footer .footer_bot div { width: 100%; } footer .footer .footer_bot .right { text-align: center; width: 100%; } .scient .s_b, .scient .s_c, .scient .s_d, .scient .s_a, .s_f { padding-right: 2.975rem; } .scient { padding-right: 0; } .research { padding-right: 0; } .contact_b .bg .list .li { margin-bottom: 1rem; } .inn_a .list .li { width: calc((100% - 1rem) / 2); } .inn_a .list .li:nth-child(3n) { margin-right: .5rem; } .inn_a .list .li:nth-child(2n) { margin-right: 0; } .inn_b, .inn_c, .inn_d, .inn_e { padding-right: 0; } .inn_b .top { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } .inn_b .top .left { width: 100%; margin-bottom: 1rem; } .inn_c .list .left { width: 100%; } .inn_c .list .right { width: 100%; height: auto; } } @media (max-width: 768px) { header .left_nav { left: auto; width: 100%; right: 0; height: auto; } header .left_nav .bot { display: none; } header .left_nav .nav { border-right: 0; } header .left_nav .meum { top: 1.5rem; left: auto; right: 0.75rem; position: absolute; } .mheader { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; padding-bottom: 1.125rem; } .mheader .logo { display: block; width: 6rem; margin-top: 1.125rem; margin-left: 0.75rem; position: relative; z-index: 3; } .mheader .logo .img2 { position: absolute; top: 0; left: 0; opacity: 0; } .index .section1 .banner-container .swiper-slide .slide-inner .bg { height: 70%; } .index .section1 .banner-container .swiper-slide .txt { position: absolute; width: 100%; left: 0; top: 70%; height: 30%; background-image: url(../img/mbtx.png); background-size: cover; padding: 1.25rem 1.85rem; text-align: center; } .index .section1 .banner-container .swiper-slide .txt .tit-18 { font-size: 0.7rem; } .tit-60 { font-size: 1rem; line-height: 1.4rem !important; } .nextsec { display: none !important; } .banner-pagination { width: 100%; position: absolute; bottom: 6% !important; left: 0rem !important; z-index: 3; text-align: center; } .index .section2 .two-container .swiper-slide .txt, .section4 .four-container .swiper-slide .txt { width: 84%; left: 8%; text-align: center; } .index .section2 .two-container .swiper-slide .txt .tit-60 br { display: none; } .index .section2 .two-container .swiper-slide .txt .list .li { margin-right: 0; width: 4.5rem; margin-bottom: 1rem; } .index .section2 .two-container .swiper-slide .txt .list { margin-top: 2.625rem; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } header.four .logo .img2 { opacity: 1; } header.six .logo .img2 { opacity: 1; } .section5 .ebox { position: absolute; top: 0; left: 0; width: 8rem; height: 100px; background-color: #f1f1f1; z-index: 2; } .section5 .box { width: 86%; height: calc(100% - 100px); background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; } .section5 .box .tran-middle { width: 84%; left: 10%; } .section5 .box .subtxt { color: #5D5D5D; line-height: 0.75rem; width: 100%; } .section5 .box .list { margin-top: .5rem; display: flex; align-content: flex-start; justify-content: space-between; flex-direction: row; align-items: flex-start; flex-wrap: wrap; } .section5 .box .list .li { margin-bottom: 1rem; } .section5 .box .more { margin-top: 0.5rem; } .section6 .content { padding: 0 10%; padding-top: 4rem; } .section6 .content .top .more { position: absolute; bottom: 19%; z-index: 2; } .section6 .content .newscontent .news-container .swiper-slide { width: 100%; margin-right: 0; } .section6 .content .newscontent .news-container .swiper-slide .img { width: 100%; height: 8rem; overflow: hidden; } .section6 .content .newscontent .news-container .swiper-slide:nth-child(2) { height: 14rem; position: relative; overflow: hidden; } .section6 .banner-pagination { width: 100%; position: relative; bottom: 6% !important; margin-top: 1rem; left: 0rem !important; z-index: 3; text-align: center; } .section6 .banner-pagination, .section3 .banner-pagination { opacity: 1; } .section6 .banner-pagination .swiper-pagination-bullet { background-color: #DDDDDD; opacity: 1; } .section6 .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #EA1A27; opacity: 1; } .section3 .contbox .li { width: 100%; border-right: 0; } .section3 .contbox .li .txt { width: 100%; padding-left: 0; text-align: center; position: absolute; top: 46.2%; } .section3 .contbox .li .txt .col-fff { font-size: 0; display: flex; align-items: center; flex-direction: column; flex-direction: column-reverse } .section3 .contbox .li .txt .col-fff .tit-24 { transform: translateY(0); } .section3 .contbox .li .txt .col-fff .tit-42 { font-size: 1.5rem; line-height: 1.5; margin-bottom: 1rem; } .banner-pagination .swiper-pagination-bullet { width: 1.25rem; height: 0.2rem; } footer .footer { background-color: #006CB7; height: auto; padding-top: 1.5rem; } .cbot { display: none; } footer { padding-left: 0; } footer .footer .footer_nav { display: none; } footer .footer .footer_box { padding-left: 8%; margin-top: 0; padding-right: 8%; font-size: 0; } footer .footer .footer_box .left { padding-top: 0; float: left; } footer .footer .footer_box .left .logo { display: none; width: 5.675rem; margin-right: 0; vertical-align: top; } footer .footer .footer_box .left .ewmlist { display: inline-block; vertical-align: top; width: 100%; margin-top: 1rem; } header.six .mheader { background-color: #fff; } footer .footer .footer_box .right .logo { width: 6.125rem; margin-bottom: 1rem; } footer .footer .footer_box .right .link { width: 100%; height: 1.5rem; border: 1px solid transparent; position: relative; z-index: 33; background-color: #005A98; } footer .footer .footer_box .right .link .boxtop { line-height: 1.5rem; } footer .footer .footer_box .right .link .sun_link { top: 1.5rem; border: 0; background-color: #005A98; } footer .footer .footer_box .right .link .sun_link::-webkit-scrollbar-thumb { background-color: #fff; } footer .footer .footer_box .right .share { width: 100%; margin-top: 1rem; } footer .footer .footer_box .right { float: right; width: 100%; } footer .footer .footer_box .right .share .list { margin-top: 0.4rem; text-align: center; } footer .footer .footer_box .right .share .list a { width: 1.125rem; height: 1.125rem; } footer .footer .footer_box .right .share .list a img { width: 50%; } footer .footer .footer_bot { position: relative; } footer .footer .footer_bot { display: flex; position: relative; padding: 0.5rem 8%; flex-direction: column; align-items: flex-start; text-align: center; } footer .footer .footer_bot .left { text-align: center; } footer .footer .footer_bot .right { text-align: center; width: 100%; } .section3 .contbox .li .txt svg { opacity: 1; } .circle { transition: all 0s; } .circle.expand { width: 200vw; height: 320vw; top: -50vw; left: auto; right: -32vw; } header.cur .left_nav .meum .line { background-color: #fff; } header.cur .shownav { display: block; z-index: 3; left: 0; width: 100%; padding: 0 8%; } .shownav { top: 5rem; } .shownav li { float: left; height: auto; width: 100%; } .shownav li { text-align: right; margin-bottom: 0.4rem; } .shownav li .tit-26 { font-size: 1.2rem; color: #fff; opacity: 0.8; } .shownav li.on .tit-26 { opacity: 1; } .shownav .sub_nav a.tit-16 { font-size: 0.6rem; font-weight: 500; color: #fff; margin-bottom: 0.2rem; } .shownav .sub_nav { display: none; } .circle { top: 1.5rem; left: auto; right: 0.75rem; background-color: #005A98; } .com_banner { height: 14rem; } .adds { display: none; } .neye header .left_nav { height: auto; } .inn .intxt { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 80%; } .inn .intxt .tit-60 { margin-top: 0.2rem; } .view { width: 100%; padding-left: 5%; padding-right: 5%; } .maincontent { padding: 1.2rem 0; border-left: 0; } .about_a .left { width: 100%; float: left; } .about_a .right { width: 100%; margin-bottom: 0.6rem; } .about_a .left .tit-16 { margin-top: .8rem; } .about_a .list { display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; } .about_a .list .li { width: 50%; margin-bottom: .6rem; } .about_b .list .left { width: 100%; } .about_b .maincontent { padding: 1.2rem 0; background-image: none; } .about_b { background-color: rgb(245, 245, 245); } .about_b .list .left .hislist { width: 100%; height: auto; margin-bottom: .5rem; } .about_b .list .right { float: right; width: 100%; height: 9rem; } .about_c .about-container .swiper-slide .txt .img { width: 1.5rem } .about_c { padding: 0; } .about-prev, .about-next { width: 1.25rem; height: 1.25rem } .about_c .tit-24 { line-height: 0.75rem; } .about_d { background-color: rgb(245, 245, 245); } .inn_e .maincontent { padding: 1.2rem 0; } .inn_e .inne-container .swiper-slide { width: 100%; padding: 1rem; height: auto; } .inn_e .inne-container { margin-top: 1rem; } .about_d .inne-container .swiper-slide .img { width: 8.025rem; position: relative; transform: translateX(0); right: 0; top: 0; margin-top: 0.6rem; } .about_d .inne-container .swiper-slide .tit-20 { width: 100%; } .inn_a .list { margin-top: 1rem; } .inn_a .list .li { width: 100%; } .inn_a .list .li .right .tit-20 { line-height: 0.7rem; height: 1.4rem } .inn_a .list .li .right .icon { margin-top: 0.5rem; } .inn_a .list .li .right .p { height: 1.3rem } .inn_b { background-image: url(../img/innb.jpg); background-size: cover; } .inn_b .top { display: block; } .inn_b .maincontent { padding: 1.2rem 0; background-image: none; } .inn_b .top .left { width: 100%; margin-bottom: 1rem; } .inn_b .top .li .tit-16 { line-height: .7rem; } .inn_b .imglist { margin-top: 1.2rem; } .inn_b .imglist .left { width: 100%; height: 10rem; margin-bottom: 5px; } .inn_b .imglist .right { width: 100%; height: 10rem; } .inn_c { background-color: #f5f5f5; } .inn_c .maincontent { padding: 1.2rem 0; background-image: none; } .inn_c .list { margin-top: 1rem; } .inn_c .list .left { width: 100%; height: 7rem } .inn_c .list .right { width: 100%; height: auto; } .inn_d .maincontent { padding: 1.2rem 0; background-image: none; } .inn_d .list .li .bg { padding: 1rem; } .inn_d .list .li { width: 100%; margin-right: 0; } .inn_e { background-color: #f5f5f5; } .inn_e .inne-container .swiper-slide .img { width: 8.025rem; position: relative; transform: translateX(0); right: 0; top: 0; margin-top: 0.6rem; } .inn_e .inne-container .swiper-slide .tit-20 { width: 100%; } .scient .s_a, .scient .s_b, .scient .s_c, .s_f, .s_g, .research .li .bg { padding: 0 5%; } .scient .s_a .left { width: 100%; padding-top: 1.2rem; float: left; } .scient .s_a .right { width: 100%; float: right; margin-top: .6rem; } .scient .s_a .left .tit-20 { margin-top: .8rem; } .scient, .research { padding: 0; } .scient .s_a .maincontent { padding-bottom: 1.2rem; } .scient .s_b .list, .s_c .maincontent .list, .s_f .maincontent .list { margin-top: 1rem; } .scient .s_e.r .left{ width: 100%; } .scient .s_a.r .right{ width: 100%; } .scient .s_b .list .li { width: 100%; margin-right: 0; height: auto; position: relative; float: left; margin-bottom: .5rem; } .scient .s_b .list .li .bg{ height: 9rem; } .s_c .maincontent .list .li { width: 100%; float: left; height: 8.5rem; background-color: #fff; margin-right: 0; margin-bottom: 0.5rem; padding: 1rem; } .scient .s_e .maincontent { padding-top: 0rem; } .s_f .maincontent .list .li { width: 100%; float: left; height: auto; background-color: #fff; margin-right: 0; margin-bottom: .6rem; padding: 1rem 0; } .s_g .tit-18 { width: 100%; line-height: 0.8rem; margin-top: .8rem; } .s_g .tit-18 p { margin-bottom: .6rem; } .s_g { padding-top: 1.2rem; } .research .li .txt { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 13.2%; width: 100%; } .research .li .txt .tit-20 { line-height: .9rem; width: 80%; margin: auto; margin-top: .6rem; } .research .li:nth-child(2n) .txt { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 13.2%; width: 100%; } .research .li { height: 13rem; } .com_banner .newstxt { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); } .news .maincontent .li1 { margin-top: 1rem; height: auto; display: block; } .news .maincontent .li1 .left { width: 100%; float: left; height: 9rem; overflow: hidden; } .news .maincontent .li1 .right { width: 100%; float: right; height: auto; overflow: hidden; background: #F7F7F7; padding: 1rem; } .news .maincontent .li1 .right .tit-30 { color: #131313; line-height: 1.2rem; margin-top: 0.6rem; margin-bottom: 0.6rem; height: 2.4rem; overflow: hidden; } .news .maincontent .li1 .right .tit-16 { line-height: 0.8rem; height: auto; } .news .maincontent .li1 .right .more2 { margin-top: 1rem; } .news .maincontent .newslist { margin-top: 1.2rem; } .news .maincontent .newslist .ajaxlist a { display: block; width: 100%; float: left; margin-right: 0; margin-bottom: .5rem; } .showmore img { width: .5rem; } .jionus_list { margin-top: 1rem; } .contact .maincontent { padding-bottom: 1.2rem; } .index_more { width: 106px; height: 40px; } .contact_b { padding: 0; height: auto; } .contact_b .bg { padding: 1.2rem 5%; } .contact_b .bg .list .li { float: left; margin-right: 0; width: 85%; margin-bottom: .8rem; } .contact_b .bg .list .ewm { float: left; display: flex; flex-direction: column; align-items: center; margin-right: 0; } .contact_b .bg .list .li .tit img { margin-right: .3rem; } .contact_b .bg .map { margin-top: 1rem; } .amap-icon img { width: 5.0rem } .coo .maincontent .tit-16 { margin-top: 1rem; line-height: 0.85rem; } .coo .maincontent .list { margin-top: 1rem; } .coo .maincontent .list .li { width: 49%; float: left; margin-right: 2%; position: relative; background-color: #f7f7f7; height: 4.425rem; margin-bottom: .35rem; } .coo .maincontent .list .li img { width: 60%; } .coo .maincontent .list .li:nth-child(3n) { margin-right: 2%; } .coo .maincontent .list .li:nth-child(2n) { margin-right: 0; } .new_info .maincontent { padding: 1.2rem 0; } .new_info .maincontent .tit-40 { line-height: 1.3; } .com_banner .txt { position: absolute; top: 50%; width: 100%; text-align: center; left: 50%; transform: translate(-50%, -50%); } .new_info .maincontent .con { padding-top: 1rem; } .new_info .maincontent .con p { margin-bottom: .6rem; } .new_info .maincontent .bot div a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 40%; } .new_info .maincontent .bot div { display: flex; align-items: center; width: 68%; } .neye header.on .mheader { background-color: #fff; border-bottom: 1px solid #f5f5f5; } .neye header.on .mheader .logo .img2 { opacity: 1; } .neye header.on .left_nav .meum .line { background-color: #000; } .neye header.on.cur .mheader .logo .img2 { opacity: 0; } .inna_doig .box { width: 80%; padding: 1rem; } .inna_doig .box .txt { float: right; width: 100%; margin-top: 1rem; } .inna_doig .box .txt .p { line-height: 0.75rem; } .inna_doig .box .txt .tit-20 { line-height: 0.65rem; height: 1.3rem } .inna_doig .box .img { width: 100%; float: left; text-align: center; } .inna_doig .box .img img { display: inline-block; width: 50%; } .section5 .box .tit-42 { font-size: 0.7rem; line-height: 1.5; margin: 0.5rem 0; } } .adds { background-color: #fff; height: 2.5rem; } .adds .view { background-color: #fff; } .adds .view.fixed { position: fixed; left: 0; top: 0; right: 0; margin: auto; z-index: 1000; } .news .maincontent .newslist.video { margin-top: 0; } .play-btn { width: 2rem; } .neye header .left_nav .bot { display: none; } .neye header.cur .left_nav .bot { display: block; } .neye header.cur .right_nav { height: 100vh; }