/*index-company*/ #lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li:nth-child(1){ width: 210px; margin-right: 75px; } #lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li#nav_fast .nav_ul_son>li{ width: 90px; } @media (max-width: 1399px){ #lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li:nth-child(1){ margin-right: 0%; } } #lw_tdd_foot .bodyCont_width .nav_ul #tel{ margin-left: 0px; } #laymod_312791 .bodyCont_width .bodyContContent .left_img{ width: 922px; height: 451px; } #laymod_312791 .bodyCont_width .bodyContContent .right_text{ width: 478px; padding: 66px 45px 0 37px; height: 451px; } @media(max-width: 1399px){ #laymod_312791 .bodyCont_width .bodyContContent .left_img{ width: 790px; } #laymod_312791 .bodyCont_width .bodyContContent .right_text{ width: 409px; } #g_web{ overflow: hidden; } } @media(max-width: 991px){ #laymod_312660 .fl .ql-size-30{ font-size: 6vw; } /* company */ #laymod_312791 .bodyCont_width .bodyContContent .swiper .left_img{ width: 100%; height: 100%; } #laymod_312791 .bodyCont_width .bodyContContent .swiper .right_text{ padding: 20px 15px; width: 100%; height: 410px; } #laymod_312791 .bodyContContent .more{ left: 15px; } } /*video*/ #laymod_315569 #lw_wl_imgtext .bodyCont_width{ width: 1200px; } #laymod_315569 .bodyCont_width .bodyContContent .left_img{ width: 816px; height: 499px; } #laymod_315569 .bodyCont_width .bodyContContent .right_text{ width: 384px; padding: 75px 40px 0 30px; height: 499px } #laymod_315567 #lw_wl_breaknav .container{ width: 1200px; } @media (min-width: 992px){ #jh2_video_3.bodyCont .win_video.active_bg .video_play{ width: 800px; height: 670px; right: 30vw; } #jh2_video_3.bodyCont .win_video .video_btn a{ color: #fff; } #jh2_video_3 .bodyCont_width.container{ width: 1200px; } } /*company*/ #laymod_313377 #lw_wl_imgtext .bodyCont_width{ width: 1200px; } #laymod_313377 .bodyCont_width .bodyContContent .left_img{ width: 865px; height: 514px; } #laymod_313377 .bodyCont_width .bodyContContent .right_text{ width: 335px; padding: 155px 70px 0 60px; height: 514px } /* detail */ #laymod_313723 #lw_wl_imgtext .bodyCont_width{ width: 1200px; } #laymod_313723 .bodyCont_width .bodyContContent .left_img{ width: 785px; height: 465px; } #laymod_313723 .bodyCont_width .bodyContContent .right_text{ width: 415px; padding: 90px 45px 0 35px; height: 465px } #laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt:nth-child(1){ margin-right: 20px; } #laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt{ width: 590px; } #laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt .left_title{ width: 248px; padding: 86px 19px 0 28px; } @media (min-width: 1399px){ #laymod_313123 #lw_wl_breaknav .container { width: 1200px; } } #lw_tdd_foot .bodyCont_width.active{ position: fixed; bottom: 0; width: 100%; background: rgba(243,243,243,1); z-index: 99; padding-top: 65px; margin: 0 !important; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .ImageText961 #lw_wl_imgtext .bodyContContent .bottom_con .tit2 .tit2_txt::before, .ImageText961 #lw_wl_imgtext .bodyContContent .right_text .tit2 .tit2_txt::before { width: 0; } 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_986880 { position: relative; overflow: hidden; width: 100vw; height: 100vh; font-family: "Microsoft Yahei", "PingHei", "Lucida Grande", "Lucida Sans Unicode"; } #laymod_986880 .bg { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } #laymod_986880 .bg_img { z-index: 2; } #laymod_986880 .bodyCont_width { position: relative; text-align: center; z-index: 4; } #laymod_986880 .bodyCont_width .bodyContContent .bodyCont_wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 70vh; } #laymod_986880 .bodyCont_width .bodyContContent h3 { width: 100%; color: #d9dee6; } #laymod_986880 .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_986880 .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_986880 .bodyCont_width .bodyContContent .span { position: relative; z-index: 20; text-align: left; color: #fff; } #laymod_986880 .bodyCont_width .bodyContContent .span b { display:block; font-style:normal; font-weight:normal; font-size:12px; opacity: 0.5; } #laymod_986880 .bodyCont_width .bodyContContent ul.span_top { margin-bottom:15px; } #laymod_986880 .bodyCont_width .bodyContContent ol { font-size: 0; margin: 0 -5px; margin-top: 5px; } #laymod_986880 .bodyCont_width .bodyContContent ol li { display:inline-block; vertical-align: middle; margin: 0 5px; position: relative; } #laymod_986880 .bodyCont_width .bodyContContent ol li a { display:flex; align-items: center; justify-content: center; color: #fff; width:30px; height:30px; } #laymod_986880 .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_986880 .bodyCont_width .bodyContContent ol li:nth-child(2) span { width:auto; } #laymod_986880 .bodyCont_width .bodyContContent ol li:nth-child(2) span img { width:134px; } #laymod_986880 .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_986880 .bodyCont_width .bodyContContent ol li:hover a { color: #fff; } #laymod_986880 .bodyCont_width .bodyContContent ol li:hover span { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); } #laymod_986880 .bodyCont_width .bodyContContent ol li a i { font-size: 24px; } #laymod_986880 .bodyCont_width .bodyContContent .back_btn { width: 100%; margin-top: 30px; text-align: center; } #laymod_986880 .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_986880 .bodyCont_width .bodyContContent ul.span_bottom { font-size:14px; } #laymod_986880 .bodyCont_width .bodyContContent h3 { font-size: 150px; line-height: 1; margin-bottom: 4%; } #laymod_986880 .bodyCont_width .bodyContContent .jh2_worry { width: 800px; height: 260px; font-size: 16px; line-height: 2; } #laymod_986880 .bodyCont_width .bodyContContent .span b { margin-top:32px; } } @media (min-width: 768px) and (max-width: 991px) { #laymod_986880 .bodyCont_width .bodyContContent h3 { font-size: 120px; line-height: 1; margin-bottom: 4%; } #laymod_986880 .bodyCont_width .bodyContContent .jh2_worry { width: 90%; height: 220px; font-size: 14px; line-height:1.6; } #laymod_986880 .bodyCont_width .bodyContContent .span b { margin-top:30px; } } @media (max-width: 767px) { #laymod_986880 .bodyCont_width .bodyContContent h3 { font-size: 80px; margin-bottom: 4%; } #laymod_986880 .bodyCont_width .bodyContContent .jh2_worry { width: 100%; height: 220px; font-size: 12px; line-height:1.5; } #laymod_986880 .bodyCont_width .bodyContContent .span b { margin-top:15px; } }