.m4-title_nav { height: 4.7rem; line-height: 4.7rem; box-sizing: border-box; padding: 0 13.5%; position: relative; background-color:#1666d4; }
.m4-title_nav h2 { text-align: center; color: #fff; font-weight: normal; }
.m4-goback { width: 0.8rem; height: 0.8rem; border-left: solid 0.1rem #fff; border-top: solid 0.1rem #fff; overflow: hidden; text-indent: -999px; display: block; top: 2.1rem; position: absolute; left: 6.5%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg); }
.m4-t-sear1 { width: 2.5rem; height: 1.5rem; float: right; cursor: pointer; margin-top: 1.5rem; position: relative; }
.m4-t-sear1:after { content: ""; display: block; width: 1.4rem; height: 1.4rem; box-sizing: border-box; border: 2px solid #fff; border-radius: 100%; }
.m4-t-sear1:before { content: ""; display: block; width: 2px; height: 0.5rem; position: absolute; bottom: 0; left: 1.3rem; background: #fff; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg);/* Opera */
            }
.m4-title_nav #m4-topclick { width: 1.5rem; height: 1.5rem; position: absolute; top: 1.5rem; right: 0.9rem; display: block; box-sizing: border-box; border-top: 0.15rem solid #fff; border-bottom: 0.15rem solid #fff; overflow: hidden; }
#m4-topclick:after { content: ""; display: block; width: 100%; height: 0.15rem; background: #fff; position: absolute; top: 50%; left: 0; margin-top: -0.0525rem; }
.m4-t-sear2 { height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; display: none; z-index: 22; }
.m4-t-sear2-txt { height: 4.4rem; background: #1d4576; margin-bottom: 2.5rem; overflow: hidden; }
.m4-t-sear2-inp { width: 78.12%; height: 2.5rem; margin: 0.8rem 0 0 1.0rem; position: relative; box-sizing: border-box; border-radius: 1.5rem; background: #fff; overflow: hidden; }
.m4-t-sear2-inp input { height: 100%; outline: none; border:0; }
.m4-t-sear2-inp-text { width: 100%; font-size: 1.4rem; padding-left: 1.5rem; color: #00d0b1; box-sizing: border-box; border-radius: 1rem; border: 1px solid #d6d7d9; }
.m4-t-sear2-inp-but { width: 3.2rem; border: 0; border-left: 1px solid #d6d7d9; ; position: absolute; top: 0; right: 0; cursor: pointer; background: #ededed; }
.m4-t-sear2-inp span { width: 3.2rem; height: 2.5rem; display: block; position: absolute; top: 0; right: 0; cursor: pointer; }
.m4-t-sear2-inp span:after { content: ""; display: block; width: 1.4rem; height: 1.4rem; box-sizing: border-box; border: 2px solid #999; position: absolute; top: 0.4rem; left: 0.6rem; border-radius: 100%; }
.m4-t-sear2-inp span:before { content: ""; display: block; width: 2px; height: 0.5rem; background: #999; position: absolute; top: 1.5rem; left: 1.7rem; z-index: 22; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg);/* Opera */
            }
.m4-t-sear2-txt p { width: 14%; float: right; font-size: 1.5rem; color: #fff; line-height: 4.4rem; cursor: pointer; }
.m4-t-sear2-txt2 { height: 100%; background: #fff; }
.m4-t-sear2-txt2 h3 { width: 93.75%; font-size: 1.4rem; color: #333; line-height: 2.25rem; margin: 0 auto 1.5rem; border-bottom: 1px solid #d5d6d8; }
.m4-crumbs-1 { line-height:2.6rem; height:3rem; color: #575757; padding: 1rem 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
 .m4-crumbs-1 a:nth-child(1) {
margin-left:0;
}
.m4-crumbs-1 a { color: #575757; margin: 0 0.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m4-crumbs-1 a:nth-last-child(1) {
 color: #575757;
}
.m4-crumbs-1 a.cur { color:#1666d4; }
.m4-prod-list-content-1 { padding-bottom: 2rem; overflow: hidden; }
.m4-prod-list-content-1-con li { width: 48.56%; padding:0 0 2rem; }
.m4-prod-list-content-1-con li img { display: block; width: 100%; box-sizing:border-box; border:solid 1px #d7d7d7; height:150px; }
.m4-prod-list-content-1-con span { display: block; color: #3b3e3d; line-height: 2.4rem; text-align: center; }
.g-ft { padding-bottom:  5.8rem; margin-top: -1.2rem; }
.top { font-size: 1rem; color: #222; text-align: center; padding-bottom: 1rem; border-bottom: 1px solid #e1e1e1; }
.top img { display: block; width: 10.78%; margin: 0 auto 0.3rem; }
.top a { color: #222; }
.f_con { padding-top: 0.8rem; }
.f_con .p1 { text-align: center; }
.f_con .p1 a { display: inline-block; width: 22%; height: 1.7rem; line-height: 1.7rem; border: 1px solid #e7e7e7; margin: 0 1%; font-size: 1rem; color: #333; }
.f_con .p2 { font-size: 1rem; color: #666; line-height: 1.5rem; padding: 0.5rem 0 1.8rem; text-align: center; }
.f_nav { height: 5.8rem; background-color: #0070e4; min-width: 320px; max-width: 640px; width: 100%; position: fixed; bottom: 0; z-index: 999; }
.f_nav li { float: left; width: 25%; height: 5.8rem; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; }
.f_nav li:last-child { border-right: 0; }
.f_nav li img { display:block; width: 32%; margin: 1rem auto 0; }
.f_nav li span { display: block; color: #fff; font-size: 1rem; line-height: 2.5rem; }