.wrap { background:#fff;} .wrap img { width:100%;} .m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} /*导航样式*/ /*通栏广告*/ .g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; } /**/ .g-one{padding-bottom: 2.6rem;} .g-one h4 img{display: block;} .g-one h4{color: #333333;font-size: 1.5rem;font-weight: bold;text-align: center;margin-bottom: 0.9rem;} .g-one h4 p{background:url('/mobile/Images/IndexDL/one_04.jpg') no-repeat center 0;background-size: 100% 1.7rem;line-height: 1.7rem;color: #fff;font-size: 1rem;font-weight: normal;margin-top: 0.5rem;} .one-t{width: 24.8%;float: left;} .one-t li{position: relative;height: 4.75rem; width:100%;line-height: 4.75rem;background: #f0f0f0;border-bottom: 1px;color: #009d95;font-size: 1rem;font-weight: bold;text-align: center;} .one-t li.z-on{background: #009d95;color: #fff;} .one-t li.z-on:before{ content:""; position:absolute;border-top:0.6rem solid transparent;border-left:0.6rem solid #009d95;border-bottom:0.6rem solid transparent;height: 0;width: 0; left:100%; top:45%; } .one-b dl{width:90%;float: right; margin-right: 5.5%;} .one-b dt img{display: block;} .one-b dd{background: #f0f0f0;padding: 0.8rem;line-height: 1.2rem;color: #666666;font-size: 0.8rem;} .g-one .con{display: inline;float: left;} /**/ .g-two{background:url('/mobile/Images/IndexDL/two-bj_02.jpg') no-repeat center 0;background-size: 100% 24.3rem;height: 24.3rem;overflow: hidden;} .g-two h4{text-align: center;color: #fff;font-size: 1.5rem;font-weight: bold;margin: 1.6rem 0 1.3rem 0} .g-two h4 span{color: #fff;font-weight: normal;font-size: 1rem;background: #ff7000;padding: 0.2rem 0.7rem;border-radius: 1rem;display: inline-block;display: block;width: 50%;margin: 0 auto; } .g-two li{color: #ff7000;font-size: 1rem;font-weight: bold;line-height: 2.5rem;width: 34%;text-align: center;margin-left: 62.5%; } /**/ .g-thre{background:url('/mobile/Images/IndexDL/thre-bj_02.jpg') no-repeat center 0;background-size: 100% 21rem;height: 21rem;overflow: hidden;margin: 1rem 0;} .g-thre h4 img{display: block;} .g-thre h4 i{display: block;margin: 0 auto;} .g-thre h4{color: #ff7000;font-weight: bold;font-size: 0.9rem;text-align: center;width: 80%;margin: 0 auto;border-bottom: 1px solid #d9d9d9;padding-bottom: 0.5rem;margin-top: 3rem;margin-bottom: 1rem;} .g-thre h4 span{color: #333333;} .g-thre li{color: #000000;font-size: 0.8rem;padding-left: 48%;} .g-thre li span{font-weight: bold;color: #ff7000;display: inline-block;padding-right: 0.3rem;line-height: 1.7rem;} /**/ .g-four h4{background: #009d95;color: #ffca00;font-size: 1.4rem;font-weight: bold;text-align: center;padding: 1rem 0} .g-four h4 span{display: block;font-size: 1.2rem;font-weight: normal;font-style: italic;color: #fff;padding: 0.5rem 0} .g-four h4 img{display: block;} .four dt{background:url('/mobile/Images/IndexDL/fs_02.jpg') no-repeat center 0;background-size: 100% 100%;padding: 1rem 0 2rem 0} .four dt h3{width: 80%; color: #009d95;font-weight: bold;font-size: 1.25rem;background:url('/mobile/Images/IndexDL/yf_03.jpg') no-repeat center bottom;background-size: 100% 4px;padding-bottom: 0.5rem;margin-left: 9.5%;margin-bottom: 1rem;} .four dt h3 span{display: block;color: #000000;font-size: 1rem;font-weight: normal;} .four dt p{color: #666666;font-size: 0.9rem;width: 75%; background:url('/mobile/Images/IndexDL/yf_07.jpg') no-repeat left 0.5rem;background-size: 0.38rem 0.38rem;padding-left: 1rem;margin-left: 9.5%;} .four dt p span{color: #ff7000} .four dd img{display: block;padding-top: 2rem;} .four-b li{margin-top: 1rem; width: 0.5rem;height: 0.5rem;background: #9f9f9f;float: left;margin-right: 0.6rem;border-radius: 100%;} .four-b li:first-child{margin-left: 40.8%;} .four-b li.z-on{background: #ff7100;} .g-four .con{display: inline;float: left;} /**/ .g-five{background: #f5f5f5;overflow: hidden;margin-top: 2.5rem;} .g-five h4{text-align: center;color: #ff7000;font-size: 1.5rem;font-weight: bold;margin: 2.5rem 0 3rem 0;height: 1.7rem;} .g-five h4 p{color: #000000;font-size: 1rem;} .g-five h4 a{display: inline-block;width: 6.25rem;height: 1.4rem;background: #ff7100;text-align: center;line-height: 1.4rem;color: #fff;font-size: 0.8rem;vertical-align: middle;font-weight: normal;} .five ul{background:url('/mobile/Images/IndexDL/of_02.jpg') no-repeat center 0;background-size: 100% 5rem;height: 5rem;} .five li{width: 50%;float: left;padding-top: 0.5rem;} .five li span{display: inline-block;float: left;width: 15%;padding: 0 2% 0 20%;} .five li p{width: 50%;float: left;color: #333333;font-size: 0.9rem;font-weight: bold;} .five li p i{display: block;text-transform: uppercase;font-weight: normal;font-size: 0.5rem;} .five ul:first-child{background:url('/mobile/Images/IndexDL/ts_02.jpg') no-repeat center 0;background-size: 100% 5rem;height: 5rem;} /**/ .g-six h4{position: relative;z-index:5; color: #fff;font-weight: bold;font-size: 1.25rem; background: #009d95 url('/mobile/Images/IndexDL/if_02.jpg') no-repeat center bottom;background-size: 100% 0.4rem;text-align: center;padding: 1.2rem 0 1.5rem 0; } .g-six h4 p{font-weight: normal;font-size: 1rem;} .six{width: 94%;margin: 0 auto;} .six li{ background: #f5f5f5; width: 25%;float: left;border: 1px solid #d9d9d9;height: 6rem; box-sizing:border-box;text-align: center;font-weight: bold;color: #333333;font-size: 0.9rem;margin-top:-0.5rem;padding: 1.5rem 0 0 0;} .six li a{width: 4.4rem; display: block;border: 1px solid #666666;border-radius: 1rem;text-align: center;line-height: 1.42rem;text-align: center;margin: 0 auto;color: #333333;font-size: 0.8rem;font-weight: normal;margin-top: 0.3rem;} .six li:last-child a{border: 0px; font-weight: bold;font-size: 1rem;display: inline-block;padding-top: 0.5rem;} .six li:last-child{background:#f5f5f5 url('/mobile/Images/IndexDL/f_03.jpg') no-repeat center 0;background-size: 100% 100%;} /**/ .g-sev h4{color: #333333;font-size: 1rem;font-weight: bold;margin:2.5rem 3% 1.7rem 3%} .g-sev h4 span{color: #ff9900;font-size: 1rem;} .g-sev h4 b{font-size: 1.25rem;} .g-sev h4 i{font-size: 1.25rem;} .g-sev p{background:url('/mobile/Images/IndexDL/zhs_02.jpg') no-repeat center 0;background-size: 100% 3rem;color: #009d95;font-size: 1.5rem;padding-left: 5%;font-weight: bold;line-height: 3rem;} .g-sev em img{display: block;margin: 0.7rem 0 2.6rem 0} /**/ .g-zhs{background: #f5f5f5;} .g-zhs h4{text-align: center;color: #019c94;font-size: 1.25rem;font-weight: bold;padding: 1.3rem 0 1.7rem 0} .g-zhs h4 p{color: #333333;font-size: 1.1rem;background:url('/mobile/Images/IndexDL/bots_02.jpg') no-repeat center;background-size: 100% 0.1rem;font-weight: normal;} .g-zhs h4 p span{color: #ff9900;} .zhs li{margin-bottom: 0.5rem;} .zhs li span{display: inline-block;width: 12%;margin-left: 6%; float: left;color: #333333;font-size: 0.8rem;font-weight: bold;line-height: 1.55rem;} .zhs li input{color: #bfbfbf;font-size: 0.9rem; height: 1.55rem; width:71%;padding-left: 2%; float: left;background:none; line-height: 1.55rem;border: 1px solid #b6b6b6;box-sizing:border-box; } .zhs li textarea{width:71%;padding-left: 2%;color: #bfbfbf;font-size: 0.8rem;background: none;border: 1px solid #b6b6b6;box-sizing:border-box;} .tj{display: block;} .tj input{display: block;width: 100%;background:url('/mobile/Images/IndexDL/bots_04.jpg') no-repeat 0 0;background-size: 100% 2.75rem;height: 2.75rem;} @media screen and (min-width:320px) { html { font-size:75%;}} @media screen and (min-width:360px) { html { font-size:87%;}} @media screen and (min-width:480px) { html { font-size:112%;}} @media screen and (min-width:568px) { html { font-size:131%;}} @media screen and (min-width:639px) { html { font-size:150%;}}