a, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *{ padding: 0; margin: 0; } button { -webkit-appearance: none; border-radius: 0; } body { } body * { font-family: helvetica; } body { -webkit-text-size-adjust: 100%; } h1 { margin: 0; } a { text-decoration: none; } ul { margin: 0; padding: 0; list-style: none; } img { border:0; /*pointer-events: none; /*禁止点击图片浏览图片*/ } html, body { width: 100%; height: 100%; background: #fff; max-width:640px; min-width:320px; margin:0 auto; font-size:12px; } .bz_img{ width: 100%; height: auto; } .top { width: 100%; height: auto; position: relative; } .top a { display: block; position: absolute; width: 29.53125%; height: 100%; top: 0; } .top .top1 { left: 4.21875%; } .top .top2 { left: 35.9375%; } .top .top3 { left: 67.96875%; } .top img { width: 100%; display: block; } .djs { bottom:3.5%; left:52%; font-size:28px;color:#fe5239; font-weight:400; position:absolute; width:38%; } .bz_img img{ width: 100%; display: block; } .tab-h4{ font-size: 30px; color:#fff; text-align: center; margin: 10px 0; } .bz_baom{ background:url(/uploads/image/t6images/top5.jpg); background-size:100% 100%; } .tz_img{ width: 100%; margin: 0 auto; } .tz_img img{ width: 100%; display: block; } .z_form { width:75%; margin:0 auto; } .title { font-family:'microsoft yahei'; color:#282156; margin:0px auto; text-align:center; font-size:24px; font-weight:bold; } .subtitle { top:13%; left:56%; position:absolute; width:17%; text-align:center; font-size:30px; } .count_span { color:#c70000; } .z_tab{ width: 100%; margin: 0px auto; color: #fff; font-size: 22px; padding-top: 1px; color:#3124e9; } .tab_td{ display: flex; height: 36px; line-height: 36px; background: #fff; text-indent: 1em; margin-bottom: 0px; padding-left: 10px; padding-right:10px; border:1px solid #3124e9; border-radius:10px; text-align:center; } .tab_td img{ } .tab_td input,.tab_td select{ border: 0; flex: 1; background:#fff; font-size: 16px!important; } .eszh { padding-top:15px; font-size:18px; color:#3124e9; line-height:33px; text-align:center; } .eszh label img { width:40px; display:inline; vertical-align:central; } .cztel { text-align:center; width:90%; font-size:38px; line-height:50px; margin:10px auto 0 auto; font-weight:700; background:url(/uploads/image/t6images/telicon.png) left center no-repeat; background-size:10%; } .cztel a{ color:#282156; } .tjimg{ width: 100%; margin: 0 auto; text-align:center; } .button{ width: 100%; height: 48px; line-height: 44px; background: #e7006b; border:0; color: #fff; font-size: 22px; cursor: pointer; border-radius:10px; -moz-border-radius:10px; } .memo { font-size:16px; line-height:25px; margin-top:10px; } #box { position: fixed; z-index: 11111; left: 0; top: 0; width: 100%; height: 100%; display: none } #box span { background: #000; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; width: 100%; height: 100%; display: block } #box div { position: absolute; top: 20%; left: 50%; width: 200px; margin-left: -100px; background: #fff; border: 2px solid #000; padding: 20px 10px; font-family: "微软雅黑"; border-radius: 10px } #box p { width: 100%; text-align: center; font-size: 16px; padding-bottom: 20px; color: #f00 } #box em { font-style: normal; background: #000; color: #fff; display: block; border-radius: 3px; width: 100px; text-align: center; padding: 5px 0; cursor: pointer; font-size: 14px; margin: 0 auto } #box2 { position: fixed; z-index: 11111; left: 0; top: 0; width: 100%; height: 100%; display: none } #box2 span { background: #000; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; width: 100%; height: 100%; display: block } #box2 div { position: absolute; text-align:center; top: 10%; left: 50%; width: 80%; margin-left: -40%; background: #fff; border: 2px solid #000; font-family: "微软雅黑"; border-radius: 10px } #box2 em { font-style: normal; background: #000; color: #fff; display: block; border-radius: 3px; width: 100px; text-align: center; padding: 5px 0; cursor: pointer; font-size: 14px; margin: 10px auto } .xtl_con{ width: 90%; margin: 20px auto 30px auto; border: 1px solid #c3c3c3; font-size: 0.48rem; box-sizing:border-box; padding: 10px; line-height: 180%; color: #000; } .fot { position: fixed; display: flex; bottom: 0; left: 0; width: 100%; background: #0d38f8; z-index: 999; height:50px; } .fot div { width:100%; height:48px; overflow:hidden; position: relative; } .fot a { display: block; float: left; width: 50%; color: #fff; font-size: 16px; text-align: center; line-height: 55px; position: relative; } .fot .fottel { background: #0206c7; border-radius:10px; z-index:9999; } .fot .fotbm { width: 51%; margin-left:-1%;background:#fe8800; } /*滑动图片*/ .wrap { width:85%; margin: 0 auto; padding: 0; } .swiper-container { margin: 0 auto; padding-bottom: 10px; width: 100%; } .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #fff; } .swiper-slide img { width:100%; height:auto; } /*弹出层*/ .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; background: rgba(0, 0, 0, 0.6); padding: 4.6875% 0; overflow: auto; display: none; } .mask-box { width: 100%; z-index: 10002; padding-bottom: 30px; } .mask-box .mask-cont { width: 70%; padding: 3.125% 7.5% 3.125%; margin-top: 48px; background: #ffffff; margin: 0 auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .mask-box .mask-cont .tit { padding-bottom: 5.46875%; border-bottom: 1px solid #ccc; font-size: 28px; font-weight: 700; color: #555; text-align: center; } .mask-box .mask-cont .cont { padding: 1.5625% 0; font-size: 4.375%; color: #555; } .mask-box .mask-cont .cont img { max-width: 60%; } .mask-box .mask-cont .cont p { line-height: 20px; font-size: 14px; text-indent: 30px; } .mask-box .mask-cont .mask-btn { display: block; width: 53.125%; height: 12.5%; margin: 3.125% auto 0; line-height: 12.5%; background: #00acee; text-align: center; color: #fff; font-size: 4.6875%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; } .mask-box .mask-close { position: absolute; top: 2.5%; right: 8%; z-index: 10002; height: 30px; text-align: center; } .mask-box .mask-close .close { display: inline-block; width: 30px; height: 30px; background: url(/uploads/image/t6images/close.png) no-repeat; background-size: 100%; } .mask-box .baom { width: 84%; margin-top: 5px; background: #005caa; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; } .baom { text-align:center; margin:0 auto; } .mask-box .baom form .button { background: #ffd900; color: #003685; } .mask-box .baom form td { height: 42px; } .mask-box .baom table { width: 100%; } .mask-box .baom .p1 { width: 100%; padding: 0; margin-bottom: 10px; } .mask-box .baom .p1 form { width: 80%; margin:0 auto; } .mask-box .baom .p1 .tel { color: #fff; } .mask-box .baom .tit { padding-top: 10px; } .mask-box .baom .tit strong { color: #fff; } .mask-box .baom .tit em { color: #fff; } .tit em { font-size:20px; } .czppbg { background:url(/uploads/image/t6images/top12.jpg); background-size:100% 100%; } .chexinbg { background:url(/uploads/image/t6images/top14.jpg); background-size:100% 100%; } .chexindiv { width:90%; margin:0 auto;} .chexinbtn1,.chexinbtn2 { width:46%; margin-left:2%; margin-top:10px; margin-bottom:10px; font-size:26px; text-align:center; line-height:55px; float:left; font-weight:bold; font-style:italic; cursor:pointer; } .chexinbtn1 { color:#fff; background:url(/uploads/image/t6images/chexinbtn1.png) center center no-repeat; background-size:100% 100%; } .chexinbtn2 { color:#fff; background:url(/uploads/image/t6images/chexinbtn2.png) center center no-repeat; background-size:100% 100%; } .chexinlistdiv { width:46%; margin-left:2.5%; float:left; position:relative; margin-top:10px;line-height:35px;font-size:18px; padding-bottom:10px; } .chexindivdetail img{ width:100%; } .chexinlistdiv .chexindivdetail { width:95%;border:0px ;margin:0 auto;background:#fff; } .chexinlistdiv h2 { font-size:18px; text-align:center; line-height:45px;color:#201f85; } .chexinlistdiv h3 { font-size:18px; text-align:center; line-height:35px; font-weight:300;color:#ff1824; padding-bottom:35px; } .chexinlistdiv p { font-size:16px; text-align:center;line-height:25px; text-decoration:line-through;font-weight:300; } .chexinbtndiv { margin-top:-30px; width:100%; height:54px; background: no-repeat; background-size:100% 100%; } .mapbg { background:url(/uploads/image/t6images/top19.jpg); background-size:100% 100%; } .mapdiv { position:absolute; top:0px; left:8%; width:84%; } .maptab1, .maptab2 { float:left; width:33%; color:#fff; font-size:22px; line-height:80px; text-align:center; } .maptab1 { background:url(/uploads/image/t6images/jttab.png)center center; background-size:100% 100%; } .maptab2 { background:url(/uploads/image/t6images/jttabno.png)center center; background-size:100% 100%; } .mapinfo { width:95%;margin:0 auto; font-size:20px; } .mapinfo h2 { font-size:24px; line-height:40px; margin-top:10px; } .mapinfo p { font-size:22px; line-height:35px; } #wqhg { background:url(/uploads/image/t6images/wqhgbg.png); background-size:100% 100%; width:100%; position:relative; } #slides { position:absolute; width: 88%; height:69%; top:22.4%; left:6%; border-radius:20px; overflow: hidden; } #slides .slides_container { width: 100%; height: 100%; } #slides .slides_container div { display: block; width: 690px; height: 490px; } @media screen and (min-width: 320px) { #box2 div img { width:240px; } .title { font-size:14px; } .subtitle { font-size:20px; } .tab_td input,.tab_td select{ font-size: 12px!important; } .cztel { font-size:18px; line-height:32px; } .djs { font-size:16px; } .memo { font-size:10px; line-height:19px; } .chexinbtn1,.chexinbtn2 { font-size:16px; line-height:60px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:13px; line-height:26px; } .chexinlistdiv p { font-size:11px;line-height:18px; } .chexinlistdiv input { font-size:10px; line-height:22px; border-radius:11px; } .chexinbtndiv { height:32px; } .maptab1, .maptab2 { font-size:14px; line-height:64px; } .mapinfo h2 { font-size:14px; line-height:28px; } .mapinfo p { font-size:14px; line-height:22px; } } @media screen and (min-width: 360px) { #box2 div img { width:280px; } .title { font-size:15px; } .subtitle { font-size:20px; } .tab_td input,.tab_td select{ font-size: 12px!important; } .cztel { font-size:20px; line-height:33px; } .djs { font-size:18px; } .memo { font-size:10px; line-height:19px; } .chexinbtn1,.chexinbtn2 { font-size:17px; line-height:40px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:13px; line-height:26px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:11px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:36px; } .maptab1, .maptab2 { font-size:15px; line-height:66px; } .mapinfo h2 { font-size:15px; line-height:30px; } .mapinfo p { font-size:15px; line-height:24px; } } @media screen and (min-width: 375px) { #box2 div img { width:280px; } .title { font-size:16px; } .subtitle { font-size:22px; } .tab_td input,.tab_td select{ font-size: 13px!important; } .cztel { font-size:22px; line-height:34px; } .djs { font-size:19px; } .memo { font-size:10px; line-height:19px; } .chexinbtn1,.chexinbtn2 { font-size:18px; line-height:42px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:14px; line-height:28px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:12px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:34px; } .maptab1, .maptab2 { font-size:16px; line-height:68px; } .mapinfo h2 { font-size:16px; line-height:30px; } .mapinfo p { font-size:16px; line-height:24px; } .z_tab { font-size:14px; } } @media screen and (min-width: 400px) { #box2 div img { width:300px; } .title { font-size:17px; } .subtitle { font-size:22px; } .tab_td input,.tab_td select{ font-size: 13px!important; } .cztel { font-size:24px; line-height:35px; } .djs { font-size:20px; } .memo { font-size:10px; line-height:19px; } .chexinbtn1,.chexinbtn2 { font-size:18px; line-height:42px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:14px; line-height:28px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:12px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:38px; } .maptab1, .maptab2 { font-size:16px; line-height:68px; } .mapinfo h2 { font-size:16px; line-height:30px; } .mapinfo p { font-size:16px; line-height:24px; } .z_tab { font-size:14px; } } @media screen and (min-width: 414px) { #box2 div img { width:300px; } .title { font-size:18px; } .subtitle { font-size:22px; } .tab_td input,.tab_td select{ font-size: 14px!important; } .cztel { font-size:26px; line-height:36px; } .djs { font-size:21px; } .memo { font-size:11px; line-height:20px; } .chexinbtn1,.chexinbtn2 { font-size:19px; line-height:44px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:13px; line-height:26px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:12px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:40px; } .maptab1, .maptab2 { font-size:17px; line-height:70px; } .mapinfo h2 { font-size:17px; line-height:31px; } .mapinfo p { font-size:17px; line-height:27px; } .z_tab { font-size:16px; } } @media screen and (min-width: 440px) { #box2 div img { width:320px; } .title { font-size:19px; } .subtitle { font-size:24px; } .tab_td input,.tab_td select{ font-size: 14px!important; } .cztel { font-size:28px; line-height:36px; } .djs { font-size:22px; } .memo { font-size:11px; line-height:20px; } .chexinbtn1,.chexinbtn2 { font-size:20px; line-height:46px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:14px; line-height:28px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:12px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:42px; } .maptab1, .maptab2 { font-size:18px; line-height:72px; } .mapinfo h2 { font-size:18px; line-height:32px; } .mapinfo p { font-size:18px; line-height:28px; } .z_tab { font-size:16px; } } @media screen and (min-width: 480px) { .title { font-size:20px; line-height:38px; } .subtitle { font-size:24px; } .tab_td input,.tab_td select{ font-size: 14px!important; } .cztel { font-size:30px; line-height:40px; } .djs { font-size:24px; } .memo { font-size:12px; line-height:21px; } .chexinbtn1,.chexinbtn2 { font-size:20px; line-height:46px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:14px; line-height:28px; } .chexinlistdiv p { font-size:12px;line-height:20px; } .chexinlistdiv input { font-size:12px; line-height:24px; border-radius:12px; } .chexinbtndiv { height:44px; } .maptab1, .maptab2 { font-size:18px; line-height:72px; } .mapinfo h2 { font-size:18px; line-height:32px; } .mapinfo p { font-size:18px; line-height:28px; } .z_tab { font-size:18px; } } @media screen and (min-width: 520px) { .title { font-size:21px; } .subtitle { font-size:26px; } .tab_td input,.tab_td select{ font-size: 15px!important; } .cztel { font-size:32px; line-height:42px; } .djs { font-size:26px; } .memo { font-size:13px; line-height:22px; } .chexinbtn1,.chexinbtn2 { font-size:21px; line-height:48px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:15px; line-height:30px; } .chexinlistdiv p { font-size:13px;line-height:21px; } .chexinlistdiv input { font-size:13px; line-height:26px; border-radius:13px; } .chexinbtndiv { height:46px; } .maptab1, .maptab2 { font-size:19px; line-height:74px; } .mapinfo h2 { font-size:19px; line-height:34px; } .mapinfo p { font-size:19px; line-height:30px; } .z_tab { font-size:18px; } } @media screen and (min-width: 560px) { .title { font-size:22px; } .subtitle { font-size:26px; } .tab_td input,.tab_td select{ font-size: 15px!important; } .cztel { font-size:34px; line-height:44px; } .djs { font-size:28px; } .memo { font-size:14px; line-height:23px; } .chexinbtn1,.chexinbtn2 { font-size:22px; line-height:51px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:16px; line-height:32px; } .chexinlistdiv p { font-size:14px;line-height:22px; } .chexinlistdiv input { font-size:14px; line-height:28px; border-radius:14px; } .chexinbtndiv { height:48px; } .maptab1, .maptab2 { font-size:20px; line-height:76px; } .mapinfo h2 { font-size:20px; line-height:36px; } .mapinfo p { font-size:20px; line-height:32px; } .z_tab { font-size:20px; } } @media screen and (min-width: 600px) { .title { font-size:23px; } .subtitle { font-size:28px; } .tab_td input,.tab_td select{ font-size: 16px!important; } .cztel { font-size:36px; line-height:46px; } .djs { font-size:30px; } .memo { font-size:15px; line-height:24px; } .chexinbtn1,.chexinbtn2 { font-size:23px; line-height:53px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:17px; line-height:34px; } .chexinlistdiv p { font-size:15px;line-height:24px; } .chexinlistdiv input { font-size:15px; line-height:30px; border-radius:15px; } .chexinbtndiv { height:50px; } .maptab1, .maptab2 { font-size:21px; line-height:58px; } .mapinfo h2 { font-size:21px; line-height:38px; } .mapinfo p { font-size:21px; line-height:34px; } .z_tab { font-size:21px; } } @media screen and (min-width: 640px) { .title { font-size:24px; line-height:48px; } .subtitle { font-size:30px; } .tab_td input,.tab_td select{ font-size: 16px!important; } .cztel { font-size:38px; line-height:50px; } .djs { font-size:32px; } .memo { font-size:16px; line-height:25px; } .chexinbtn1,.chexinbtn2 { font-size:24px; line-height:60px; } .chexinlistdiv h2, .chexinlistdiv h3{ font-size:18px; line-height:35px; } .chexinlistdiv p { font-size:16px;line-height:25px; } .chexinlistdiv input { font-size:16px; line-height:32px; border-radius:16px; } .chexinbtndiv { height:54px; } .maptab1, .maptab2 { font-size:22px; line-height:80px; } .mapinfo h2 { font-size:24px; line-height:40px; } .mapinfo p { font-size:22px; line-height:35px; } .z_tab { font-size:22px; } }