@charset "utf-8"; /* 调用eg: .ss{ background-color:#ff6600; .quick-gradient(top,0.5) } */ /*镜像效果*/ .clearfix { clear: both; *zoom: 1; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .idx_main { text-align: center; color: #ffffff; position: absolute; top: 40%; width: 100%; } .idx_main h2 { font-size: 0.5rem; -webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -ms-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); font-weight: normal; animation: fadeIn 0.3s ease; -webkit-animation: fadeIn 0.3s ease; font-weight: 700; letter-spacing: 5px; } .idx_main h3 { font-size: 0.36rem; -webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -ms-text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); margin-top: 0.35rem; font-weight: normal; animation: fadeIn 0.5s ease; -webkit-animation: fadeIn 0.5s ease; } .idx_main span { font-weight: bold; } .idx_main .wifi_bg { width: 2.85rem; height: 1.78rem; background: url("../img/idx_wifi.png") no-repeat; position: absolute; top: -80%; left: 45%; -webkit-ransition: osize 2s ease-in-out infinite; animation: osize 2s ease-in-out infinite; } @media (max-width: 415px) { .idx_main { top: 35%; } .idx_main h2 { font-size: 0.38rem; letter-spacing: 1px; line-height: 0.56rem; font-weight: 600; } .idx_main h2 span { opacity: 0; display: block; height: 1px; overflow: hidden; } .idx_main h3 { font-size: 0.18rem; margin-top: 0.3rem; } .idx_main .wifi_bg { width: 2rem; height: 1rem; background: url("../img/idx_wifi.png") no-repeat; background-size: contain; } .idx_main .wifi_bg { top: 100%; left: 40%; } } /*-- index end --*/ .ser_banner { background-image: url("../img/ser_banner.jpg"); } .ser_banner .list { padding-top: 0.1rem; } .ser_banner .list span { display: inline-block; padding-right: 0.5rem; } .ser_banner .list em { width: 0.08rem; height: 0.08rem; border-radius: 0.08rem; background: #f9c03c; display: inline-block; } .ban_ht { height: 4.13rem; background-repeat: no-repeat; background-position: center; } .banner_txt { color: #ffffff; line-height: 0.36rem; font-size: 0.18rem; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); text-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .banner_txt h2 { padding: 1.8rem 0 0.35rem; font-size: 0.5rem; font-weight: 600; } .pad_tb { padding: 0.8rem 0 1rem; } .tit_big { font-size: 0.36rem; font-weight: 700; color: #333333; text-align: center; margin-bottom: 0.5rem; } .ser_1 .txt { width: 90%; font-size: 0.18rem; color: #666666; line-height: 0.36rem; text-align: center; margin: 0 auto; } .ser_1 .txt_m { display: none; } .ser_tab_menu li a, .ser_tab_menu li a:hover, .ser_icon, .tit_small h4:before, .tit_small h4:after { background: url("../img/ser_icon.png") no-repeat 0 0; background-size: 9.35rem 3.55rem; overflow: hidden; display: block; } .ser_1 .ser_tab_menu { zoom: 1; padding-top: 0.9rem; font-size: 0; text-align: center; } .ser_1 .ser_tab_menu li { display: inline-block; width: 2.3rem; margin: 0 0.8rem; } .ser_1 .ser_tab_menu li:nth-child(1) a { background-position: 0 0; } .ser_1 .ser_tab_menu li:nth-child(2) a { background-position: -2.35rem 0; } .ser_1 .ser_tab_menu li:nth-child(3) a { background-position: -4.7rem 0; } .ser_1 .ser_tab_menu li:nth-child(4) a { background-position: -7.05rem 0; } .ser_1 .ser_tab_menu li a { width: 2.3rem; height: 2.5rem; text-align: center; color: #ffffff; font-size: 0.18rem; position: relative; overflow: hidden; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; transition: transform 0.3s ease; } .ser_1 .ser_tab_menu li a .ser_icon { margin: 0.7rem auto 0.2rem; width: 0.49rem; height: 0.46rem; } .ser_1 .ser_tab_menu li a .arrow_down { width: 0.2rem; height: 0.15rem; margin: 0.2rem auto 0; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .ser_1 .ser_tab_menu li a:hover { background-position: -7.05rem 0; -webkit-transform: translateY(-0.5rem); -moz-transform: translateY(-0.5rem); -ms-transform: translateY(-0.5rem); transform: translateY(-0.5rem); } .ser_1 .ser_tab_menu li a:hover .arrow_down { opacity: 1; background-position: -1.65rem -2.55rem; } .ser_1 .ser_tab_menu li .icon_1 { background-position: 0 -2.55rem; } .ser_1 .ser_tab_menu li .icon_2 { background-position: -0.55rem -2.55rem; } .ser_1 .ser_tab_menu li .icon_3 { background-position: -1.1rem -2.55rem; } /*ser_1 end*/ /* /.ser_2 */ .tit_small { color: #333333; text-align: center; } .tit_small h4 { font-size: 0.3rem; position: relative; overflow: hidden; font-weight: 600; } .tit_small h4:before, .tit_small h4:after { content: ''; position: absolute; width: 1.61rem; height: 0.19rem; background-position: 0 -3.15rem; left: 50%; top: 0.12rem; -webkit-transform: translateX(-3rem); -moz-transform: translateX(-3rem); -ms-transform: translateX(-3rem); transform: translateX(-3rem); } .tit_small h4:after { left: auto; right: 50%; -webkit-transform: translateX(3rem) rotate(-180deg); -moz-transform: translateX(3rem) rotate(-180deg); -ms-transform: translateX(3rem) rotate(-180deg); transform: translateX(3rem) rotate(-180deg); } .tit_small p { font-size: 0.16rem; margin-top: 0.2rem; line-height: 0.3rem; color: #666666; } .tit_small .det_m { display: none; } .ser_tab1 { background: #163696; color: #ffffff; } .ser_tab1 .tit_small { color: #ffffff; } .ser_tab1 .tit_small h4:before, .ser_tab1 .tit_small h4:after { background-position: 0 -3.35rem; } .ser_tab1 .tit_small p { color: #ffffff; } .ser_tab1 .main { background: url("../img/ser_c1.png") no-repeat center center; padding-top: 0.8rem; overflow: hidden; zoom: 1; } .ser_tab1 .main .lf, .ser_tab1 .main .rt { width: 3.75rem; float: left; } .ser_tab1 .main .lf h5, .ser_tab1 .main .rt h5 { font-size: 0.26rem; font-weight: 600; } .ser_tab1 .main .rt { float: right; } .ser_tab1 .main .rt h5 { color: #00f0ff; } .ser_tab1 .main .rt h5 span { color: #d8ff00; } .ser_tab1 li { position: relative; margin-top: 0.5rem; } .ser_tab1 .lf { text-align: right; } .ser_tab1 .lf li { padding-right: 0.85rem; } .ser_tab1 .rt li { padding-left: 0.85rem; } .ser_tab1 .icon_1 { background-position: -4.45rem -2.55rem; } .ser_tab1 .icon_2 { background-position: -5.1rem -2.55rem; } .ser_tab1 .icon_3 { background-position: -5.75rem -2.55rem; } .ser_tab1 .icon_4 { right: auto; left: 0; background-position: -6.4rem -2.55rem; } .ser_tab1 .icon_5 { right: auto; left: 0; background-position: -7.05rem -2.55rem; } .ser_tab1 .icon_6 { right: auto; left: 0; background-position: -7.7rem -2.55rem; } .ser_tab1 li h6, .ser_tab2 li h6 { font-size: 0.18rem; font-weight: 600; } .ser_tab1 li p, .ser_tab2 li p { padding-top: 0.15rem; line-height: 0.28rem; color: #85dbff; font-size: 0.16rem; } .ser_tab1 .ser_icon, .ser_tab2 .ser_icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -9% \0; *margin-top: -6%; right: 0; width: 0.63rem; height: 0.7rem; } .zengzhi_content_wrap { color: #fff; font-size: 0.24rem; background-color: #4092dc; padding: 0.2rem 0.2rem; } @media (max-width: 1200px) { .ser_1 .ser_tab_menu li { margin: 0 0.4rem; } } @media (max-width: 769px) { .ser_1 .txt { display: none; } .ser_1 .txt_m { display: block; font-size: 0.14rem; color: #666666; line-height: 0.26rem; text-align: center; } .ban_ht { height: 2.5rem !important; background-size: cover; background-position: 55% center; } .banner_txt { font-size: 0.16rem; line-height: 0.3rem; } .banner_txt h2 { padding: 1.2rem 0 0.1rem; font-size: 0.28rem; } .banner_txt .list span:last-child { padding: 0; } .pad_tb { padding: 0.4rem 0 0.5rem; } .tit_big { font-size: 0.24rem; margin-bottom: 0.2rem; } .ser_1 .txt { width: auto; padding: 0 0.2rem; line-height: 0.24rem; font-size: 0.14rem; } .ser_1 .txt p { margin-bottom: 0.1rem; } .ser_1 .ser_tab_menu { display: none; } .tit_small p { font-size: 0.15rem; line-height: 0.28rem; } .tit_small .det_m { display: none; } .ser_tab1 .main { background: none; padding-top: 0.4rem; } .ser_tab1 .main .lf, .ser_tab1 .main .rt { width: auto; float: none; } .ser_tab1 .main .lf ul li, .ser_tab1 .main .rt ul li { margin: 0.3rem auto 0; text-align: center; padding: 0.8rem 0 0; } .ser_tab1 .main .rt { padding-top: 0.4rem; } .ser_tab1 .main h5 { text-align: center; } .ser_tab1 .ser_icon, .ser_tab2 .ser_icon { right: auto; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ser_tab1 li p, .ser_tab2 li p { padding-top: 0.1rem; line-height: 0.24rem; font-size: 0.14rem; width: 80%; margin: 0 auto; } } @media (max-width: 415px) { .ser_banner .list { padding-top: 0; } .ser_banner .list span:first-child, .ser_banner .list em { display: none; } .tit_small h4 { font-size: 0.24rem; } .tit_small h4:before, .tit_small h4:after { background-position: -0.99rem -3.15rem; width: 0.5rem; top: 0.08rem; -webkit-transform: translateX(-1.5rem); -moz-transform: translateX(-1.5rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem); } .tit_small h4:after { -webkit-transform: translateX(1.5rem) rotate(-180deg); -moz-transform: translateX(1.5rem) rotate(-180deg); -ms-transform: translateX(1.5rem) rotate(-180deg); transform: translateX(1.5rem) rotate(-180deg); } .tit_small p { margin-top: 0.1rem; line-height: 0.24rem; } .tit_small .det { display: none; } .tit_small .det_m { display: block; } .zengzhi_content_wrap { font-size: 0.16rem; padding: 0.1rem 0.2rem; } .ser_tab1 .main .lf h5, .ser_tab1 .main .rt h5 { font-size: 0.22rem; margin-bottom: 0.1rem; color: #00f0ff; } .ser_tab1 .main .lf ul li, .ser_tab1 .main .rt ul li { margin-top: 0.2rem; } .ser_tab1 li p, .ser_tab2 li p { padding-top: 0.05rem; } .ser_tab1 .main { background: none; } .ser_tab1 .tit_small h4:before, .ser_tab1 .tit_small h4:after { background-position: -0.99rem -3.35rem; -webkit-transform: translateX(-1.7rem); -moz-transform: translateX(-1.7rem); -ms-transform: translateX(-1.7rem); transform: translateX(-1.7rem); } .ser_tab1 .tit_small h4:after { -webkit-transform: translateX(1.7rem) rotate(-180deg); -moz-transform: translateX(1.7rem) rotate(-180deg); -ms-transform: translateX(1.7rem) rotate(-180deg); transform: translateX(1.7rem) rotate(-180deg); } } @media (max-width: 321px) { .ser_tab1 .main .lf h5 { font-size: 0.2rem; } .ser_tab1 li h6, .ser_tab2 li h6 { font-size: 0.16rem; } .ser_tab1 li p, .ser_tab2 li p { font-size: 0.12rem; line-height: 0.2rem; } } /*/ ser_tab1*/ .ser_tab2 h5, .ser_tab3 h5 { font-size: 0.2rem; color: #333333; margin-bottom: 0.2rem; font-weight: 600; } .ser_tab2 { background: url("../img/ser_bg1.png") repeat 0 0; } .ser_tab2 h4:before { -webkit-transform: translateX(-2.7rem); -moz-transform: translateX(-2.7rem); -ms-transform: translateX(-2.7rem); transform: translateX(-2.7rem); } .ser_tab2 h4:after { -webkit-transform: translateX(2.7rem) rotate(-180deg); -moz-transform: translateX(2.7rem) rotate(-180deg); -ms-transform: translateX(2.7rem) rotate(-180deg); transform: translateX(2.7rem) rotate(-180deg); } .ser_tab2 .main { margin-top: 0.8rem; min-height: 3.48rem; background: url('../img/kuahang_bg.png') no-repeat center center; background-size: 25% auto; } .ser_tab2 li { position: relative; margin-bottom: 0.5rem; padding-right: 1.15rem; color: #333333; } .ser_tab2 li p { color: #666666; } .ser_tab2 .line { position: absolute; width: 1.35rem; height: 0.02rem; border-bottom: 1px dashed #97b0dc; right: -1.82rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ser_tab2 .line:after { content: ''; width: 0.08rem; height: 0.08rem; background: #97b0dc; left: 0; top: -0.02rem; position: absolute; border-radius: 0.08rem; } .ser_tab2 .lf { float: left; width: 3.4rem; padding-left: 0.4rem; text-align: right; } .ser_tab2 .lf li:first-child { margin: 0.3rem 0 0.95rem; } .ser_tab2 .lf li:first-child .line { right: -1.5rem; } .ser_tab2 .rt { float: right; width: 3.85rem; } .ser_tab2 .rt li { padding-left: 1.15rem; padding-right: 0; } .ser_tab2 .rt li:first-child { margin: 0.2rem 0 0.95rem; } .ser_tab2 .rt .line { left: -1.6rem; width: 1.5rem; } .ser_tab2 .rt .line:after { left: auto; right: 0; } .ser_tab2 .ser_icon { width: 0.82rem; height: 0.9rem; } .ser_tab2 .icon_1 { background-position: -1.9rem -2.55rem; } .ser_tab2 .icon_2 { background-position: -2.75rem -2.55rem; } .ser_tab2 .icon_3 { left: 0; background-position: -3.6rem -2.55rem; } .ser_tab2 .icon_4 { left: 0; background-position: -1.9rem -2.55rem; } @media (max-width: 1200px) { .ser_tab2 .lf { padding-left: 0.3rem; } .ser_tab2 .rt { width: 3.8rem; } } @media (max-width: 1025px) { .ser_tab2 .line { width: 0.8rem; right: -1.35rem; } .ser_tab2 .lf { padding-left: 0rem; } .ser_tab2 .lf li:first-child .line { right: -1rem; } .ser_tab2 .rt { width: auto; } .ser_tab2 .rt .line { left: -1.2rem; width: 1rem; } } @media (max-width: 769px) { .ser_tab2 .main { margin-top: 0.4rem; background: none; } .ser_tab2 li { padding-top: 1rem; padding-right: 0; margin-bottom: 0.3rem; } .ser_tab2 .line { display: none; } .ser_tab2 .lf { width: auto; float: none; text-align: center; } .ser_tab2 .lf li:first-child { margin: 0 0 0.3rem 0; } .ser_tab2 .ser_icon { top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .ser_tab2 .rt { float: none; width: auto; text-align: center; } .ser_tab2 .rt li { padding: 1rem 0 0; } .ser_tab2 .rt li:first-child { margin: 0 0 0.3rem 0; } } @media (max-width: 415px) { .ser_tab2 h4:before { -webkit-transform: translateX(-1.5rem); -moz-transform: translateX(-1.5rem); -ms-transform: translateX(-1.5rem); transform: translateX(-1.5rem); } .ser_tab2 h4:after { -webkit-transform: translateX(1.5rem) rotate(-180deg); -moz-transform: translateX(1.5rem) rotate(-180deg); -ms-transform: translateX(1.5rem) rotate(-180deg); transform: translateX(1.5rem) rotate(-180deg); } } /*/ ser_tab2*/ .ser_tab3 .wrap { padding: 0; max-width: 1200px; } .ser_tab3 h4:before { -webkit-transform: translateX(-2.25rem); -moz-transform: translateX(-2.25rem); -ms-transform: translateX(-2.25rem); transform: translateX(-2.25rem); } .ser_tab3 h4:after { -webkit-transform: translateX(2.25rem) rotate(180deg); -moz-transform: translateX(2.25rem) rotate(180deg); -ms-transform: translateX(2.25rem) rotate(180deg); transform: translateX(2.25rem) rotate(180deg); } .ser_tab3 ul { padding-top: 0.7rem; overflow: hidden; zoom: 1; } .ser_tab3 ul li { float: left; width: 25%; background: #f7f7f7; } .ser_tab3 ul li .txt { padding: 0.3rem; line-height: 0.24rem; height: 1rem; position: relative; z-index: 1; color: #666666; } .ser_tab3 ul li:nth-child(odd) .txt:after, .ser_tab3 ul li:nth-child(even) .txt:after { content: ''; position: absolute; left: 0.3rem; bottom: -0.16rem; border-style: solid; border-color: #f7f7f7 transparent transparent transparent; border-width: 0.08rem; } .ser_tab3 ul li:nth-child(even) .txt:after { border-color: transparent transparent #f7f7f7 transparent; bottom: auto; top: -0.16rem; } .ser_tab3 h5 { margin-bottom: 0.15rem; } .ser_tab3 .pic { width: 100%; overflow: hidden; height: 1.6rem; } .ser_tab3 .pic img { max-width: inherit; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1025px) { .ser_tab3 ul li .txt { padding: 0.2rem; height: 1.2rem; font-size: 0.14rem; line-height: 0.22rem; } .ser_tab3 ul li h5 { font-size: 0.18rem; } } @media (max-width: 415px) { .ser_tab3 h4:before { -webkit-transform: translateX(-1.1rem); -moz-transform: translateX(-1.1rem); -ms-transform: translateX(-1.1rem); transform: translateX(-1.1rem); } .ser_tab3 h4:after { -webkit-transform: translateX(1.1rem) rotate(180deg); -moz-transform: translateX(1.1rem) rotate(180deg); -ms-transform: translateX(1.1rem) rotate(180deg); transform: translateX(1.1rem) rotate(180deg); } .ser_tab3 h5 { margin-block-end: 0.1rem; } .ser_tab3 .pic { height: 1.5rem; } .ser_tab3 .pic img { width: 100%; } .ser_tab3 ul { padding-top: 0.3rem; } .ser_tab3 ul li { float: none; width: auto; margin: 0 0.1rem; overflow: hidden; position: relative; margin-bottom: 0.15rem; } .ser_tab3 ul li:nth-child(odd) .pic { position: absolute; top: 0; left: 0; } .ser_tab3 ul li .txt { text-align: center; height: auto; } .ser_tab3 ul li .txt:after { border: none !important; } .ser_tab3 ul li .pic { height: 1rem; } } /******************service end ************************************/ .about_banner { background-image: url("../img/about_banner.jpg"); } .company_info .txt { width: 95%; margin: 0 auto; font-size: 0.16rem; } .company_info .txt p { text-indent: 2em; margin-bottom: 0.2rem; line-height: 0.3rem; } .company_info ul { overflow: hidden; zoom: 1; padding-top: 0.5rem; } .company_info ul li { float: left; width: 25%; text-align: center; } .company_info ul li:nth-child(2) { width: 43%; padding: 0 3%; } .company_info ul li strong { display: block; font-size: 0.26rem; color: #333333; font-weight: 600; margin-bottom: 0.05rem; } .partners { height: 3.3rem; overflow: hidden; background: url("../img/about_bg1.jpg") no-repeat center 0; } .partners .tit_big { color: #ffffff; margin-bottom: 0.2rem; } .partners ul { overflow: hidden; zoom: 1; margin-left: 7.5%; } .partners ul li { float: left; width: 20%; margin-top: 0.4rem; } .abt_contact { background: #f2f2f2; } .abt_contact .wrap { background: url("../img/about_bg2.png") no-repeat 0 0; overflow: hidden; zoom: 1; } .abt_contact ul { float: right; font-size: 0.16rem; color: #333333; width: 55%; } .abt_contact ul li { margin-top: 0.25rem; line-height: 0.3rem; float: left; width: 50%; } .abt_contact ul li:last-child { width: 100%; } .abt_contact .icon { width: 0.3rem; height: 0.3rem; background: url("../img/contact_icon.png") no-repeat 0 0; background-size: 0.3rem 1.2rem; float: left; margin-right: 0.1rem; } .abt_contact .icon_2 { background-position: 0 -0.3rem; } .abt_contact .icon_3 { background-position: 0 -0.6rem; } .abt_contact .icon_4 { background-position: 0 -0.9rem; } @media \0screen\,screen\9 { .company_info ul li { width: 33.3%; } } @media (max-width: 1024px) { .partners ul { margin-left: 5%; } } @media (max-width: 924px) { .partners ul { margin-left: 0%; } .partners ul li { height: 0.54rem; } .partners ul img { max-width: 90%; } .abt_contact .wrap { background-position: 90% 0; } .abt_contact ul { width: 60%; } } @media (max-width: 769px) { .company_info .txt { width: 86%; font-size: 0.14rem; } .company_info .txt p { line-height: 0.26rem; margin-bottom: 0.1rem; } .company_info ul { padding-top: 0.2rem; } .company_info ul li { width: 28%; } .company_info ul li:nth-child(2) { width: 35%; padding: 0 4%; } .company_info ul li strong { font-size: 0.22rem; } .partners { height: auto; background-size: cover; } .partners ul { margin-left: 11%; } .partners ul li { width: 31.5%; padding: 0 0.5%; margin-top: 0.15rem; height: auto; } .abt_contact .wrap { background-size: cover; background-position: center -0.6rem; min-height: 2rem; position: relative; } .abt_contact ul { float: none; width: 80%; margin: 0 auto; overflow: hidden; zoom: 1; padding-top: 8%; } .abt_contact ul li { width: 50%; margin-top: 0.15rem; } .abt_contact ul li:first-child { display: none; } } @media (max-width: 416px) { .company_info ul li { width: 50%; } .company_info ul li:first-child { display: none; } .company_info ul li:nth-child(2) { width: 50%; padding: 0; } .company_info ul li strong { font-size: 0.16rem; } .partners ul { margin-left: 8%; display: flex; flex-wrap: wrap; } .partners ul li { flex: 0 0 32%; } .partners ul li img { width: 70%; display: black; } .abt_contact .wrap { background-position: center -0.5rem; min-height: 1rem; } .abt_contact ul { padding-top: 15%; width: 90%; } .abt_contact ul li { width: 100%; float: none; font-size: 0.14rem; line-height: 0.2rem; } .abt_contact ul li:nth-child(2) { width: 100%; } .abt_contact .icon { width: 0.2rem; height: 0.2rem; background-size: 0.2rem 0.8rem; margin-right: 0.05rem; } .abt_contact .icon_2 { background-position: 0 -0.2rem; } .abt_contact .icon_3 { background-position: 0 -0.4rem; } .abt_contact .icon_4 { background-position: 0 -0.6rem; } } @media (max-width: 376px) { .abt_contact .wrap { min-height: 0.8rem; } .abt_contact ul { padding: 8% 0.1rem 0; width: auto; } .abt_contact ul li { float: none; font-size: 0.12rem; margin-top: 0.1rem; line-height: 0.24rem; overflow: hidden; zoom: 1; } .abt_contact ul li em { float: left; width: 87%; } } @media (max-width: 321px) { .company_info ul li strong { font-size: 0.15rem; } } /************************关于我们 end *******************/ .products_banner { background-image: url("../img/pro_banner.jpg"); } .pro_menu { width: 100%; height: 0.84rem; background: #30528b; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); z-index: 90; } .pro_menu .icon { width: 0.3rem; height: 0.24rem; background: url("../img/pro_menu_icon.png") no-repeat 0 0; background-size: 2.06rem 0.54rem; display: block; margin: 0 auto 0.1rem; } .pro_menu .icon_2 { background-position: -0.35rem 0; } .pro_menu .icon_3 { background-position: -0.7rem 0; } .pro_menu .icon_4 { background-position: -1.05rem 0; } .pro_menu .icon_5 { background-position: -1.4rem 0; } .pro_menu .icon_6 { background-position: -1.75rem 0; } .pro_menu ul li { float: left; position: relative; text-align: center; width: 16.66%; } .pro_menu ul li a { color: #ffffff; padding-top: 0.15rem; display: block; height: 0.69rem; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; } .pro_menu ul li a:hover { background: rgba(0, 0, 0, 0.2); } .pro_menu ul li.on a { background: #ffffff; color: #225dc0; height: 0.75rem; position: relative; top: 0; left: 0; } .pro_menu ul li.on a .icon_1 { background-position: 0 -0.3rem; } .pro_menu ul li.on a .icon_2 { background-position: -0.35rem -0.3rem; } .pro_menu ul li.on a .icon_3 { background-position: -0.7rem -0.3rem; } .pro_menu ul li.on a .icon_4 { background-position: -1.05rem -0.3rem; } .pro_menu ul li.on a .icon_5 { background-position: -1.4rem -0.3rem; } .pro_menu ul li.on a .icon_6 { background-position: -1.75rem -0.3rem; } .pro_list .pro_btn, .btn { color: #ffffff; text-align: center; background: #0089e4; background: -webkit-linear-gradient(left, #0099f0, #007bda); background: -moz-linear-gradient(left, #0099f0, #007bda); background: -ms-linear-gradient(left, #0099f0, #007bda); background: -o-linear-gradient(left, #0099f0, #007bda); background: linear-gradient(left, #0099f0, #007bda); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099f0', endColorstr='#007bda', GradientType=0); } :root .btn { filter: none; } .pro_list { padding-top: 0.7rem; padding-bottom: 0.1rem; border-bottom: 1px solid #f0f0f0; color: #999999; overflow: hidden; } .pro_list h3 { font-size: 0.22rem; color: #333333; margin-bottom: 0.4rem; font-weight: normal; } .pro_list ul { margin-left: -12%; overflow: hidden; zoom: 1; } .pro_list ul li { width: 38%; float: left; margin-left: 12%; margin-bottom: 0.6rem; font-size: 0.16rem; } .pro_list ul li a { display: block; color: #999999; overflow: hidden; zoom: 1; } .pro_list .pro_img { float: left; width: 0.76rem; height: 0.76rem; } .pro_list .pro_info { float: left; padding: 0.08rem 0 0 0.2rem; } .pro_list .pro_info h4 { color: #333333; font-size: 0.24rem; font-weight: 600; } .pro_list .pro_info p { margin-top: 0.05rem; } .pro_list .pro_btn { float: right; line-height: 0.46rem; margin-top: 0.15rem; width: 1.48rem; height: 0.46rem; -webkit-border-radius: 0.46rem; -moz-border-radius: 0.46rem; -ms-border-radius: 0.46rem; border-radius: 0.46rem; } .pro_list .pro_btn_1 { background: #acecff; background: -webkit-linear-gradient(left, #adedff, #94d0ff); background: -moz-linear-gradient(left, #adedff, #94d0ff); background: -ms-linear-gradient(left, #adedff, #94d0ff); background: -o-linear-gradient(left, #adedff, #94d0ff); background: linear-gradient(left, #adedff, #94d0ff); } @media (max-width: 1026px) { .pro_list ul { margin-left: -5%; } .pro_list ul li { width: 45%; margin-left: 5%; } } @media (max-width: 1012px) { .pro_list ul { margin-left: -5%; } .pro_list ul li { width: 45%; margin-left: 5%; } .pro_list .pro_info h4 { font-size: 0.2rem; } .pro_list .pro_info p { font-size: 0.14rem; } } @media (max-width: 769px) { .pro_list { padding-top: 0.5rem; } .pro_list ul { margin-left: -4%; } .pro_list ul li { width: 46%; margin-left: 4%; margin-bottom: 0.5rem; } .pro_list .pro_img { width: 15%; height: 15%; } .pro_list .pro_info { padding: 0.02rem 0 0 0.1rem; } .pro_list .pro_btn { width: 0.9rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.14rem; } } @media (max-width: 415px) { .pro_menu { height: 0.74rem; font-size: 0.1rem; } .pro_menu ul { padding: 0 0.05rem; } .pro_menu ul li:nth-child(2), .pro_menu ul li:nth-child(3) { width: 19%; } .pro_menu ul li:nth-child(5), .pro_menu ul li:nth-child(6) { width: 14.2%; } .pro_menu .icon { width: 0.23rem; height: 0.19rem; background-size: 1.6rem 0.42rem; } .pro_menu .icon_2 { background-position: -0.27rem 0; } .pro_menu .icon_3 { background-position: -0.54rem 0; } .pro_menu .icon_4 { background-position: -0.81rem 0; } .pro_menu .icon_5 { background-position: -1.08rem 0; } .pro_menu .icon_6 { background-position: -1.35rem 0; } .pro_menu ul li.on a { height: 0.65rem; } .pro_menu ul li.on a .icon_1 { background-position: 0 -0.23rem; } .pro_menu ul li.on a .icon_2 { background-position: -0.27rem -0.23rem; } .pro_menu ul li.on a .icon_3 { background-position: -0.54rem -0.23rem; } .pro_menu ul li.on a .icon_4 { background-position: -0.81rem -0.23rem; } .pro_menu ul li.on a .icon_5 { background-position: -1.08rem -0.23rem; } .pro_menu ul li.on a .icon_6 { background-position: -1.35rem -0.23rem; } .pro_list { padding-top: 0.3rem; } .pro_list ul { margin-left: 0; } .pro_list ul li { float: none; margin-left: 0; width: 100%; margin-bottom: 0.25rem; } .pro_list h3 { margin-bottom: 0.2rem; font-size: 0.16rem; } .pro_list .pro_img { width: 15%; height: 15%; } .pro_list .pro_info { padding: 0.08rem 0 0 0.1rem; } .pro_list .pro_info h4 { font-size: 0.16rem; } .pro_list .pro_info p { font-size: 0.12rem; margin-top: 0.03rem; } .pro_list .pro_btn { width: 1.1rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.13rem; margin-top: 0.1rem; } } @media (max-width: 376px) { .pro_list .pro_img { width: 13%; height: 13%; } .pro_list .pro_info { padding-top: 0; } .pro_list .pro_info p { margin-top: 0.025rem; } .pro_list .pro_btn { width: 0.9rem; height: 0.38rem; line-height: 0.38rem; margin-top: 0.05rem; } } @media (max-width: 321px) { .pro_list .pro_img { width: 13%; height: 13%; } .pro_list .pro_info p { font-size: 0.12rem; } .pro_list .pro_btn { width: 0.8rem; font-size: 0.12rem; height: 0.32rem; line-height: 0.32rem; margin-top: 0.04rem; } } /************************ /products *************************/ .logo_game, .logo_wwxz, .logo_kdts { float: left; } .logo_game h1, .logo_wwxz h1, .logo_kdts h1 { font-weight: normal; } .logo_game h1 a, .logo_wwxz h1 a, .logo_kdts h1 a { display: block; font-size: 0.24rem; color: #ffffff; } .logo_game h1 a span, .logo_wwxz h1 a span, .logo_kdts h1 a span { width: 0.6rem; height: 0.44rem; background: url("../img/game_logo.png") no-repeat 0 0; background-size: contain; position: relative; float: left; margin-right: 0.1rem; } .logo_kdts h1 a { font-size: 0.3rem; } .logo_kdts h1 a span { width: 0.67rem; height: 0.5rem; } .logo_wwxz h1 a { font-size: 0.3rem; font-family: "幼圆"; } .logo_wwxz h1 a span { width: 0.73rem; height: 0.36rem; background: url("../img/logo_w.png") no-repeat 0 0; } .wwxz_main, .game_pc_main { width: 98%; max-width: 1280px; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wwxz_desc, .game_pc_desc { float: right; width: 33%; color: #ffffff; padding-top: 0.3rem; } .anim_1 { -webkit-animation: fadeIn 0.5s ease-in-out; -moz-animation: fadeIn 0.5s ease-in-out; -ms-animation: fadeIn 0.5s ease-in-out; animation: fadeIn 0.5s ease-in-out; } .anim_2 { -webkit-animation: fadeIn 0.7s ease-in-out; -moz-animation: fadeIn 0.7s ease-in-out; -ms-animation: fadeIn 0.7s ease-in-out; animation: fadeIn 0.7s ease-in-out; } .anim_3 { -webkit-animation: fadeIn 0.9s ease-in-out; -moz-animation: fadeIn 0.9s ease-in-out; -ms-animation: fadeIn 0.9s ease-in-out; animation: fadeIn 0.9s ease-in-out; } .wwxz_pic, .game_pc_pic { width: 67%; float: left; position: relative; } .wwxz_main .pic_1, .wwxz_main .pic_2 { width: 100%; height: 3.2rem; background: url("../img/wwxz_pic2.png") no-repeat 0 0; background-size: contain; position: absolute; top: 0; left: 0; } .wwxz_main .pic_1 { opacity: 0.1; top: 0.8rem; } .wwxz_pic .wwxz_hj { width: 0.33rem; height: 0.91rem; background: url("../img/wwxz_hj.png") no-repeat 0 0; position: absolute; z-index: 10; top: -0.6rem; right: 30%; display: block; } .wwxz_desc .wwxz_logo { width: 1.82rem; height: 0.28rem; background: url("../img/wwxz_logo.png") no-repeat 0 0; overflow: hidden; text-indent: -999em; } .wwxz_desc .txt, .game_pc_desc .txt { font-size: 0.46rem; padding: 0.25rem 0 0.5rem; font-weight: 600; } .wwxz_desc .btn, .game_pc_desc .btn { width: 2.5rem; height: 0.6rem; font-size: 0.26rem; line-height: 0.6rem; -webkit-border-radius: 0.6rem; -moz-border-radius: 0.6rem; -ms-border-radius: 0.6rem; border-radius: 0.6rem; display: block; } .wwxz_partners { font-size: 0.14rem; padding-left: 0.35rem; float: left; color: #ffffff; } .wwxz_partners .xl_logo { width: 0.27rem; height: 0.25rem; background: url("../img/wwxz_xl.png") no-repeat 0 0; display: inline-block; position: relative; top: 0.08rem; margin-right: 0.05rem; } .help_ww h3 { font-size: 0.4rem; color: #333333; font-weight: 400; margin-bottom: 0.3rem; } .problem_list_1 .tit_1 { font-weight: 600; } .problem_list_1 .det_1 { padding-top: 0.2rem; color: #999999; line-height: 0.32rem; } .problem_list_1 .det_1 p { text-indent: 2em; } .wwxz_main_2 li .icon, .wwxz_main_2 li:after { background: url("../img/wwxz_icon.png") no-repeat 0 0; display: block; } .wwxa_main_1 { position: relative; padding: 8% 0.1rem 10%; } .wwxa_main_1 .txt { color: #1f2a60; font-size: 0.2rem; margin-top: 1.5rem; float: left; width: 43%; } .wwxa_main_1 .txt h3 { font-size: 0.46rem; font-weight: 500; margin-bottom: 0.2rem; } .wwxa_main_1 .pic { float: right; position: relative; width: 57%; } .wwxa_main_1 .pic .pic_img { height: 4.03rem; background: url("../img/wwxz_pic1.png") no-repeat 0 0; background-size: 100% 100%; display: block; position: relative; z-index: 10; -webkit-box-shadow: 0 0 0.05rem rgba(63, 111, 193, 0.3); -moz-box-shadow: 0 0 0.05rem rgba(63, 111, 193, 0.3); -ms-box-shadow: 0 0 0.05rem rgba(63, 111, 193, 0.3); box-shadow: 0 0 0.05rem rgba(63, 111, 193, 0.3); } .wwxa_main_1 .pic .hj { background: url("../img/wwxz_hj_b.png") no-repeat 0 0; background-size: contain; width: 1.25rem; height: 2.25rem; position: absolute; left: -9%; bottom: -15%; z-index: 13; } .wwxa_main_1 .pic .x_bg, .wwxa_main_1 .pic .x_bg_1 { width: 46%; height: 46%; background: #c6ebff; -webkit-box-shadow: 0 0 0.8rem #c0e8fb; -moz-box-shadow: 0 0 0.8rem #c0e8fb; -ms-box-shadow: 0 0 0.8rem #c0e8fb; box-shadow: 0 0 0.8rem #c0e8fb; position: absolute; right: 0; top: 0; } .wwxa_main_1 .pic .x_bg_1 { top: auto; bottom: 0; left: 40%; } .wwxz_main_2 { background: url("../img/wwxz_bg1.jpg") no-repeat 0 0; padding: 8% 0 10%; } .wwxz_main_2 h3 { font-size: 0.5rem; color: #ffffff; font-weight: 500; text-align: center; margin-bottom: 7%; } .wwxz_main_2 ul { overflow: hidden; zoom: 1; text-align: center; font-size: 0; } .wwxz_main_2 ul li { width: 2rem; height: 2rem; background: -webkit-linear-gradient(-45deg, #3788e6, #12dbdd); background: -moz-linear-gradient(-45deg, #3788e6, #12dbdd); background: -ms-linear-gradient(-45deg, #3788e6, #12dbdd); background: -o-linear-gradient(-45deg, #3788e6, #12dbdd); background: linear-gradient(-45deg, #3788e6, #12dbdd); -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; border-radius: 2rem; padding: 0.1rem; position: relative; margin-left: 8.47%; display: inline-block; } .wwxz_main_2 ul li:after { content: ""; width: 0.27rem; height: 0.4rem; background-position: 0 -1.88rem; position: absolute; right: -29%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wwxz_main_2 ul li:first-child { margin: 0; } .wwxz_main_2 ul li:last-child:after { background: none; } .wwxz_main_2 ul li .box { background: #ffffff; width: 100%; height: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -ms-border-radius: 1.6rem; border-radius: 1.6rem; text-align: center; padding-top: 0.4rem; position: relative; overflow: hidden; } .wwxz_main_2 ul li .box .txt { font-size: 0.16rem; padding: 0 6%; } .wwxz_main_2 ul li .icon { width: 0.45rem; height: 0.42rem; margin: 0 auto 0.15rem; } .wwxz_main_2 ul li .icon_2 { background-position: 0 -0.5rem; } .wwxz_main_2 ul li .icon_3 { background-position: 0 -0.95rem; } .wwxz_main_2 ul li .icon_4 { background-position: 0 -1.4rem; } .wwxz_main_2 .num { font-size: 0.6rem; color: #bcdafb; position: absolute; bottom: -0.3rem; left: 0; width: 100%; text-align: center; } @media (max-width: 1200px) { .wwxz_main_2 ul li { width: 1.6rem; height: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -ms-border-radius: 1.6rem; border-radius: 1.6rem; } .wwxz_main_2 ul li .box { height: 1.2rem; } .wwxz_pic { width: 60%; } .wwxz_desc { width: 40%; } .wwxz_desc .txt { font-size: 0.38rem; text-align: center; } .wwxa_main_1 .txt h3 { font-size: 0.38rem; } } @media (max-width: 1003px) { .wwxz_main_2 li .icon, .wwxz_main_2 li:after { background-size: 0.36rem 1.82rem; } .wwxa_main_1 .pic .hj { width: 0.96rem; height: 1.8rem; bottom: -0.5rem; } .wwxz_main_2 ul li { width: 1.3rem; height: 1.3rem; -webkit-border-radius: 1.3rem; -moz-border-radius: 1.3rem; -ms-border-radius: 1.3rem; border-radius: 1.3rem; } .wwxz_main_2 ul li .box { height: 1.15rem; padding-top: 0.15rem; } .wwxz_main_2 ul li .box .txt { font-size: 0.15rem; } .wwxz_main_2 ul li .icon { width: 0.36rem; height: 0.33rem; margin-bottom: 0.1rem; background-position: 0 -0.01rem; } .wwxz_main_2 ul li .icon_2 { background-position: 0 -0.39rem; } .wwxz_main_2 ul li .icon_3 { background-position: 0 -0.75rem; } .wwxz_main_2 ul li .icon_4 { background-position: 0 -1.11rem; } .wwxz_main_2 ul li:after { width: 0.21rem; height: 0.34rem; background-position: 0 -1.48rem; right: -32%; } } @media (max-width: 769px) { .wwxz_main, .game_pc_main { width: 90%; top: 35%; } .wwxz_pic, .game_pc_pic, .wwxz_desc, .game_pc_desc { float: none; width: 100%; } .wwxz_desc { text-align: center; font-size: 0.38rem; padding: 0; } .wwxz_desc .txt span { display: inline-block; } .wwxz_pic, .game_pc_pic { position: absolute; top: 120%; left: 0; } .wwxz_main .pic_1, .wwxz_main .pic_2 { width: 100%; } .wwxa_main_1 { padding: 15% 8%; overflow: hidden; } .wwxa_main_1 .txt { text-align: center; float: none; margin-top: 0; width: 100%; padding-bottom: 5%; } .wwxa_main_1 .txt h3 { margin-bottom: 0.1rem; } .wwxa_main_1 .pic { width: 100%; float: none; } .wwxa_main_1 .pic .hj { left: -6%; } .wwxz_main_2 { padding: 15% 0; } .wwxz_main_2 h3 { font-size: 0.38rem; } .wwxz_main_2 ul li { margin-left: 6.47%; } .wwxz_main_2 ul li:after { right: -23%; } .wwxz_main_2 ul li .box .txt { font-size: 0.14rem; } } @media (max-width: 415px) { .logo_wwxz h1 a, .logo_game h1 a { font-size: 0.19rem; } .logo_wwxz h1 a span, .logo_game h1 a span { width: 0.43rem; height: 0.19rem; background-size: contain; margin-right: 0.05rem; margin-top: 0.03rem; } .wwxz_partners { font-size: 0.12rem; padding: 0.03rem 0 0 0.2rem; } .wwxz_partners .xl_logo { width: 0.16rem; height: 0.14rem; background-size: contain; top: 0.03rem; } .wwxa_main_1 .pic .x_bg_1 { left: 0; } .wwxa_main_1 .pic .pic_img { height: 2.2rem; } .wwxa_main_1 .pic .hj { width: 20%; height: 55%; bottom: -10%; } .wwxa_main_1 .txt { font-size: 0.16rem; } .wwxa_main_1 .txt h3 { font-size: 0.3rem; } .wwxz_desc .txt, .wwxz_main_2 h3 { font-size: 0.3rem; } .wwxz_main_2 { background-size: cover; } .wwxz_main_2 ul li { display: block; margin: 13% auto 0; } .wwxz_main_2 ul li:after { right: 42%; top: auto; bottom: -35%; -webkit-transform: rotate(90deg) translateX(-50%); -moz-transform: rotate(90deg) translateX(-50%); -ms-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%); } .wwxz_main_2 ul li:first-child { margin: 0 auto; } } @media (max-width: 321px) { .logo_wwxz h1 a { font-size: 0.16rem; } .logo_wwxz h1 a span { width: 0.28rem; height: 0.16rem; background-size: contain; margin-right: 0.05rem; margin-top: 0.03rem; } .wwxz_partners { padding: 0.01rem 0 0 0.15rem; } .wwxa_main_1 { padding-left: 4%; padding-right: 4%; } } /* *********************************** pro_wwxz end************************************ */ .game_pc_desc { padding-top: 15%; } .header .download { border: 1px solid #fff; padding: 0 0.2rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; border-radius: 0.4rem; color: #ffffff; float: right; position: relative; top: -0.12rem; line-height: 0.44rem; font-size: 0.16rem; margin-left: 0.3rem; } .header .download:after { position: absolute; top: 0; left: 50%; content: ''; width: 0; height: 100%; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; border-radius: 0.4rem; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } .header .download :hover:after { opacity: 1; left: 0; width: 100%; background: #ffffff; background: rgba(255, 255, 255, 0.1); } .game_pc_logo h3, .game_logo h3 { font-size: 0.24rem; font-weight: normal; padding-left: 0.15rem; display: inline-block; } .game_pc_logo .logo_icon { width: 0.5rem; height: 0.34rem; background: url("../img/game_logo.png") no-repeat 0 0; background-size: 100% 100%; display: inline-block; position: relative; top: 0.18rem; } .game_pc_desc .txt { font-size: 0.32rem; padding: 0; } .game_pc_desc .txt .p_txt { display: block; text-align: right; margin-top: 0.2rem; } .game_pc_desc .btn { margin: 0.5rem auto 0; } .game_pc_main .pic_1 { width: 59.4%; height: 3.51rem; background: url("../img/game_pc_pic1.jpg") no-repeat 0 0; display: block; position: relative; left: -0.2rem; -webkit-box-shadow: 0.05px 0 0.2rem rgba(0, 0, 0, 0.3); -moz-box-shadow: 0.05px 0 0.2rem rgba(0, 0, 0, 0.3); -ms-box-shadow: 0.05px 0 0.2rem rgba(0, 0, 0, 0.3); box-shadow: 0.05px 0 0.2rem rgba(0, 0, 0, 0.3); } .game_pc_main .pic_2 { width: 67.6%; height: 4.04rem; background: url("../img/game_pc_pic2.jpg") no-repeat 0 0; position: absolute; right: 0.1rem; top: 0.8rem; -webkit-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3); -ms-box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3); box-shadow: 5px 0 20px rgba(0, 0, 0, 0.3); } .game_pc_main_1 { background: url("../img/game_pc_bg1.png") no-repeat center top; height: 6.5rem; color: #000c45; } .game_pc_main_1 .wrap { overflow: hidden; } .game_pc_main_1 ul { overflow: hidden; zoom: 1; margin-left: -18.8%; } .game_pc_main_1 ul li { float: left; margin-left: 18.8%; text-align: center; font-size: 0.2rem; } .game_pc_main_1 .icon_bg { width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; background: #0099F0; background: -webkit-linear-gradient(top, #3ab5ea, #225af6); background: -moz-linear-gradient(top, #3ab5ea, #225af6); background: -ms-linear-gradient(top, #3ab5ea, #225af6); background: -o-linear-gradient(top, #3ab5ea, #225af6); background: linear-gradient(top, #3ab5ea, #225af6); border: 10px solid #b1d3f6; display: block; margin: 0 auto 0.6rem; } .game_pc_main_1 .icon { width: 0.85rem; height: 0.8rem; background: url("../img/game_pc_icon.png") no-repeat 0 0; margin: 0.35rem auto; display: block; } .game_pc_main_1 .icon_2 { background-position: -0.9rem 0; } .game_pc_main_1 .icon_3 { background-position: -1.8re 0; } .game_pc_main_1 h3, .game_pc_main_2 h3 { font-size: 0.5rem; font-weight: 600; text-align: center; padding: 1rem 0; } .game_pc_main_2 { height: 8.35rem; background: url("../img/game_pc_bg2.jpg") no-repeat center top; color: #ffffff; text-align: center; font-size: 0.28rem; } .game_pc_main_2 h3 { padding: 3rem 0 0.5rem; } .game_pc_main_2 span { padding: 0 0.15rem; } @media (max-width: 1201px) { .game_pc_main_1 .pic_1 { left: 0.1rem; } .game_pc_main_1 ul { margin-left: -17%; } .game_pc_main_1 ul li { margin-left: 16%; } } @media (max-width: 1025px) { .game_pc_main .pic_1 { width: 75.4%; left: 0; } .game_pc_main .pic_2 { width: 87.4%; } .game_pc_main_1 ul { margin-left: -13%; } .game_pc_main_1 ul li { margin-left: 15%; } } @media (max-width: 769px) { .game_pc_desc { padding-top: 0; } .game_pc_desc .btn { display: none; } .game_pc_desc .txt { text-align: center; padding-bottom: 0.4rem; font-size: 0.4rem; } .game_pc_desc .txt .p_txt { text-align: center; display: inline-block; margin: 0 0 0 5%; } .game_pc_main { top: 25%; } .game_pc_main .pic_1 { width: 73.4%; left: 0; } .game_pc_main .pic_2 { width: 84.4%; right: 0; top: 35%; } .game_pc_main_1 { background-size: cover; height: auto; padding-bottom: 1rem; } .game_pc_main_1 ul { margin-left: -9%; } .game_pc_main_1 ul li { font-size: 0.18rem; margin-left: 11%; } .game_pc_main_1 .icon_bg { width: 1.3rem; height: 1.3rem; -webkit-border-radius: 1.3rem; -moz-border-radius: 1.3rem; -ms-border-radius: 1.3rem; border-radius: 1.3rem; margin-bottom: 10%; } .game_pc_main_1 .icon { width: 0.65rem; height: 0.61rem; background-size: 2rem 0.61rem; } .game_pc_main_1 .icon_2 { background-position: -0.68rem 0; } .game_pc_main_1 .icon_3 { background-position: -1.35rem 0; } .game_pc_main_1 h3, .game_pc_main_2 h3 { padding: 0.8rem 0 0.5rem; font-size: 0.4rem; } .game_pc_main_2 { height: auto; padding-bottom: 1.5rem; background-size: cover; } } @media (max-width: 415px) { .logo_game h1 a span { width: 0.4rem; height: 0.29rem; margin-top: 0; } .game_pc_main_1 h3, .game_pc_main_2 h3 { font-size: 0.3rem; padding: 0.7rem 0 0.4rem; } .game_pc_desc .txt { text-align: left; padding-bottom: 0.2rem; font-size: 0.3rem; } .game_pc_desc .txt .p_txt { display: block; text-align: right; margin-top: 0.15rem; } .game_pc_main { top: 30%; } .game_pc_main .pic_1, .game_pc_main .pic_2 { height: 1.9rem; background-size: contain; } .game_pc_main .pic_2 { width: 74%; top: 25%; } .game_pc_main_1 { padding-bottom: 0.6rem; } .game_pc_main_1 ul { margin-left: 0; } .game_pc_main_1 ul li { margin-left: 0; width: 100%; float: none; margin-bottom: 0.3rem; } .game_pc_main_1 .icon_bg { margin-bottom: 0.15rem; } .game_pc_main_2 { font-size: 0.21rem; } .game_pc_main_2 span { padding: 0 0.05rem; } } @media (max-width: 376px) { .game_pc_main_2 { font-size: 0.18rem; } } /* ***********************************************game_pc end *************************************************** */ .help_banner { height: 5.1rem; background-image: url("../img/help_banner.jpg"); } .help_banner .banner_txt h2 { padding-top: 2.6rem; } .help_menu { height: 0.5rem; background: #033667; line-height: 0.5rem; overflow: hidden; zoom: 1; } .help_menu a { float: left; width: 50%; text-align: center; font-size: 0.16rem; color: #ffffff; } .help_menu a:hover { background: #124d86; } .help_menu a.on { background: #007edc; } .help_tab, .help_ww { padding: 6% 0.15rem; } .problem_list li, .problem_list_1 li { border-bottom: 1px solid #eeeeee; padding: 0.3rem 0; font-size: 0.16rem; } .problem_list .tit, .problem_list_1 .tit_1 { display: block; position: relative; } .problem_list li .tit:before, .problem_list li .tit:after { content: ''; position: absolute; right: 0; top: 0.1rem; width: 0; height: 0; border: 12px solid transparent; border-top-color: #dddddd; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; transition: transform 0.3s; } .problem_list li .tit:after { right: 2px; border-width: 10px; border-top-color: white; } .problem_list li.on .tit:before, .problem_list li.on .tit:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 0; } .problem_list li.on .tit:after { top: 0.04rem !important; } .problem_list .det { margin-top: 0.2rem; border-top: 1px solid #ececec; padding: 0.2rem 0.3rem 0; line-height: 0.3rem; color: #999999; display: none; } .problem_list .det p { margin: 0.05rem 0; } .page { text-align: center; padding-top: 0.4rem; } .page .num { display: inline-block; border: 1px solid #eee; padding: 0.05rem 0.15rem; color: #666666; cursor: pointer; } .page .on { color: #ffffff; background: #0099F0; cursor: default; margin-left: 0.03rem; } .page a:hover { border-color: #0099F0; color: #0099F0; } .page .prev_disable { color: #999999; } .page .dot { padding: 0.05rem; } .feedback { position: relative; } .feedback .item_list { float: left; width: 40%; } .feedback li { overflow: hidden; zoom: 1; line-height: 0.4rem; color: #666666; font-size: 0.16rem; margin-bottom: 0.2rem; } .feedback li label { float: left; text-align: right; padding-right: 0.2rem; width: 20%; } .feedback .txt { float: left; width: 75%; } .feedback .ipt { width: 90%; float: left; height: 38px; border: 1px solid #ddd; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); padding: 0 0.05rem; margin-right: 0.05rem; } .feedback .tips { width: 100%; color: #f00; line-height: 0.2rem; font-size: 0.14rem; display: none; } .feedback select, .feedback textarea { height: 0.38rem; border: 1px solid #ddd; width: 90%; -webkit-box-shadow: inset 0 0 0.03rem rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 0.03rem rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 0 0 0.03rem rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0.03rem rgba(0, 0, 0, 0.1); } .feedback textarea { padding: 0.05rem; height: 1.5rem; overflow: auto; width: 87%; } .feedback .btn { height: 0.4rem; line-height: 0.4rem; color: #ffffff; text-align: center; font-size: 0.18rem; display: block; float: left; border: none; width: 50%; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; -ms-border-radius: 0.4rem; border-radius: 0.4rem; } .feedback .line { float: left; line-height: 3rem; text-align: center; position: relative; height: 3rem; width: 1px; border-left: 1px solid #eee; margin: 5% 15%; } .feedback .line span { position: relative; left: -0.06rem; color: #999999; } .feedback .code { float: left; margin-top: 8%; text-align: center; } .feedback .code .code_img { width: 2rem; height: 2rem; overflow: hidden; -webkit-box-shadow: 0 0 5px #eee; -moz-box-shadow: 0 0 5px #eee; -ms-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; display: block; margin-bottom: 0.1rem; } .feedback .code .code_img img { max-width: 100%; } .red { color: #f00; font-weight: 500; } .alert_suc { width: 1rem; padding: 0.5rem; margin-left: -1rem; text-align: center; position: absolute; background: #ffffff; border-radius: 0.05rem; left: 50%; -webkit-transform: ranslateX(-50%); -moz-transform: ranslateX(-50%); -ms-transform: ranslateX(-50%); transform: ranslateX(-50%); top: 5%; -webkit-box-shadow: 0 0 0.1rem #ccc; -moz-box-shadow: 0 0 0.1rem #ccc; -ms-box-shadow: 0 0 0.1rem #ccc; box-shadow: 0 0 0.1rem #ccc; display: none; } .alert_suc .icon { width: 0.5rem; height: 0.5rem; display: block; margin: 0 auto 0.1rem; background: #18b1ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; } .alert_suc .icon:after { content: ''; width: 0.2rem; height: 0.1rem; border: 3px solid transparent; border-color: transparent transparent #ffffff #ffffff; left: 0.1rem; top: 0.13rem; position: absolute; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } @media (max-width: 769px) { .help_banner .banner_txt h2 { padding: 1.2rem 0 0.1rem; } .help_ww h3 { font-size: 0.34rem; margin-bottom: 0; } } @media (max-width: 415px) { .help_ww h3 { font-size: 0.24rem; } .problem_list li, .problem_list_1 li { font-size: 0.14rem; padding: 0.2rem 0; } .problem_list_1 .det_1 { padding-top: 0.1rem; line-height: 0.26rem; } .problem_list li .tit { padding-right: 0.22rem; } .problem_list li .tit:before, .problem_list li .tit:after { border-width: 9px; } .problem_list li .tit:after { border-width: 7px; } .feedback .item_list, .feedback .line { display: none; } .feedback .code { float: none; margin: 0.6rem auto; } .feedback .code .code_img { margin: 0 auto 0.1rem; } } /* ****************************************game_pc_help end **************************************** */ .game_main { text-align: center; color: #ffffff; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; } .game_main .code { display: block; } .game_main .game_logo { margin: 0 auto; } .game_main .game_logo .logo_icon { top: 10px; } .game_main .txt { width: 581px; height: 37px; background: url("../img/game_ad.png") no-repeat center 0; margin: 4% auto 6%; text-indent: -999em; } .game_main .game_pic { width: 792px; height: 462px; background: url("../img/game_pic.png") no-repeat center 0; margin: 0 auto; } .game_main .game_pic p { font-size: 18px; padding: 20px 0; } /***********game end ***********/ .kdts_bg_1, .kdts_bg_2, .kdts_bg_3 { background: url("../img/kdts_bg.jpg") no-repeat center top; background-size: 100% 100%; min-height: 100%; overflow: hidden; position: relative; } .kdts_bg_2 { background: #0f101e url("../img/kdts_bg1.jpg") no-repeat center top; } .kdts_bg_3 { background: #080918 url("../img/kdts_bg1.jpg") no-repeat center center; } .kd_icon { background: url("../img/kdts_icon.png") no-repeat 0 0; display: block; overflow: hidden; } .kdts_section_1 .kdts_main { text-align: center; padding-top: 11.5%; } .kdts_section_1 .kdts_main .gauge_wrap { width: 100%; } .kdts_section_1 .kdts_main h2 { width: 8.64rem; height: 0.85rem; background: url("../img/kdts_txt.png") no-repeat 0 0; background-size: 100% auto; text-indent: -999em; margin: 5% auto 3%; } .kdts_section_1 .kdts_main .txt_1 { font-size: 0.3rem; color: #dddddd; } .kdts_bg_2 h3, .kdts_bg_3 h3 { font-size: 0.7rem; color: #ffde78; text-align: center; font-weight: 400; padding-top: 7%; } .kdts_main { -webkit-animation: fadeIn 0.7s ease-in-out; -moz-animation: fadeIn 0.7s ease-in-out; -ms-animation: fadeIn 0.7s ease-in-out; animation: fadeIn 0.7s ease-in-out; font-size: 0.16rem; color: #e1d19f; text-align: center; } .kdts_main h4 { font-weight: 500; font-size: 0.3rem; color: #ffde78; margin: 0.2rem 0 0.1rem; } .kdts_section_2 .kdts_main { background: url("../img/kdts_gy_1.png") no-repeat center bottom; min-height: 100vh; background-size: contain; } .kdts_section_2 ul { clear: both; *zoom: 1; padding-top: 26%; position: relative; } .kdts_section_2 ul:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .kdts_section_2 ul li { float: left; position: relative; width: 26%; } .kdts_section_2 ul li:after { content: ''; width: 0; height: 3px; background: #e8e0b9; -webkit-box-shadow: 0 0 5px rgba(255, 208, 68, 0.8); -moz-box-shadow: 0 0 5px rgba(255, 208, 68, 0.8); -ms-box-shadow: 0 0 5px rgba(255, 208, 68, 0.8); box-shadow: 0 0 5px rgba(255, 208, 68, 0.8); position: absolute; left: 71%; top: 33%; -webkit-transition: width 1s linear; -moz-transition: width 1s linear; -ms-transition: width 1s linear; transition: width 1s linear; } .kdts_section_2 ul li:nth-child(2) { width: 48%; } .kdts_section_2 ul li:nth-child(2):after { width: 0; left: 61.1%; -webkit-transition: width 1s linear 1s; -moz-transition: width 1s linear 1s; -ms-transition: width 1s linear 1s; transition: width 1s linear 1s; } .kdts_section_2 ul.show li:nth-child(1):after { width: 100.5%; } .kdts_section_2 ul.show li:nth-child(2):after { width: 54.5%; } .kdts_section_2 ul.show li:last-child:after { width: 0; } .kdts_section_2 .kd_icon { width: 0.89rem; height: 0.76rem; display: inline-block; background-position: -1.45rem -2.45rem; margin-top: 0.4rem; } .kdts_section_2 .icon_2 { background-position: -2.55rem -2.45rem; } .kdts_section_2 .icon_3 { background-position: -3.6rem -2.45rem; } .kdts_section_2 .icon_bg { width: 1.38rem; height: 1.58rem; margin: 0 auto; text-align: center; background-position: 0 -2.45rem; } .kdts_section_3 .kdts_main { background: url("../img/kdts_gy_2.png") no-repeat center bottom; background-size: contain; min-height: 100vh; } .kdts_section_3 .kdts_main ul { padding-top: 6%; margin: 0 auto; position: relative; clear: both; *zoom: 1; } .kdts_section_3 .kdts_main ul:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .kdts_section_3 .kdts_main ul li { float: left; width: 50%; position: relative; } .kdts_section_3 .kdts_main ul li:after { content: ''; position: absolute; width: 6px; height: 0; backgroun: #d1b563; background-image: -webkit-linear-gradient(bottom, #d1b563, transparent); background-image: -moz-linear-gradient(bottom, #d1b563, transparent); background-image: -ms-linear-gradient(bottom, #d1b563, transparent); background-image: -o-linear-gradient(bottom, #d1b563, transparent); background-image: linear-gradient(bottom, #d1b563, transparent); border-radius: 5px; left: 44%; top: 46%; opacity: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .kdts_section_3 .kdts_main ul li:nth-child(1) { width: 100%; margin-bottom: 10%; } .kdts_section_3 .kdts_main ul li:nth-child(2):after { width: 0; height: 6px; backgroun: #d1b563; background-image: -webkit-linear-gradient(right, #d1b563, transparent); background-image: -moz-linear-gradient(right, #d1b563, transparent); background-image: -ms-linear-gradient(right, #d1b563, transparent); background-image: -o-linear-gradient(right, #d1b563, transparent); background-image: linear-gradient(right, #d1b563, transparent); left: 61%; top: 27%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); -webkit-transition: all 0.5s linear 0.4s; -moz-transition: all 0.5s linear 0.4s; -ms-transition: all 0.5s linear 0.4s; transition: all 0.5s linear 0.4s; } .kdts_section_3 .kdts_main ul li:nth-child(3) { margin-top: 3%; } .kdts_section_3 .kdts_main ul li:nth-child(3):after { height: 0; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); backgroun: transparent; background-image: -webkit-linear-gradient(bottom, transparent, #d1b563); background-image: -moz-linear-gradient(bottom, transparent, #d1b563); background-image: -ms-linear-gradient(bottom, transparent, #d1b563); background-image: -o-linear-gradient(bottom, transparent, #d1b563); background-image: linear-gradient(bottom, transparent, #d1b563); top: auto; bottom: 110%; left: 49%; -webkit-transition: all 0.5s linear 0.7s; -moz-transition: all 0.5s linear 0.7s; -ms-transition: all 0.5s linear 0.7s; transition: all 0.5s linear 0.7s; } .kdts_section_3 .kdts_main ul li .kd_icon { width: 1.12rem; height: 1.16rem; margin: 0 auto; } .kdts_section_3 .kdts_main ul li .icon_2 { background-position: -1.15rem 0; } .kdts_section_3 .kdts_main ul li .icon_3 { background-position: -2.3rem 0; } .kdts_section_3 .kdts_main ul.show li:nth-child(1):after { height: 150%; opacity: 1; left: 35%; top: 22%; } .kdts_section_3 .kdts_main ul.show li:nth-child(2):after { width: 75%; opacity: 1; left: 63%; top: 35%; } .kdts_section_3 .kdts_main ul.show li:nth-child(3):after { height: 165%; opacity: 1; bottom: 93%; left: 30%; } .kdts_section_4 .kdts_main { background: url("../img/kdts_gy_1.png") no-repeat center bottom; min-height: 100vh; background-size: contain; } .kdts_section_4 .kdts_main ul { clear: both; *zoom: 1; padding-top: 26%; position: relative; } .kdts_section_4 .kdts_main ul:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .kdts_section_4 .kdts_main ul li { float: left; font-size: 0.2rem; width: 22%; line-height: 0.32rem; } .kdts_section_4 .kdts_main ul li:nth-child(2) { width: 56%; } .kdts_section_4 .kdts_main ul li a { color: #e1d19f; } .kdts_section_4 .kdts_main ul .kd_icon { width: 1.12rem; height: 1rem; background-position: 0 -1.25rem; margin: 0 auto 0.3rem; } .kdts_section_4 .kdts_main ul .icon_2 { background-position: -1.3rem -1.25rem; } .kdts_section_4 .kdts_main ul .icon_3 { background-position: -2.6rem -1.25rem; } .kdts_bg_3 { background: #080918 url("../img/kdts_bg2.jpg") no-repeat center center; } .kdts_section_5 .map_info { color: #dddddd; font-size: 0.22rem; padding-top: 1.5%; } .kdts_section_5 .map_info a { color: #ffd790; } .kdts_section_5 .map_info a:hover { text-decoration: underline; } .kdts_section_5 .box { padding: 8% 3%; clear: both; *zoom: 1; } .kdts_section_5 .box:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .kdts_section_5 .box .map { float: left; width: 6.86rem; height: 5.23rem; background: url("../img/map.png") no-repeat center 0; } .kdts_section_5 .box .info { float: right; padding-top: 10%; color: #dddddd; font-size: 0.3rem; } .kdts_section_5 .box .info p { margin: 6% 0; } .kdts_section_5 .box .info p:first-child { padding-bottom: 15%; margin-bottom: 10%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .kdts_section_5 .box .info p span { font-size: 0.6rem; font-weight: 700; color: #ffcc00; position: relative; top: 0.05rem; display: inline-block; margin: 0 0.1rem; } .kdts_section_5 + .copyright { color: rgba(255, 255, 255, 0.2); bottom: 0.2rem; } .kdts_section_5 + .copyright a { opacity: 0.3; } .kdts_help_tit { border-top: 1px solid #eeeeee; text-align: center; margin-bottom: 4%; } .kdts_help_tit h3 { font-size: 0.3rem; display: inline-block; padding: 0 1%; background: #ffffff; position: relative; top: -0.2rem; font-weight: 500; color: #333333; } .kdts_help_tit_mt { margin-top: 10%; } .kdts_tab_box1 { width: 100%; text-align: center; line-height: 0.28rem; } .kdts_tab_box1 th, .kdts_tab_box1 td { border: 1px solid #ddd; vertical-align: middle; padding: 2% 1%; } .kdts_tab_box1 th { color: #333; font-weight: 400; background: #f3f5f9; } .kdts_tab_box1 .kdts_tips, .kdts_tab_box1 .kdts_method { padding-top: 3%; text-align: left; } .kdts_tab_box1 .kdts_tips li, .kdts_tab_box1 .kdts_method li { list-style-type: decimal; margin: 1% 0 0 2.3%; } .kdts_tab_box1 .kdts_method { padding-top: 5%; color: #666666; } .kdts_tab_box1 .kdts_method h3 { font-size: 0.16rem; color: #333333; margin-bottom: 1%; } .kdts_tab_box1 .kdts_method li { margin-left: 1.8%; } .kdts_side_menu { position: absolute; right: 0.3rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .kdts_side_menu .logo { width: 0.74rem; height: 0.89rem; background: url("../img/kdts_dp.png") no-repeat 0 0; display: block; margin: 0 auto 10%; } .kdts_side_menu .wx_code { width: 0.9rem; overflow: hidden; font-size: 0.14rem; color: #ffde78; } .kdts_side_menu .menu_list { width: 0.9rem; overflow: hidden; } .kdts_side_menu .menu_list a { display: block; height: 0.4rem; line-height: 0.4rem; font-size: 0.14rem; text-align: center; color: #ffde78; position: relative; border: 1px solid #565711; margin-bottom: 6px; } .kdts_side_menu .menu_list a:before, .kdts_side_menu .menu_list a:after { content: ''; border: 7px solid transparent; border-top-color: #565711; position: absolute; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; } .kdts_side_menu .menu_list a:after { border-top-color: #0a0b18; bottom: -13px; } .kdts_side_menu .menu_list a:hover, .kdts_side_menu .menu_list a.on { border-color: #bf882b; background: #bf882b; color: #fffdde; } .kdts_side_menu .menu_list a:hover:before, .kdts_side_menu .menu_list a.on:before, .kdts_side_menu .menu_list a:hover:after, .kdts_side_menu .menu_list a.on:after { border-top-color: #bf882b; } .kdts_side_menu .menu_list a:last-child:before, .kdts_side_menu .menu_list a:last-child:after { border-color: transparent; } .foot_tip { position: fixed; width: 2.2rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.14rem; color: #50452e; text-align: center; bottom: 2%; line-height: 0.6rem; z-index: 999; } .foot_tip .icon { width: 0.2rem; height: 0.56rem; background: url("../img/gunlun.png") no-repeat 0 0; background-size: cover; display: inline-block; position: relative; top: 0.23rem; margin: 0 0.1rem; } @media (max-width: 1025px) { .kdts_section_5 .box { padding: 10% 0; } .kdts_footer .abt { padding: 0 0.2rem; } .kdts_footer .par { padding-left: 0.2rem; } .kdts_footer .par_kdts dd span { margin-left: 0.15rem; *margin-left: 0.13rem; } } @media (max-width: 769px) { .kdts_section_1 .kdts_main .gauge_wrap .gauge { zoom: 0.45; } .kdts_section_1 { background-size: auto 100%; } .kdts_section_1 .kdts_main h2 { width: 6rem; height: 0.59rem; margin-top: 22%; } .kdts_section_1 .kdts_main .txt_1 { font-size: 0.26rem; } .kdts_side_menu, .foot_tip { display: none; } .kdts_section_2 ul.show li:after, .kdts_section_3 .kdts_main ul li:after { width: 0 !important; } } @media (max-width: 415px) { .logo_kdts h1 a { font-size: 0.26rem; } .logo_kdts h1 a span { width: 0.57rem; height: 0.4rem; margin-right: 0.05rem; } .kdts_section_1 .kdts_main { padding-top: 40%; } .kdts_section_1 .kdts_main h2 { width: 3.7rem; height: 0.36rem; } .kdts_section_1 .kdts_main .txt_1 { font-size: 0.14rem; } .kdts_bg_2 h3, .kdts_bg_3 h3 { font-size: 0.28rem; padding-top: 10%; } .kdts_main h4 { font-size: 0.26rem; margin: 2% 0 1%; } .kdts_section_2 ul, .kdts_section_3 .kdts_main ul, .kdts_section_4 .kdts_main ul { padding-top: 9%; } .kdts_section_2 ul li, .kdts_section_3 .kdts_main ul li, .kdts_section_4 .kdts_main ul li { margin: 0 auto 10%; width: 100% !important; float: none; } .kdts_section_2 .kdts_main, .kdts_section_4 .kdts_main, .kdts_section_3 .kdts_main { background-position: center center; } .kdts_section_5 .map_info { font-size: 0.14rem; } .kdts_section_5 .box { padding-top: 0; } .kdts_section_5 .box .info { float: none; width: 100%; font-size: 0.18rem; } .kdts_section_5 .box .info .wx_code { padding-top: 6%; } .kdts_section_5 .box .info .wx_code p { font-size: 0.18rem; } .kdts_section_5 .box .info .wx_code p span { font-size: 0.3rem; } .kdts_section_5 .box .map { width: 100%; height: 3rem; background-size: contain; } .kdts_section_5 + .copyright { position: relative; } .kdts_help_tit h3 { font-size: 0.16rem; top: -0.13rem; } .kdts_tab_box1 { font-size: 0.12rem; line-height: 0.22rem; } .kdts_section_4 .kdts_main ul .kd_icon { margin-bottom: 3%; } .kdts_section_4 .kdts_main ul li { font-size: 0.16rem; } } @media (max-width: 376px) { .kdts_section_1 .kdts_main h2 { width: 3.4rem; height: 0.32rem; } .kdts_section_1 .kdts_main .txt_1 { font-size: 0.14rem; } } @media (max-width: 415px) { .game_main { width: 95%; top: 48%; } .game_main .game_pic { width: 100%; height: auto; background-size: 98% auto; } .game_main .game_pic p { padding: 0.1rem 0; font-size: 0.16rem; } .game_main .txt { background-size: 94% auto; width: 100%; height: 0.3rem; } .game_main .code img { width: 30%; height: 30%; } .kdts_section_5 .box .info { padding-bottom: 10%; } .kdts_section_5 .box .info p { margin: 0 8%; font-size: 0.2rem; } .kdts_section_5 .box .info p:first-child { padding-bottom: 8%; margin-bottom: 4%; } .kdts_section_5 .box .info p span { font-size: 0.4rem; } }