@media(min-width: 1440px) { #jh_message_2 .container { width: 1400px; } } @media(max-width: 1440px) { html { overflow-x: hidden; } } #laymod_917810 #jh_message_2 .bodyContTitle .fl { font-family: Source Han Serif CN; } #laymod_917810 #jh_message_2 .message_form input, #laymod_917810 #jh_message_2 .message_form textarea { height:4.5rem!important; border-radius: 10px!important; font-size: 1.4rem!important; } #laymod_917810 #jh_message_2 .message_form .liuyan { height:4.5rem!important; line-height: 4.5rem!important; font-size: 1.6rem!important; } #laymod_917810 #jh_message_2 .message_form textarea { height: 15.5rem!important; } #laymod_917810 #jh_message_2 .message_form #verifyPic { height:4.5rem!important; } /**/ .c-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 1.2rem; font-family: 'GaramondPremrPro-Med', serif; position: relative; font-size: 1.2rem; text-transform: uppercase; font-family: 'Times New Roman', serif; } .c-link { color: ; } .c-button-link__circle, .c-button-link__circle2 { width: 48px; height: 48px; position: relative; } .width_50 .c-button-link__circle, .width_50 .c-button-link__circle2 { width: 50px; height: 50px; } .c-button-link__circle { z-index: 2; } .c-button-link__circle2 { z-index: 3; position: absolute; top: 0; left: 0; } .c-button-link__circle circle, .c-button-link__circle2 circle { fill: transparent; stroke-width: 1; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .c-button-link__circle circle { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); stroke: #b3b3b1; stroke-dasharray: 182; stroke-dashoffset: 90; } .c-link.-white .c-button-link__circle circle { stroke: #fff; opacity: .3; } .c-link.-blue .c-button-link__circle circle { stroke: #073D79; opacity: .6; } .more-block .c-button-link__circle2 circle { stroke: #000; stroke-dasharray: 183; stroke-dashoffset: 183; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: circle_out2 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .c-link.-white .c-button-link__circle2 circle { stroke: #fff; } .c-link.-blue .c-button-link__circle2 circle { stroke: #073D79; } .more-block:hover .c-button-link__circle2 circle { -webkit-animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: circle_in2 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } circle_in2 { 0%{stroke-dashoffset:183}to{stroke-dashoffset:276} } @keyframes circle_in2{ 0%{stroke-dashoffset:183}to{stroke-dashoffset:276} } @-webkit-keyframes circle_out2{ 0%{stroke-dashoffset:276}to{stroke-dashoffset:183} } @keyframes circle_out2{ 0%{stroke-dashoffset:276}to{stroke-dashoffset:183} } /**/ .c-rollup { letter-spacing: -1px; position: relative; overflow: hidden; height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-1.5rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem); font-family: 'Times New Roman', serif; } .-white .c-rollup { color: #fff; } .-blue .c-rollup { color: #1e78b6; } .c-rollup .c-rollup__hov { position: absolute; top: 0; left: 0; } .c-rollup .js-txt-split__cell { display: inline-block; will-change: transform; -webkit-transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); transition: color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); -o-transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s; transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s; transition: transform 0.4s ease calc(var(--split-delay)*30ms), color 0s, -webkit-transform 0.4s ease calc(var(--split-delay)*30ms); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c-rollup .c-rollup__nom .js-txt-split__cell { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .more-block:hover .c-rollup .c-rollup__nom .js-txt-split__cell { -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); } .c-rollup .c-rollup__hov .js-txt-split__cell { -webkit-transform: translateY(1em); -ms-transform: translateY(1em); transform: translateY(1em); } .more-block:hover .c-rollup .c-rollup__hov .js-txt-split__cell { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .js-txt-split__cell:first-child { -webkit-animation-delay: 0.05s!important; animation-delay: 0.05s!important; } .js-txt-split__cell:nth-child(2) { -webkit-animation-delay: 0.1s!important; animation-delay: 0.1s!important; } .js-txt-split__cell:nth-child(3) { -webkit-animation-delay: 0.15s!important; animation-delay: 0.15s!important; } .js-txt-split__cell:nth-child(4) { -webkit-animation-delay: 0.2s!important; animation-delay: 0.2s!important; } h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; } a, a:hover, a:active, a:visited, a:focus, a:link { text-decoration: none; } ul, ol, li { list-style: none; padding: 0; margin: 0; } i { font-style: normal; } img { border: 0; } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_5ghpi13iqll.eot'); src: url('//at.alicdn.com/t/font_249974_5ghpi13iqll.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_5ghpi13iqll.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_5ghpi13iqll.woff') format('woff'), url('//at.alicdn.com/t/font_249974_5ghpi13iqll.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_5ghpi13iqll.svg#iconfont') format('svg'); } .fonticon:before, .fonticon:after { font-family: 'iconfont'; } .icon_mobile:before { content:"\ea05"; } .icon_wechat:before { content:"\ea04"; } .icon_qq:before { content:"\ea00"; } .icon_tel:before { content:"\ea07"; } /*妯$増鏁翠綋鎺у埗*/ #laymod_912992 { position: relative; overflow: hidden; width: 100vw; height: 100vh; font-family: "Microsoft Yahei", "PingHei", "Lucida Grande", "Lucida Sans Unicode"; } #laymod_912992 .bg { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } #laymod_912992 .bg_img { z-index: 2; } #laymod_912992 .bodyCont_width { position: relative; text-align: center; z-index: 4; } #laymod_912992 .bodyCont_width .bodyContContent .bodyCont_wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 70vh; } #laymod_912992 .bodyCont_width .bodyContContent h3 { width: 100%; color: #d9dee6; } #laymod_912992 .bodyCont_width .bodyContContent .jh2_worry { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0 15px; background-color: #ec633d; } #laymod_912992 .bodyCont_width .bodyContContent .jh2_worry_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 10; width: 100%; height: 100%; background:url() no-repeat center; background-size:cover; } #laymod_912992 .bodyCont_width .bodyContContent .span { position: relative; z-index: 20; text-align: left; color: #fff; } #laymod_912992 .bodyCont_width .bodyContContent .span b { display:block; font-style:normal; font-weight:normal; font-size:12px; opacity: 0.5; } #laymod_912992 .bodyCont_width .bodyContContent ul.span_top { margin-bottom:15px; } #laymod_912992 .bodyCont_width .bodyContContent ol { font-size: 0; margin: 0 -5px; margin-top: 5px; } #laymod_912992 .bodyCont_width .bodyContContent ol li { display:inline-block; vertical-align: middle; margin: 0 5px; position: relative; } #laymod_912992 .bodyCont_width .bodyContContent ol li a { display:flex; align-items: center; justify-content: center; color: #fff; width:30px; height:30px; } #laymod_912992 .bodyCont_width .bodyContContent ol li span { position: absolute; left:50%; bottom:40px; max-width:150px; min-height:34px; line-height: 34px; text-align: center; padding:8px; border-radius: 5px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); color: #333; font-size: 14px; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, 60px); transition: all 0.3s; } #laymod_912992 .bodyCont_width .bodyContContent ol li:nth-child(2) span { width:auto; } #laymod_912992 .bodyCont_width .bodyContContent ol li:nth-child(2) span img { width:134px; } #laymod_912992 .bodyCont_width .bodyContContent ol li span:after { content:""; display:block; width:8px; height:8px; background:#fff; transform: rotate(45deg) translateX(-50%); position:absolute; bottom:-5.5px; left:50%; } #laymod_912992 .bodyCont_width .bodyContContent ol li:hover a { color: #fff; } #laymod_912992 .bodyCont_width .bodyContContent ol li:hover span { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); } #laymod_912992 .bodyCont_width .bodyContContent ol li a i { font-size: 24px; } #laymod_912992 .bodyCont_width .bodyContContent .back_btn { width: 100%; margin-top: 30px; text-align: center; } #laymod_912992 .bodyCont_width .bodyContContent .back_btn span { display: inline-block; color: #fff; padding: 10px 15px; border-radius: 3px; font-size: 14px; min-width: 10vw; cursor: pointer; background-color: #ec633d; } @media (min-width: 992px) { #laymod_912992 .bodyCont_width .bodyContContent ul.span_bottom { font-size:14px; } #laymod_912992 .bodyCont_width .bodyContContent h3 { font-size: 150px; line-height: 1; margin-bottom: 4%; } #laymod_912992 .bodyCont_width .bodyContContent .jh2_worry { width: 800px; height: 260px; font-size: 16px; line-height: 2; } #laymod_912992 .bodyCont_width .bodyContContent .span b { margin-top:32px; } } @media (min-width: 768px) and (max-width: 991px) { #laymod_912992 .bodyCont_width .bodyContContent h3 { font-size: 120px; line-height: 1; margin-bottom: 4%; } #laymod_912992 .bodyCont_width .bodyContContent .jh2_worry { width: 90%; height: 220px; font-size: 14px; line-height:1.6; } #laymod_912992 .bodyCont_width .bodyContContent .span b { margin-top:30px; } } @media (max-width: 767px) { #laymod_912992 .bodyCont_width .bodyContContent h3 { font-size: 80px; margin-bottom: 4%; } #laymod_912992 .bodyCont_width .bodyContContent .jh2_worry { width: 100%; height: 220px; font-size: 12px; line-height:1.5; } #laymod_912992 .bodyCont_width .bodyContContent .span b { margin-top:15px; } }