@font-face { font-family: 'zw_iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_yi4hgg174u.eot'); src: url('//at.alicdn.com/t/font_249974_yi4hgg174u.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.woff') format('woff'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_yi4hgg174u.svg#iconfont') format('svg'); } .webIcon{ font-family: "zw_iconfont" !important; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'Conv_ImpactLTStd'; src: url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.eot'); src: local('鈽?), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.woff') format('woff'), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.ttf') format('truetype'), url('http://cdn.jihuinet.com/wechat/upload/ImpactLTStd.svg') format('svg'); font-weight: normal; font-style: normal; } * { -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } input, textarea{ -moz-user-select: text; -o-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } a:focus{ text-decoration: none; } #zw_header.header_pc{ width: 100%; background-color: #fff; padding-top: 16px; padding-bottom: 22px; position: relative; z-index: 1000; } #zw_header.header_pc .header_content{ width: 1170px; height: 60px; margin: 0 auto; text-align: center; position: relative; } #zw_header.header_pc .logo{ position: absolute; left: 0; top: 0; } #zw_header.header_pc .logo a{ width: 60px; height: 60px; display: block; font-size: 0; } #zw_header.header_pc .logo img{ width: 100%; height: 100%; object-fit: contain; } #zw_header.header_pc .nav_block{ height: 60px; padding: 14px 0; position: absolute; right: 0; top: 0; } #zw_header.header_pc .nav_block .wechat{ width: 32px; height: 32px; position: relative; margin-left: 14px; float: left; } #zw_header.header_pc .wechat a.wechat_icon{ width: 32px; height: 32px; display: block; background-color: #2e0f6e; text-align: center; line-height: 32px; border-radius: 5px; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .wechat a.wechat_icon:hover{ background-color: #e10000; } #zw_header.header_pc .wechat .webIcon{ font-size: 20px; color: #fff; } #zw_header.header_pc .wechat .webIcon:after{ content: "\e603"; } #zw_header.header_pc .wechat .wechat_content{ display: none; border: 1px solid #ccc; position: absolute; right: -54px; width: 140px; top: 50px; padding: 9px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; } #zw_header.header_pc .wechat .wechat_content:after{ content: ""; width: 10px; height: 10px; display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; position: absolute; top: -6px; right: 64px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zw_header.header_pc .wechat .wechat_content .code{ width: 120px; height: 120px; font-size: 0; background-color: #eee; margin-bottom:6px; } #zw_header.header_pc .wechat .wechat_content .code img{ width: 100%; height: 100%; } #zw_header.header_pc .wechat .wechat_content p{ text-align: center; line-height: 24px; } #zw_header.header_pc .nav_block .search{ width: 32px; height: 32px; position: relative; margin-left: 14px; float: left; } #zw_header.header_pc .search a.search_icon{ width: 32px; height: 32px; display: block; background-color: #2e0f6e; text-align: center; line-height: 34px; border-radius: 5px; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search a.search_icon:hover{ background-color: #e10000; } #zw_header.header_pc .search .webIcon{ font-size: 16px; color: #fff; } #zw_header.header_pc .search .webIcon:after{ content: "\e913"; } #zw_header.header_pc .search .search_content{ display: none; border: 1px solid #ccc; position: absolute; right: -7px; width: 250px; top: 50px; padding: 10px; background-color: #fff; border-radius: 3px; -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); } 100% { -webkit-transform:scale(1); } } @keyframes avia_pop { 0% { transform:scale(0.8); } 100% { transform:scale(1); } } #zw_header.header_pc .search .search_content:after{ content: ""; width: 10px; height: 10px; display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; position: absolute; top: -6px; right: 17px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #zw_header.header_pc .search .search_content .search_text{ width: 188px; padding: 0 10px; border: none; outline: none; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #333; background-color: #eee; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search .search_content .search_btn{ float: left; width: 40px; height: 40px; display: block; text-align: center; line-height: 42px; font-size: 14px; background-color: #999; color: #fff; position: relative; z-index: 5; transition: all .3s; -webkit-transition: all .3s; } #zw_header.header_pc .search .search_content .search_btn:hover{ background-color: #2e0f6e; } #zw_header.header_pc .search .search_content .search_btn .webIcon{ font-size: 16px; color: #fff; } #zw_header.header_pc .nav_block .lang{ height: 32px; line-height: 32px; font-size: 14px; color: #999; float: left; padding-right: 14px; position: relative; } #zw_header.header_pc .nav_block .lang:after{ content: ""; width: 1px; height: 12px; display: block; background-color: #e6e6e6; position: absolute; right: 0; top: 10px; } #zw_header.header_pc .nav_block .lang a{ color: #999; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_header.header_pc .nav_block .lang a:hover{ color: #2e0f6e; } #zw_header.header_pc .nav{ display: inline-block; *display:inline; *zoom:1; } #zw_header.header_pc .nav .nav_ul{ overflow: hidden; } #zw_header.header_pc .nav .nav_list{ float: left; padding: 15px 0; margin-left: 20px; } #zw_header.header_pc .nav .nav_list a{ width: 86px; display: block; height: 30px; text-align: center; } #zw_header.header_pc .nav_list.nav_list_index a{ width: 58px; } #zw_header.header_pc .nav_list .nav_rotate{ display: block; height: 30px; perspective: 200; -webkit-perspective: 200; transition: 0.25s; -webkit-transition: 0.25s; position:relative; } /*#zw_header.header_pc .nav_list a:hover .nav_rotate{ transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } #zw_header.header_pc .nav .active a .nav_rotate{ transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); }*/ #zw_header.header_pc .nav_list .nav_rotate span{ display: block; position: absolute; width: 100%; height: 30px; line-height: 30px; font-size: 14px; background-color: #fff; color: #000; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); left:0; transition: 0.25s; -webkit-transition: 0.25s; } #zw_header.header_pc .nav_list .nav_rotate span.nav_name { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); top:0; } #zw_header.header_pc .nav .active .nav_rotate span.nav_name, #zw_header.header_pc .nav_list a:hover .nav_rotate span.nav_name { top: 20px; background: #ccc; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #zw_header.header_pc .nav_list .nav_rotate span.nav_back_name{ transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); top:-20px; background-color: #2e0f6e; color: #fff; } #zw_header.header_pc .nav .active .nav_rotate span.nav_back_name, #zw_header.header_pc .nav_list a:hover .nav_rotate span.nav_back_name { top: 0; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* 绉诲姩绔 */ #zw_header .header_mobile{ width: 100%; height: 16vw; background-color: #fff; position: relative; } #zw_header .header_mobile .header_content{ text-align: center; position: relative; z-index: 100; box-shadow: 0 0 1vw #ccc; } #zw_header .header_mobile .logo{ display: inline-block; height: 16vw; width: auto; padding: 1vw 0; } #zw_header .header_mobile .logo img{ height: 100%; width: 100%; object-fit: contain; } #zw_header .header_mobile .nav_icon{ width: 16vw; height: 16vw; padding: 5vw; display: block; position: absolute; left: 0; top: 0; } #zw_header .header_mobile .nav_icon .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .nav_icon .webIcon:after{ content: "\e7ff"; } #zw_header .header_mobile .search_icon{ width: 16vw; height: 16vw; padding: 5vw; display: block; position: absolute; right: 0; top: 0; } #zw_header .header_mobile .search_icon .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .search_icon .webIcon:after{ content: "\e6f9"; } #zw_header .header_mobile .search_block{ position: absolute; width: 100vw; height: 14vw; background-color: #fff; position: absolute; right: 0; top: 16vw; z-index: 10; overflow: hidden; padding-left: 2vw; height: 0; transition: all ease-in-out .3s; } #zw_header .header_mobile .search_block.active{ height: 14vw; } #zw_header .header_mobile .search_text{ height: 14vw; float: left; width: calc(100vw - 16vw); padding: 0 3vw; } #zw_header .header_mobile .search_btn{ width: 14vw; height: 14vw; padding: 4vw; display: block; float: right; } #zw_header .header_mobile .search_btn .webIcon{ font-size: 6vw; color: #2e0f6e; width: 6vw; height: 6vw; display: block; text-align: center; line-height: 6vw; } #zw_header .header_mobile .search_btn .webIcon:after{ content: "\e6f9"; } #zw_header .nav_mobile{ position: fixed; height: 100%; width: 80vw; z-index: 200; left: -80vw; top: 0; background-color: #f3f3f3; padding-top: 6vw; transition: all .3s; } #zw_header .nav_mobile.active{ left: 0; } #g_web{ position: relative; left: 0; transition: all .3s; } #g_web.active{ left: 80vw; } #g_body{ overflow: auto; } #g_body.active{ overflow: hidden; } #zw_header .close_nav{ width: 100vw; height: 100vh; background-color: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index: 100; display: none; } #zw_header .nav_mobile .nav_list{ width: 100%; height: 14vw; line-height: 14vw; box-sizing: content-box; border-bottom: 1px solid #ccc; } #zw_header .nav_mobile .nav_list.nav_active{ background-color: #fff; } #zw_header .nav_mobile .nav_list a{ width: 50vw; font-size: 4vw; display: inline-block; padding: 0 5vw; line-height: 14vw; color: #666; } #zw_header .nav_mobile .nav_list.nav_active a{ color: #2e0f6e; } /* PC绔 */ #zw_banner.mode_pc{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; } #zw_banner.mode_pc .camera_wrap{ height: 650px; margin-bottom: 0 !important; position: relative; overflow: hidden; } #zw_banner.mode_pc .camera_loader{ background: url(//img1.jihui88.com/upload/7/72/7jjqg/picture/2018/08/21/b0fc82fb-0a37-4002-a356-393bbcd78041.gif) no-repeat center; background-color: #fff; } #zw_banner.mode_pc .camera_pag{ position: absolute; bottom: 0; width: 100%; left: 0; } #zw_banner.mode_pc .camera_pag_ul{ text-align: center; font-size: 0; line-height: 0; } #zw_banner.mode_pc .camera_pag_ul li{ display: inline-block; width: 15px; height: 15px; box-sizing: border-box; margin: 20px 5px; border: 1px solid #fff; background-color: transparent; border-radius: 100%; box-sizing: content-box; } #zw_banner.mode_pc .camera_pag_ul li.cameracurrent{ background-color: #fff; } #zw_banner.mode_pc .camera_pag_ul li span{ display: none; } #zw_banner.mode_pc .camera_pag_ul li span span{ display: none; } /* 绉诲姩绔 */ #zw_banner.mode_mobile .swiper-slide img{ width: 100%; height: auto; } #zw_banner.mode_mobile .swiper-pagination{ text-align: center; position: absolute; width: 100%; left: 0; bottom: 3vw; font-size: 0; } #zw_banner.mode_mobile .swiper-pagination .swiper-pagination-bullet{ display: inline-block; width: 2.5vw; height: 2.5vw; border-radius: 100%; border: 1px solid #fff; margin: 0 0.7vw; } #zw_banner.mode_mobile .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff; } #zw_profile.profile_pc{ height: 748px; padding-top: 88px; padding-bottom: 97px; background-image: url(//img1.jihui88.com/upload/7/72/7jjqg/picture/2018/08/22/02e18dcc-dfc8-413f-bd82-0495964aa554.jpg); background-position: center; } #zw_profile.profile_pc .profile_content{ width: 1170px; margin: 0 auto; overflow: hidden; } #zw_profile.profile_pc .profile_block{ width: 420px; float: left; padding-top: 56px; } @font-face { font-family: 'webfont_index_profile_h1'; src: url('//at.alicdn.com/t/webfont_epoycow7egi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_epoycow7egi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_epoycow7egi.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_epoycow7egi.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_epoycow7egi.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_profile.profile_pc .profile_block h1{ font-size: 38px; line-height: 50px; color: #2e0f6e; font-family: "webfont_index_profile_h1"; margin-bottom: 6px; } #zw_profile.profile_pc .profile_block h2{ font-size: 14px; line-height: 24px; color: #666666; font-family: "Arial"; text-transform: uppercase; } #zw_profile.profile_pc .profile_block p{ font-size: 13px; line-height: 30px; color: #666666; text-align: justify; } #zw_profile.profile_pc .profile_block a.more{ width: 141px; height: 45px; display: block; margin-top: 48px; z-index: 2; line-height: 43px; text-align: center; border-radius: 5px; border: 1px solid #2e0f6e; overflow: hidden; font-size: 14px; color: #fff; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_profile.profile_pc .profile_block a.more:hover{ color: #2e0f6e; } #zw_profile.profile_pc .profile_block a.more:before{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; left: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_profile.profile_pc .profile_block a.more:hover::before{ left: -60%; } #zw_profile.profile_pc .profile_block a.more:after{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; right: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_profile.profile_pc .profile_block a.more:hover::after{ right: -60%; } #zw_profile.profile_pc .profile_pic{ float: right; position: relative; height: 563px; } #zw_profile.profile_pc .profile_pic .pic_content{ font-size: 0; } #zw_profile.profile_pc .profile_pic .pic_block{ width: 254px; height: 254px; position: absolute; bottom: 0; left: -199px; font-size: 0; } #zw_profile.profile_pc .profile_pic .pic_block img{ width: 100%; height: 100%; object-fit: cover; } #zw_profile.profile_pc .profile_pic ul{ margin-top: 36px; overflow: hidden; text-align: right; font-size: 0; } #zw_profile.profile_pc .profile_pic li{ display: inline-block; text-align: center; margin-left: 60px; } #zw_profile.profile_pc .profile_pic li h3{ font-size: 40px; color: #000000; line-height: 40px; font-family: "Conv_ImpactLTStd"; } #zw_profile.profile_pc .profile_pic li span{ display: block; text-align: center; font-size: 14px; color: #000; line-height: 28px; } /* 绉诲姩绔 */ #zw_profile.profile_mobile { padding: 7vw 3vw; background-image: url(//img1.jihui88.com/upload/7/72/7jjqg/picture/2018/08/22/02e18dcc-dfc8-413f-bd82-0495964aa554.jpg); background-position: center; } #zw_profile.profile_mobile .profile_block{ width: 100%; margin-bottom: 4vw; } #zw_profile.profile_mobile .profile_block h1{ text-align: center; font-size: 7vw; line-height: 2; color: #2e0f6e; font-family: "webfont_index_profile_h1"; } #zw_profile.profile_mobile .profile_block p{ font-size: 3.5vw; line-height: 1.5; color: #666666; text-align: justify; } #zw_profile.profile_mobile .profile_pic{ width: 100%; overflow: hidden; position: relative; } #zw_profile.profile_mobile .profile_pic img{ width: 100%; height: auto; } #zw_profile.profile_mobile .profile_pic .pic_content{ text-align: right; } #zw_profile.profile_mobile .profile_pic .pic_content img{ width: 75vw; } #zw_profile.profile_mobile .profile_pic .pic_block{ position: absolute; width: 25vw; height: 25vw; left: 0; bottom: 0; } #zw_profile.profile_mobile .profile_pic .pic_block img{ width: 100%; height: 100%; object-fit: cover; } #zw_profile.profile_mobile .profile_pic ul{ width: 100%; margin-top: 4vw; text-align: right; font-size: 0; padding-bottom: 1vw; } #zw_profile.profile_mobile .profile_pic li{ display: inline-block; text-align: center; margin-left: 4vw; } #zw_profile.profile_mobile .profile_pic li h3{ font-size: 6vw; color: #000000; line-height: 6vw; font-family: "Conv_ImpactLTStd"; } #zw_profile.profile_mobile .profile_pic li span{ display: block; text-align: center; font-size: 3.5vw; color: #000; line-height: 2; } #zw_profile.profile_mobile .more{ width: 36vw; height: 10vw; display: block; margin: 0 auto; line-height: 10vw; text-align: center; border-radius: 1vw; background-color: #2e0f6e; overflow: hidden; font-size: 3.5vw; color: #f7f7f7; margin-top: 7vw; } #zw_service.service_pc{ width: 100%; height: 574px; background-image: url(//img1.jihui88.com/upload/7/72/7jjqg/picture/2018/08/21/de2f3533-3b6d-4b7d-a82c-13f116146814.jpg); background-size: auto 100%; background-position: center; } #zw_service.service_pc .service_content{ width: 1170px; text-align: center; padding-top: 130px; margin: 0 auto; } @font-face { font-family: 'webfont_index_service_h1'; src: url('//at.alicdn.com/t/webfont_kgr6dft2hi.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_kgr6dft2hi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_kgr6dft2hi.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_kgr6dft2hi.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_kgr6dft2hi.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_service.service_pc .service_content h1{ font-size: 38px; line-height: 50px; color: #fff; font-family: "webfont_index_service_h1"; } #zw_service.service_pc .service_content h2{ font-size: 14px; color: #fff; line-height: 28px; } #zw_service.service_pc .service_content .service_intro{ padding: 0 75px; opacity: 0.5; margin-top: 10px; margin-bottom: 72px; } #zw_service.service_pc .service_content .service_intro p{ font-size: 12px; color: #fff; line-height: 30px; } #zw_service.service_pc .service_content ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_service.service_pc .service_content li{ width: 116px; text-align: center; cursor: pointer; } #zw_service.service_pc .service_content li .service_icon{ width: 56px; height: 56px; margin: 0 auto; text-align: center; line-height: 60px; } #zw_service.service_pc .service_content li .service_icon .webIcon{ font-size: 39px; color: #fff; transition: 0.4s; -webkit-transition: 0.4s; } #zw_service.service_pc .service_content li:hover .service_icon .webIcon{ color: #e10000; } #zw_service.service_pc .service_content li .service_icon1 .webIcon:after{ content: "\e918"; } #zw_service.service_pc .service_content li .service_icon2 .webIcon:after{ content: "\e919"; } #zw_service.service_pc .service_content li .service_icon3 .webIcon:after{ content: "\e916"; } #zw_service.service_pc .service_content li .service_icon4 .webIcon:after{ content: "\e914"; } #zw_service.service_pc .service_content li .service_icon5 .webIcon:after{ content: "\e915"; } #zw_service.service_pc .service_content li .service_icon6 .webIcon:after{ content: "\e917"; } #zw_service.service_pc .service_content li .service_icon7 .webIcon:after{ content: "\e91a"; } #zw_service.service_pc .service_content li .service_icon8 .webIcon:after{ content: "\e91b"; } #zw_service.service_pc .service_content li .service_name{ display: block; font-size: 14px; line-height: 20px; color: #fff; padding-bottom: 5px; transition: 0.4s; -webkit-transition: 0.4s; } #zw_service.service_pc .service_content li:hover .service_name{ color: #e10000; } /* 绉诲姩绔 */ #zw_service.service_mobile{ width: 100%; padding: 7vw 3vw; background-image: url(//img1.jihui88.com/upload/7/72/7jjqg/picture/2018/08/21/de2f3533-3b6d-4b7d-a82c-13f116146814.jpg); background-size: auto 100%; background-position: center; } #zw_service.service_mobile .service_content{ text-align: center; } #zw_service.service_mobile .service_content h1{ font-size: 7vw; line-height: 1.3; color: #fff; font-family: "webfont_index_service_h1"; } #zw_service.service_mobile .service_content h2{ font-size: 3.5vw; color: #fff; line-height: 2; } #zw_service.service_mobile .service_content .service_intro{ opacity: 0.5; margin-top: 3.5vw; margin-bottom: 5vw; text-align: justify; } #zw_service.service_mobile .service_content .service_intro p{ font-size: 3.5vw; color: #fff; line-height: 1.5; text-indent: 7vw; margin-bottom: 2vw; } #zw_service.service_mobile .service_content{ padding: 0 3vw; } #zw_service.service_mobile .service_content ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 2vw; } #zw_service.service_mobile .service_content li{ width: 12vw; text-align: center; } #zw_service.service_mobile .service_content li .service_icon{ width: 10vw; height: 10vw; margin: 0 auto; text-align: center; line-height: 10vw; } #zw_service.service_mobile .service_content li .service_icon .webIcon{ font-size: 8vw; color: #fff; } #zw_service.service_mobile .service_content li .service_icon1 .webIcon:after{ content: "\e918"; } #zw_service.service_mobile .service_content li .service_icon2 .webIcon:after{ content: "\e919"; } #zw_service.service_mobile .service_content li .service_icon3 .webIcon:after{ content: "\e916"; } #zw_service.service_mobile .service_content li .service_icon4 .webIcon:after{ content: "\e914"; } #zw_service.service_mobile .service_content li .service_icon5 .webIcon:after{ content: "\e915"; } #zw_service.service_mobile .service_content li .service_icon6 .webIcon:after{ content: "\e917"; } #zw_service.service_mobile .service_content li .service_icon7 .webIcon:after{ content: "\e91a"; } #zw_service.service_mobile .service_content li .service_icon8 .webIcon:after{ content: "\e91b"; } #zw_service.service_mobile .service_content li .service_name{ display: block; font-size: 3.5vw; line-height: 2; color: #fff; } #zw_manage.manage_pc{ padding-top: 95px; padding-bottom: 85px; } #zw_manage.manage_pc .manage_content{ width: 1170px; height: 700px; margin: 0 auto; overflow: hidden; } #zw_manage.manage_pc .manage_title{ width: 292px; height: 350px; float: left; text-align: center; background-color: #2e0f6e; padding: 0 30px; padding-top: 76px; } @font-face { font-family: 'webfont_index_manage_h1'; src: url('//at.alicdn.com/t/webfont_2seopiumm6j.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_2seopiumm6j.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_2seopiumm6j.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_2seopiumm6j.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_2seopiumm6j.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_manage.manage_pc .manage_title h1{ font-size: 38px; line-height: 50px; color: #fff; font-family: "webfont_index_manage_h1"; } #zw_manage.manage_pc .manage_title h2{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 22px; margin-bottom: 46px; } #zw_manage.manage_pc .manage_title p{ font-size: 12px; line-height: 24px; color: #fff; } #zw_manage.manage_pc .manage_block{ width: 878px; height: 350px; overflow: hidden; float: left; position: relative; cursor: pointer; } #zw_manage.manage_pc .manage_block img{ transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_manage.manage_pc .manage_block:hover img{ transform: translateX(-40px); -webkit-transform: translateX(-40px); } #zw_manage.manage_pc .manage_pic{ width: 292px; height: 350px; overflow: hidden; float: left; font-size: 0; cursor: pointer; position: relative; } #zw_manage.manage_pc .manage_pic img{ transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_manage.manage_pc .manage_pic:hover img{ transform: scale3d(1.1,1.,1); -webkit-transform: scale3d(1.1,1.1,1); } #zw_manage.manage_pc .manage_pic:before{ content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(255,255,255,0.5); -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } #zw_manage.manage_pc .manage_pic:hover::before{ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } #zw_manage.manage_pc .manage_list{ width: 293px; height: 350px; float: left; padding: 0 30px; background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #zw_manage.manage_pc .manage_list h1{ text-align: center; font-size: 16px; line-height: 44px; color: #000000; } #zw_manage.manage_pc .manage_list p{ text-align: justify; font-size: 12px; line-height: 24px; color: #000; } #zw_manage.manage_pc .manage_block .manage_list{ background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_manage.manage_pc .manage_block:hover .manage_list{ background-color: #000; } #zw_manage.manage_pc .manage_block .manage_list h1{ color: #fff; } #zw_manage.manage_pc .manage_block .manage_list p{ color: #fff; } /* 绉诲姩绔 */ #zw_manage.manage_mobile{ padding: 7vw 3vw; } #zw_manage.manage_mobile .manage_title{ width: 100%; text-align: center; background-color: #2e0f6e; padding: 10vw; } #zw_manage.manage_mobile .manage_title h1{ font-size: 7vw; line-height: 1.3; color: #fff; font-family: "webfont_index_manage_h1"; } #zw_manage.manage_mobile .manage_title h2{ font-size: 3.5vw; color: #fff; text-transform: uppercase; line-height: 2; margin-bottom: 3vw; } #zw_manage.manage_mobile .manage_title p{ font-size: 3.5vw; line-height: 1.6; color: #fff; } #zw_manage.manage_mobile .manage_content{ overflow: hidden; } #zw_manage.manage_mobile .manage_content .manage_pic{ width: 47vw; height: 50vw; float: left; } #zw_manage.manage_mobile .manage_content .manage_pic img{ width: 100%; height: 100%; object-fit: cover; } #zw_manage.manage_mobile .manage_content .manage_list{ width: 47vw; height: 50vw; background-color: #f5f5f5; float: left; padding: 0 5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #zw_manage.manage_mobile .manage_content .manage_list h1{ text-align: center; font-size: 4vw; line-height: 2; color: #000; } #zw_manage.manage_mobile .manage_content .manage_list p{ text-align: justify; font-size: 3vw; line-height: 1.5; color: #000; } #zw_manage.manage_mobile .manage_block{ width: 100%; height: 50vw; position: relative; } #zw_manage.manage_mobile .manage_block img{ width: 100%; height: 100%; object-fit: cover; } #zw_manage.manage_mobile .manage_block .manage_list{ width: 47vw; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); padding: 0 5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #zw_manage.manage_mobile .manage_block .manage_list h1{ text-align: center; font-size: 4vw; line-height: 2; color: #fff; } #zw_manage.manage_mobile .manage_block .manage_list p{ text-align: justify; font-size: 3vw; line-height: 1.5; color: #fff; } #zw_pro.pro_pc{ background-color: #f7f7f7; padding: 67px 0; } #zw_pro.pro_pc .title_content{ width: 1170px; margin: 0 auto; padding-bottom: 32px; position: relative; text-align: left; } @font-face { font-family: 'webfont_index_pro_h1'; src: url('//at.alicdn.com/t/webfont_2qgovit15s2.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_2qgovit15s2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_2qgovit15s2.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_2qgovit15s2.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_2qgovit15s2.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_pro.pro_pc .title_content h1{ font-size: 38px; line-height: 50px; color: #2e0f6e; font-family: "webfont_index_pro_h1"; } #zw_pro.pro_pc .title_content h2{ font-size: 12px; color: #000000; text-transform: uppercase; line-height: 22px; } #zw_pro.pro_pc .title_content .more{ width: 127px; height: 45px; display: block; position: absolute; right: 0; top: 20px; z-index: 2; line-height: 43px; text-align: center; border-radius: 5px; border: 1px solid #2e0f6e; overflow: hidden; font-size: 14px; color: #f7f7f7; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_pro.pro_pc .title_content .more:hover{ color: #2e0f6e; } #zw_pro.pro_pc .title_content .more:before{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; left: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_pro.pro_pc .title_content .more:hover::before{ left: -60%; } #zw_pro.pro_pc .title_content .more:after{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; right: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_pro.pro_pc .title_content .more:hover::after{ right: -60%; } #zw_pro.pro_pc .pro_content{ height: 530px; } #zw_pro.pro_pc .pro_content #swiper-pro{ overflow: hidden; position: relative; } #zw_pro.pro_pc .pro_content .swiper-slide{ width: 1000px; float: left; } #zw_pro.pro_pc .swiper-slide .pro_pic{ width: 1000px; height: 422px; overflow: hidden; opacity: 0.3; transition: all 1s; -webkit-transition: all 1s; } #zw_pro.pro_pc .swiper-slide.swiper-slide-active .pro_pic{ opacity: 1; } #zw_pro.pro_pc .swiper-slide .pro_pic a{ display: block; width: 1000px; height: 422px; font-size: 0; } #zw_pro.pro_pc .swiper-slide .pro_pic img{ width: 100%; height: 100%; object-fit: cover; } #zw_pro.pro_pc .swiper-slide .pro_details{ width: 900px; height: 108px; padding-top: 26px; overflow: hidden; display: table; } #zw_pro.pro_pc .swiper-slide .pro_details .pro_intro{ display: table-cell; vertical-align: top; font-size: 12px; color: #666666; line-height: 18px; text-align: justify; padding-left: 40px; word-break: break-all; word-wrap: break-word; opacity: 0; -webkit-opacity: 0; transform: translateX(100px); -webkit-transform: translateX(100px); transition: all 0.7s; -webkit-transition: all 0.7s; } #zw_pro.pro_pc .swiper-slide.swiper-slide-active .pro_details .pro_intro{ opacity: 1; -webkit-opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); transition-delay: 1s; -webkit-transition-delay: 1s; } #zw_pro.pro_pc .swiper-slide .pro_details .pro_info{ display: table-cell; width: auto; white-space:nowrap; } #zw_pro.pro_pc .swiper-slide .pro_details .pro_name{ font-size: 20px; line-height: 26px; color: #000000; font-weight: bold; margin-bottom: 10px; opacity: 0; -webkit-opacity: 0; transform: translateY(100px); -webkit-transform: translateY(100px); transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_pc .swiper-slide.swiper-slide-active .pro_details .pro_name{ opacity: 1; -webkit-opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 1s; -webkit-transition-delay: 1s; } #zw_pro.pro_pc .swiper-slide .pro_details .pro_type{ font-size: 14px; color: #000000; line-height: 18px; opacity: 0; -webkit-opacity: 0; transform: translateY(100px); -webkit-transform: translateY(100px); transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_pc .swiper-slide.swiper-slide-active .pro_details .pro_type{ opacity: 1; -webkit-opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 1.2s; -webkit-transition-delay: 1.2s; } #zw_pro.pro_pc #swiper-pro .swiper-button{ width: 85px; height: 56px; display: block; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 192px; z-index: 1000; line-height: 58px; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_pc #swiper-pro .swiper-button:hover{ background-color: #2e0f6e; } #zw_pro.pro_pc #swiper-pro .swiper-prev{ left: 50%; margin-left: -542px; } #zw_pro.pro_pc #swiper-pro .swiper-next{ right: 50%; margin-right: -542px; } #zw_pro.pro_pc #swiper-pro .swiper-button .webIcon{ color: #fff; font-size: 24px; } #zw_pro.pro_pc #swiper-pro .swiper-prev .webIcon:after{ content: "\e66b"; } #zw_pro.pro_pc #swiper-pro .swiper-next .webIcon:after{ content: "\e60c"; } #zw_pro.pro_pc #swiper-pro .swiper-pagination{ width: auto; height: 30px; line-height: 30px; position: absolute; font-size: 20px; color: #000000; right: 50%; margin-right: -500px; bottom: 46px; left: auto; font-family: "Arial"; } #zw_pro.pro_pc #swiper-pro .swiper-pagination .current_num{ font-size: 30px; } #zw_pro.pro_pc #swiper-pro .swiper-pagination .swiper-pagination-current{ font-size: 30px; } /* 绉诲姩绔 */ #zw_pro.pro_mobile{ background-color: #f7f7f7; padding: 6vw 0; overflow: hidden; } #zw_pro.pro_mobile .title_content{ text-align: center; } #zw_pro.pro_mobile .title_content h1{ line-height: 1.2; font-size: 7vw; color: #2e0f6e; font-family: "webfont_index_pro_h1"; } #zw_pro.pro_mobile .title_content h2{ line-height: 1.2; font-size: 3.5vw; color: #000; text-transform: uppercase; } #zw_pro.pro_mobile .pro_content .swiper-wrapper{ overflow: hidden; padding-top: 4vw; } #zw_pro.pro_mobile .pro_content .swiper-slide{ float: left; width: 80vw; margin: 0 3vw; } #zw_pro.pro_mobile .swiper-slide .pro_pic{ width: 100%; height: 50vw; opacity: 0.3; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } #zw_pro.pro_mobile .swiper-slide.swiper-slide-active .pro_pic{ opacity: 1; } #zw_pro.pro_mobile .swiper-slide .pro_pic a{ display: block; width: 100%; height: 100%; } #zw_pro.pro_mobile .swiper-slide .pro_pic img{ width: 100%; height: 100%; object-fit: cover; } #zw_pro.pro_mobile .swiper-slide .pro_details{ padding: 3vw 0; } #zw_pro.pro_mobile .swiper-slide .pro_details .pro_name{ font-size: 3.5vw; color: #000; font-weight: bold; line-height: 1.4; opacity: 0; -webkit-opacity: 0; transform: translateY(5vw); -webkit-transform: translateY(5vw); transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_mobile .swiper-slide.swiper-slide-active .pro_details .pro_name{ opacity: 1; -webkit-opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } #zw_pro.pro_mobile .swiper-slide .pro_details .pro_type{ font-size: 3.5vw; color: #000; line-height: 1.5; padding: 1.5vw 0; opacity: 0; -webkit-opacity: 0; transform: translateY(5vw); -webkit-transform: translateY(5vw); transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_mobile .swiper-slide.swiper-slide-active .pro_details .pro_type{ opacity: 1; -webkit-opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } #zw_pro.pro_mobile .swiper-slide .pro_details .pro_intro{ font-size: 3.5vw; color: #666; line-height: 1.5; text-align: justify; opacity: 0; -webkit-opacity: 0; transform: translateY(5vw); -webkit-transform: translateY(5vw); transition: all 0.5s; -webkit-transition: all 0.5s; } #zw_pro.pro_mobile .swiper-slide.swiper-slide-active .pro_details .pro_intro{ opacity: 1; -webkit-opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0.9s; -webkit-transition-delay: 0.9s; } #zw_pro.pro_mobile .more{ width: 30vw; height: 10vw; display: block; margin: 0 auto; line-height: 10vw; text-align: center; border-radius: 1vw; background-color: #2e0f6e; overflow: hidden; font-size: 3.5vw; color: #f7f7f7; } #zw_news.news_pc{ padding-top: 60px; padding-bottom: 90px; } #zw_news.news_pc .title_content{ width: 1170px; margin: 0 auto; position: relative; } @font-face { font-family: 'webfont_index_news_h1'; src: url('//at.alicdn.com/t/webfont_9gu2dnz5o3c.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_9gu2dnz5o3c.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_9gu2dnz5o3c.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_9gu2dnz5o3c.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_9gu2dnz5o3c.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } #zw_news.news_pc .title_content h1{ font-size: 38px; line-height: 50px; color: #2e0f6e; font-family: "webfont_index_news_h1"; } #zw_news.news_pc .title_content h2{ font-size: 12px; line-height: 22px; color: #000; font-family: "Arial"; text-transform: uppercase; } #zw_news.news_pc .title_content a.more{ width: 127px; height: 45px; display: block; position: absolute; right: 0; top: 20px; z-index: 2; line-height: 43px; text-align: center; border-radius: 5px; border: 1px solid #2e0f6e; overflow: hidden; font-size: 14px; color: #f7f7f7; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_news.news_pc .title_content a.more:hover{ color: #2e0f6e; } #zw_news.news_pc .title_content a.more:before{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; left: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_news.news_pc .title_content a.more:hover::before{ left: -60%; } #zw_news.news_pc .title_content a.more:after{ content: ""; width: 70%; height: 100%; display: block; background-color: #2e0f6e; position: absolute; right: -15%; top: 0px; z-index: -1; transform: skewX(45deg); -webkit-transform: skewX(45deg); transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_news.news_pc .title_content a.more:hover::after{ right: -60%; } #zw_news.news_pc .news_content{ width: 1170px; margin: 0 auto; padding-top: 20px; font-size: 0; } #zw_news.news_pc .news_content .swiper-slide{ display: inline-block; width: 370px; margin-left: 30px; } #zw_news.news_pc .news_content .swiper-slide.news_list_0{ margin-left: 0; } #zw_news.news_pc .news_content .swiper-slide a{ display: block; transition: all 0.4s; -webkit-transition: all 0.4s; } #zw_news.news_pc .news_content .swiper-slide a:hover{ box-shadow: 0 0 25px #999; -webkit-box-shadow: 0 0 25px #999; transform: translateY(-10px); -webkit-transform: translateY(-10px); } #zw_news.news_pc .swiper-slide .news_pic{ width: 370px; height: 260px; display: block; } #zw_news.news_pc .swiper-slide .news_pic img{ width: 100%; height: 100%; object-fit: cover; } #zw_news.news_pc .swiper-slide .news_details{ width: 370px; display: block; padding: 20px; padding-top: 13px; padding-bottom: 25px; background-color: #f7f7f7; } #zw_news.news_pc .swiper-slide .news_details .news_title{ height: 30px; display: block; font-size: 16px; line-height: 30px; overflow: hidden; color: #000000; } #zw_news.news_pc .swiper-slide .news_details .news_info{ height: 48px; display: block; font-size: 13px; line-height: 24px; color: #666666; text-align: justify; } #zw_news.news_pc .swiper-slide .news_details .news_date{ display: block; font-size: 13px; line-height: 24px; color: #999999; font-family: "Arial"; margin-top: 12px; } #zw_news.news_pc .more_btn{ display: none; } /* 绉诲姩绔 */ #zw_news.news_mobile{ padding: 7vw 0; padding-bottom: 8vw; overflow: hidden; } #zw_news.news_mobile .title_content{ text-align: center; } #zw_news.news_mobile .title_content .more{ display: none; } #zw_news.news_mobile .title_content h1{ line-height: 1.2; font-size: 7vw; color: #2e0f6e; font-family: "webfont_index_news_h1"; } #zw_news.news_mobile .title_content h2{ line-height: 1.2; font-size: 3.5vw; color: #000; text-transform: uppercase; } #zw_news.news_mobile .swiper-wrapper{ overflow: hidden; padding: 4vw 0; } #zw_news.news_mobile .swiper-slide{ float: left; } #zw_news.news_mobile .swiper-slide a{ width: 80vw; display: block; margin: 0 auto; box-shadow: 0 0 3vw #999; -webkit-box-shadow: 0 0 3vw #999; } #zw_news.news_mobile .swiper-slide .news_pic{ width: 100%; height: 60vw; display: block; font-size: 0; } #zw_news.news_mobile .swiper-slide .news_pic img{ width: 100%; height: 100%; object-fit: cover; } #zw_news.news_mobile .swiper-slide .news_details{ display: block; padding: 3vw; background-color: #f7f7f7; } #zw_news.news_mobile .swiper-slide .news_title{ display: block; height: 8vw; font-size: 4vw; line-height: 2; color: #000; overflow: hidden; } #zw_news.news_mobile .swiper-slide .news_info{ display: block; font-size: 3.5vw; line-height: 1.5; color: #666666; text-align: justify; } #zw_news.news_mobile .swiper-slide .news_date{ display: block; font-size: 3.5vw; line-height: 1.5; margin-top: 2vw; color: #999; } #zw_news.news_mobile .more_btn{ width: 30vw; height: 10vw; display: block; margin: 0 auto; line-height: 10vw; text-align: center; border-radius: 1vw; background-color: #2e0f6e; overflow: hidden; font-size: 3.5vw; color: #f7f7f7; } #zw_footer.footer_pc{ width: 100%; } #zw_footer.footer_pc .top{ height: 288px; padding-top: 58px; background-color: #2e0f6e; } #zw_footer.footer_pc .top .top_content{ width: 1170px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_footer.footer_pc .top .logo_block img{ margin-bottom: 12px; } #zw_footer.footer_pc .top .logo_block p{ font-size: 12px; line-height: 24px; color: #aca6bf; } #zw_footer.footer_pc .top .nav_block h1{ font-size: 16px; line-height: 18px; color: #ffffff; margin-bottom: 12px; } #zw_footer.footer_pc .top .nav_block li{ line-height: 24px; } #zw_footer.footer_pc .top .nav_block li a{ font-size: 12px; color: #aca6bf; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .top .nav_block li a:hover{ color: #e10000; } #zw_footer.footer_pc .top .code_block{ width: 130px; text-align: center; } #zw_footer.footer_pc .top .code_block .code_pic{ width: 130px; height: 130px; font-size: 0; background-color: #a193be; margin-bottom: 12px; } #zw_footer.footer_pc .top .code_block .code_pic img{ width: 100%; height: 100%; } #zw_footer.footer_pc .top .code_block p{ font-size: 12px; line-height: 20px; color: #ffffff; } #zw_footer.footer_pc .bottom{ height: 89px; border-top: 1px solid #563d89; background-color: #2e0f6e; } #zw_footer.footer_pc .bottom .bottom_content{ width: 1170px; margin: 0 auto; overflow: hidden; font-size: 12px; color: #aca6bf; } #zw_footer.footer_pc .bottom .bottom_content span{ display: block; float: left; line-height: 88px; margin-right: 12px; } #zw_footer.footer_pc .bottom .bottom_content span a{ font-size: 12px; color: #aca6bf; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .bottom .bottom_content span a:hover{ color: #e10000; } #zw_footer.footer_pc .bottom .bottom_content ul{ float: right; } #zw_footer.footer_pc .bottom .bottom_content ul li{ float: left; margin-left: 6px; padding: 28px 0; } #zw_footer.footer_pc .bottom .bottom_content li a{ width: 32px; height: 32px; display: block; background-color: #9787b7; border-radius: 5px; text-align: center; line-height: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; } #zw_footer.footer_pc .bottom .bottom_content li a:hover{ background-color: #e10000; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat{ line-height: 34px; } #zw_footer.footer_pc .bottom .bottom_content li a .webIcon{ color: #2e0f6e; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_qq .webIcon{ font-size: 18px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat .webIcon{ font-size: 22px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_weibo .webIcon{ font-size: 20px; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_qq .webIcon:after{ content: "\e62d"; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_wechat .webIcon:after{ content: "\e603"; } #zw_footer.footer_pc .bottom .bottom_content li a.btn_weibo .webIcon:after{ content: "\e726"; } /* 绉诲姩绔 */ #zw_footer.footer_mobile{ width: 100%; } #zw_footer.footer_mobile .copyright{ font-size: 3.5vw; border-top: 1px solid #563d89; line-height: 12vw; padding: 0 3vw; color: #aca6bf; background-color: #2e0f6e; text-align: center; box-sizing: content-box; } #zw_footer.footer_mobile .nav{ padding: 0 3vw; background-color: #2e0f6e; border-bottom: 1px solid #563d89; } #zw_footer.footer_mobile .nav ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } #zw_footer.footer_mobile .nav li{ line-height: 12vw; } #zw_footer.footer_mobile .nav a{ font-size: 3.5vw; color: #fff; } #zw_footer.footer_mobile .logo{ text-align: center; background-color: #2e0f6e; padding: 4vw; } #zw_footer.footer_mobile .logo p{ font-size: 3.5vw; color: #aca6bf; } #zw_footer.footer_mobile .logo .logo_block{ font-size: 0; max-width: 20vw; margin: 0 auto; margin-bottom: 4vw; } #zw_footer.footer_mobile .logo .logo_block img{ width: 100%; height: auto; }