.aside { position: fixed; top: 0; right: 0; width: 40px; height: 100%; z-index: 18; background: url(/skin/images/aside.jpg) center top repeat; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); } .aside ul { margin-top: 100px; } .aside ul li a { display: block; margin-top: 30px; text-align: center; color: #fff; } .aside ul li img { display: block; text-align: center; margin: 0 auto; } .aside ul li.consulting .img2 { display: none; } .aside ul li.consulting span { display: inline-block; margin: 0 2px; width: 5px; height: 5px; border-radius: 100%; background: #fff; } .aside ul li.consulting span:nth-child(1) { -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out; animation: consulting 0.6s 0.07s infinite ease-in-out; } .aside ul li.consulting span:nth-child(2) { -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out; animation: consulting 0.6s 0.14s infinite ease-in-out; } .aside ul li.consulting span:nth-child(3) { -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out; animation: consulting 0.6s 0.21s infinite ease-in-out; } @keyframes consulting { 33% { -webkit-transform: translateY(5px); transform: translateY(5px); } 66% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes consulting { 33% { -webkit-transform: translateY(5px); transform: translateY(5px); } 66% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .aside ul li.consulting.active { background: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; } .aside ul li.consulting.active a { color: #3F82ED; } .aside ul li.consulting.active span { background: #3F82ED; } .aside ul li.consulting.active .img1 { display: none; } .aside ul li.consulting.active .img2 { display: block; } .consulting_box { width: 250px; height: 100%; background: #fff; overflow: hidden; z-index: 15; position: fixed; top: 0; right: -250px; box-shadow: -2px 0 10px rgba(0, 0, 0, .1); transition: 0.8s all; -webkit-transition: 0.8s all; } .consulting_box .title { background: url(/skin/images/002.png) center top no-repeat; text-align: center; padding: 26px 0 2px 0; color: #fff; } .consulting_box .title_t1 { font-size: 12px; } .consulting_box .title_t2 { font-size: 16px; margin: 5px 0; } .consulting_type { padding: 40px 0; border-bottom: solid 1px #399BEC; } .consulting_type_title { padding-left: 30px; font-size: 16px; color: #333; } .consulting_type ul { margin: 30px 0 20px 0; } .consulting_type ul li a { display: block; height: 40px; line-height: 40px; text-indent: 30px; z-index: 2; position: relative; color: #666; margin: 0; text-align: left; transition: 0.3s all; -webkit-transition: 0.3s all; } .consulting_type ul li a img { margin: 0; display: inline-block; padding-right: 30px; } .consulting_type ul li a .img2 { display: none; } .consulting_type ul li a:before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3c9af2; opacity: 0; -webkit-transform: scale3d(1, 0.1, 1); transform: scale3d(1, 0.1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .consulting_type ul li a, .consulting_type ul li a:before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .consulting_type ul li a:hover:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .consulting_type ul li a:hover { color: #fff; } .consulting_type ul li a:hover .img2 { display: inline-block; } .consulting_type ul li a:hover .img1 { display: none; } .consulting_box .problem { padding-top: 40px; } .consulting_box .problem_title { padding-left: 30px; font-size: 16px; color: #333; } .consulting_box .problem ul { padding: 20px 0 0 30px; } .consulting_box .problem ul li { margin-bottom: 8px; } .consulting_box .problem ul li a { display: inline-block; } .consulting_box .problem ul li span { display: inline-block; width: 3px; height: 3px; border-radius: 100%; background: #3c9af2; margin: 3px 10px 3px 0; animation: none; } .consulting_box .problem ul li a { font-size: 12px; color: #818181; } .consulting_box .problem ul li a:hover { color: #3c9af2; } .consulting_type .time { color: #818181; font-size: 12px; padding-left: 30px; } .consulting_box .close { position: absolute; top: 5px; right: 8px; cursor: pointer; } .consulting_box .close img { transition: 0.4s all; -webkit-transition: 0.4s all; } .consulting_box .close:hover img { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .all_title1 { margin-bottom: 50px; text-align: center; } .all_title1 .title { font-size: 35px; color: #333; } .all_title1 .text { color: #818181; } .all_title2 { margin-bottom: 50px; text-align: center; color: #fff; } .all_title2 .title { font-size: 35px; } .all_button { display: inline-block; background: #3B9FF2; border: solid 1px #3B9FF2; color: #fff; padding: 6px 30px; border-radius: 3px; overflow: hidden; } .all_button:hover { background: #fff; background: transparent; color: #3B9FF2; } .header { height: 80px; line-height: 80px; position: fixed; width: 100%; top: 0; z-index: 11; transition: 0.4s all; -webkit-transition: 0.4s all; } .header .logo { margin-left: 0px; } .header .logo img { margin-right: 5px; } .header .logo a { color: #fff; font-size: 0.14rem; } .header .logo span { color: #fff; } .header .header_menu ul { text-align: center; } .header .header_menu ul li { display: inline-block; padding-top: 2px\0; } .header .header_menu ul li a { display: block; padding: 0 21px; color: #fff; border-top: solid 2px rgba(0, 0, 0, 0); font-size: 14px; } .header .header_menu ul li a:hover, .header .header_menu ul li a.active { border-top: solid 2px #fff; opacity: 1; filter: alpha(opacity=100); } .header .login { float: right; background: rgba(255, 255, 255, .1); margin: 20px 50px 0 0; height: 36px; line-height: 36px; font-size: 12px; } .header .login span { color: #fff; } .header .header_avatar { width: 30px; border-radius: 50%; height: 30px; overflow: hidden; display: block; float: left; margin-top: 3px; margin-left: 5px; } .header .header_avatar img { display: block; max-width: 100%; } .header .login a { padding: 0 10px 0 10px; color: #fff; } .header .md-show { display: none; } .header_scroll { transition: 0.4s all; -webkit-transition: 0.4s all; background-color: #0579f2; } .header .mobileMenuBtn { position: fixed; right: 20px; top: 18px; width: 32px; text-align: center; cursor: pointer; z-index: 100; display: none; transition: 0.4s all; -webkit-transition: 0.4s all; } .header .mobileMenuBtn.active { right: 220px; } .header .mobileMenuBtn span { display: block; width: 100%; height: 3px; background: #fff; margin-bottom: 8px; transition: 0.3s all; -webkit-transition: 0.3s all; } .header .mobileMenuBtn span:last-child { margin: 0; } .header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child { transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform: rotate(0); -webkit-transform: rotate(0); } .header .mobileMenuBtn.active span:first-child { transform: rotate(-43deg); -webkit-transform: rotate(-43deg); } .header .mobileMenuBtn.active span:last-child { transform: rotate(43deg); -webkit-transform: rotate(43deg); } .header .mobileMenuBtn span:nth-child(2) { transform: translateX(0); -webkit-transform: translateX(0); } .header .mobileMenuBtn.active span:nth-child(2) { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; } .banner { overflow: hidden; text-align: center; z-index: 10; position: relative; background: rgba(0, 0, 0, 0); background-image: url(/skin/images/banner.jpg); height: 688px; background-color: rgba; background-position: center; } .mpage { width: 100%; height: 888px; overflow: hidden; margin: 0 auto; position: absolute; top: 0; z-index: -1; } .anitOut { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .banner_title { color: #fff; font-size: 46px; padding-top: 200px; } .banner_title0 { color: #fff; font-size: 28px; padding-top: 200px; } .banner_text { text-align: center; color: #FFFFFF; padding-right: 20px; padding-left: 20px; line-height: 2; } .banner_button { margin-top: 20px; } .banner_jianjie { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 430px; } .banner_button a { display: inline-block; margin: 0 10px; padding: 5px 30px; border: solid 1px #fff; color: #fff; } .banner_button a:hover, .banner_button a.active { background: #fff; color: #3ca0f3; } .banner .owl-pagination { margin-top: 150px; } .banner .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .banner .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; overflow: hidden; border: 1px #fff solid; transition: all .3s; } .banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; background: none; } .banner .owl-buttons { display: none } .banner .owl-prev, .banner .owl-next { width: 39px; height: 39px; border-radius: 100%; opacity: 0.5; transition: 0.3s all; -webkit-transition: 0.3s all; margin-top: -100px; display: none; } .banner .owl-prev { margin-left: 40px; float: left; background: #fff url(/skin/images/icon_prev2_1.png) center no-repeat; display: none; } .banner .owl-next { margin-right: 40px; float: right; background: #fff url(/skin/images/icon_next2_1.png) center no-repeat; display: none; } .index_product { padding: 100px 0; background: #fff; } .index_product_content { margin-left: -10px; } .index_product_list { display: block; margin: 0 0 10px 10px; position: relative; overflow: hidden; } .index_product_list:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4); content: ''; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0); transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0); } .index_product_list:hover:before { -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0); transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0); } .index_product_list .list_backimg { padding: 20px 0; text-align: center; } .index_product_list .list_backimg1 { background: url(/skin/images/002.png) center repeat; } .index_product_list .list_backimg2 { background: url(/skin/images/003.png) center repeat; } .index_product_list .list_backimg3 { background: url(/skin/images/004.png) center repeat; } .index_product_list .list_backimg4 { background: url(/skin/images/005.png) center repeat; } .index_product_list .list_backimg5 { background: url(/skin/images/006.png) center repeat; } .index_product_list .list_backimg6 { background: url(/skin/images/007.png) center repeat; } .index_product_list .list_txt { color: #fff; margin-top: 10px; } .index_product_list .list_title { font-size: 16px; } .index_product_list .list_text { font-size: 12px; } .platform_advantage { background: #fff url(/skin/images/01411.jpg) center top repeat-x; position: relative; overflow: hidden; padding-top: 50px; padding-right: 0; padding-bottom: 50px; padding-left: 0; } .platform_advantage_content { margin-left: -100px; overflow: hidden; } .platform_advantage_list { display: block; overflow: hidden; margin: 0 0 60px 100px; } .platform_advantage_img { float: left; } .platform_advantage_brief { float: left; color: #fff; padding-left: 50px; } .platform_advantage_brief .brief_title { font-size: 18px; } .platform_advantage_brief .brief_text { height: 40px; line-height: 20px; overflow: hidden; } .waves_box canvas { height: 150px !important; width: 100% !important; margin-bottom: 30px; } .response_shows .response_shows_box { padding: 0 0 100px; position: relative; display: inline-block; width: 100%; } .response_shows .response_shows_box img { width: 100%; } .response_shows .response_shows_width { position: relative; } .response_shows .response_shows_box .pic { overflow: hidden; position: absolute; float: none; top: 0px; right: 0px; bottom: 0px; left: 0px; } .response_shows .response_shows_box .pc { position: relative; margin-top: -2%; max-width: 75%; width: 100%; } .response_shows .response_shows_box .pc .pic { top: 2.5%; bottom: 20%; left: 2.22%; right: 1.5%; } .response_shows .response_shows_box .pad { position: absolute; bottom: 2%; right: 0px; max-width: 40%; width: 100%; } .response_shows .response_shows_box .pad .pic { top: 3%; bottom: 6%; left: 2%; right: 1.6%; overflow: hidden; } .response_shows .response_shows_box .phone { position: absolute; bottom: 0; right: 38%; max-width: 15%; width: 100%; } .response_shows .response_shows_box .phone .pic { top: 8%; bottom: 10.5%; left: 5%; right: 5%; } .response_shows .response_shows_box .item { width: 100%; height: 101%; position: relative; float: left; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .response_shows .response_shows_box .thumb { width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: -15%; } .response_shows .response_shows_box .thumb span { width: 25px; height: 25px; position: relative; float: left; border-radius: 100%; cursor: pointer; margin: 0 0 0 10px; } .response_shows .response_shows_box .thumb span:before { content: ''; width: 12px; height: 12px; position: absolute; top: 5px; left: 5px; border-radius: 100%; border: solid 1px #2D9EDD; background: #fff; z-index: 1; transition: 0.5s all; -webkit-transition: 0.5s all; } .response_shows .response_shows_box .thumb span:hover::before, .response_shows .response_shows_box .thumb span.active:before { background: #2D9EDD; } .platform_advantage_bg { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .platform_advantage_bg_z { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; } .platform_advantage_bg li { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -160px; -webkit-animation: square 28s infinite; animation: square 28s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear } .platform_advantage_bg_z li { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -300px; -webkit-animation: square_z 22s infinite; animation: square_z 22s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear } .platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) { left: 10% } .platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-duration: 17s; animation-duration: 17s } .platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) { left: 25%; -webkit-animation-delay: 400ms; animation-delay: 400ms } .platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 10s; animation-duration: 10s; background-color: rgba(255, 255, 255, .25) } .platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) { left: 70% } .platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, .2) } .platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) { left: 32%; width: 100px; height: 100px; -webkit-animation-delay: 7s; animation-delay: 7s } .platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) { left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s } .platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) { left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, .3) } .platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) { left: 90%; width: 120px; height: 120px; -webkit-animation-delay: 11s; animation-delay: 11s } @-webkit-keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg) } } @keyframes square { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-1700px)rotate(600deg); transform: translateY(-1700px)rotate(600deg) } } @-webkit-keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg) } } @keyframes square_z { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-700px)rotate(500deg); transform: translateY(-700px)rotate(500deg) } } .marketing_advantage { padding: 50px 0; background: url(/skin/images/0181.jpg) center top repeat; } .marketing_advantage_content { margin-left: -15px; } .marketing_advantage_list { position: relative; margin: 0 0 15px 15px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: 0.3s all; -webkit-transition: 0.3s all; overflow: hidden; } .marketing_advantage_brief { position: absolute; top: 30%; padding: 0 40px; } .marketing_advantage_brief .brief_title { font-size: 16px; color: #606060; margin-bottom: 10px; } .marketing_advantage_brief .brief_title span { margin-left: 15px; } .marketing_advantage_brief .brief_text { font-size: 12px; color: #a5a5a5; line-height: 1.6; transition: 0.3s all; -webkit-transition: 0.3s all; } .marketing_advantage_list:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); } .marketing_advantage_list:hover .brief_text { color: #333; } .partners { padding: 50px 0; } .partners_content { text-align: center; } .partners_content_list { display: inline-block; margin: 20px 10px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: 0.3s all; -webkit-transition: 0.3s all; } .partners_content_list:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); } .join_in { padding: 100px 0; background: url(/skin/images/033.jpg) center top repeat; text-align: center; } .join_in_title { font-size: 36px; color: #fff; } .join_in_title span { color: #31b5ff; } .join_in_text { color: #e3e3e3; font-size: 18px; margin: 15px 0 50px 0; } .join_in_button { padding: 8px 60px; } .news_center { padding: 50px 0; } .news_center_list_title { font-size: 16px; color: #333; margin: 25px 0; } .news_center_content { margin-left: -60px; } .news_center_list { margin-left: 60px; } .news_center_list_img { overflow: hidden; } .news_center_list_img img { width: 100%; transition: 0.3s all; -webkit-transition: 0.3s all; } .news_center_list_img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .news_center_content ul li a { display: block; color: #767676; font-size: 12px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(/skin/images/056.png) left center no-repeat; padding: 3px 0 3px 15px; transition: 0.2s all; -webkit-transition: 0.2s all; } .news_center_content ul li a .text { float: left; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_center_content ul li a .time { float: right; width: 20%; text-align: right; } .news_center_content ul li a:hover { color: #333; text-indent: 5px; } .footer { background: url(/skin/images/0371.jpg) center top repeat; } .footer_content { overflow: hidden; margin-left: -70px; padding-top: 50px; padding-right: 0; padding-bottom: 40px; padding-left: 0; } .footer_list { margin-left: 70px; } .quick_navigation_title, .footer_link_title, .footer_cotact_title { color: #D9D9DA; font-size: 18px; margin-bottom: 5px; margin-top: 20px; text-align: left; } .footer_list .footer_cotact ul li img { width: 11rem; height: 11rem; } .text_align { text-align: center; } .lianxi { color: #D9D9DA; font-size: 30px; text-align: center; } .quick_navigation { padding-left: 50px; } .quick_navigation ul li a { display: block; margin-bottom: 10px; color: #8A8A8A; font-size: 13px; } .quick_navigation ul li a:hover { color: #fff; } .footer_link ul li { float: left; } .footer_link ul li a { display: block; margin: 0 1px 1px 0; background: #292929; color: #8A8A8A; font-size: 13px; padding: 5px 16px; } .footer_link ul li a:hover { color: #fff; background: #222; } .footer_cotact { color: #8A8A8A; font-size: 13px; } .footer_cotact .footer_cotact_type { width: 22%; display: block; float: left; } .footer_cotact .footer_cotact_content { width: 90%; display: block; float: left; } .footer_cotact ul li { margin-bottom: 10px; overflow: hidden; } .footer_cotact ul li a { color: #8A8A8A; } .footer .copyright { text-align: center; padding: 8px 10px; color: #343434; background: #000; font-size: 12px; } .z_banner { background: url(/skin/images/0555.jpg) center top repeat; text-align: center; padding: 170px 0; overflow: hidden; } .support_z_banner { padding: 150px 0 70px 0; } .z_banner_title { font-size: 34px; color: #fff; margin-bottom: 10px; } .z_banner_text { font-size: 16px; color: #aedaff; } .case_show_content { margin: 50px 0; border-bottom: solid 1px #F7F7F7; overflow: hidden; } .case_show_list { overflow: hidden; padding-top: 50px; border-top: solid 1px #F7F7F7; } .case_show_brief_title { color: #333; font-size: 16px; } .case_show_brief_title span { color: #8a8a8a; } .case_show_brief_text { color: #8a8a8a; margin: 20px 60px 30px 0; line-height: 1.8; } .case_show_brief_button .all_button { padding: 8px 50px; } .case_show_more { padding: 50px 0; text-align: center; } .case_show_more .all_button { padding: 8px 50px; } .know_more { text-align: center; padding-top: 20px; padding-right: 0; padding-bottom: 50px; padding-left: 0; } .know_more_text { font-size: 16px; color: #818181; margin-bottom: 20px; } .know_more .all_button { margin: 0 15px; } .z_banner_input { position: relative; width: 100%; max-width: 800px; margin: 50px auto 20px auto; } .z_banner_input input { background: #2A6EAA; color: #829BC4; border: solid 1px #78ADF4; width: 100%; height: 50px; line-height: 50px; border-radius: 3px; text-indent: 20px; } .z_banner_input img { position: absolute; top: 10px; right: 20px; cursor: pointer; } .hot_search { width: 100%; max-width: 800px; margin: 0 auto; } .hot_search ul li { float: left; color: #C2D6F9; margin-right: 20px; } .hot_search ul li a { color: #A3BBE0; } .hot_search ul li a:hover { color: #C2D6F9; } .support_type { margin: 50px 0; } .support_type_content { margin-left: -50px; } .support_type_list { display: block; border: solid 1px #F2F2F2; text-align: center; padding: 10px 0; color: #7b7b7b; margin-left: 50px; position: relative; overflow: hidden; z-index: 1; } .support_type_list.active { color: #fff; background: #3DA6F7; border: solid 1px #3DA6F7; } .support_type_list.normal:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 0; height: 100%; background: #3DA6F7; transition: 0.3s all; -webkit-transition: 0.3s all; z-index: -1; } .support_type_list.normal:hover:before { width: 100%; } .support_type_list.normal:hover { color: #fff; background: #3DA6F7; background: rgba(0, 0, 0, 0); border: solid 1px #3DA6F7; border: solid 1px rgba(0, 0, 0, 0); } .technical_support { background: #F5F7F9; overflow: hidden; padding: 30px 0; } .technical_support_content { overflow: hidden; margin-left: -30px; } .technical_support_list { margin-left: 30px; overflow: hidden; } .technical_support_type { background: #fff; } .technical_support_type .title { background: url(/skin/images/074.png) center no-repeat; color: #fff; font-size: 16px; text-indent: 35px; padding: 15px 0; position: relative; } .technical_support_type .title span { position: absolute; top: 13px; right: 20px; display: none; } .technical_support_type .title span img { transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: 0.4s all; -webkit-transition: 0.4s all; } .technical_support_type .title span.active img { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .technical_support_type ul li { position: relative; z-index: 1; } .technical_support_type ul li:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); width: 0; height: 100%; background: #fafafa; transition: 0.3s all; -webkit-transition: 0.3s all; z-index: -1; } .technical_support_type ul li a { display: block; color: #4e4e4e; padding: 15px 0; margin: 0 10px; border-bottom: solid 1px #F7F7F7; text-indent: 25px; } .technical_support_type ul li:last-child a, .technical_support_type ul li:hover:last-child a { border: none; } .technical_support_type ul li:hover:before { width: 100%; } .technical_support_type ul li:hover a { background: #3DA6F7; background: rgba(0, 0, 0, 0); border-bottom: solid 1px #3DA6F7; } .technical_support_type ul li:first-child.active { border-top: none; } .technical_support_type ul li.active { background: #3DA6F7; border-bottom: solid 1px #fff; border-top: solid 1px #fff; } .technical_support_type ul li.active a { color: #fff; border-bottom: solid 1px #3DA6F7; } .technical_support_type ul li.active:hover:before { display: none; } .technical_support_box { background: #fff; padding-top: 20px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; } .technical_support_box .title { font-size: 16px; color: #4e4e4e; text-indent: 10px; } .technical_support_box .left { float: left; } .technical_support_box .right { float: left; } .technical_support_box .right1 { font-size: 18px; line-height: 36px; font-weight: bold; } .technical_support_box .right2 { font-size: 14px; line-height: 24px; color: #999999; } .technical_support_box ul { border-top: solid 1px #F7F7F7; margin-top: 15px; margin-right: 0; margin-bottom: 15px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .technical_support_box ul li a { display: block; overflow: hidden; color: #4e4e4e; position: relative; z-index: 1; padding: 10px; font-size: 16px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1F1F1; } .technical_support_box ul li a:before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FAFAFA; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1, 0.1, 1); transform: scale3d(1, 0.1, 1); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .technical_support_box ul li a, .technical_support_box ul li a:before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .technical_support_box ul li a:hover:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .technical_support_box ul li a:hover { color: #333; } .technical_support_box ul li a .text { float: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .technical_support_box ul li a .time { float: right; width: 15%; text-align: right; } .technical_support_page { padding: 0 20px 30px 20px; overflow: hidden; background: #fff; } .technical_support_page ul li { float: left; } .technical_support_page ul li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: solid 1px #D1D1D1; border-radius: 3px; color: #c1c1c1; margin-right: 15px; } .technical_support_page ul li a.active, .technical_support_page ul li a:hover { background: #3c9af2; color: #fff; border: solid 1px #3c9af2; } .technical_support_page ul li a.disable { cursor: not-allowed; } .technical_support_page ul li a.disable:hover { color: #c1c1c1; background: #fff; border: solid 1px #D1D1D1; } .technical_support_box_z { background: #fff; padding: 30px; font-size: 16px; line-height: 32px; } .technical_support_box_z_header .title { color: #4E4E4E; font-size: 24px; } .technical_support_box_z_header ul { overflow: hidden; margin-top: 10px; } .technical_support_box_z_header ul li { float: left; font-size: 12px; color: #989898; margin-right: 20px; } .technical_support_box_z_info_box { border-top: solid 1px #F7F7F7; border-bottom: solid 1px #F7F7F7; margin: 30px 0; padding: 30px 0; font-size: 16px; line-height: 32px; } .technical_support_box_z_info_box1 { background-position: center; } .technical_support_box_z_info_box_shangxia { text-align: right; } .technical_support_box_z_info img { max-width: 100%; height: auto !important; } .technical_support_box .city_title { color: #4E4E4E; font-size: 30px; text-align: center; } .technical_support_box .city_content { border-top:solid 0.01rem #f7f7f7; border-bottom:solid 0.01rem #f7f7f7; margin: 30px 0; padding: 30px 0; line-height: 32px; } .technical_support_box .city_content a { font-family: "微软雅黑"; font-size: 16px; margin-right: 15px; } .technical_support_page_z { background: #fff; overflow: hidden; padding: 0 30px 30px 30px; } .technical_support_page_z a { display: inline-block; padding: 8px 45px; background: #fff; border: solid 1px #F7F7F7; color: #9a9a9a; border-radius: 3px; } .technical_support_page_z a.active, .technical_support_page_z a:hover { background: #3F98F2; color: #fff; border: solid 1px #3F98F2; } .technical_support_page_z a.page_next { float: right; } .template_search { text-align: center; margin: 50px 0; overflow: hidden; } .template_search_select { display: inline-block; margin: 0 30px; } .template_search_select select { color: #adadad; width: 280px; height: 40px; text-indent: 15px; border: solid 1px #F0F0F0; border-radius: 3px; cursor: pointer; } .template_search_select option { color: #adadad; } .template_search_button { display: inline-block; margin: 0 30px; } .template_search_button .all_button { display: initial; } .template_show_content { position: relative; overflow: hidden; } .template_show_content:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background: #F7F7F7; } .template_show_list_box { border-bottom: solid 1px #F7F7F7; } .template_show_list { width: 96%; max-width: 540px; margin: 0 auto; padding: 80px 0; } .template_show_list_text { margin: 25px 0; overflow: hidden; } .template_show_list_text ul li { float: left; margin-right: 30px; color: #9a9a9a; } .template_show_list_text ul li span { color: #636363; } .template_show_list_button a:last-child { float: right; } .template_show_list_button .all_button { padding: 8px 40px; } .template_show .know_more { border-top: solid 1px #F7F7F7; } .introduce { padding: 100px 0; } .introduce_content { overflow: hidden; } .introduce_list_brief { margin: 0 50px 20px 0; } .introduce_list_title { font-size: 16px; color: #333; font-weight: 600; margin-bottom: 5px; } .introduce_list_text { color: #969696; } .cloud_platform { padding: 100px 0; background: url(/skin/images/0181.jpg) center top repeat; } .cloud_platform_content { overflow: hidden; margin: 80px 0 80px -30px; } .cloud_platform_list { display: block; margin-left: 30px; background: #fff; text-align: center; padding: 60px 20px; } .cloud_platform_list_title { font-size: 16px; color: #333; } .cloud_platform_list_text { color: #aeaeae; height: 40px; line-height: 20px; overflow: hidden; margin-top: 10px; } .cloud_platform_solution { text-align: center; color: #fff; } .cloud_platform_solution .title { font-size: 24px; } .cloud_platform_solution .text { color: #c0e3ff; margin-top: 10px; } .industry { padding: 100px 0; } .industry_content { margin-top: 50px; overflow: hidden; } .industry_list_img { text-align: center; } .industry_list_left { text-align: right; padding-right: 60px; } .industry_list_rigth { text-align: left; padding-left: 60px; } .industry_list_brief { margin-bottom: 40px; } .industry_list_title { color: #474747; font-size: 18px; margin-bottom: 30px; } .industry_list_brief_title { color: #464646; } .industry_list_brief_text { margin-top: 5px; height: 40px; line-height: 20px; color: #9c9c9c; overflow: hidden; } .advantage_project { padding-top: 100px; background: url(/skin/images/079.jpg) center bottom repeat; } .advantage_project_content { overflow: hidden; margin: 50px 0 0 -30px; } .advantage_project_list { overflow: hidden; margin: 0 0 100px 30px; } .advantage_project_list_brief { padding-left: 10px; color: #fff; } .advantage_project_list_brief .title { font-size: 16px; } .advantage_project_list_brief .text { font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; } .marketing_support { padding: 100px 0; } .marketing_support_content { overflow: hidden; margin-left: -20px; } .marketing_support_list { margin-left: 20px; } .marketing_support_list_brief { margin-top: 30px; } .marketing_support_list_brief .title { color: #383838; font-size: 18px; } .marketing_support_list_brief .text { color: #686868; height: 40px; line-height: 20px; overflow: hidden; } .proxy_process { padding: 100px 0; background: #3BA1F2; } .proxy_process_line { height: 15px; width: 96%; max-width: 1000px; margin: 0 auto; background: #fff; margin-top: 60px; } .proxy_process_content { margin: -55px 0 0 -60px; } .proxy_process_list { display: block; text-align: center; margin-left: 60px; } .proxy_process_list_top { width: 90px; height: 90px; text-align: center; line-height: 90px; margin: 0 auto; border-radius: 100%; background: #fff; color: #3ba1f2; font-size: 48px; overflow: hidden; position: relative; z-index: 1; } .proxy_process_list_top:before { content: ""; width: 70px; height: 70px; background: #fff; background: rgba(59, 161, 242, 1); border-radius: 100%; position: absolute; top: 12%; left: 12%; z-index: -1; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: 0.4s all; -webkit-transition: 0.4s all; } .proxy_process_list_middle { width: 15px; height: 15px; background: #fff; margin: -1px auto 0 auto; } .proxy_process_list_bottom { background: #fff; padding: 30px 0; min-height: 90px; border-radius: 5px; } .proxy_process_list_bottom .title { color: #3b3b3b; font-size: 18px; margin-bottom: 10px; } .proxy_process_list_bottom .text { color: #939393; height: 40px; line-height: 20px; overflow: hidden; } .proxy_process_list:hover .proxy_process_list_top:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .proxy_process_list:hover .proxy_process_list_top { color: #3ba1f2; color: rgba(255, 255, 255, 1); } .proxy_process_list:hover .proxy_process_list_bottom .text { color: #333; } .h82 { height: 82px; padding: 0px; } .page_num_box { float: right; } .page_num_box ul li { float: left; } .page_num_box ul li a { display: block; border: solid 1px #E9E9E9; padding: 3px 0; width: 25px; text-align: center; font-size: 12px; } .page_num_box ul li a:hover, .page_num_box ul .page_num_active { background: #008BD6; color: #fff; border: solid 1px #008BD6; } .news_banner { padding: 40px 0; } /* * Author:�Ƽѱ�(Jabo) * Time: 2016/07/19 * Dec: ������ҳ������ʽ */ /*ͷ���˵����һ��li*/ /* .header .header_menu ul li:last-child { display:none; }*/ /*Ϊ����IE��ʹ��*/ .header .header_menu ul .nav-last-li { display: none; } @media screen and (max-width: 1199px) { .header .header_menu ul li:last-child { display: block; line-height: 40px; border-bottom: 1px solid #378fdd; } .header .header_menu ul li:last-child a { display: inline; padding: 0 20px; border: none; } .header .header_menu ul li:last-child span { color: #fff; filter: alpha(opacity=20); /* IE ͸����20% */ opacity: 0.8; } .header .header_menu ul li:last-child a:hover { border: none; } } /** * AUTHOR:�Ƽѱ�(Jabo) * TIME:2016/07/25 * DESC:��վ���� * */ .template_show_list_button .all_button { padding: 6px 30px; } .template_show_list_button .all_button:first-child { float: right; margin-left: 25px; } .template_show_list { width: 82%;/* padding: 80px 0;*/*padding-right: 10px;*/ } .template_show-container { background: #F5F5F5; height: 100%; padding: 10px 10px 68px 10px; } .template_show_list_text { position: absolute; margin: 22px 0 12px 0; } .template_show_list_pic img { background: transparent; background-color: rgba(0, 0, 0, 0); } .template_show_list_pic { position: relative; } .template_show_list_pic .front-model { /*position: relative;*/ } .template_show_list_pic .front-img { position: absolute; transition: all 0.3s; } .template_show_list_pic .front-img:hover { opacity: 0; filter: Alpha(opacity=0); } .template_show_list_button { margin-top: 28px; } .template_show_list_text h3 { color: #636363; padding-bottom: 3px; } .template_show_list_text p { color: #9A9A9A; } .web_tip { margin: 76px 0 36px; text-align: center; position: relative; } .web_tip:before { content: ""; position: absolute; top: 12px; left: 0; right: 0; width: 80%; max-width: 600px; margin: 0 auto; border-bottom: 1px solid #eee; } .web_tip h4 { font-size: 16px; position: relative; display: inline-block; background-color: #fff; padding: 0 30px; z-index: 1; } .web_tip .create_web { margin-top: 18px; } .web_tip a { display: inline-block; padding: 6px 30px; background: #3B9EF3; border-radius: 3px; color: #fff; border: solid 1px #3B9FF2; transition: all 0.3s; } .web_tip a:hover { background: transparent; color: #3B9FF2; } @media only screen and (max-width: 1110px) { .web_tip h4 { padding: 0 26px; } .template_show_list_text { position: relative; margin: 22px 0 12px 0; text-align: center; } .template_show_list_button { margin-top: 12px; text-align: center; } .template_show_list_button .all_button:first-child { float: none; margin-left: 0; } .template_show_list_button a:last-child { float: none; } .template_show-container { padding: 10px 10px 18px 10px; } .web_tip { margin: 50px 0 26px; } } @media only screen and (min-width: 420px) and (max-width: 770px) { .web_tip h4 { padding: 0 20px; } .web_tip { margin: 40px 0 16px; } .template_show_list_button .all_button:first-child { margin-left: 0; } } @media only screen and (max-width: 420px) { .web_tip h4 { padding: 0 15px; } .web_tip { margin: 40px 0 6px; } .template_show_list { padding: 30px 0 !important; } } @media only screen and (max-width: 322px) { .web_tip:before { display: none; } } /* * @Autor:Jabo(�Ƽѱ�) * Time:2016/09/07 * Desc:�������� */ .support_type_content .kzf-mod-center { position: relative; left: 50%; -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); transform: translateX(-25%); } .kzf-mod-new-container { margin-bottom: 95px; } .kzf-mod-new-container .container { max-width: 900px; } .kzf-mod-new-container .kzf-mod-new-li { position: relative; overflow: hidden; padding: 10px 0; margin: 4px 0; } .kzf-mod-new-container .kzf-mod-new-li:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: #3DA6F7; z-index: -1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-li:hover:after { right: 0; width: 100%; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #ccc; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box { color: #fff; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box { padding: 12px 40px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date { font-size: 36px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year { font-size: 14px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title { position: relative; font-size: 16px; color: #767676; line-height: 24px; padding-bottom: 12px; text-indent: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before { content: ""; position: absolute; top: 6px; left: 0; border: 7px solid; border-color: transparent transparent transparent #afafaf; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text { font-size: 14x; color: #b2b2b2; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title { color: #fff; } .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text { color: #fff; } .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before { border-left-color: #fff; } .kzf-mod-new-container .kzf-mod-new-btn-more { text-align: center; padding: 55px 0; } .kzf-mod-new-container .kzf-mod-new-btn-more a { padding: 10px 40px; border-radius: 3px; color: #fff; background-color: #3b9ef3; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-new-container .kzf-mod-new-btn-more a:hover { color: #3b9ef3; border: 1px solid #3b9ef3; background-color: #fff; } @media only screen and (max-width: 1199px) { .kzf-mod-new-container { margin-bottom: 60px; } .kzf-mod-new-container .kzf-mod-new-btn-more { padding: 25px 0; } } @media only screen and (max-width: 960px) { .kzf-mod-new-container { margin-bottom: 40px; } .kzf-mod-new-container .kzf-mod-new-btn-more { padding: 15px 0; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box { padding: 6px 0; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date { font-size: 38px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title { padding-bottom: 22px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box { padding: 6px 20px; } .kzf-mod-new-container .kzf-mod-new-li { padding: 14px 0; } } @media only screen and (max-width: 767px) { .kzf-mod-new-container { margin-bottom: 25px; } .kzf-mod-new-container .kzf-mod-new-btn-more { padding: 15px 0; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box { padding: 3px 0; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date { font-size: 24px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title { padding-bottom: 12px; line-height: 19px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box { padding: 3px 10px; } .kzf-mod-new-container .kzf-mod-new-li { padding: 4px 0; } } @media only screen and (max-width: 479px) { .kzf-mod-new-container { margin-bottom: 25px; } .kzf-mod-new-container .kzf-mod-new-btn-more { padding: 10px 0; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date { font-size: 14px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year { font-size: 12px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title { padding-bottom: 2px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box { padding: 0 10px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title { font-size: 14px; } .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text { font-size: 12px; } .kzf-mod-new-container .kzf-mod-new-li { padding: 4px 0; } .support_type_content .kzf-mod-center { position: relative; left: 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } /* * @Autor:Jabo(�Ƽѱ�) * Time:2016/09/12 * Desc:������� */ .kzf-mod-case-container { padding: 50px 0; } .kzf-mod-so-title-box { text-align: center; margin-top: 0px; margin-right: 0; margin-bottom: 56px; margin-left: 0; } .kzf-so-title { margin-bottom: 10px; font-size: 36px; } .kzf-so-text { color: #818181; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box { margin-left: -30px; text-align: center; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap { margin: 0 0 60px 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title { color: #818181; font-size: 14px; line-height: 28px; text-align: left; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title1 { color: #666666; font-size: 18px; line-height: 36px; text-align: left; } .kzf-mod-link-container { padding: 76px 6px 110px; background-size: cover; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box { margin: 0 0 30px -26px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; overflow: hidden; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box> div a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap { padding: 20px 3px; margin: 0 0 3px 26px; width: 100%; text-align: center; background-color: rgba(180, 180, 180, .2); } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic { margin-bottom: 20px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt { color: #fff; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box { margin-left: -15px; /*QQ����*/ display: none; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap { margin-left: 15px; margin-bottom: 1px; padding: 12px 3px; text-align: center; color: #fff; background-color: rgba(180, 180, 180, .2); } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img { margin-right: 10px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span { vertical-align: middle; font-size: 16px; } @media screen and (max-width: 967px) { .kzf-so-title { font-size: 30px; } .kzf-mod-case-container { padding: 50px 0; } .kzf-mod-so-title-box { margin: 25px 0 45px; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap { margin: 0 0 55px 30px; } .kzf-mod-link-container { padding: 50px 6px 82px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box { margin: 0 0 30px -16px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap { margin: 0 0 3px 16px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span { font-size: 14px; } } @media screen and (max-width: 767px) { .kzf-mod-case-container { padding: 40px 0; } .kzf-mod-so-title-box { margin: 25px 0 30px; } .kzf-so-title { margin-bottom: 3px; font-size: 26px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap { margin: 0 0 1px 5px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box { margin: 0 0 10px -5px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box { margin-left: -5px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap { margin-left: 5px; } } @media screen and (max-width: 479px) { .kzf-mod-case-container { padding: 15px 0; } .kzf-mod-so-title-box { margin: 15px 0 30px; } .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap { margin: 0 0 30px 30px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box { margin: 0 0 5px -5px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic { margin-bottom: 10px; } .kzf-mod-link-container { padding: 15px 6px 35px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap { padding: 10px 3px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt { font-size: 12px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box { margin-left: -3px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap { margin-left: 3px; margin-bottom: 1px; padding: 6px 2px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img { margin-right: 3px; } .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span { font-size: 12px; } } /* * @Autor:����Ⱥ * Time:2016/09/12 * Desc:��Ʒ�ͷ��� */ .kzf-mod-product { text-align: center; padding-top: 50px; padding-right: 0; padding-bottom: 50px; padding-left: 0; } .kzf-mod-product-title { font-size: 36px; } .kzf-mod-product-brief { color: #818181; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; } .kzf-mod-product-list-title { color: #333; font-size: 18px; margin: 25px 0 10px 0; } .kzf-mod-product-list p { line-height: 2; color: #818181; transition: 0.3s all; -webkit-transition: 0.3s all; padding-left: 10px; padding-right: 20px; text-align: left; } .kzf-mod-product-list img { transition: 0.3s all; -webkit-transition: 0.3s all; position: relative; top: 0; } .kzf-mod-product-list:hover img { top: 5px; } .kzf-mod-product-list:hover p { color: #444; } @media only screen and (max-width: 967px) { .kzf-mod-product { padding: 60px 0; } .kzf-mod-product-title { font-size: 30px; } .kzf-mod-product-brief { margin: 20px 0 20px 0; } .kzf-mod-product-list-title { font-size: 16px; margin: 20px 0 10px 5px; } .kzf-mod-product-list p { line-height: 1.8; } } @media only screen and (max-width: 767px) { .kzf-mod-product { padding: 40px 0 0 0; } .kzf-mod-product-title { font-size: 26px; } .kzf-mod-product-brief { margin: 15px 0 25px 0; } .kzf-mod-product-list { margin-bottom: 20px; } .kzf-mod-product-list-title { font-size: 16px; margin: 20px 0 10px 0; } .kzf-mod-product-list p { line-height: 1.8; } } .kzf-mod-custom { padding: 90px 0; text-align: center; background: #11121C; } .kzf-mod-custom-title { font-size: 36px; color: #3c94f1; } .kzf-mod-custom-brief { color: #818181; margin: 20px 0 55px 0; } .kzf-mod-custom-content { overflow: hidden; } .kzf-mod-custom-list { width: 14.2%; float: left; } .kzf-mod-custom-list img { transition: 0.3s all; -webkit-transition: 0.3s all; position: relative; top: 0; } .kzf-mod-custom-list-title { color: #fff; font-size: 18px; margin: 25px 0 10px 0; } .kzf-mod-custom-list p { line-height: 2; color: #818181; padding: 0 15px; transition: 0.3s all; -webkit-transition: 0.3s all; } .kzf-mod-custom-list:hover img { top: 5px; } .kzf-mod-custom-list:hover p { color: #FAFAFA; } @media only screen and (max-width: 967px) { .kzf-mod-custom { padding: 60px 0 20px 0; } .kzf-mod-custom-title { font-size: 30px; } .kzf-mod-custom-brief { margin: 20px 0 40px 0; } .kzf-mod-custom-list { width: 25%; margin-bottom: 40px; } .kzf-mod-custom-list-title { font-size: 16px; margin: 20px 0 10px 0; } .kzf-mod-custom-list p { line-height: 1.8; } } @media only screen and (max-width: 767px) { .kzf-mod-custom { padding: 40px 0 0 0; } .kzf-mod-custom-title { font-size: 26px; } .kzf-mod-custom-brief { margin: 15px 0 25px 0; } .kzf-mod-custom-list { margin-bottom: 40px; } .kzf-mod-custom-list-title { font-size: 16px; margin: 20px 0 10px 0; } .kzf-mod-custom-list p { line-height: 1.8; } } @media only screen and (max-width: 479px) { .kzf-mod-custom-list { width: 33.333%; } .kzf-mod-custom-list img { width: 100px; } .kzf-mod-custom-list p { padding: 0 10px; font-size: 12px; } .kzf-mod-custom-list-last { float: none; animation-delay: inherit; visibility: visible; animation-name: inherit; -webkit-animation-fill-mode: inherit; animation-fill-mode: initial; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .pagess { clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size: 12px } .pagess ul li { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; color: #999 } .pagess ul li:hover { background: #3b9ef3; color: #fff; border: 1px solid #3b9ef3 } .pagess ul li:hover a { color: #fff; } .pagess ul li.thisclass { display: inline-block; border: 1px solid #3b9ef3; padding: 2px 9px; margin: 0 3px; background: #3b9ef3; color: #fff; } .pagess ul li.thisclass a { color: #fff; } .pagess ul li a { display: block; color: #999 } .pagess ul li a:hover { color: #fff; } /*底部固定工具条*/ #tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; display: block; height: 48px; } .toollist li { float: left; width: auto; height: 100%; width: 25%; position: static!important; margin: 0; border-radius: 0!important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-sizing: border-box; box-shadow: none!important; background: none; overflow: hidden; } .toollist li a { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; } .toollist li a img { width: 24px; height: 24px; } .toollist li a p { margin: 1px 0 1px 0; font-size: 14px; display: block !important; line-height: 18px; text-align: center; } /*绿色主题*/ .toollist { background: #3b9ef3; } .toollist li { border-right: 1px solid rgba(255, 255, 255, 0.7); } .toollist li a { color: #fff; } .toollist li:hover { background: #09F; overflow: visible; } .zcd3 { margin-top: -300px !important; width: 100%; } #zcd ul, #zcd ul li { width: 100%; height: 50px; overflow: visible; background: #09C; } /*手机头部*/ #m-hd { display: none; } #m-hd { height: 50px; line-height: 50px; padding: 0; position: fixed; width: 100%; z-index: 999999; background-color: #FFF; } #m-hd img { height: 40px; padding: 10px 0 0 10px; } .m-trigger { position: absolute; top: 0; right: 10px; width: 85px; color: #fff; text-align: center; font-size: 30px; line-height: 45px; cursor: pointer; -webkit-background-size: 50px; background-size: 50px; height: 50px; } .m-nav { z-index: 60; position: absolute; top: 50px; width: 100%; left: 0; text-align: center; display: none; } .m-nav li { border-bottom: 1px solid #565656; } .m-nav a { display: block; font-size: 12px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; } .m-nav a:hover, .m-nav a:active { color: #e4392a; } .m-sub { text-align: left; display: none; width: 100%; } .m-sub a { border-bottom: none; font-size: 13px; } #flash { width: 682px; height: 240px; float: left; margin-bottom: 8px; margin-right: 5px; } #flasha { display: none; } #tool { display: none; } .Mobile { display: none; } /*底部菜单*/ @media screen and (min-width:900px) { #tool { display: none; } .Mobile { display: none; } } @media screen and (min-width:561px) and (max-width:900px) { .r1 { display: none !important; } .m-confirm { display: none !important; } .jiqiren { display: none !important; } .flink-show clear { display: none !important; } #buttom_logo { display: none !important; } #buttom_top { display: none !important; } #buttom_text { width: 100% !important; } buttom_top { margin-bottom: 20px; } #partner { display: none !important; } #feature { width: 100% !important; } #tech .addlist .litimg { } #tech .addlist .litimg { width: 30% !important; height: auto; } .tel { display: none !important; } .time { display: none !important; } #hd { display: none !important; } #m-hd { display: block; } #m-hd { border-bottom: 1px solid #ccc; } .wp { padding: 0 10px; } .ul-icon-i li { width: 50%; } .dedetoolbar { display: none !important; } #wrapper { width: 100%; } #head { width: 100%; } #head .htitle h1 a { display: block; overflow: hidden; background-repeat: no-repeat; background-size: 60% } #flasha { width: 100%; display: block; margin-top: -10px; } #flasha img { width: 100% !important; height: auto !important; } .wrapper { width: 100%; } #htitle { display: none !important; } #flash { display: none !important; } #flash img { width: 100% !important; height: auto !important; } #download { display: none !important; } .navul li { width: 10%; } .navul li a { width: 6em; } .htitle1 { display: none; } #navi { display: none; } #menu1 { display: none; } #navo { display: none; } #commend { display: none; } #dedenews { display: none; } #feature { width: 100%; } #commend { width: 100%; } #hotdown { display: none; } #hothelp { display: none; } #comfaq { width: 100%; } .ucontent { width: 100%; } .ucontent tr { width: 100%; } .ucontent tr td { width: 23%; } /* liebiao*/ #buyguide { display: none; } .mB5 { display: none; } .l_right { width: 100%; } .l_right img { width: 100% !important; height: auto !important; } .ucontent { width: 100%; } .ucontent img { width: 100% !important; height: auto !important; } .Mobile { text-align: center; width: 100%; height: 35px; line-height: 35px; background: #017834; width: 98%; border-radius: 18px 0 18px 0; margin: 0 auto; clear: both; } /*底部固定工具条*/ #tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; } ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; display: block; height: 48px; } .toollist li { float: left; width: auto; height: 100%; width: 25%; position: static!important; margin: 0; border-radius: 0!important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-sizing: border-box; box-shadow: none!important; background: none; } .toollist li a { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; } .toollist li a img { width: 24px; height: 24px; } .toollist li a p { margin: 1px 0 1px 0; font-size: 14px; display: block !important; line-height: 18px; text-align: center; } /*绿色主题*/ .toollist { background: #3b9ef3; } .toollist li { border-right: 1px solid rgba(255, 255, 255, 0.7); } .toollist li a { color: #fff; } } @media screen and (max-width:640px) { .m-confirm { display: none !important; } .r1 { display: none !important; } .jiqiren { display: none !important; } .flink-show clear { display: none !important; } #buttom_logo { display: none !important; } #buttom_top { display: none !important; } #buttom_text { width: 100% !important; } buttom_top { margin-bottom: 20px; } #partner { display: none !important; } #feature { width: 100% !important; } #tech .addlist .litimg { } #tech .addlist .litimg { width: 30% !important; height: auto; } .tel { display: none !important; } .time { display: none !important; } #hd { display: none !important; } #m-hd { display: block; } #m-hd { border-bottom: 1px solid #ccc; } .wp { padding: 0 10px; } .ul-icon-i li { width: 50%; } .dedetoolbar { display: none !important; } #wrapper { width: 100%; } #head { width: 100%; } #head .htitle h1 a { display: block; overflow: hidden; background-repeat: no-repeat; background-size: 60% } #flasha { width: 100%; display: block; margin-top: -10px; } #flasha img { width: 100% !important; height: auto !important; } .wrapper { width: 100%; } #htitle { display: none !important; } #flash { display: none !important; } #flash img { width: 100% !important; height: auto !important; } #download { display: none !important; } .navul li { width: 10%; } .navul li a { width: 6em; } .htitle1 { display: none; } #navi { display: none; } #menu1 { display: none; } #navo { display: none; } #commend { display: none; } #dedenews { display: none; } #feature { width: 100%; } #commend { width: 100%; } #hotdown { display: none; } #hothelp { display: none; } #comfaq { width: 100%; } .ucontent { width: 100%; } .ucontent tr { width: 100%; } .ucontent tr td { width: 23%; } /* liebiao*/ #buyguide { display: none; } .mB5 { display: none; } .l_right { width: 100%; } .l_right img { width: 100% !important; height: auto !important; } .ucontent { width: 100%; } .ucontent img { width: 100% !important; height: auto !important; } .Mobile { text-align: center; width: 100%; height: 35px; line-height: 35px; background: #017834; width: 98%; border-radius: 18px 0 18px 0; margin: 0 auto; clear: both; } /*底部固定工具条*/ #tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; } ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; display: block; height: 48px; } .toollist li { float: left; width: auto; height: 100%; width: 25%; position: static!important; margin: 0; border-radius: 0!important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-sizing: border-box; box-shadow: none!important; background: none; } .toollist li a { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; } .toollist li a img { width: 24px; height: 24px; } .toollist li a p { margin: 1px 0 1px 0; font-size: 14px; display: block !important; line-height: 18px; text-align: center; } /*绿色主题*/ .toollist { background: #3b9ef3; } .toollist li { border-right: 1px solid rgba(255, 255, 255, 0.7); } .toollist li a { color: #fff; } .m-confirm { width: 67px; position: fixed; top: 50%; right: 0px; background-color: #fff; font-size: 12px; color: #fff; margin-top: -171px; z-index: 9999; } .m-confirm .online:hover { background-color: #197ad8; } .m-confirm .tel:hover { background-color: #197ad8; } .m-confirm .tel:hover .content { display: block !important; } .m-confirm .z-over { background-color: #197ad8 !important; } .m-confirm .z-over-1 { background-color: #c6c6c6 !important; } .m-confirm .i-sprite { display: inline-block; zoom: 1; width: 67px; height: 30px; margin-top: 28px; overflow: hidden; } .m-confirm .online { height: 99px; text-align: center; border-bottom: 1px solid #8dc7ff; cursor: pointer; background-color: #378fe5; } .m-confirm .online .i-sprite-1 { background-position: 20px 0px; } .m-confirm .tel { height: 99px; text-align: center; border-bottom: 1px solid #8dc7ff; position: relative; cursor: pointer; background-color: #378fe5; } .m-confirm .tel .i-sprite-2 { background-position: 20px -28px; } .m-confirm .tel .i-sprite-3 { background-position: 20px -58px; } .m-confirm .tel .content { display: none; width: 140px; height: 43px; border-radius: 5px; background-color: #fff; text-align: center; line-height: 43px; position: absolute; left: -160px; top: 28px; color: #333; font-size: 15px; } .m-confirm .tel .content:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #fff; border-bottom: 10px solid transparent; position: absolute; right: -15px; top: 12px; } .m-confirm .wchat { height: 99px; text-align: center; position: relative; cursor: pointer; background-color: #378fe5; } .m-confirm .wchat .i-sprite-3 { background-position: 20px -59px; } .m-confirm .wchat .content { width: 138px; height: 175px; background-size: 138px 175px; position: absolute; display: none; top: -39px; left: -147px; z-index: 9999; } .m-confirm .demo { padding: 30px 0; text-align: center; background-color: #378fe5; border-bottom: 1px solid #8dc7ff; cursor: pointer; } .m-confirm .demo .icon { width: 25px; height: 25px; margin-bottom: 5px; } .m-confirm .demo:hover { background-color: #197ad8; } .m-confirm .try { padding: 30px 0; text-align: center; background-color: #378fe5; border-bottom: 1px solid #8dc7ff; cursor: pointer; } .m-confirm .try .icon { width: 25px; height: 25px; margin-bottom: 5px; } .m-confirm .try:hover { background-color: #197ad8; } .m-confirm .top { height: 60px; text-align: center; background-color: #dbdbdb; cursor: pointer; } .m-confirm .top .i-sprite-4 { height: 20px; background-position: 27px -81px; margin-top: 0px; } .m-confirm .top p { color: #666; font-weight: bolder; height: 20px; line-height: 10px; } /* FILE ARCHIVED ON 07:11:17 May 11, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 12:12:15 Feb 24, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.424 exclusion.robots: 0.021 exclusion.robots.policy: 0.013 esindex: 0.008 cdx.remote: 10.224 LoadShardBlock: 369.285 (3) PetaboxLoader3.datanode: 124.104 (4) PetaboxLoader3.resolve: 272.239 (2) load_resource: 213.387 */