body { font-family: "鑻规柟", "寰蒋闆呴粦"; color: #6c6c71; } ::-webkit-scrollbar { width: 4px !important; height: auto !important; } ::-webkit-scrollbar-thumb { background: rgba(29, 208, 114, 0.6); border-radius: 4px; } #think_page_trace, #think_page_trace_open { display: none !important; } a { text-decoration: none; } a:hover { text-decoration: none; color: #3a4cde; } dl, ol, ul, li, p { margin: 0; padding: 0; } .fullscreen { width: 100%; height: 3000px; background: #fff; position: fixed; z-index: 999999999999; top: 0; } .main { width: 100%; } .cnt { overflow: hidden; max-width: 15.4rem; width: 100%; margin: 0 auto; } .mobile { display: none; } .maintitle { overflow: hidden; width: auto; } .maintitle .t { font-size: 0.28rem; color: #1c1c1f; line-height: 1.4; } .maintitle .icon { margin-top: 0.04rem; } .maintitle .icon img { width: 1.06rem; height: 0.05rem; } .top { width: 100%; background: #fff; border-bottom: 0.02rem solid #dbdbdb; position: fixed; z-index: 101; top: 0; height: 1rem; } .top .bg { height: 0.12rem; } .top .bg img { width: 100%; height: 0.12rem; } .top .logo { width: 0.67rem; margin-top: 0.17rem; float: left; } .top .logo img { width: 100%; } .top .lright { float: right; height: 1rem; } .top .lright .menubtn { display: none; float: right; width: 0.31rem; height: 0.27rem; margin-left: 0.5rem; } .top .lright .menubtn img { margin-top: 0.24rem; width: 0.31rem; height: 0.27rem; } .top .lright .langs { float: right; } .top .lright .langs .icon { width: 0.25rem; float: right; height: 0.88rem; } .top .lright .langs .icon img { width: 0.25rem; height: 0.25rem; margin-top: 0.3rem; } .top .lright .langs .lang { float: right; } .top .lright .langs .lang a { text-decoration: none; margin-left: 0.16rem; color: #bfbfbf; font-size: 0.18rem; height: 0.88rem; line-height: 0.88rem; cursor: pointer; } .top .lright .langs .lang .act { color: #3a4cde; } .top .lright .menuwrapper { float: right; width: 9.6rem; } .top .lright .menuwrapper .navs { overflow: hidden; float: right; width: auto; text-align: right; margin-right: 1rem; } .top .lright .menuwrapper .navs .nav { display: block; height: 0.88rem; float: left; padding-left: 0.1rem; padding-right: 0.1rem; } .top .lright .menuwrapper .navs .nav .t { margin-right: 0.2rem; margin-left: 0.2rem; height: 0.88rem; line-height: 0.88rem; color: #1c1c1f; font-size: 0.18rem; display: block; position: relative; text-decoration: none; } .top .lright .menuwrapper .navs .nav .t::after { display: block; content: ""; height: 0.04rem; width: 100%; position: absolute; bottom: 0.14rem; left: 0; background-image: url(../img/icon_nav.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform-origin: 50% 0; transform: scale(0.01, 1); } .top .lright .menuwrapper .navs .nav .t span { margin-left: 0.15rem; margin-right: 0.15rem; } .top .lright .menuwrapper .navs .nav .sub { display: none; position: absolute; width: 100%; left: 0; top: 0.98rem; padding-bottom: 0.28rem; z-index: 999; background: #f5f5f5; } .top .lright .menuwrapper .navs .nav .sub .cnt { position: relative; } .top .lright .menuwrapper .navs .nav .sub .ty { box-shadow: 0 0.06rem 0.06rem #d6d6d6 inset; width: 100%; height: 0.14rem; } .top .lright .menuwrapper .navs .nav .sub .tab { overflow: hidden; margin-top: 0.96rem; margin-bottom: 1rem; } .top .lright .menuwrapper .navs .nav .sub .close { width: 0.26rem; height: 0.26rem; position: absolute; right: 0.3rem; top: 0.38rem; background-image: url(../img/icon_close.png); background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; } .top .lright .menuwrapper .navs .nav .sub .close:hover { background-image: url(../img/icon_close_1.png); } .top .lright .menuwrapper .navs .nav .sub .subnavs { float: left; } .top .lright .menuwrapper .navs .nav .sub .subnavs a { overflow: hidden; display: block; color: #fff; font-size: 0.14rem; height: 0.4rem; line-height: 0.4rem; width: 100%; text-decoration: none; } .top .lright .menuwrapper .navs .nav .sub .subnavs a span { text-align: left; display: block; float: left; width: 1.5rem; margin-right: 0.3rem; } .top .lright .menuwrapper .navs .nav .sub .subnavs a span:last-child { width: 4.4rem; margin-right: 0; } .top .lright .menuwrapper .navs .nav .sub .subnavs a:hover { color: #3a4cde; } .top .lright .menuwrapper .navs .nav .sub .left { float: left; width: 3rem; min-height: 2.92rem; border-right: 0.02rem solid #d3d3d3; padding-right: 0.9rem; } .top .lright .menuwrapper .navs .nav .sub .left .snav { margin-top: 0.1rem; } .top .lright .menuwrapper .navs .nav .sub .left .snav a { display: block; margin-bottom: 0.3rem; color: #6c6c71; font-size: 0.19rem; } .top .lright .menuwrapper .navs .nav .sub .left .snav a:hover { color: #3a4cde; } .top .lright .menuwrapper .navs .nav .sub .left .snav .act { color: #3a4cde; } .top .lright .menuwrapper .navs .nav .sub .right { width: 11.58rem; float: right; } .top .lright .menuwrapper .navs .nav .sub .right .stb { overflow: hidden; display: none; } .top .lright .menuwrapper .navs .nav .sub .right .stb .img { border-radius: 0.12rem; overflow: hidden; width: 4.63rem; float: left; } .top .lright .menuwrapper .navs .nav .sub .right .stb .img img { width: 4.63rem; height: 2.89rem; float: left; transition: all 0.6s ease-in-out; } .top .lright .menuwrapper .navs .nav .sub .right .stb .img img:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .top .lright .menuwrapper .navs .nav .sub .right .stb .txt { float: right; margin-left: 0.35rem; width: 6.59rem; } .top .lright .menuwrapper .navs .nav .sub .right .stb .txt .title { text-align: left; color: #1c1c1f; font-size: 0.28rem; } .top .lright .menuwrapper .navs .nav .sub .right .stb .txt .desc { min-height: 1.48rem; margin-top: 0.16rem; line-height: 0.34rem; color: #6c6c71; text-align: justify; font-size: 0.16rem; } .top .lright .menuwrapper .navs .nav .sub .right .stb .mlink { margin-top: 0.1rem; } .top .lright .menuwrapper .navs .nav .sub .right .act { display: block; } .top .lright .menuwrapper .navs .nav .icon { display: none; } .top .lright .menuwrapper .navs .on .t::after { opacity: 1; transform: scale(1, 1); } .top .lright .menuwrapper .navs .on .sub { /* opacity:1; transition: opacity 5s; display: block; */ } .top .lright .menuwrapper .navs .act .t::after { opacity: 1; transform: scale(1, 1); } .top .lright .menuwrapper .en li .sub .tab .left .snav a { text-align: left; } .top .lright .menuwrapper .en li .sub .tab .right .stb .txt .desc { text-align: left; } .mmenus { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; } .mmenus .mfc { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.6); } .mmenus .mnus { width: 6rem; height: 100%; right: -6rem; background: #fff; position: absolute; z-index: 2; top: 0; } .mmenus .mnus .navs { margin-top: 0.8rem; margin-left: 0.4rem; margin-right: 0.4rem; } .mmenus .mnus .navs .close { width: 0.26rem; height: 0.26rem; margin-top: -0.3rem; } .mmenus .mnus .navs .close img { width: 0.26rem; height: 0.26rem; } .mmenus .mnus .navs .item { overflow: hidden; border-bottom: 0.02rem dotted #ccc; } .mmenus .mnus .navs .text { float: left; width: 80%; font-size: 0.22rem; color: #1c1c1f; height: 0.86rem; line-height: 0.86rem; position: relative; } .mmenus .mnus .navs .text::after { display: block; content: ""; height: 0.04rem; width: 1.1rem; position: absolute; bottom: 0; left: 0; background-image: url(../img/icon_nav.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transform-origin: 50% 0; transform: scale(0.01, 1); } .mmenus .mnus .navs .twostr { letter-spacing: 0.45rem; } .mmenus .mnus .navs .icon { float: right; width: 19%; text-align: right; height: 0.86rem; line-height: 0.86rem; } .mmenus .mnus .navs .icon i { color: #aeaeae; font-size: 0.5rem; } .mmenus .mnus .navs .subs { display: none; width: 100%; clear: both; background: #f6fafa; } .mmenus .mnus .navs .subs a { padding-left: 0.1rem; display: block; height: 0.66rem; line-height: 0.66rem; border-bottom: 0.02rem dotted #e5e5e5; font-size: 0.22rem; color: #1c1c1f; } .mmenus .mnus .navs .subs a:last-child { border: none; } .mmenus .mnus .navs .act .text::after { opacity: 1; transform: scale(1, 1); } .mmenus .mnus .navs .act .subs { display: block; } .mmenus .mnus .en .twostr { letter-spacing: 0; } .mmenus .mnus .en .subs a { height: auto; line-height: 1.4; padding-top: 0.2rem; padding-bottom: 0.2rem; } .body { max-width: 1920px; margin: 0 auto; margin-top: 1rem; } .body .carousel-indicators { display: block; } .foot { margin-top: 1.5rem; background: #f6f6f6; } .foot .rowa { overflow: hidden; margin-top: 0.9rem; } .foot .rowa .menus { float: left; width: 11rem; } .foot .rowa .menus .gitems { float: left; width: 1.46rem; margin-left: 0.44rem; } .foot .rowa .menus .gitems a { font-size: 0.16rem; color: #94959a; display: block; text-decoration: none; margin-top: 0.12rem; margin-bottom: 0.12rem; } .foot .rowa .menus .gitems a:hover { color: #394cde; } .foot .rowa .menus .gitems .t { color: #000; font-size: 0.22rem; height: 0.52rem; line-height: 0.52rem; } .foot .rowa .menus .gitems .br { border-right: 1px solid #e1e1e1; min-height: 2.3rem; } .foot .rowa .menus .gitems .mt { padding-top: 0.2rem; } .foot .rowa .menus .gitems:first-child { margin-left: 0; } .foot .rowa .menus .w1 { width: 2.14rem; } .foot .rowa .menus .w2 { width: 2.43rem; } .foot .rowa .qrcode { float: right; width: 4.3rem; } .foot .rowa .qrcode .item { width: 2rem; float: left; margin-left: 0.1rem; } .foot .rowa .qrcode .item .t { font-size: 0.22rem; color: #171625; text-align: left; margin-top: 0.1rem; padding-left: 0.06rem; } .foot .rowa .qrcode .item .d { font-size: 0.16rem; color: #171625; text-align: left; color: #94959a; padding-left: 0.06rem; } .foot .rowa .qrcode .item .qimg { margin-top: 0.2rem; } .foot .rowa .qrcode .item .qimg img { height: 1.34rem; width: 1.34rem; } .foot .rowa .qrcode .item:first-child { margin-left: 0; } .foot .en .menus .gitems a { height: auto; line-height: 1.2; margin-bottom: 0.2rem; overflow: hidden; box-sizing: border-box; padding-right: 0.2rem; font-size: 0.16rem; } .foot .en .menus .gitems .t { font-size: 0.2rem; } .foot .en .menus .gitems .mt { min-height: 2.6rem; } .foot .en .qrcode .item .t { font-size: 0.2rem; } .foot .en .qrcode .item .d { color: #94959a; font-size: 0.14rem; } .foot .rowb { overflow: hidden; margin-top: 1.1rem; margin-bottom: 0.5rem; color: #94959a; font-size: 0.14rem; text-align: center; } .foot .rowb a { color: #94959a; font-size: 0.14rem; text-decoration: none; } .mlink .more { width: 1.2rem; height: 0.48rem; text-align: center; line-height: 0.48rem; color: #ababab; font-size: 0.12rem; display: block; text-decoration: none; background-image: url(../img/mlink.png?a=1); background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; } .mlink .more:hover { color: #394cde; background-image: url(../img/mlink_1.png?a=1); } #toast-container { z-index: 99999999; top: 1.2rem; } #toast-container .toast-message { font-size: 0.2rem; } #toast-container .toast-top-center > div { width: 3rem; } #toast-container div { margin: 0 0 0.06rem; padding: 0.1rem 0.1rem 0.1rem 0.4rem; width: 3rem; -moz-border-radius: 0.03rem; -webkit-border-radius: 0.03rem; border-radius: 0.03rem; background-position: 0.15rem center; } .en .maintitle { overflow: hidden; width: auto; } .en .maintitle .t { font-size: 0.28rem; color: #1c1c1f; } @media screen and (max-width: 750px) { .maintitle { overflow: hidden; } .maintitle .t { font-size: 0.3rem; line-height: 1.2; } .maintitle .icon { margin-top: 0.04rem; } .maintitle .icon img { width: 0.6rem; height: 0.05rem; } .pc { display: none; } .mobile { display: block; } .main { width: 100%; min-width: 100%; } .cnt { width: 6.9rem; min-width: auto; } .carousel-indicators { margin-bottom: 0.01rem; } .mlink .more { width: 1rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.16rem; } .mlink .enmore { width: 1.2rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.16rem; } .top { padding-bottom: 0.2rem; } .top .lright .menuwrapper { display: none; } .top .lright .menuwrapper .menus { display: none; } .top .lright .menubtn { display: block; } .top .lright .menubtn img { margin-top: 0.34rem; } .top .submenus { display: none; } .top .lright .langs .lang a { font-size: 0.22rem; } .top .lright .langs .icon { width: 0.3rem; margin-right: 0.1rem; } .top .lright .langs .icon img { margin-top: 0.28rem; width: 0.3rem; height: 0.3rem; } .foot { margin-top: 0.4rem; } .foot .rowa { margin-top: 0.3rem; overflow: hidden; } .foot .rowa .menus { float: none; overflow: hidden; width: auto; margin: 0 auto; margin-left: 0.04rem; } .foot .rowa .menus .gitems { width: 0.96rem; margin-left: 0.08rem; } .foot .rowa .menus .gitems a { font-size: 0.2rem; } .foot .rowa .menus .gitems .t { font-size: 0.22rem; } .foot .rowa .menus .gitems .mt { padding-top: 0rem; } .foot .rowa .menus .gitems:last-child { float: right; width: 0.96rem; } .foot .rowa .menus .w1 { width: 1.5rem; } .foot .rowa .menus .w2 { width: 2.1rem; } .foot .rowa .qrcode { float: none; text-align: center; width: 100%; overflow: hidden; } .foot .rowa .qrcode .item { margin-top: 0.2rem; float: none; display: inline-block; margin-left: 0.15rem; margin-right: 0.15rem; width: 2rem; } .foot .rowa .qrcode .item .t { font-size: 0.22rem; } .foot .rowa .qrcode .item .d { font-size: 0.2rem; height: 0.4rem; } .foot .rowa .qrcode .item:first-child { margin-left: 0.66rem; } .foot .rowa .qrcode .item .qimg { text-align: left; } .foot .en .menus .gitems { width: 1.2rem; margin-left: 0.14rem; } .foot .en .menus .gitems a { height: auto; line-height: 1.2; margin-bottom: 0.2rem; overflow: hidden; box-sizing: border-box; padding-right: 0.2rem; font-size: 0.14rem; } .foot .en .menus .gitems .t { font-size: 0.15rem; } .foot .en .menus .gitems .mt { min-height: 2rem; } .foot .en .menus .gitems:last-child { width: 0.86rem; } .foot .en .menus .w1 { width: 1.4rem; } .foot .en .menus .w2 { width: 1.5rem; } .foot .en .qrcode .item { width: 1.5rem; } .foot .en .qrcode .item .t { font-size: 0.2rem; } .foot .en .qrcode .item .d { color: #94959a; font-size: 0.14rem; } .foot .rowb { margin-top: 0.2rem; margin-bottom: 0.2rem; } }