@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'; } html { font-family: PingfangSC, Microsoft YaHei, Arial, sans-serif; font-size: 625%; -webkit-tap-highlight-color: transparent; } body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, textarea, th, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } em, i { font-style: normal; font-weight: 400; } button, input, select, textarea { font-family: 'microsoft yahei', 'STHeiti Light', 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', simsun, sans-serif; } button, input, select { box-sizing: border-box; } button { border: none; } button, input[type=button], input[type=submit], select { cursor: pointer; } li { list-style: none; } a { text-decoration: none; } a img, fieldset, iframe, img { border-width: 0; border-style: none; } img { max-width: 100%; -ms-interpolation-mode: bicubic; } body { width: 100%; background: white; color: #666666; font-size: 0.16rem; } table { width: auto; border-collapse: collapse; border-spacing: 0; } .opacity { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0; bottom: 0; right: 0; position: fixed; z-index: 99; display: none; } .wrap { margin: 0 auto; min-width: 300px; max-width: 1180px; padding: 0 0.1rem; position: relative; } .header { position: absolute; left: 0; top: 0.4rem; width: 100%; z-index: 111; } .header .logo_box { float: left; } .header .logo_box h1 a { display: block; width: 1.87rem; height: 0.38rem; background: url("../img/logo.svg") no-repeat 0 0; overflow: hidden; text-indent: -999em; } .header .nav { float: right; text-align: right; font-size: 0.16rem; } .header .nav a { color: #fff; margin-left: 0.55rem; display: inline-block; position: relative; } .header .nav a:after { content: ''; position: absolute; height: 0.02rem; width: 0; background: transparent; left: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; bottom: -0.1rem; } .header .nav a:hover, .header .nav a.on { color: #adedff; } .header .nav a:hover:after, .header .nav a.on:after { width: 100%; left: 0; background: #adedff; } .header .nav_m, .header .nav_m_list { display: none; } .nav a.light, .nav_m_list a.light { color: #ce9b3e; } .header .kdts_nav a:hover, .header .kdts_nav a.on { color: #ffffff; } .header .kdts_nav a:hover:after, .header .kdts_nav a.on:after { background: #ffffff; } .header_1 { top: 0; padding: 0.25rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .copyright { width: 100%; text-align: center; color: rgba(255, 255, 255, 0.5); position: absolute; bottom: 0.4rem; font-size: 0.12rem; } .copyright a { margin-left: 0.1rem; color: rgba(255, 255, 255, 0.5); } .footer { background: #485370; padding: 0.5rem 0; color: #8b8f9a; position: relative; font-size: 0.14rem; } .footer .ft_nav { width: 70%; padding-bottom: 0.25rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .footer .ft_nav a { color: rgba(255, 255, 255, 0.7); margin: 0 0.3rem; position: relative; } .footer .ft_nav a:after { content: "|"; position: absolute; left: 200%; top: 0; } .footer .ft_nav a:last-child:after { content: " " !important; } .footer .ft_nav a:first-child { margin-left: 0; } .footer .ft_nav a:hover { color: #ffffff; text-decoration: underline; } .footer .contact_us { width: 70%; display: flex; flex-wrap: wrap; padding: 0.2rem 0; color: rgba(255, 255, 255, 0.5); } .footer .contact_us li { flex: 0 1 50%; line-height: 0.28rem; } .footer .wx_code { position: absolute; right: 0.1rem; top: 0; text-align: right; width: 1.2rem; } .footer .wx_code img { max-width: 1.2rem; } .footer .wx_code strong { display: block; color: #ffffff; font-weight: normal; margin-bottom: 0.15rem; } .footer .copyright { text-align: left; clear: both; font-size: 0.12rem; position: initial; line-height: 0.18rem; color: rgba(255, 255, 255, 0.3); } .footer .copyright a { color: rgba(255, 255, 255, 0.3); } .footer_1 { padding: 0.5rem 0 0; color: #666666; font-size: 0.14rem; line-height: 0.34rem; background: #f5f5f5; } .footer_1 .wrap { clear: both; *zoom: 1; } .footer_1 .wrap:after { display: block; clear: both; height: 0; visibility: hidden; content: '\20'; } .footer_1 .down { float: left; padding-right: 0.5rem; position: relative; } .footer_1 .down a { display: block; color: #666666; } .footer_1 .abt { padding: 0 0.4rem; position: relative; float: left; } .footer_1 .abt .tips_m { display: none; } .footer_1 .down_icon, .footer_1 .wx_icon { width: 0.24rem; height: 0.24rem; background: url("../img/foot_icon.png") no-repeat 0 0; display: inline-block; position: relative; top: 0.05rem; } .footer_1 .wx_icon { width: 0.29rem; background-position: -0.25rem 0; } .footer_1 .down em, .footer_1 .abt em { float: left; margin-right: 0.1rem; } .footer_1 .down:after, .footer_1 .abt:after { content: ''; width: 0.01rem; height: 0.2rem; background: #dddddd; position: absolute; right: 0; top: 0.05rem; } .footer_1 .abt .code_img { width: 1rem; height: 1rem; position: absolute; top: -1.05rem; left: 50%; margin-left: -0.4rem; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .footer_1 .abt:hover .code_img { filter: alpha(opacity=100); opacity: 1; } .footer_1 .par { padding-left: 0.5rem; float: left; } .footer_1 .par dt, .footer_1 .par dd { float: left; } .footer_1 .par dd span { display: inline-block; font-size: 0; margin-left: 0.38rem; *margin-left: 0.3rem; } .footer_1 .par_wwxz dd span { margin-left: 0.3rem; *margin-left: 0.23rem; } .footer_1 .copyright { clear: both; font-size: 0.12rem; position: initial; line-height: 0.18rem; color: #bbbbbb; background: #f5f5f5; padding: 0.2rem 0; } .footer_1 .copyright a { color: #bbbbbb; } .kdts_footer { background: #0c0d27; } .kdts_footer .par { padding-left: 0.4rem; } .kdts_footer .par_kdts dd span { margin-left: 0.32rem; *margin-left: 0.3rem; } .kdts_footer .copyright { background: #0c0d27; color: #666666; } .kdts_footer .copyright a { color: #666666; } @-webkit-keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } } @-moz-keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } } @-ms-keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } } @-o-keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } } @keyframes fadeIn { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: none; } } @-webkit-keyframes osize { 0% { opacity: 0.8; } 25% { opacity: 0.5; } 50% { opacity: 0.8; } 75% { opacity: 0.5; } } @keyframes osize { 0% { opacity: 0.8; } 25% { opacity: 0.5; } 50% { opacity: 0.8; } 75% { opacity: 0.5; } } @media (max-width: 769px) { .nav { display: none; } .header { top: 0.3rem; } .header .nav_m { display: block; position: absolute; top: -0.02rem; right: 0; white-space: nowrap; } .header .nav_m .icon_menu { display: block; padding: 0.1rem; } .header .nav_m .icon_menu span { display: block; width: 0.2rem; height: 0.02rem; margin-bottom: 5px; position: relative; background: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; z-index: 1; -webkit-transform-origin: 0.2rem; transform-origin: 0.2rem; transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s; } .header .nav_m .icon_menu span:nth-last-child(2) { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; transition: width 0.5s ease; } .header .nav_m .icon_menu span:last-child { margin-bottom: 0; } .header .nav_m.cur .icon_menu span { opacity: 1; transform: rotate(45deg); } .header .nav_m.cur .icon_menu span:nth-child(1) { opacity: 1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header .nav_m.cur .icon_menu span:nth-child(2) { width: 0; opacity: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; transition: width 0.5s ease; } .header .nav_m_list { position: absolute; top: 0.55rem; left: 0; width: 98%; margin: 0 1%; background: #f5f5f5; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); display: none; } .header .nav_m_list:after { content: ''; border-width: 7px; border-color: transparent transparent #f5f5f5; border-style: solid; position: absolute; top: -0.14rem; right: 0rem; } .header .nav_m_list a { display: block; color: #333333; padding: 0 0.1rem; text-align: center; line-height: 0.6rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header .nav_m_list a.active { background: #007cdb; color: #ffffff; } .header .nav_m_list a.active { background: #eccc68; } /******head******/ .footer { text-align: center; padding: 0.2rem 0; font-size: 0.12rem; } .footer .ft_nav, .footer .contact_us { display: none; } .footer .wx_code { width: 25%; font-size: 0.14rem; text-align: center; position: initial; margin: 0 auto 0.15rem; } .footer .wx_code strong { margin-bottom: 0.1rem; } .footer .wx_code img { max-width: 100%; } .footer .copyright { text-align: center; } .header_1 { top: 0; padding: 0.2rem 0; } .header_1 .nav_m_list { top: 0.7rem; } .header .download { display: none; } .footer_1 { line-height: 0.24rem; padding-bottom: 0; } .footer_1 .wrap { display: flex; } .footer_1 .abt, .footer_1 .down { padding: 0 0.15rem 0 0; width: 13%; } .footer_1 .down { display: none; } .footer_1 .par { padding-left: 0.2rem; display: flex; flex: 1; } .footer_1 .par dt { width: 15%; } .footer_1 .par dd { display: flex; } .footer_1 .par dd span { margin-left: 3%; } .copyright { font-size: 0.12rem; } } @media (max-width: 415px) { .header .logo_box h1 a { width: 1.67rem; height: 0.34rem; } .header .nav_m { top: -0.02rem; } .copyright { bottom: 0.2rem; } .copyright a { display: block; } .footer_1 .wrap { flex-wrap: wrap; } .footer_1 .wrap .abt { width: 100%; text-align: center; padding: 0; } .footer_1 .wrap .abt em { float: none; margin: 0 0 0.05rem; display: block; } .footer_1 .wrap .abt .wx_icon { display: none; } .footer_1 .wrap .abt .code_img { display: block; opacity: 1; position: initial; margin: 0 auto; width: 1.8rem; height: 1.8rem; } .footer_1 .wrap .abt .tips_m { display: block; font-size: 0.13rem; font-weight: 600; } .footer_1 .par { flex-wrap: wrap; padding: 0.2rem 0 0; text-align: center; } .footer_1 .par dt { width: 100%; margin-bottom: 0.1rem; } .footer_1 .par dd span:first-child { margin: 0; } .footer_1 .down:after, .footer_1 .abt:after { background: none; } .footer_1 + .copyright { font-size: 0.12rem; padding: 0.15rem 0; } }