锘縝ody, 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: #fff; } 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-weight: normal; } body body textarea,input, body select { outline: none; border: none; -webkit-appearance: none; } body img { max-width: 100%; border: none; } body .clearfix { *zoom: 1; } body .clearfix:after { content: ''; display: table; clear: both; } body .list:after{content: '';display: inline-block;width: 100%;} body .clear { clear: both; } body .wrap { width: 100%; } body .container { width: 94%; height: auto; padding: 0 3%;position: relative;} body .main { width: 100%; height: auto; } body .rel { position: relative; } body .flex {display: inline-block;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content:center;-webkit-align-items:center;-webkit-box-pack: center;-webkit-box-align: center;align-items:center; justify-content:center;} body .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} /*header*/ .header{background: #f09e39;padding: 0.3rem 0;position: relative;text-align: center;} .header a.logo{width: 60%;display: block;margin: 0 auto;} .header a.top_home{width: 10%;display: block;position: absolute;top: 0;left: 3%;} .header a.top_tel{width: 10%;display: block;position: absolute;top: 0;right: 3%;} .header a img{display: block;width: 100%;} /*nav*/ .nav ul{width: 100%;display: inline-block;text-align: justify;font-size: 0;padding: 0.188rem 0;} .nav ul li{display: inline-block;width: 25%;text-align: center;border-right: 1px #666 solid;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;} .nav ul li:nth-of-type(4){border-right: 0;} .nav ul li a{font-size: 0.415rem;color: #666;display: block;} /*banner*/ .banner a.ban,.banner a.ban img{display: block;width: 100%;position: relative;} .banner .ban_btn{width: 94%;padding: 0 3%;text-align: center;margin-top: 0.7rem;position: relative;} .banner .ban_btn a.zx{width: 41.666%;display: inline-block;margin-right: 4%;} .banner .ban_btn a.df{width: 53.333%;display: inline-block;} .banner .ban_btn a img{display: block;width: 100%;} /*01*/ .wrap_a{margin-top: 0.9rem;position: relative;} /*title*/ .title{text-align: center;} .title h3{font-size: 0.55rem;color: #f09e39;font-weight: bold;line-height: 1.2;letter-spacing: -0.5px;} .title h6{font-size: 0.452rem;color: #f09e39;} .title em{font-size: 0.339rem;color: #f09e39;line-height: 1.6;} .wrap_a ul{display: inline-block;width: 100%;text-align: justify;font-size: 0;margin-top: 0.5rem;} .wrap_a ul li{display: inline-block;width: 48.5%;text-align: center;margin-bottom: 0.4rem;} .wrap_a ul li img{display: block;width: 100%;} .wrap_a ul li p{font-size: 0.377rem;color: #fff;padding: 0.3rem 0.25rem;background: #f2a84f;text-align: left;} .wrap_a ul li:nth-of-type(2) p{background: #5fa088;} .wrap_a ul li:nth-of-type(3) p{background: #5fa088;} .wrap_a .a_btn{text-align: center;margin-top: 0.2rem;} .wrap_a .a_btn a{width: 47%;margin-right: 4%;display: inline-block;} .wrap_a .a_btn a:nth-of-type(2){margin-right: 0;} .wrap_a .a_btn a img{display: block;width: 100%;} /*02*/ .wrap_b{margin-top: 0.9rem;background: #f09e3a;position: relative;padding-top: 0.5rem;} .wrap_b .title_b h3,.wrap_b .title_b em{color: #fff;} .wrap_b .center_a{margin-top: 0.4rem;position: relative;} .wrap_b .center_a p{font-size: 0.377rem;color: #fff;line-height: 1.5;text-indent: 2em;} .wrap_b .center_a img{display: block;width: 100%;margin-top: 0.4rem;} .wrap_b .center_a ul{position: absolute;right: 1%;bottom: 1%;width: 56%;display: block;} .wrap_b .center_a ul li{width: 100%;display: block;position: relative;margin-bottom: 0.2rem;} .wrap_b .center_a ul li span{width: 1.1rem;height: 1.1rem;display: inline-block;background: #d9886d;font-size: 0.6rem;color: #fff;text-align: center;border-radius: 100%;line-height: 1.8;margin-right: 2%;} .wrap_b .center_a ul li em{display: inline-block;font-size: 0.339rem;color: #666;width: 75%;line-height: 1.6;vertical-align: top;letter-spacing: -0.5px;} .wrap_b .center_a ul li:nth-of-type(2) span{background: #d889a0;} .wrap_b .center_a ul li:nth-of-type(3) span{background: #98b53c;} .wrap_b .center_a ul li:nth-of-type(4) span{background: #5ea189;} .wrap_b .center_a ul li:nth-of-type(5) span{background: #668fc7;} .wrap_b .center_b{text-align: center;margin-top: 0.55rem;} .wrap_b .center_b p{font-size: 0.377rem;color: #fff;font-weight: bold;line-height: 1.5;} .wrap_b .b_bottom_bg img{display: block;width: 100%;margin-top: 0.4rem;} /*03*/ .wrap_c{margin-top: 0.9rem;position: relative;} .wrap_c p{font-size: 0.377rem;color: #666;margin-top: 0.4rem;line-height: 1.5;text-indent: 2em;} .wrap_c .switch_a{margin-top: 0.5rem;position: relative;} .wrap_c .switch_a img{display: block;width: 100%;} .wrap_c .switch_a .swiper-slide{position: relative;} .wrap_c .switch_a .swiper-slide a{display: block;width: 95%;height: 17%;position: absolute;bottom: 13%;left: 2.5%;} .swiper-pagination{bottom: 2% !important;} .swiper-pagination span{width: 0.377rem;height: 0.377rem;background: #e6babc;filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} .swiper-pagination span.swiper-pagination-bullet-active { background: #ee504f; } .wrap_c .c_btn{text-align: center;margin-top: 0.55rem;} .wrap_c .c_btn a{width: 94%;display: inline-block;} .wrap_c .c_btn a img{display: block;width: 100%;} /*04*/ .wrap_d{margin-top: 0.9rem;background: #f09e3a;padding: 0.5rem 0;position: relative;} .wrap_d .title_d h3,.wrap_d .title_d em{color: #fff;} .wrap_d img.d_bg{display: block;width: 100%;margin-top: 0.55rem;} .wrap_d ul{position: absolute;bottom: 3%;left: 0;width: 100%;} .wrap_d ul li{margin-bottom: 0.3rem;padding-left: 10%;} .wrap_d ul li img{width: 11%;display: inline-block;vertical-align: middle;margin-right: 2%;} .wrap_d ul li p{font-size: 0.377rem;color: #666;display: inline-block;vertical-align: middle;letter-spacing: -1px;} .wrap_d ul li p span,.wrap_d ul li em span{color: #f4414d;} .wrap_d ul li em{font-size: 0.339rem;color: #666;} /*05*/ .wrap_e{margin-top: 0.9rem;position: relative;} .wrap_e ul{width: 100%;display: inline-block;text-align: justify;font-size: 0;} .wrap_e ul li{display: inline-block;width: 31%;margin-top: 0.5rem;} .wrap_e ul li img{display: block;width: 100%;} .wrap_e p{font-size: 0.377rem;color: #666;line-height: 1.5;margin-top: 0.55rem;text-indent: 2em;} .wrap_e p span{color: #f4414d;} .wrap_e .e_btn{text-align: center;margin-top: 0.5rem;} .wrap_e .e_btn a{font-size: 0.377rem;color: #fff;font-weight: bold;display: inline-block;padding: 0.1rem 1% 0.1rem 2%;border-radius: 0.45rem;background: #ee504f;line-height: 2;} .wrap_e .e_btn a img{display: inline-block;vertical-align: middle;width: 10%;padding-left: 2%;} /*06*/ .wrap_f{background: #f09e3a;margin-top: 0.9rem;padding: 0.6rem 0;position: relative;} .wrap_f .title_f h3,.wrap_f .title_f em{color: #fff;} .wrap_f ul{width: 100%;display: inline-block;text-align: justify;font-size: 0;margin-top: 0.5rem;} .wrap_f ul li{display: inline-block;width: 45.5%;padding: 0 1.5% 0.4rem 1.5%;background: #fff;border-radius: 0.1rem;margin-bottom: 0.3rem;} .wrap_f ul li img{display: block;width: 100%;margin: 0.188rem 0;} .wrap_f ul li p{font-size: 0.377rem;color: #666;padding: 0 5%;} .wrap_f ul li:nth-of-type(2) p{letter-spacing: -0.5px;} .wrap_f .f_btn{margin-top: 0.3rem;text-align: center;} .wrap_f .f_btn a{width: 46%;margin-right: 4%;display: inline-block;} .wrap_f .f_btn a:nth-of-type(2){margin-right: 0;} .wrap_f .f_btn a img{display: block;width: 100%;} /*07*/ .wrap_g{margin-top: 0.9rem;position: relative;} .wrap_g .switch_b{margin-top: 0.55rem;position: relative;text-align: center;} .wrap_g .switch_b .swiper-slide img{display: inline-block;width: 80%;} .button-next{width: 6.666%;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);z-index: 99;} .button-prev{width: 6.666%;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);z-index: 99;} .button-next img,.button-prev img{display: block;width: 100%;z-index: 99;} .wrap_g p{font-size: 0.377rem;color: #666666;text-indent: 2em;line-height: 1.5;margin-top: 0.5rem;letter-spacing: -0.5px;} .wrap_g .xm{margin-top: 0.8rem;text-align: center;position: relative;} .wrap_g .xm h4{font-size: 0.5rem;color: #f09e39;font-weight: bold;} .wrap_g .xm ul{width: 100%;display: inline-block;text-align: justify;font-size: 0;margin-top: 0.5rem;} .wrap_g .xm ul li{display: inline-block;width: 31%;position: relative;margin-bottom: 4%;} .wrap_g .xm ul li img{display: block;width: 100%;} .wrap_g .xm ul li span{display: block;background: rgba(0,0,0,0.5);font-size: 0.377rem;color: #fff;text-align: center;line-height: 1.8;position: absolute;left: 0;bottom: 0;width: 100%;} .wrap_g .xm ul li a{width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} /*鎸傚彿*/ .wrap_gh{margin-top: 0.9rem;position: relative;} .wrap_gh .title_gh{position: relative;text-align: center;} .wrap_gh .title_gh img{display: block;width: 100%;} .wrap_gh .title_gh h4{font-size: 0.566rem;color: #333;margin-top: -4%;font-weight: bold;} .wrap_gh .title_gh p{font-size: 0.339rem;color: #666;margin-top: 1%;letter-spacing: -1px;} .wrap_gh .box_a{margin-top: 0.5rem;width: 94%;padding: 0 3%;} .wrap_gh .box_a ul{width: 100%;text-align: justify;display: inline-block;} .wrap_gh .box_a ul li{width: 32%;display: inline-block;} .wrap_gh .box_a ul li img{display: block;width: 100%;} .wrap_gh .gh_form{width: 94%;margin: 0 3%;text-align: center;} .wrap_gh .gh_form ul li{width: 100%;margin-top: 0.25rem;position: relative;} .wrap_gh .gh_form ul li span{font-size: 0.377rem;color: #666;display: inline-block;vertical-align: middle;margin-right: 1%;} .wrap_gh .gh_form ul li input{border: 1px #d7d7d7 solid;border-radius: 0.15rem;display: inline-block;vertical-align: middle;line-height: 1.6;width:65%;padding: 1% 2%;color: #666;background: #f8f8f8;font-size: 0.377rem;} .wrap_gh .gh_form ul li input::-webkit-input-placeholder{text-align: center;font-size: 0.377rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form ul li input::-moz-placeholder{text-align: center;font-size: 0.377rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form ul li input::-ms-input-placeholder{text-align: center;font-size: 0.377rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form ul li textarea{border: 1px #d7d7d7 solid;resize: none;width: 65%;padding: 1% 2%;vertical-align: top;display: inline-block;color: #666;} .wrap_gh .gh_form ul li textarea::-webkit-input-placeholder{font-size: 0.377rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form ul li textarea::-ms-input-placeholder{font-size: 0.377rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form ul li textarea::-moz-placeholder{font-size: 0.37rem;color: #c5c5c5;font-family: "寰蒋闆呴粦";} .wrap_gh .gh_form .btn_list{font-size: 0;padding: 0.5rem 0;text-align: center;} .wrap_gh .gh_form .btn_list a,.wrap_gh .gh_form .btn_list input{font-size: 0.452rem;color: #fff;background: #ff565d;border-radius: 0.5rem;display: inline-block;line-height: 2;padding: 0 5%;} .wrap_gh .gh_form .btn_list a{margin-right: 3%;background: #999;} .wrap_gh .gh_tel{margin-top: 0.35rem;width: 94%;padding: 0 3%;} .wrap_gh .gh_tel a,.wrap_gh .gh_tel a img{display: block;width: 100%;position: relative;} /*footer*/ .footer{margin-top: 0.9rem;background: #f09e39;position: relative;text-align: center;padding-bottom: 1.5rem;} .footer img.foot_bg{width: 100%;display: block;} .footer ul{display: inline-block;width: 100%;text-align: justify;font-size: 0;} .footer ul li{width: 25%;display: inline-block; text-align: center;padding-bottom: 0.25rem;border-bottom: 1px #cf7506 solid;} .footer ul li a{display: block;font-size: 0.377rem;color: #fff;text-align: center;} .footer ul li a img{display: inline-block;width: 35%;} .footer .foot_logo{margin-top: 0.55rem;text-align: center;padding-bottom: 0.3rem;} .footer .foot_logo a{width: 55%;display: block;margin: 0 auto;} .footer .foot_logo a img{display: block;width: 100%;} .footer p{font-size: 0.377rem;color: #fff;line-height: 1.6;letter-spacing: -0.5px;} @media screen and (min-width: 640px) { .wrap_b .center_a ul li{margin-bottom: 0.4rem;} .wrap_d ul{bottom: 6%;left: 5%;} }