@charset "UTF-8";

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/down.png); }

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

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

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

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

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

@media screen and (min-width: 750px) { html { font-size: 100px; } }
body { 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.5rem; font-weight: bold;margin-left:30px !important;margin-right:30px !important; }

.section { overflow: hidden; }

.section1 { background: url(../images/banner_h5.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: #fff; text-align:justify;}
.section1 .tit { font-size: 0.6rem; margin:0 30px; line-height: 1.3; margin-top: 0.9rem;margin-bottom:0.3rem;text-align:justify; }
.section1 .txt { font-size: 0.38rem; margin:0 30px;margin-bottom:0.3rem;}
.section1 .tip { font-size: 0.3rem; margin-top: 0.12rem; margin:0 30px;margin-bottom:0.3rem;}
.section1 .btn-group { margin-top: 0.5rem; font-size: 0;text-align:center; }
.section1 .btn { padding: 0; width: 2.5rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.3rem; color: #fff; border: 0.04rem solid #ffffff; border-radius: 0.5rem; margin: 0 0.3rem; font-weight:700;}
.section1 .btn .icon { vertical-align: -0.08rem; margin-right: 0.15rem; }
.section1 .btn1 { color: #3ba3ff; background-color: #f5fafe; border-color: #f5fafe; }
.section1 .text { height: 7.78rem; 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.3rem; margin: 0.7rem 1.1rem 0; text-align:center;}
.section1 .text ul { margin: 0 0 0 1.2rem; text-align: left; }
.section1 .text li { height: 0.35rem; line-height: 0.35rem; font-size: 0.24rem; color: #13588a; margin-bottom: 0.28rem;position: relative;padding-left: 0.4rem;margin-right: 1.1rem; }
.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%;position:absolute;left:0;top:0;}

.section2 { padding-bottom: 30px; text-align: center; border-bottom: 20px solid #ddd;}
.section2 .tit { margin: 0.45rem 0 0.15rem;text-align:center; }
.section2 .txt { line-height: 0.42rem; font-size: 0.28rem; color: #666666; padding: 0 0.8rem; text-align: justify;}
.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;padding-bottom:0.5rem; border-bottom: 20px solid #ddd;}
.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; text-align: justify;}
.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; border-bottom: 20px solid #ddd;}
.section4 .tit{text-align:justify;}
.section4 .txt { padding: 0 0.45rem; line-height: 0.6rem; color: #666666; margin-top: 0.15rem; margin-bottom: 0.4rem; letter-spacing: 0.06rem;text-align: justify;}

.art-list { text-align: left; }
.art-list a { display: block;padding: 0.3rem 0.2rem 0.4rem;background-color: #fff;margin-bottom: 0.3rem;border-radius: 0.1rem;border-bottom: 8px solid #dfdfdf; }
.art-list dt { position: relative; font-weight: bold; color: #333; }
.art-list dd { height: 0.8rem;line-height: 0.4rem;font-size: 0.26rem;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;font-size: 0.34rem; }
.art-list .time { position: absolute; right: 0;top: 0.1rem; font-weight: normal; color: #999999; }

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

.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; white-space: nowrap;}
.top-table td { height: 1.16rem; border-bottom: 1px solid #e5e5e5; }
.top-table th, .top-table td { text-align: center; padding: 0;  }
.top-table .c1 { width: 10%; }
.top-table .c2 { width: 20%; text-align: left;white-space: nowrap; }
.top-table .c3{width:20%;}
.top-table .c4{width:20%;}
.top-table .c5{width:15%;}
.top-table th.c2 { text-indent: 0.52rem; }
.top-table .c6 { width: 15%; }
.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; }