* { margin: 0; padding: 0; box-sizing: border-box; outline: none; box-shadow: none; } :root{ --bg1: transparent linear-gradient(-120deg, #5970dd 0%, #92a4f7 100%) 0% 0% no-repeat padding-box; --bg1_on: transparent linear-gradient(-120deg, #9ee0bd 0%, #8ffafe 100%) 0% 0% no-repeat padding-box; --txt_black:#1f1f1f; } body{-webkit-text-size-adjust:none;-webkit-text-size-adjust:none; font-size:16px;background: #fff; color: #111 } ::-webkit-scrollbar { width: 10px; background-color: #eee; } .txt_bg{text-transform: uppercase; position: relative; background-image:-webkit-linear-gradient(left,#8ffafe,#aafdd1,#8ffafe 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 5s forwards linear infinite;} @keyframes masked-animation { from { background-position:0 0 } to { background-position:-200% 0 }} .txt_bg0{ background: transparent linear-gradient(90deg, #92f1bf 0%, #8ffafe 100%) 0% 0% no-repeat padding-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #041318; } a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } p{ margin:0px; padding:0px} a { color: #1f1f1f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; } a:hover, a:focus, a:active, a:visited { text-decoration: none; outline: none; } a{ text-decoration:none} dl, ol, ul {margin: 0; padding: 0px} li{ list-style:none} .space1{ overflow:hidden; clear:both; height:10px; width:100%} .space2{ overflow:hidden; clear:both; height:20px; width:100%} .space3{ overflow:hidden; clear:both; height:30px; width:100%} .space4{ overflow:hidden; clear:both; height:40px; width:100%} .space_kong{ overflow:hidden; clear:both; height:120px; width:100%} .space_kong1{ overflow:hidden; clear:both; height:88px; width:100%} @media only screen and (max-width:1200px) { .space_kong1{ overflow:hidden; clear:both; height:66px; width:100%} } @media only screen and (max-width:1050px) { .space_kong{ overflow:hidden; clear:both; height:80px; width:100%} .space_kong1{ overflow:hidden; clear:both; height:60px; width:100%} .space2{ overflow:hidden; clear:both; height:10px; width:100%} .space3{ overflow:hidden; clear:both; height:10px; width:100%} .space4{ overflow:hidden; clear:both; height:20px; width:100%} } .wrap_k{width:100%; padding:100px 0px 100px 0px; overflow:hidden; } @media only screen and (max-width:1400px) { .wrap_k{width:100%; padding:60px 0px 60px 0px; overflow:hidden; } } @media only screen and (max-width:1050px) { .wrap_k{width:100%; padding:30px 0px 30px 0px; overflow:hidden; } } .hui_bg{ background:#5970dd; width:100%; padding:100px 0px 100px 0px; overflow:hidden; } .bai_bg{ background:#fff; width:100%; padding:100px 0px 100px 0px; overflow:hidden; } @media only screen and (max-width: 1400px) { .bai_bg{ background:#fff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; } .hui_bg{ background:#5970dd; width:100%; padding:80px 0px 80px 0px; overflow:hidden; } } @media only screen and (max-width:1190px) { .bai_bg{ background:#fff; width:100%; padding:40px 0px 40px 0px; overflow:hidden; } .hui_bg{ background:#5970dd; width:100%; padding:40px 0px 40px 0px; overflow:hidden; } } @media only screen and (max-width:900px) { .bai_bg{ background:#fff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; } .hui_bg{ background:#5970dd; width:100%; padding:30px 0px 30px 0px; overflow:hidden;} } .main_box{ height:auto; max-width:1500px; width:94%; margin:0 auto; overflow: hidden} @media only screen and (max-width:1600px) { .main_box{ height:auto; max-width:1400px; width:94%; margin:0 auto; overflow: hidden} } .actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:999999;background: #5258cc; border-radius: 40px;text-align:center; } .actGotop a,.actGotop a:link{width:40px;height:40px;text-align:center;color: #fff;display: inline} .actGotop a:hover{outline:none;} .actGotop i{color: #fff;font-size:22px; line-height: 40px;} .actGotop:hover{ color: #f08555;background: #fcbc2e;} .main_bg{ margin:0; padding: 0px; overflow: hidden;} .xy_vpn_top_box{padding:20px 0px;margin:0; overflow: hidden; } .xy_vpn_L{padding: 0px;margin:0; overflow: hidden;float: left;} .xy_vpn_L img{height: 52px; width: auto; vertical-align: top} .xy_vpn_R{padding: 0px;margin:0; overflow: hidden;float: right;} .top_logon{background:#ef7950;width: 160px;text-align: center; line-height: 60px; font-size: 18px; color: #fff; border-radius: 20px;font-weight: 700;display: inline-block} .top_logon:hover{background:#d96740; color: #fff} .t_pc_btn{width: 160px; line-height: 56px;font-weight: 700; font-size: 18px; color: #ef7950;display: inline-block; margin: 0px 10px;border-radius: 20px;text-align: center} .t_pc_btn:hover{ background:#ef7950;color: #fff;} .xy_m_bg::after{background:#fef9f5 ;content: ""; width: 100%; height: 100px; bottom: 0; left:0; z-index:-1; position: absolute} .main_txt_box{padding: 0px; overflow: hidden;max-width: 860px; margin: 0 auto; padding-top: 6%} .main_txt_box dl {padding: 0px;margin:0; overflow: hidden;} .main_txt_box dl dt{padding: 0px;margin:0; overflow: hidden; text-align: center; margin-bottom: 20px} .main_txt_box dl dt h3{margin: 0px; padding: 0px; font-size: 60px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b} .main_txt_box dl dd{padding: 0px;margin:0; overflow: hidden; color: #020a3b; font-size: 20px;font-weight: 700; line-height: 180%} .main_sm_L{padding: 0px;margin:0; overflow: hidden;float: left; position: absolute; z-index:22;height: 100%; width: 50%} .main_sm_L dl{padding: 0px;margin:0; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 100%;} .main_sm_L dl dt{padding: 0px;margin:0; overflow: hidden; margin-bottom: 25px} .main_sm_L dl dt H3{margin: 0px; padding: 0px; font-size: 80px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b} .main_sm_L dl dt H1{margin: 0px; padding: 0px; font-size: 50px;font-weight: 700;letter-spacing: 2px; line-height: 150%; color: #020a3b} @keyframes masked-animation { from { background-position:0 0 } to { background-position:-200% 0 } } .main_sm_L dl dd{padding: 0px;margin:0; overflow: hidden;font-size: 22px; color: #020a3b;font-weight: 700; line-height: 180%} .main_sm_R{padding: 0px;margin:0; overflow: hidden;float: right;width: 44%; position: relative} .main_sm_R img{max-width: 100%;height: auto; vertical-align: top;} .btn_xz_k{padding: 0px;overflow: hidden; width:220px;line-height: 66px;} .btn_xz_k a{display: inline} .btn_xz{ text-align: center;font-size: 20px; border-radius: 20px;font-weight: 700;background:#5258cc; color:#fff} .btn_xz span{vertical-align: middle; margin-right: 5px } .btn_xz span img{ width: 32px; height: auto; -webkit-filter: invert(0%); filter: invert(0%); margin-top: 15px; vertical-align: top } .btn_xz:hover{background:#343aa2} .my_tu1{width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative; z-index: 10;animation: myfirst1 2s infinite;} .my_tu1 img{width: 100%;height: auto; vertical-align: top;top:0 } .my_tu2{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute;z-index: 11;float:left;top: 0px;animation: myfirst2 2s infinite;} .my_tu2 img{width: 100%;height: auto; vertical-align: top} .my_tu3{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute; z-index: 12;float: left;top: 0px;} .my_tu3 img{width: 100%;height: auto; vertical-align: top} .my_tu4{width: 100%; height: 100%; margin:0px; padding: 0px; position: absolute; z-index: 13;float: left;top: 0px;animation: myfirst4 3s infinite;} .my_tu4 img{width: 100%;height: auto; vertical-align: top} @keyframes myfirst1 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -15px); } 100% { transform: translate(0px, 0px); } } @keyframes myfirst2 { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -10px); -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1); } 100% { transform: translate(0px, 0px); -webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0); } } @keyframes myfirst3{ 0% { transform: translate(0px, 0px); } 50% { transform: translate(30px, -10px); } 100% { transform: translate(0px, 0px); } } @keyframes myfirst4{ 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -6px); } 100% { transform: translate(0px, 0px); } } @media only screen and (max-width:1500px) { .main_sm_L dl dt H3{font-size: 60px;} .main_sm_L dl dd{font-size: 20px; } } @media only screen and (max-width:1300px) { .main_sm_L dl dd{font-size: 18px; } .top_logon{width: 120px;line-height: 40px; font-size: 16px; border-radius: 10px;} .t_pc_btn{width: 120px; line-height: 38px;border: 1px #99fced solid;font-size: 16px;border-radius: 10px;} .main_txt_box dl dt h3{font-size: 50px;} .main_txt_box dl dd{font-size: 18px;} } @media only screen and (max-width:1200px) { .main_sm_L dl dt H3{font-size: 50px;} .xy_vpn_L img{height: 45px;} .btn_xz_k{padding: 0px;overflow: hidden; width:160px;line-height: 42px; border-radius: 10px;} .btn_xz{font-size: 16px;} .btn_xz span img{ margin-top: 8px; width:22px;} .main_sm_L dl dt{margin-bottom:5px} .main_sm_L dl dd{font-size: 16px; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);} } @media only screen and (max-width:1100px) { .main_txt_box dl dt h3{font-size: 40px;} .main_txt_box dl dd{font-size: 16px;} .t_pc_btn{display: none} } @media only screen and (max-width:950px) { .main_sm_L dl dt H3{font-size: 40px;} .main_sm_L dl dd{font-size: 16px; font-weight: normal} .main_sm_L{width: 56%} .main_sm_R{width: 42%} } @media only screen and (max-width:680px) { .main_txt_box dl dt h3{font-size: 30px;} .top_logon{width: 100px} .main_sm_L{width: 100%;position: relative;} .main_sm_R{width: 100%; position: relative;} .main_sm_L dl {padding: 0px 20px} .main_sm_L dl dt H3{font-size: 34px;} .main_sm_L dl dd{text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); } .main_sm_L dl {text-align: center;} .btn_xz_k{ margin:0 auto} .main_sm_L dl{padding: 0px;margin:0; overflow: hidden; position: relative; top:none; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } .m_xz_bg{ overflow: hidden;margin: 0px; padding: 40px 20px; background: #fff; border-radius: 20px;} .xz_list{ overflow: hidden;margin: 0px; padding:0px} .xz_list li{ overflow: hidden;margin: 0px; padding:20px 0px;float: left;width: 18.4%; margin-right: 2%; border-radius: 10px;} .xz_list li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;} .xz_list li dl dt{ overflow: hidden;margin: 0px; padding:0px; margin-bottom: 10px;text-align: center;} .xz_list li dl dt img{ max-width: 100px; height: auto;vertical-align: top; filter: alpha(opacity=60); opacity: 0.6;} .xz_list li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #4c4c4c;font-family:'Aileron-Regular'; } .xz_list li dl dd { overflow: hidden;margin: 0px; padding:0px;} .xz_list li a{display:block} .xz_list li:nth-child(5n){ margin-right:0} .btn_box{padding: 0px;margin:0 auto; overflow: hidden; width:160px;line-height: 50px;} .btn_down{text-align: center;font-size: 20px; border-radius: 10px;font-weight: 700; color: #020a3b;} .xz_list li:hover{ background: #ef7950} .xz_list li:hover .btn_down{color:#020a3b; background: #fff} .xz_list li:hover dl dt img{ opacity: 1;-webkit-filter: invert(100%); filter: invert(100%);} .xz_list li:hover dl dt h3{ color: #fff} .xz_list_w{ overflow: hidden;margin: 0px; padding:0px;display: none; text-align: center;} .xz_list_w li{ overflow: hidden;margin: 0px; padding:0px; display: inline-block} .xz_list_w li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;} .xz_list_w li dl dt{ overflow: hidden;margin: 0px; padding:0px; margin-bottom: 10px;text-align: center;} .xz_list_w li dl dt img{ max-width: 100px; height: auto;vertical-align: top;filter: alpha(opacity=85); opacity: 0.85;} .xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 18px; font-weight: 700; color: #4d5071;} .xz_list_w li dl dd { overflow: hidden;margin: 0px; padding:0px;} .xz_list_w li a{display:block} @media only screen and (max-width:1100px) { .xz_list{display: none} .xz_list_w{display: block} .xz_list_w li dl dt{margin-bottom: 5px;} .xz_list_w li dl dt img{ max-width: 80px; height: auto;vertical-align: top;filter: alpha(opacity=85); opacity: 0.85;} .xz_list_w li dl dt h3{ overflow: hidden;margin: 0px; padding:0px;font-size: 16px; font-weight: 700; color: #4d5071;font-family:Helvetica, Arial, "sans-serif"} .btn_box{width:120px;line-height: 40px;} .btn_down{font-size:18px; border-radius: 10px;background:#f08555; color:#fff} .m_xz_bg{ overflow: hidden;margin: 0px; padding: 20px 20px;} } @media only screen and (max-width:750px) { .xz_list_w li dl dt img{ max-width: 60px;} } .xy_title_box{ text-align: center;max-width:1200px; width: 90%; margin: 0 auto; padding: 0px; margin-bottom: 10px} .xy_title{font-size: 45px; line-height: 180%; text-align: center; margin-bottom: 20px;font-weight: bold; color: #020a3b} .txt_sm{font-size: 20px;font-weight: bold; line-height: 190%; color:#4c4c4c} .xy_title span{position: relative; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -webkit-transform:rotate(45deg); display: inline-block; margin: 0px 15px} .xy_title i{ font-size: 30px} @media only screen and (max-width:1500px) { .xy_title{font-size: 40px;} } @media only screen and (max-width:1300px) { .xy_title{font-size: 38px;} .txt_sm{font-size: 18px;} } @media only screen and (max-width:1200px) { .xy_title{font-size: 30px; margin-bottom: 5px} .txt_sm{font-size: 16px;} } @media only screen and (max-width:1000px) { .xy_title{font-size: 28px;letter-spacing: 1px; line-height: 34px} .txt_sm{font-size: 16px;font-weight: normal; line-height: 24px;} .xy_title i{ font-size: 20px} } @media only screen and (max-width:650px) { .xy_title i{ font-size: 18px} } .xz_yslist{ overflow: hidden;margin: 0px; padding:0px} .xz_yslist li{ overflow: hidden;margin: 0px; padding:0px;float: left;width: 25%;} .xz_yslist li dl{ overflow: hidden;margin: 0px; padding:0px; text-align: center;} .xz_yslist li dl dt{ overflow: hidden; padding:0px; text-align: center; margin:0 auto;height: auto;margin-bottom:20px} .xz_yslist li dl dt h3{ width: 124px; height: 124px;vertical-align: middle; margin:0 auto;} .xz_yslist li dl dt h3 img{width: 100%; height: auto} .xz_yslist li dl dd{ overflow: hidden;margin: 0px; padding:0px; text-align: center;color: #444;font-size: 30px; line-height: 220%;font-weight: 700} .xz_yslist1{ overflow: hidden;margin: 0px; padding:0px} .xz_yslist1 li{ overflow: hidden;margin: 0px; padding:20px;float: left;width:48.5%;margin-right: 3%; margin-bottom: 2%;} .xz_yslist1 li dl{ overflow: hidden;margin: 0px; padding:0px;} .xz_yslist1 li dl dt{ overflow: hidden;margin: 0px; padding:0px;font-size: 30px; line-height: 180%; margin-bottom: 5px; color: #020a3b;font-weight: bold} .xz_yslist1 li dl dd{ overflow: hidden;margin: 0px; padding:0px; color: #444; line-height: 28px; font-size: 20px} .xz_ys_tu{ width: 146px; height: auto; margin-right: 20px;float: left;} .xz_ys_tu img{ width: 100%; height: auto;vertical-align: top} .xz_yslist1 li:nth-child(2n){ margin-right: 0} .xz_yslist1 li:hover { background: #fff; border-radius: 20px} @media only screen and (max-width:1400px) { .xz_yslist1 li dl dt{font-size: 22px; } .xz_yslist1 li dl dd{ font-size: 18px} } @media only screen and (max-width:1200px) { .xz_yslist1 li dl dt{font-size: 20px; } .xz_yslist1 li dl dd{line-height: 26px; font-size: 16px} .xz_ys_tu{ width: 120px; height: auto;} .xz_yslist li dl dd{ font-size:20px} } @media only screen and (max-width:1000px) { .xz_yslist li dl dt{ width: 100px;margin-bottom:20px} .xz_yslist li dl dt h3{ width: 100px; height: 100px; } .xz_ys_tu{ width: 100px; height: auto;} } @media only screen and (max-width:850px) { .xz_yslist1 li{ width:49%;margin-right: 2%; margin-bottom: 2%;} .xz_yslist1 li{ padding:12px;} .xz_yslist1 li dl dt{font-size: 18px; margin-bottom: 0px} .xz_yslist1 li dl dd{line-height: 24px; font-size: 14px} } @media only screen and (max-width:740px) { .xz_yslist1 li{ width:100%;margin-right: 0%; margin-bottom: 10px;} } @media only screen and (max-width:650px) { .xz_ys_tu{ width: 80px; height: auto; margin-left:2px} .xz_yslist1 li{padding:0; margin-bottom: 20px} .xz_yslist li dl dt{ width: 80px;margin-bottom:10px} .xz_yslist li dl dt h3{ width: 80px; height: 80px;} .xz_yslist li dl dd{ font-size:20px; line-height: 200%} } @media only screen and (max-width:600px) { .xz_yslist li{ overflow: hidden;margin: 0px; padding:10px;float: left;width:49%;margin-right:2%; margin-bottom:0px;} .xz_yslist li:nth-child(2n){ margin-right: 0} } .xy_price{padding:0px;margin:0; overflow: hidden; } .xy_price li{padding:0px;margin:0; overflow: hidden;float: left; width: 31.333%; margin-right: 3%;background:#f8f8f8; border-radius: 15px} .xy_price li dl{padding:40px 30px;margin:0; overflow: hidden;} .xy_price li dl dt{padding:0px;margin:0; overflow: hidden; color: #020a3b; margin-bottom: 10px} .xy_price li dl dt h4{padding:0px;margin:0; overflow: hidden;color: #020a3b;font-size: 24px; margin-bottom: 50px;font-weight: normal} .xy_price li dl dt h3{padding:0px;margin:0; overflow: hidden; color: #020a3b;font-size: 16px;font-family:Helvetica, Arial, "sans-serif"} .xy_price li dl dt h3 span{padding:0px;margin:0; overflow: hidden; color: #020a3b;font-size:100px;font-weight: normal;font-family:Helvetica, Arial, "sans-serif"} .xy_price li dl dt h3 em{color: #020a3b;font-size:16px; margin-right: 5px; display: inline-block;font-weight: normal;font-style:normal;font-family:Helvetica, Arial, "sans-serif"} .xy_price li dl dd{padding:0px;margin:0; overflow: hidden;color: #666;font-size: 16px; line-height: 190%;font-family:Helvetica, Arial, "sans-serif"} .xy_price li dl dd i{font-size: 18px; margin-right: 4px} .xy_price li dd a{display: inline} .xy_price li:hover{ background:#f08555;} .xy_price li:hover dl dt{ color:#fff} .xy_price li:hover dl dt h4{ color:#fff} .xy_price li:hover dl dt h3 { color:#fff} .xy_price li:hover dl dt h3 s{ color:#fff} .xy_price li:hover dl dt h3 span{ color:#fff} .xy_price li:hover dl dt h3 em{ color:#fff} .xy_price li:hover dl dd{ color:#fff} .xy_price li:nth-child(3n){ margin-right: 0} .xy_price_btn{width: 90%; margin: 0 auto; text-align: center; color: #5258cc; line-height: 54px; border-radius: 15px;font-weight: bold;font-size: 18px; overflow: hidden;cursor: pointer;background:#fff;} .xy_price li:hover .xy_price_btn{ color: #5258cc;background:#fff;} @media only screen and (max-width:1450px) { .xy_price li dl dt h3 span{font-size:75px;} } @media only screen and (max-width:1400px) { .xy_price li dl dt h3 span{font-size:60px;} .xy_price li dl dt h4{ margin-bottom: 30px} } @media only screen and (max-width:1000px) { .xy_price li dl dt h3 span{font-size:60px;} .xy_price li dl{padding:30px 20px;} .xy_price li dl dt h4{ margin-bottom: 20px} .xy_price li dl dt h4{font-size:20px;} } @media only screen and (max-width:900px) { .xy_price li dl dt h3 span{font-size:40px;} .xy_price_btn{line-height: 42px;font-size: 16px;} .xy_price li dl dt h3{font-size: 14px;} .xy_price li dl dd{font-size: 14px;} } @media only screen and (max-width:640px) { .xy_price li{width:100%; margin-right: 0%; margin-bottom: 20px} .xy_price{margin:0 auto;width: 80% } } @media only screen and (max-width:500px) { .xy_price{margin:0 auto;width: 100% } .xy_price li dl dt h4{ margin-bottom:10px} } .d_ys{padding:0px;margin:0; overflow: hidden;} .d_ys li{padding:0px;margin:0; overflow: hidden;float: left; width: 16.666%; } .d_ys li dl{padding:0px;margin:0; overflow: hidden;} .d_ys li dl dt{padding:0px;margin:0; overflow: hidden;font-size: 16px; line-height: 60px;font-weight: bold; color: #333} .d_ys_tu{width: 60px; height:60px; float: left; margin-right: 10px; border-radius: 50%;background:#5258cc} .d_ys_tu img{width: 100%; height: 100%; vertical-align: top} @media only screen and (max-width:1100px) { .d_ys_tu{width: 60px; height:60px; float: none; margin-right: 0px; margin: 0 auto;} .d_ys li dl dt{ text-align: center} } @media only screen and (max-width:720px) { .d_ys_tu{width: 50px; height:50px; } .d_ys_tu{ margin-bottom: 10px} .d_ys li{ width: 33.333%; margin-bottom: 20px } .d_ys li dl dt{ line-height: 24px;} } .xy_down{padding:30px 0px 30px 0px;margin:0; overflow: hidden; background: #f9d7bc} .copxx{ overflow:hidden; padding:20px 0px;margin:0; } .copxx_L{font-size:16px;float: left; width: 60%; line-height: 190%} .copxx_R{ font-size:16px;float: right; width: 39%} .copxx_R{color: #dcdcdc; line-height: 190%; text-align: right} .copxx_R a{padding: 0px 5px;} .copxx_R a:hover{ color:#ffae00} @media only screen and (max-width:640px) { .copxx{ overflow:hidden; padding:25px 0px;margin:0; font-size:12px;} .copxx_L{ font-size:14px;float: left; width: 100%; text-align: center;} .copxx_R{ font-size:16px;float: right; width: 100%;text-align: center; margin-bottom:10px} } .weizinr{padding:40px 5%;margin:0 auto; overflow: hidden;background: #fff; border-radius: 20px} .weizinr h1{font-size: 30px; line-height: 180%; margin-bottom: 10px;color: #111;} .weizinr h2{font-size: 30px; line-height: 180%; margin-bottom: 10px;color: #111;} .weizinr p{font-size: 16px; line-height: 180%; margin-bottom: 20px; font-family: Helvetica, Arial, "sans-serif";color: #444} .weizinr li{line-height: 180%;} @media only screen and (max-width:1200px) { .weizinr{ width:100%} .weizinr h2{font-size:24px; } .weizinr{padding:30px 5%;} } .box_sm{overflow: hidden; padding: 25px 0px; background: #f2f2f2; font-size: 18px; line-height: 190%; border-bottom: 1px solid #ccc; color: #222} @media only screen and (max-width:1000px) { .box_sm{font-size: 16px;} } .bzlist{overflow: hidden; padding: 0px 0px; margin: 0px;} .bzlist dl{overflow: hidden; padding:20px; margin: 0px;} .bzlist dl dt h3{ color: #0027B4} .bzlist dl dt{overflow: hidden; padding:0px; margin: 0px; font-size: 18px; line-height: 190%; font-weight: bold; color: #222} .bzlist dl dd{overflow: hidden; padding:0px; margin: 0px; font-size: 16px; line-height: 190%; } .bzlist dl dd a{display: inline-block} .btn_1{overflow: hidden; padding:2px; margin: 0px; font-size: 16px; line-height: 190%;color: #fff; background: #000; border-radius: 20px;width: 110px; text-align: center; font-weight: 300; margin-bottom: 5px} .btn_2{ background: #1c83ed; color: #fff!important; width: 180px; border-radius: 30px; padding:2px;; border: none; text-align: center; margin: 10px 0px 10px 0px; line-height: 42px} .btn_3{ background: #1c83ed; color: #fff!important; width: 200px; border-radius: 30px; padding:2px;; border: none; text-align: center; margin: 10px 0px 10px 0px; line-height: 42px} .bzlist dl dd span{ color: #1c83ed;font-weight: bold} .top_box{overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #ccc;text-align: center;font-size:32px;color: #222; line-height: 48px} .top_box a{ color: #222;} .top_box img{vertical-align: middle}