@charset 'utf-8';
/*clear-default*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body, input, textarea, select, button { font-family: PingFang SC, DroidSans, Microsoft YaHei, Helvetica, Arial, simsun, sans-serif; }
body { background: #fff; font-size: 28px; line-height: 1; color: #002d47; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a img, fieldset { border: 0; }
img { display: block; border: 0; }
ul, ol, dl, li { list-style: none; }
hr { display: block; height: 1px; padding: 0; border: none; border-top: 2px solid #eee; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
q, blockquote { quotes: none; }
q:before, blockquote:before, q:after, blockquote:after { content: ''; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
input, button, select, textarea { outline: none; border: none; border-radius: 10px; -webkit-tap-highlight-color: transparent; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 28px; background: none; border: #ccc 2px solid; }
select::-ms-expand {
display: none;
}
textarea { overflow: auto; resize: none; }
a, b, body, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, li, ol, p, small, span, td, th, ul { -webkit-tap-highlight-color: rgba(0, 0, 0, .1); font-weight: normal; }
/*placeholder*/
::-webkit-input-placeholder {
color: #afafaf;
}
:-moz-placeholder {
color: #afafaf;
}
::-moz-placeholder {
color: #afafaf;
}
:-ms-input-placeholder {
color: #afafaf;
}
/*reset结束*/
.re { position: relative; }
.ab { position: absolute; }
.flex { display: -webkit-flex; display: flex; }
.wrap { position: absolute; left: 50%; width: 750px; margin-left: -375px;padding-bottom:100px; }
header { height: 94px; background: #fff; padding: 0 20px 0 46px; display: flex; justify-content: space-between; align-items: center; }
header p { font-size: 36px; color: #002d47; }
.banner {  margin-bottom: 30px; }
.tel {display: block;margin:0 auto 30px;}
.tlt { padding: 28px 0 16px; font-size: 50px; font-weight: bold; text-align: center; color: #002d47; }
.subtlt { font-size: 32px; text-align: center; color: #002d47; }
.msg { padding: 50px 0 40px; background: #5eabd8; display: flex; flex-flow: column wrap; align-items: center; }
.msg h2 { padding-bottom: 14px; font-size: 46px; font-weight: bold; text-align: center; color: #002d47; }
.msg label { width: 570px; padding: 20px 0 5px; font-size: 28px; color: #002d47; }
.msg input { width: 570px; height: 64px;padding:0 30px;font-size:26px; background: #fff; border-radius: 64px; }
.msg button { width: 570px; height: 64px; margin-top: 25px; background: #002d47; border-radius: 64px; font-size: 28px; font-weight: bold; color: #fff; }
.p20 { padding: 20px 0; }
.product { margin-top: 80px; padding: 20px 0 40px; background: #5eabd8; }
.product ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; width: 710px; margin: 0 auto; background: url("../images/product-ul-bg.jpg") no-repeat 0 21px; background-size: 710px auto; }
.product ul li { width: 226px; height: 40px; margin-top: 140px; background: rgba(0,0,0,.4); font-size: 28px; line-height: 40px; text-align: center; color: #fff; }
.join-info { margin-top: 72px; padding: 0 28px; display: flex; justify-content: space-between; }
.join-info li { position: relative; width: 316px; height: 196px; border: 1px solid #5eabd8; display: flex; flex-flow: column wrap; justify-content: center; }
.join-info li h4 { position: absolute; left: 50%; top: -14px; width: 180px; margin-left: -90px; background: #fff; font-size: 28px; font-weight: bold; text-align: center; color: #002d47; }
.join-info li p { padding: 0 35px 0 56px; background: url("../images/dot.png") no-repeat 34px center; font-size: 24px; line-height: 1.4; }
.join-info2 { margin: 14px 0 40px; display: flex; justify-content: center; align-items: center; }
.join-info2 li { width: 348px; height: 183px; background: url("../images/join-info2-li1-bg.jpg"); display: flex; justify-content: center; align-items: center; }
.join-info2 li:nth-child(2) { background-image: url("../images/join-info2-li2-bg.jpg"); }
.join-info2 li p { font-size: 24px; line-height: 34px; text-align: center; color: #fff; }
.benifit { height: 600px; padding-top: 264px; background: url("../images/benifit-bg.jpg"); }
.benifit ul { display: flex; flex-flow: row wrap; justify-content: center; }
.benifit ul li { width: 226px; height: 112px; margin: 5px; background: #002d47; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; }
.benifit ul li h3 { font-size: 48px; font-weight: bold; color: #e3ad74; }
.benifit ul li h3 span { margin-left: 5px; font-size: 22px; font-weight: normal; }
.benifit ul li p { margin-top: 5px; font-size: 24px; font-weight: bold; color: #fff; }
.benifit .tips { margin-top: 12px; font-size: 20px; line-height: 1.2; text-align: center; }
.address { margin: 10px 0 50px; padding: 30px 0 40px; background: #5eabd8; }
.counter { position: relative; width: 678px; height: 670px; padding-top: 16px; margin: 54px auto 110px; background: #5eabd8; }
.counter h2 { padding-bottom: 30px; font-size: 40px; }
.counter .box { height: 120px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.counter .box label { width: 140px; font-size: 32px; color: #002d47; }
.counter .box input { width: 324px; height: 80px; margin: 0 20px; padding: 0 20px; background: #002d47; border-radius: 0; font-size: 32px; color: #fff; }
.counter .box span { width: 84px; font-size: 32px; color: #002d47; }
.counter button { position: absolute; left: 50%; bottom: -49px; width: 520px; height: 98px; margin-left: -260px; background: #fe0000; border-radius: 98px; font-size: 32px; font-weight: bold; color: #fff; }
footer { height: 120px; margin-top: 50px;background: #002d47; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; color: #fff; }
footer h2 { font-size: 29px; font-weight: bold; }
footer p { padding-top: 10px; font-size: 22px; }
.blue { background: #5eabd8; }
.success { display: flex; flex-flow: column wrap; align-items: center; }
.success img:first-child { width: 222px; margin: 180px 0; }
.success h2 { padding: 70px 0 30px; font-size: 50px; font-weight: bold; color: #fff; }
.success h3 { font-size: 28px; color: #fff; }
.footer {position: fixed;bottom:0;left:50%;margin-left:-375px;width:750px;height:100px;background: #5eabd8;font-size:26px;text-align: center;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.footer a {width:33.33%;height:100px;line-height: 100px;color:white;position: relative;}
.footer a:before {content: "";position: absolute;right:0;top:36px;height:30px;border-right:1px solid white;}
.footer a:last-child:before {display: none;}

.g-msg {padding:40px;box-sizing: border-box;}
.g-msg h3 {font-size:35px;font-weight: bold;text-align: center;color:#5da2cc;}
.g-msg ul {margin:40px auto 50px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.g-msg ul li {margin-bottom: 38px;width:188px;height:98px;line-height: 98px;color:#5da2cc;border:1px solid #5da2cc;text-align: center;font-size:30px;}
.g-msg ul li.active {background: #5da2cc;color:white;}
.g-msg .input-group {font-size:26px;color:#666;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.g-msg .input-group input {border-bottom:1px solid #666;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;font-size:24px;padding:10px 0;flex:1;margin:0 0 0 20px;}
.g-msg .input-group label {width:100px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-left:20px;}
.g-msg .input-group label i {width:27px;height:27px;border:2px solid #666;border-radius: 100px;background: white;}
.g-msg .input-group label.active {color: #5da2cc;}
.g-msg .input-group label.active i {border-color:#5da1ce;background: url("../images/check.png") center center no-repeat;}
.g-msg .input-group textarea {background: #eaeaea;padding:30px 45px;display: block;width:100%;height:240px;border-radius: 0;margin:20px auto 40px;font-size: 24px;line-height: 1.5;}
.g-msg button {width:100%;height:90px;line-height: 1;background: #5da1ce;color:white;font-size:35px;border-radius: 0;}
.g-msg button:active {-webkit-box-shadow: 0 0 25px rgba(0,0,0,.3) inset;-moz-box-shadow: 0 0 25px rgba(0,0,0,.3) inset;box-shadow: 0 0 25px rgba(0,0,0,.3) inset;}