#main .section{ margin-bottom: 2rem; } #main .section h2{ font-size: .95rem; line-height: 1.07rem; color: #0f3787; margin-bottom: .8rem; } #main .section h2 img{ width: 1.5rem; } #main .section h2 img:nth-child(1){ margin-right: .4rem; } #main .section h2 img:nth-child(2){ margin-left: .4rem; } #main .edubtn{ width: 9rem; height: 1.95rem; background-image: linear-gradient(0deg, #ff860f 0%, #ffb55b 29%, #ffe3a6 100%); box-shadow: 0rem 0rem 0.43rem 0rem rgba(0, 0, 0, 0.15); border-radius: 0.95rem; border: solid 0.04rem #ffffff; font-size: 0.68rem; font-weight: bold; color: #000000; position: relative; z-index: 1; } #main .edubtn::after,#main .edubtn::before{ content:""; width: 1.53rem; height: 1.53rem; position: absolute; top: 50%; transform: translatey(-50%); z-index: -1; } #main .edubtn::after{ right: .2rem; border-radius: 0 1.53rem 1.53rem 0; background-image: linear-gradient(270deg, #ffffff -9%, transparent 70%); } #main .edubtn::before{ left: .2rem; border-radius: 1.53rem 0 0 1.53rem; background-image: linear-gradient(90deg, #ffffff -9%, transparent 70%); } #main .section .edubtnbox{ margin-top: 1.05rem; } #main .section .edubtnbox .edubtn{ font-size: 0.6rem; width: 7.48rem; } #main .section .edubtnbox .edubtn:nth-child(2){ margin-left: .2rem; } #main .section1 .txt{ font-family: 'alibabapuhuitimedium'; font-size: 0.64rem; line-height: 1.2rem; color: #262626; } #main .section1 .chatbox { padding: 0 .55rem; margin-top: .8rem; } #main .section1 .chat>div { align-items: flex-start; margin-bottom: .4rem; flex-wrap: wrap; } #main .section1 .chat>div img{ width: 1.23rem; height: 1.23rem; margin-right: .55rem; flex-shrink: 0; margin-top: .3rem; } #main .section1 .chat>div.user img{ margin-right: 0; margin-left: .55rem; } #main .section1 .chat>div .txt{ width:13.1rem; height: auto; background-color: #f2f2f2; border-radius: 0.06rem; font-family: '"microsoft yahei"'; font-size: 0.55rem; line-height: 1rem; color: #4d4d4d; padding: .4rem .5rem; position: relative; } #main .section1 .chat>div .txt a{ color: #db322e; font-family: 'alibabapuhuitimedium'; font-size: 0.55rem; } #main .section1 .chat .txt::before { content: ""; border: .45rem solid #f2f2f2; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; position: absolute; left: -.8rem; top:.6rem; } #main .section1 .chat>div.user .txt{ background: none; } #main .section1 .chat>div.user .txt::before{ display: none; } #main .section1 .chat ul{ width: 100%; padding-left: 1.78rem; margin-top: .4rem; flex-wrap: wrap; } #main .section1 .chat li{ width: 4.08rem; height: 1.5rem; background-color: #ff860f; border-radius: 0.11rem; font-family: 'alibabapuhuitimedium'; font-size: 0.55rem; color: #ffffff; margin-top: .3rem; } #main .section1 .chat li:nth-child(1), #main .section1 .chat li:nth-child(2), #main .section1 .chat li:nth-child(3){ margin-top: 0; } #main .section1 .formbox{ padding: 0 .55rem; margin-top: 1rem; } #main .section1 .formbox .form{ height: 0; overflow: hidden; } #main .section1 .formbox .form.active{ height: auto; } #main .section .formbox .item{ margin-bottom: .4rem; } #main .section .formbox .item>div{ width: 100%; } #main .section .formbox input, #main .section .formbox select{ width: 100%; height: 1.73rem; background-color: #f7f7f7; border: solid 0.02rem #e5e5e5; font-size: 0.55rem; font-family: 'alibabapuhuitimedium'; color: #999898; padding-left: .5rem; } #main .section .formbox input::placeholder{ color: #999898; } #main .section .formbox select{ background: #f7f7f7 url(/uploads/image/z2img/arrow.png) no-repeat; background-size: 3%; background-position: 95% center; } #main .section .formbox label{ width: 2.8rem; font-family: 'alibabapuhuitimedium'; font-size: 0.55rem; letter-spacing: -0.02rem; color: #7d7d7d; flex-shrink: 0; } #main .section .formbox .yzm span{ width: 3.6rem; background-color: #0f3787; flex-shrink: 0; font-size: 0.55rem; height: 1.73rem; color: #ffffff; } #main .section1 .edubtn{ margin: 1.05rem auto 0; } #main .section2 h2, #main .section4 h2{ margin-bottom: .8rem; } #main .section2>p, #main .section4>p{ font-family: 'alibabapuhuitimedium'; font-size: 0.64rem; line-height: 0.64rem; color: #333333; margin-bottom: .8rem; } #main .section2 .swiper-container{ padding-bottom: 2rem; } #main .section2 .swiper-wrapper{ align-items: stretch; } #main .section2 .swiper-slide{ padding: .43rem .2rem .85rem .2rem; background-color: #ebedf7; height: auto; } #main .section2 .sametitle { color: #0f3787; padding-left: .43rem; height: 1.73rem; background-color: #ffffff; border-style: solid; border-width: 0.04rem; border-image-source: linear-gradient(-30deg, #ff860f 0%, #ffffff 40%, #0f3787 100%); border-image-slice: 1; margin-bottom: .6rem; } #main .section2 .sametitle b { font-weight: normal; transform: scaley(1.2); font-size: 0.85rem; font-family: 'logoscunboundedsans'; position: relative; top: -2px; } #main .section2 .sametitle .min-t { font-family: 'alimamashuheitibold'; font-size: 0.64rem; margin-left: .35rem; line-height: 0.64rem; } #main .section2 .sametitle .min-t::before, #main .section2 .sametitle .min-t::after { content: ""; width: 0.57rem; height: 0.55rem; background-color: #ffffff; border-style: solid; border-width: 0.13rem; border-image-source: linear-gradient(-30deg, #ff860f 0%, #ffffff 40%, #0f3787 100%); border-image-slice: 1; box-sizing: border-box; } #main .section2 .sametitle .min-t::before{ margin-right: .3rem; } #main .section2 .sametitle .min-t::after{ margin-left: .3rem; } #main .section2 .content1 .data { position: relative; margin-bottom: .75rem; flex-wrap: wrap; } #main .section2 .content1 .data li { width: 33.33%; height: auto; text-align: center; margin-bottom: 1.15rem; } #main .section2 .content1 .data li:nth-child(4), #main .section2 .content1 .data li:nth-child(5){ margin-bottom: 0; } #main .section2 .content1 .data li>div { align-items: flex-end; font-family: 'centurygothic'; } #main .section2 .content1 .data .num { font-size: 1.07rem; line-height: 1.07rem; color: #404040; } #main .section2 .content1 .data em { font-size: 0.75rem; font-weight: bold; line-height: 0.75rem; color: #404040; margin-left: .1rem; } #main .section2 .content1 .data li:nth-child(1) em { font-size: 0.34rem; line-height: 0.34rem; } #main .section2 .content1 .data li p { font-family: 'alibabapuhuitimedium'; font-size: 0.55rem; line-height: 0.55rem; color: #000000; margin-top: .5rem; } #main .section2 .content1 .data>p { position: absolute; left: .7rem; top: 2.3rem; font-size: 0.38rem; line-height: 0.38rem; color: #666666; } #main .section2 .content1 .couns { flex-wrap: wrap; padding: 0 .4rem; } #main .section2 .content1 .couns>li { width: 4.72rem; height: 5.13rem; background: url(/uploads/image/z2img/us.png) no-repeat; background-size: 100%; box-shadow: 0rem 0rem 0.65rem 0rem rgba(0, 0, 0, 0.15); border-radius: 0.21rem; margin-top: .3rem; padding: .7rem 0 0 .5rem; position: relative; overflow: hidden; } #main .section2 .content1 .couns>li:nth-child(1), #main .section2 .content1 .couns>li:nth-child(2), #main .section2 .content1 .couns>li:nth-child(3) { margin-top: 0; } #main .section2 .content1 .couns>li:nth-child(2) { background-image: url(/uploads/image/z2img/ca.png); } #main .section2 .content1 .couns>li:nth-child(3) { background-image: ; } #main .section2 .content1 .couns>li:nth-child(4) { background-image: url(/uploads/image/z2img/au.png); } #main .section2 .content1 .couns>li:nth-child(5) { background-image: url(/uploads/image/z2img/asia.png); } #main .section2 .content1 .couns>li:nth-child(6) { background-image: url(/uploads/image/z2img/eu.png); } #main .section2 .content1 .couns p { font-family: 'alibabapuhuitimedium'; font-size: 0.51rem; line-height: 0.85rem; color: #ffffff; } #main .section2 .content1 .couns b { font-family: 'alibabapuhuitimedium'; font-size: 0.64rem; font-weight: normal; line-height: 0.64rem; letter-spacing: 0.03rem; color: #ffffff; margin-bottom: .45rem; display: block; } #main .section2 .content1 .couns .guihua { width: calc(100% - .12rem); height: 1.3rem; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: .06rem; left: 50%; transform: translatex(-50%); font-family: 'alibabapuhuitimedium'; font-size: 0.47rem; color: #ffffff; cursor: pointer; border-radius: 0 0 0.21rem 0.21rem; } #main .section2 .content2 .sametitle, #main .section2 .content3 .sametitle{ margin-bottom: .45rem; } #main .section2 .content2>p, #main .section2 .content3>p{ font-size: 0.55rem; line-height: .88rem; color: #4d4d4d; padding: 0 .7rem; margin-bottom: 1.5rem; } #main .section2 .content3 .data { margin-bottom: 1.53rem; align-items: flex-end; } #main .section2 .content3 .tv { width: 7.45rem; flex-shrink: 0; padding-left: .28rem; } #main .section2 .content3 .tv .img { width: 100%; height: 100%; overflow: hidden; position: relative; } #main .section2 .content3 .num_box { flex-wrap: wrap; width: 100%; } #main .section2 .content3 .num { width: 50%; text-align: center; } #main .section2 .content3 .num.mar { margin-bottom: .65rem; } #main .section2 .content3 .num .datanums { font-family: "avantibold"; font-size: 0.85rem; color: #0f3787; margin-bottom: .33rem; display: block; line-height: 0.65rem; } #main .section2 .content3 .num p { font-size: 0.55rem; line-height: .55rem; } #main .section2 .content3 ul{ flex-wrap: wrap; padding: 0.43rem; } #main .section2 .content3 li{ width: 4.72rem; height: 1.73rem; background-color: #0f3787; font-size: 0.6rem; color: #ffffff; margin-top: 0.4rem; } #main .section2 .content3 li:nth-child(1), #main .section2 .content3 li:nth-child(2), #main .section2 .content3 li:nth-child(3){ margin-top: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0; } #main .section2 .swiper-pagination-bullet{ width: 0.88rem; height: 0.35rem; background-color: #ebedf7; border-radius: 0.15rem; opacity: 1; transition: all .3s; } #main .section2 .swiper-pagination-bullet-active{ width: 1.3rem; height: 0.35rem; background-color: #0f3787; border-radius: 0.15rem; transition: all .3s; } #main .section3 h2{ position: relative; margin-bottom: 1rem; } #main .section3 h2 img{ /* position: absolute; top: .2rem; */ } #main .section3 h2 img:nth-child(1){ left: 1.25rem; } #main .section3 h2 img:nth-child(3){ right: 1.25rem; } #main .section3 .content1>ul{ width: 100%; position: relative; overflow: hidden; padding-left: .83rem; padding-bottom: 2rem; } #main .section3 .content1>ul::after{ content: ""; width: 10.83rem; height: 9rem; background: url(/uploads/image/z2img/person1.png) no-repeat; background-size: 100%; position: absolute; bottom: 0; right:0; } #main .section3 .content1>ul li{ align-items: flex-start; margin-bottom: .7rem; } #main .section3 .content1>ul li:last-child{ margin-bottom: 0; } #main .section3 .content1>ul li img{ width: 1.95rem; height: 1.93rem; flex-shrink: 0; margin-right: .38rem; } #main .section3 .content1>ul li b{ font-family: 'alibabapuhuitibold'; font-size: 0.64rem; line-height: 0.64rem; color: #0f3787; display: block; margin-bottom: .3rem; } #main .section3 .content1>ul li .txt{ font-size: 0.55rem; line-height: 0.9rem; color: #333333; } #main .section3 .content1 .expos{ padding-left: 1.4rem; align-items: stretch; } #main .section3 .content1 .expos_t{ width: 0.8rem; font-family: 'alibabapuhuitibold'; font-size: 0.85rem; line-height: 0.93rem; color: #0f3787; margin-right: 1.05rem; } #main .section3 .content1 .expos_t::before{ content: ""; width: 0.55rem; height: 0.57rem; border-style: solid; border-width: 0.13rem; border-image-source: linear-gradient(-30deg, #ff860f 0%, #ffffff 40%, #0f3787 100%); border-image-slice: 1; box-sizing: border-box; display: block; margin: 0 auto .2rem; } #main .section3 .content1 .exposlist { position: relative; } #main .section3 .content1 .exposlist::before{ content: ""; width: 0.15rem; height: 100%; background-color: #f2f2f2; border-radius: 0.05rem; position: absolute; left: .1rem; top: 0; } #main .section3 .content1 .exposlist span{ font-family: 'alibabapuhuitimedium'; font-size: 0.64rem; line-height: 1rem; letter-spacing: 0.03rem; color: #0f3787; width: 3rem; display: flex; align-items: center; position: relative; z-index: 4; margin-right: .5rem; flex-shrink: 0; margin-bottom: .2rem; } #main .section3 .content1 .exposlist span:before{ content: ""; width: 0.35rem; height: 0.35rem; background-color: #5072b0; border-radius: .35rem; margin-right: .73rem; flex-shrink: 0; } #main .section3 .content1 .exposlist ul{ flex-wrap: wrap; } #main .section3 .content1 .exposlist li{ width: 1.95rem; height: 1rem; background-color: #ebedf7; border-radius: 0.06rem; font-family: 'alibabapuhuitimedium'; font-size: 0.55rem; color: #000000; margin-right: .2rem; margin-bottom: .2rem; } #main .section3 .content1 .exposlist li.hz{ width: 4.08rem; } #main .section3 .content1>.person{ width: 100%; position: relative; } #main .section3 .content1>.person img{ width: 100%; } #main .section3 .content1>.person .edubtn{ width: 8.5rem; position: absolute; bottom: .63rem; left: 50%; transform: translatex(-50%); } #main .section4{ padding: 0 .85rem; } #main .section4 h2 img:nth-child(1){ left: 1.5rem; } #main .section4 h2 img:nth-child(3){ right: 1.5rem; } #main .section4 ul { width: 100%; flex-wrap: wrap; margin-bottom: 1.05rem; } #main .section4 ul li { width: 3.43rem; height: 1.3rem; background-color: #ffdede; border-radius: 0.06rem; font-size: 0.55rem; color: #000000; margin-top: .2rem; } #main .section4 ul li:nth-child(1), #main .section4 ul li:nth-child(2), #main .section4 ul li:nth-child(3) { margin-top: 0; } #main .section4 ul li:nth-child(2) { background-color: #f2ffde; } #main .section4 ul li:nth-child(3) { background-color: #dee8ff; } #main .section4 ul li:nth-child(4) { background-color: #fff1de; } #main .section4 ul li:nth-child(5) { background-color: #defffe; } #main .section4 ul li:nth-child(6) { background-color: #f1deff; } #main .section4 ul li:nth-child(7) { background-color: #dee7ff; } #main .section4 ul li:nth-child(8) { background-color: #ffdede; } #main .section4 ul li:nth-child(9) { background-color: #fff1de; } #main .section4 .edubtn{ margin: 1.05rem auto 0; } #main .section5{ padding-top: 1.1rem; background: url(/uploads/image/z2img/bg3.png) no-repeat; background-size: 100%; padding-bottom: .8rem; margin-bottom: 0; } #main .section5 .swiper-slide>img{ width: 7.7rem; margin: 0 auto; display: block; } #main .section5 .swiper-slide .swiper-logo{ margin-bottom: 1.02rem; } #main .section5 .swiper-slide .swiper-logo img{ width: 7.48rem; } #main .section5 .swiper-slide .swiper-logo p{ width: 5.35rem; height: 0.88rem; background-image: linear-gradient(90deg, transparent 0%, #5072b0 100%); border-radius: 0.88rem; font-family: 'alibabapuhuitimedium'; font-size: 0.43rem; color: #ffffff; padding-right: .38rem; } #main .section5 .swiper-slide h4{ font-family: 'alibabapuhuitibold'; font-size: 0.96rem; font-weight: normal; line-height: 0.96rem; color: #ffffff; margin-bottom: .8rem; margin-top: 1.3rem; text-align: center; } #main .section5 .swiper-slide h4 em{ font-size: 0.45rem; } #main .section5 .swiper-slide .txt{ font-size: 0.51rem; line-height: 0.95rem; color: #ffffff; text-align: center; } #main .section5 .swiper-button-next{ width: 0.65rem; height: 0.93rem; background: url(/uploads/image/z2img/pinxuanarrow.png) no-repeat; background-size: 100%; right: 2.17rem; } /* layout */ #main .ztlayout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } #main .ztlayout .ztlayout_box { width: 14rem; position: fixed; top: 47%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url(/uploads/image/z2img/lay.png) no-repeat; background-size: 100%; padding-top: 2.2rem; padding: 3.5rem 0.7rem 0.7rem; border-radius: 0 0 0.7rem 0.7rem ; } #main .ztlayout .ztlayout_box .form { width: 100%; margin: 0 auto; background: #f0f2f3; border-radius: .4rem; padding: .5rem .4rem .5rem; } #main .ztlayout .part{ margin-bottom: .8rem; } #main .ztlayout b{ font-family: 'alibabapuhuitibold'; font-weight: normal; font-size: .6rem; display: block; line-height: .7rem; border-left: .23rem solid #c6cef7; padding-left: .4rem; margin-bottom: .4rem; } #main .ztlayout ul.radio_box { width: 100%; flex-wrap: wrap; padding-left: .5rem; } #main .ztlayout ul.radio_box li { margin-right: .4rem; font-size: .55rem; color: #404040; margin-top: .2rem; } #main .ztlayout ul.radio_box li.mar { margin-top: 0; } #main .ztlayout ul.radio_box li em { width: 0.55rem; height: 0.55rem; border: solid 0.04rem #5fb0fd; margin-right: 8px; border-radius: .55rem; position: relative; flex-shrink: 0; } #main .ztlayout ul.radio_box li.active em::after { content: ""; width: 70%; height: 70%; border-radius: 10px; background-color: #1c0e94; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); } #main .ztlayout .ztlayout_box .item { width: 100%; position: relative; margin-bottom: 0.2rem; align-items: stretch; border: solid 0.02rem #e5e5e5; height: 1.5rem; overflow: hidden; } #main .ztlayout .ztlayout_box .item.cannot { width: 49%; } #main .ztlayout .ztlayout_box .item img { position: absolute; top: 50%; transform: translatey(-50%); right: 0.4rem; width: 0.5rem; } #main .ztlayout .ztlayout_box .item.yzm span { width: 40%; text-align: center; background-color: #0f3787; color: #ffffff; cursor: pointer; flex-shrink: 0; font-size: .5rem; } #main .ztlayout .ztlayout_box input, #main .ztlayout .ztlayout_box select { width: 100%; padding-left: 0.3rem; height: 1.5rem; background-color: #ffffff; font-size: .5rem; color: #b3b3b3; } #main .ztlayout .ztlayout_box select { background: #ffffff url(/uploads/image/z2img/arrow.png) no-repeat; background-size: 3%; background-position: 95% center; } #main .ztlayout .ztlayout_box input::placeholder { color: #b3b3b3; } #main .ztlayout .ztlayout_box .edubtn { width: 6rem; margin: 0 auto; margin-top: .6rem; } #main .ztlayout .ztlayout_box .date{ margin-top: .4rem; font-family: 'alibabapuhuitimedium'; font-size: .6rem; } #main .ztlayout .ztlayout_box .address{ font-family: 'alibabapuhuitimedium'; font-size: .5rem; } #main .ztlayout .ztlayout_box .close { width: 1.5rem; height: 1.5rem; position: absolute; top: 0; right: 0; }