@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

ul { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #2abff6; }

img { border: 0; }

input, select, button, textarea { border-radius: 0; outline: 0; margin: 0; font-family: inherit; font-size: inherit; color: inherit; -webkit-appearance: none; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

body > div[id^=_] { display: none !important; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.hide { display: none; }

.fn-clear { zoom: 1; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.red { color: #FD3939; }

.blue { color: #2abff6; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
.btn { display: inline-block; padding: 2px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; color: #2abff6; border: 1px solid #2abff6; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.icon { display: inline-block; background-size: 100% 100%; }

.icon-phone, .icon-down { width: 0.36rem; height: 0.36rem; background-image: url(../images/icon/down.png); }

.icon-phone { background-image: url(../images/icon/phone.png); }

.icon-ico1, .icon-ico2, .icon-ico3 { width: 1.36rem; height: 1.36rem; background-image: url(../images/icon/ico1.png); }

.icon-ico2 { background-image: url(../images/icon/ico2.png); }

.icon-ico3 { background-image: url(../images/icon/ico3.png); }

/***
	@create date:2024-05-08;
***/
html { font-size: 50px; font-size: 13.3334vw; }

@media screen and (min-width: 750px) { html { font-size: 100px; } }
body { font-family: Helvetica-Bold, Helvetica; font-size: 0.28rem; line-height: 1.5; background-color: #fff; color: #333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); }

.page { position: relative; width: 100%; min-height: 100vh; min-width: 320px; max-width: 750px; margin: 0 auto; }

.tit { font-size: 0.42rem; font-weight: bold; }

.section { overflow: hidden; }

.section1 { background: url(../images/banner.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: #fff; }
.section1 .tit { font-size: 0.5rem; line-height: 1.3; margin-top: 0.6rem; }
.section1 .txt { font-size: 0.48rem; }
.section1 .tip { font-size: 0.3rem; margin-top: 0.12rem; }
.section1 .btn-group { margin-top: 0.5rem; font-size: 0; }
.section1 .btn { padding: 0; width: 2.46rem; height: 0.84rem; line-height: 0.84rem; font-size: 0.28rem; color: #fff; border: 0.02rem solid #ffffff; border-radius: 0.44rem; margin: 0 0.35rem; }
.section1 .btn .icon { vertical-align: -0.08rem; margin-right: 0.15rem; }
.section1 .btn1 { color: #3ba3ff; background-color: #f5fafe; border-color: #f5fafe; }
.section1 .text { height: 8.18rem; background: url(../images/box.png) no-repeat; background-size: 100% auto; overflow: hidden; margin-top: 0.88rem; }
.section1 .text h2, .section1 .text h4 { line-height: 1.2; font-size: 0.36rem; font-weight: bold; color: #13588a; height: 4.5rem; margin: 0.8rem 1.1rem 0; }
.section1 .text ul { margin: 0 0 0 1.3rem; text-align: left; }
.section1 .text li { height: 0.32rem; line-height: 0.32rem; font-size: 0.24rem; color: #13588a; margin-bottom: 0.28rem; }
.section1 .text li:before { content: ''; display: inline-block; vertical-align: top; width: 0.32rem; height: 0.32rem; margin-right: 0.18rem; background: url(../images/right.png) no-repeat; background-size: 100% 100%; }

.section2 { height: 5.6rem; text-align: center; }
.section2 .tit { margin: 0.45rem 0 0.15rem; }
.section2 .txt { line-height: 0.42rem; font-size: 0.28rem; color: #666666; padding: 0 0.8rem; }
.section2 .icon { display: block; margin: 0 auto 0.1rem; }
.section2 .attr { overflow: hidden; margin-top: 0.6rem; }
.section2 .attr dl { width: 33.33%; float: left; }
.section2 .attr dt { color: #999; }
.section2 .attr dd { font-size: 0.36rem; }

.section3 { background: #f7f9fa; background-size: 100% auto; text-align: center; }
.section3 .tit { margin: 0.45rem 0 0.35rem; }
.section3 .tit span { display: block; font-size: 0.3rem; }
.section3 .btn-group { display: inline-block; padding: 0.04rem; border: 1px solid #DBDCDD; border-radius: 0.36rem; font-size: 0; }
.section3 .btn { vertical-align: top; border: 0; padding: 0; width: 2.4rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.28rem; background: none; color: #666666; border-radius: 0.32rem; cursor: default; }
.section3 .btn:active { box-shadow: none; }
.section3 .btn.on { color: #fff; background-color: #3ba3ff; }
.section3 .btn2 { background: none; color: #666666; }
.section3 .img-group { display: none; }
.section3 .img-group.on { display: block; }
.section3 .img { height: 5rem; background: url(../images/img.jpg) no-repeat; background-size: 100% auto; margin-top: 0.56rem; }
.section3 .img2 { background-image: url(../images/img2.jpg); display: none; }
.section3 .txt { padding: 0 1.8rem; line-height: 0.4rem; color: #666666; margin-top: 0.3rem; }
.section3 .txt2 { display: none; }
.section3.toggle .img1, .section3.toggle .txt1 { display: none; }
.section3.toggle .img2, .section3.toggle .txt2 { display: block; }

.section4 { background: #f7f9fa; padding: 0.45rem 0.3rem 0.3rem; text-align: center; }
.section4 .txt { padding: 0 0.45rem; line-height: 0.42rem; color: #666666; margin-top: 0.15rem; margin-bottom: 0.4rem; }

.art-list { text-align: left; }
.art-list a { display: block; padding: 0.24rem 0.2rem 0.34rem; background-color: #fff; margin-bottom: 0.3rem; }
.art-list dt { position: relative; font-weight: bold; color: #333; }
.art-list dd { height: 0.64rem; line-height: 0.32rem; font-size: 0.24rem; color: #666666; overflow: hidden; margin-top: 0.1rem; }
.art-list h3 { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 76%; text-overflow: ellipsis; }
.art-list .time { position: absolute; right: 0; font-weight: normal; color: #999999; }

.section5 { padding: 0.5rem 0.1rem; text-align: center; }
.section5 .txt { padding: 0 0.8rem; line-height: 0.42rem; color: #666666; margin-top: 0.15rem; margin-bottom: 0.4rem; }

.top-table { font-size: 0.24rem; color: #666666; }
.top-table table { width: 100%; }
.top-table th { height: 0.72rem; color: #999; font-weight: normal; background: #f4f4f4; }
.top-table td { height: 1.16rem; border-bottom: 1px solid #e5e5e5; }
.top-table th, .top-table td { text-align: center; padding: 0; white-space: nowrap; }
.top-table .c1 { width: 0.9rem; }
.top-table .c2 { padding-left: 0.06rem; width: 10%; text-align: left; }
.top-table th.c2 { text-indent: 0.52rem; }
.top-table .c6 { width: 1rem; }
.top-table .img { display: inline-block; width: 0.44rem; height: 0.44rem; margin-right: 0.04rem; }
.top-table .name { display: inline-block; line-height: 1.2; text-align: left; }
.top-table .name dt { color: #333333; }
.top-table .btn-link { display: block; width: 2.96rem; height: 0.68rem; line-height: 0.68rem; text-align: center; color: #3ba3ff; border: 1px solid #3ba3ff; margin: 0.5rem auto 0; }
.top-table .link { color: #3ba3ff; }
.top-table .green { color: #19b38a; }
.top-table .red { color: #e54742; }

.page-footer { font-size: 0.24rem; background: #fff; color: #999; padding: 0.3rem; }
.page-footer a { color: #999; }
.page-footer .copyright { line-height: 0.4rem; text-align: center; }

/*# sourceMappingURL=style.css.map */