html, body { font-size: 62.5%; } body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei"; } body { color: #666666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #ffffff; } body a { text-decoration: none; font-style: normal; font-weight: normal; } body i, body em, body strong { font-style: normal; } body ol, body ul, body li { list-style: none; } body h1, body h2, body h3, body h4, body h5, body h6 { font-size: 100%; font-weight: normal; width: 100%; } body input, body textarea, body select { outline: none; border: none; -webkit-appearance: none; } body img { max-width: 100%; border: none; } .clearfix { *zoom: 1; } .clearfix:after { content: ''; display: table; clear: both; } .clear { clear: both; } .wrap { width: 100%; } .container { width: 94%; height: auto; padding: 0 3%; } .main { width: 100%; height: auto; } .rel { position: relative; } .flex { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } header { width: 100%; height: auto; } header .head_top { background: #cc0000; padding: 2% 0; color: #fff; height: 0.7rem; } header .head_top a { color: #fff; font-size: 0.42857rem; line-height: 0.7rem; display: block; float: left; margin-left: 5%; padding-right: 3%; border-right: 1px #ff0000 solid; position: relative; } header .head_top a:nth-of-type(1):before { content: ''; display: block; width: 1px; right: -2px; height: 100%; position: absolute; background: #e6002e; } header .head_top a:nth-of-type(2) { font-size: 0.64286rem; line-height: 0.7rem; float: right; margin-right: 5%; border: none; background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/head_tel.png") no-repeat center right; background-size: 0.7rem; padding-right: 0.9rem; margin-left: 0; } header img { display: block; } .banner { width: 100%; height: auto; position: relative; } .banner a, .banner img { display: block; } .center_btn { text-align: center; margin: 4% 0; } .center_btn a { display: inline-block; width: 46%; margin: 0 1%; } .center { text-align: center; font-size: 0; margin: 3% 0 6%; } .center a { display: inline-block; font-size: 0.39286rem; line-height: 1; padding: 2.5% 3% 4% 3%; background: #ff9900; color: #fff; border-radius: 2.1rem; -webkit-border-radius: 2.1rem; -moz-border-radius: 2.1rem; } .center a i { display: inline-block; background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/btn_icon1.png") no-repeat center top; width: 0.5rem; height: 0.5rem; background-size: contain; position: relative; top: 0.08rem; } .title { background: #ff0033; text-align: center; color: #fff; padding: 1% 0 2%; position: relative; font-size: 0; margin-bottom: 0.5rem; position: relative; width: 100%; font-size: 0; } .title h2 { display: block; font-size: 0.75rem; line-height: 1.5; width: 100%; } .title em { font-size: 0.35714rem; line-height: 1.5; display: inline-block; position: relative; } .title em:before { content: ''; display: block; background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/titlebg.png") no-repeat center top; width: 2rem; left: -2.2rem; top: 50%; height: 4px; background-size: contain; position: absolute; margin-top: -2px; } .title em:after { content: ''; display: block; background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/titlebg.png") no-repeat center top; width: 2rem; right: -2.2rem; top: 50%; height: 4px; background-size: contain; position: absolute; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); margin-top: -2px; } .title sm { font-size: 0.17857rem; line-height: 1; } .title:before { position: absolute; border: 0.3rem transparent solid; border-top: 0.3rem #ff0033 solid; content: ''; display: block; left: 50%; margin-left: -0.31rem; bottom: -0.5rem; z-index: 55; } .wrap_a .tips { font-size: 0.35714rem; line-height: 1.5; text-indent: 2em; display: block; } .wrap_b { padding-bottom: 7%; } .wrap_b .box { position: relative; margin: 8% 2%; width: 96%; } .wrap_b .box img { display: block; width: 100%; } .wrap_b .box span { position: absolute; font-size: 0.42857rem; line-height: 1.3; color: #fff; width: 24%; display: block; height: 1rem; text-align: center; } .wrap_b .box span:nth-of-type(1) { left: 19.5%; top: 10%; } .wrap_b .box span:nth-of-type(2) { right: 18.5%; top: 10%; } .wrap_b .box span:nth-of-type(3) { left: 1.8%; top: 45%; } .wrap_b .box span:nth-of-type(4) { right: 1.7%; top: 44%; } .wrap_b .box span:nth-of-type(5) { left: 19%; bottom: 10%; } .wrap_b .box span:nth-of-type(6) { right: 18.5%; bottom: 10%; } .wrap_b h3 { font-size: 0.64286rem; line-height: 2; color: #ff0033; text-align: center; display: block; } .wrap_b .tips { font-size: 0.35714rem; line-height: 1.5; text-indent: 2em; display: block; } .wrap_b .jiancha { margin: 5% 0; } .wrap_b .boot { background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/b_bottom.jpg") no-repeat center top; background-size: 100%; } .wrap_b .boot span { font-size: 0.35714rem; line-height: 3; text-align: center; display: block; } .wrap_b .boot .bohao { width: 94%; margin: 0 3%; height: 0.8rem; font-size: 0; } .wrap_b .boot .bohao .qiang { font-size: 0.39286rem; line-height: 0.8rem; width: auto; display: inline-block; background: #ff9900; padding: 0 5%; color: #fff; } .wrap_b .boot .bohao .otel { float: right; height: 0.8rem; background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/boot_tel.png") no-repeat center right transparent; background-size: 0.8rem; overflow: hidden; box-shadow: 0px 0px 0px 2px #cc0000 inset; -webkit-box-shadow: 0px 0px 0px 2px #cc0000 inset; -moz-box-shadow: 0px 0px 0px 2px #cc0000 inset; font-size: 0.39286rem; line-height: 0.8rem; width: 66%; padding-left: 2%; color: #cc0000; } .wrap_c ul { text-align: justify; display: inline-block; width: 100%; font-size: 0; margin: 3% 0; } .wrap_c ul li { display: inline-block; width: 32%; } .wrap_c ul:after { content: ''; display: inline-block; width: 100%; } .wrap_c ul li { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; position: relative; text-align: center; } .wrap_c ul li img { display: block; width: 100%; } .wrap_c ul li span { position: absolute; left: 0; top: 50%; font-size: 0.35714rem; line-height: 2.5; color: #fff; background-color: rgba(0, 0, 0, 0.5); display: block; width: 100%; } .wrap_c .box { width: 100%; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 2%; } .wrap_c .box .img { display: block; -webkit-flex: 1; flex: 1; } .wrap_c .box p { font-size: 0.35714rem; line-height: 1.5; display: block; width: 70%; margin-left: 3%; } .wrap_c .center a:nth-of-type(1) { background: #cc0000; margin-right: 2%; } .wrap_c .center a:nth-of-type(2) i { background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/btn_icon2.png") no-repeat center top; background-size: contain; } .wrap_d h3 { font-size: 0.64286rem; line-height: 1; color: #ff0033; display: block; text-align: center; width: 100%; padding: 0.3rem 0 0.6rem; } .wrap_d h3.b { font-size: 0.64286rem; line-height: 2.5; border-top: 1px #ddd dashed; padding: 0; } .wrap_d .zhenduan { text-align: justify; display: inline-block; width: 100%; font-size: 0; } .wrap_d .zhenduan li { display: inline-block; width: 32%; } .wrap_d .zhenduan:after { content: ''; display: inline-block; width: 100%; } .wrap_d .zhenduan li { font-size: 0; overflow: hidden; border-top-left-radius: 0.3rem; -webkit-border-top-left-radius: 0.3rem; -moz-border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; -webkit-border-top-right-radius: 0.3rem; -moz-border-top-right-radius: 0.3rem; } .wrap_d .zhenduan li span { display: block; text-align: center; font-size: 0.42857rem; line-height: 0.6rem; color: #fff; background: #ff0033; padding: 2% 0 6%; } .wrap_d .zhenduan li span i { width: 0.6rem; height: 0.6rem; display: inline-block; font-size: 0.57143rem; line-height: 0.6rem; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; background: #fff; color: #ff0033; text-align: center; margin-right: 0.1rem; position: relative; top: 0.13rem; } .wrap_d .zhenduan li p { display: block; width: 86%; padding: 5% 7%; background: #efefef; font-size: 0.35714rem; line-height: 1.5; } .wrap_d .tishi { position: relative; margin-top: 4%; } .wrap_d .tishi img { display: block; } .wrap_d .tishi p { position: absolute; font-size: 0.35714rem; line-height: 1.5; right: 1%; top: 20%; width: 63%; } .wrap_d .method_banner { width: 100%; } .wrap_d .method_banner .hd { width: 38%; float: left; } .wrap_d .method_banner .hd li { text-align: center; background: #999999; font-size: 0.35714rem; line-height: 1.5; color: #fff; padding: 5% 0; margin-bottom: 5%; float: left; width: 100%; cursor: pointer; position: relative; } .wrap_d .method_banner .hd li.on:before { content: ''; display: block; border: 0.3rem transparent solid; border-left: 0.3rem #ff0033 solid; position: absolute; right: -0.45rem; top: 50%; margin-top: -0.3rem; } .wrap_d .method_banner .hd li.on { background: #ff0033; } .wrap_d .method_banner .bd { width: 59%; float: right; } .wrap_d .method_banner .bd li { display: none; } .wrap_d .method_banner .bd li img { display: block; width: 100%; } .wrap_d .method_banner .bd li p { display: block; font-size: 0.35714rem; line-height: 1.5; padding-top: 2%; } .wrap_d .method_banner .bd li p span { color: #ff0000; } .wrap_d .method_banner .bd li.on { display: block; } .wrap_e h3 { font-size: 0.64286rem; line-height: 1; color: #ff0033; display: block; text-align: center; width: 100%; padding: 0.3rem 0 0.6rem; } .wrap_e h3.b { font-size: 0.64286rem; line-height: 1; padding: 0.5rem 0; } .wrap_e .tips { text-align: center; font-size: 0.35714rem; line-height: 1.5; margin-bottom: 5%; display: block; } .wrap_e .tips.b { text-align: left; text-indent: 2em; } .wrap_e .sm_wrap { background: #f8f8f8; padding: 0 3%; width: 94%; } .wrap_e img { display: block; } .wrap_e .center.b { margin: 0; padding: 6% 0 7%; } .wrap_e .center.b a:nth-of-type(1) { background: #cc0000; margin-right: 2%; } .wrap_e .center.b a:nth-of-type(2) i { background: url("/mszlhmsyycom/templets/22222120/special/fkyz/images/btn_icon2.png") no-repeat center top; background-size: contain; } .wrap_e .bm_wrap { padding: 5% 3% 0 3%; width: 94%; } .wrap_e .bm_wrap .tip_title { color: #fff; margin-bottom: 3%; } .wrap_e .bm_wrap .tip_title a { text-align: center; font-size: 0.75rem; line-height: 1.2rem; width: 12%; float: left; background: #666666; display: block; color: #fff; } .wrap_e .bm_wrap .tip_title b { text-align: center; font-size: 0.53571rem; line-height: 1.2rem; font-weight: bold; width: 86%; float: right; background: #666; display: block; } .wrap_e .bm_wrap ul { width: 100%; } .wrap_e .bm_wrap ul li { width: 100%; float: left; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 3%; background: #f8f8f8; } .wrap_e .bm_wrap ul li .img { width: 32%; } .wrap_e .bm_wrap ul li .msg { -webkit-flex: 1; flex: 1; padding: 1.5% 3%; } .wrap_e .bm_wrap ul li .msg h4 { display: block; font-size: 0.35714rem; line-height: 1.5; font-weight: bold; color: #ff0033; } .wrap_e .bm_wrap ul li .msg p { font-size: 0.35714rem; line-height: 1.5; } .wrap_e .bm_wrap ul li .msg p a { color: #ff0033; } .wrap_e .bm_wrap .center { margin: 5% 0 7%; } .wrap_f ul.alist { text-align: justify; display: inline-block; width: 100%; font-size: 0; } .wrap_f ul.alist li { display: inline-block; width: 49%; } .wrap_f ul.alist:after { content: ''; display: inline-block; width: 100%; } .wrap_f ul.alist li { position: relative; margin-top: 2%; } .wrap_f ul.alist li img { display: block; width: 100%; } .wrap_f ul.alist li span { bottom: 0; left: 0; position: absolute; font-size: 0.42857rem; line-height: 2; color: #fff; background-color: rgba(0, 0, 0, 0.5); width: 100%; display: block; text-align: center; } .wrap_f ul.alist li:nth-of-type(3) { width: 100%; } .wrap_f h3 { font-size: 0.64286rem; line-height: 2.5; color: #ff0033; display: block; text-align: center; width: 100%; } .wrap_f .yingxiang { width: 100%; font-size: 0; } .wrap_f .yingxiang li { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 0.35714rem; line-height: 1.2rem; float: left; height: 1.2rem; overflow: hidden; width: 100%; margin-bottom: 0.2rem; } .wrap_f .yingxiang li a:nth-of-type(1) { color: #666666; display: inline-block; padding: 0 3%; background: #ebebed; margin-right: 0.2rem; } .wrap_f .yingxiang li a:nth-of-type(2) { -webkit-flex: 1; flex: 1; text-align: center; color: #666666; background: #ebebed; } .wrap_f .yingxiang li:nth-of-type(1) a:nth-of-type(2), .wrap_f .yingxiang li:nth-of-type(3) a:nth-of-type(1) { background: #ffd9b0; } .wrap_f .yingxiang li:last-child { margin-bottom: 0; } .wrap_f .bohao { display: block; width: 100%; margin: 7% 0; } footer { background: #cc0000; padding: 5% 2%; width: 96%; } footer .foot_lg { width: 80%; display: block; margin: 0% auto; } footer .foot_msg { width: 100%; position: relative; color: #fff; border-top: 1px #ddd solid; margin-top: 2%; text-align: center; padding: 2% 0; } footer .foot_msg p { font-size: 0.32143rem; line-height: 1.8; display: block; } footer .foot_msg a { color: #fae608; }