
/*阳光服务*/
.serve_nav {width:100%; margin:10px 0;}
.serve_nav li {display: block; width:33%; margin:20px 0; float:left;text-align: center;}
.serve_nav li img{width:60%; margin:0 20%; display: block; }
.serve_nav li a {font-size: 18px; color:#5d5d5d; font-family: "Hiragino Sans GB";  padding-top: 20px;}
.serve_nav li a span {display: block; margin-top: 10px;}

/*阳光服务_附近搜索*/
.search_div { width:100%; position:relative;}
.search_div input { -webkit-appearance: none; }
.search_div input:focus { border: 0; outline: none; }
.search_div .submenu { width:100%;font-family: "Hiragino Sans GB";}
.search_div .submenu li { width:50%; text-align:center; float:left;}
.search_div .submenu li a { display:block; background:#f1f1f1; border:#d2d2d2 solid 1px; font-size:1.1rem; line-height:2.5rem; color:#898989;}
.search_div .submenu li a.cur { background:#f4a3aa; border:#e5878f solid 1px; color:#fff;}
.search_div .cont { width:100%; padding:2rem 0; position:relative; box-sizing:border-box;}
.search_div .cont.cur .area_form{ top:20%; }
.search_div .cont img { width:100%;}
.search_div .cont .formfiled { width:100%; position:absolute; top:40%; text-align:center; left:0; -webkit-transition:all ease 0.3s; transition:all ease 0.3s;}
.search_div .cont.cur .formfiled{ top:20%; }
.search_div .cont .formfiled .keyword { width:80%; margin-bottom:1.5rem; padding:0.75rem; border:#bebebe solid 1px; font-size:1rem; box-sizing:border-box; border-radius:0;}
.search_div .cont .formfiled .btn {font-family: "Hiragino Sans GB"; width:80%; line-height:2.85rem; text-align:center; font-size:1.15rem; background:#f4a3aa; color:#fff; border:0; border-radius:0;}

/*阳光服务_地区搜索*/
.search_div .submenu li a.active { background:#aaa1d6; border:#8b7fc5 solid 1px; color:#fff;}
.search_div .cont .area_form { width:100%; position:absolute; top:30%; -webkit-transition:all ease 0.3s; transition:all ease 0.3s;}
.search_div .cont .area_form .search_btn {font-family: "Hiragino Sans GB"; width:80%; line-height:2.85rem; margin:0 10%; text-align:center; font-size:1.15rem; background:#aaa1d6; color:#fff; border:0; border-radius:0;}
.search_div .area_list {width:80%; margin:1.5rem 10%;}
.search_div .area_list select {border:1px solid #bebebe; color:#646464; font-size:1rem; font-family: "Hiragino Sans GB"; padding:0.4rem;}
.search_div .area_list select.city {width:36%; }
.search_div .area_list select.area {width:59%; float: right;}

/*阳光服务_销售门店*/
.search_div .content { width:100%; padding:1rem 0; position:relative; box-sizing:border-box;}
.search_div .content .result_form {width:100%;}
.search_div .content .result_form .area_list {margin:0.5rem 10%;}
.search_div .content .result_form .search_btn {font-family: "Hiragino Sans GB"; width:80%; line-height:2.85rem; margin:0 10%; text-align:center; font-size:1.15rem; background:#aaa1d6; color:#fff; border:0; border-radius:0;}
.search_div .content .result_form .near_btn {font-family: "Hiragino Sans GB"; width:80%; line-height:2.85rem; margin:0 10%; text-align:center; font-size:1.15rem; background:#f4a3aa; color:#fff; border:0; border-radius:0;}
.search_div .result_list {display: block; margin:1.5rem 10% 1rem; -webkit-transition:all ease 0.3s; transition:all ease 0.3s;}
.search_div .cont.cur .result_list{ transform:translateY(-50px); -webkit-transform:translateY(-50px); }
.search_div .result_list li {width:100%; border-bottom: 1px solid #ebebeb;font-family: "Hiragino Sans GB"; padding-bottom:5px; }
.search_div .result_list li h5 {margin:0; padding:.5rem 0 0 0; font-size: 1.125rem; color:#383838; font-weight: normal;}
.search_div .result_list li span {font-size: 0.875rem; display: block; color:#b8b8b8;}

/*阳光服务_授权门店*/
.store_banner {width:100%; margin:0 auto; position:relative;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left; width:100%;}
.swiper-slide img{ width:100%; }
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.store_banner .pagination{ position:absolute; bottom:10px; left:50%; margin-left:-52px; padding:3px 10px; background:url(../images/point_bg.png) repeat; border-radius:50px; }
.store_banner .swiper-pagination-switch{ display:block; background:url(../images/serve/icon_12.png) no-repeat center; background-size:100% auto; width:12px; height:17px; float:left; margin:0 2px; }
.store_banner .swiper-visible-switch{ background:url(../images/serve/icon_13.png) no-repeat center; background-size:100% auto; }
.qr_code {margin:1.25rem 1rem .25rem; position: relative;font-family: "Hiragino Sans GB";}
.qr_code .qr_code_box {border: 1px solid #e8e8e8; padding:1rem;}
.qr_code .qr_code_box img {width:45%;}
.qr_code .qr_code_box .qr_title {width:45%; height:100%; float:right;}
.qr_code .qr_code_box .qr_title h1 {font-size: 1.25rem; color:#383838; padding-top:10%;}
.qr_code .qr_code_box .qr_title span {display: inline-block; color:#8c8c8c; font-size: 1rem;}
.brand_store {margin:1.25rem 1rem; height:100%; position: relative;}
.brand_store .brand_list li .brand_img {width:100%; position: relative;}
.brand_store .brand_list li .brand_img .a1{ display:block; position:relative; width:47%; float:left; }
.brand_store .brand_list li .brand_img .a2{ display:block; position:relative; width:47%; float:right; }
.brand_store .brand_list li .brand_img .a1 img,.brand_store .brand_list li .brand_img .a2 img{ width:100%; }
.brand_store .brand_list li .brand_img .white{ display:none; position:absolute; width:100%; height:17px; bottom:-1px; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; background:#fff; left:0; }
.brand_store .brand_list li .tab_a a.cur .white{ display:block; }
.brand_store .brand_list li .tab_b .text_left{ display:none; }
.brand_store .brand_list li .tab_b .text_left.cur{ display:block; }
.brand_store .brand_list li .brand_img img {width:47%; border:1px solid #e8e8e8;  margin-bottom:15px; display:block;}
.brand_store .brand_list li .brand_img img.img_right {position: absolute; right:0; top:0; }
.brand_store .brand_list li .brand_img .text_left { height:100%; margin:0 0 .7rem; padding-bottom: 1rem;border:1px solid #e8e8e8;}
.brand_store .brand_list li .brand_img .text_left ul {display: block; padding:1rem 0;font-family: "Hiragino Sans GB";}
.brand_store .brand_list li .brand_img .text_left ul li {float:left; width:50%; line-height:2rem; background: url(../images/serve/icon_14.png) no-repeat left 5px; background-size: .45rem; background-position: 1rem 13px;}
.brand_store .brand_list li .brand_img .text_left ul li a {font-size: .875rem; color:#6c6b6b; margin-left: 2rem; display:block;}
.brand_store .brand_list li .brand_img .text_right {display: none; height:100%;  margin:.5rem 0 .7rem; padding-bottom: 1rem; border:1px solid #e8e8e8;}
.brand_store .brand_list li .brand_img .text_right ul {display: block; height:100%; padding:1rem 0;font-family: "Hiragino Sans GB";}
.brand_store .brand_list li .brand_img .text_right ul li {float:left; width:50%; line-height:2rem; background: url(../images/serve/icon_14.png) no-repeat; background-size: .45rem; background-position: 1rem center;}
.brand_store .brand_list li .brand_img .text_right ul li a {font-size: .875rem; color:#6c6b6b; margin-left: 2rem;}
.brand_store .brand_list li .brand_img.cur img.img_left {padding-bottom: 1rem; border-bottom: none; margin-bottom: 0; background: url(../images/serve/white.png) repeat-x; background-position: left bottom;}
.brand_store .brand_list li .brand_img.cur .text_left {display: block; margin-top:-.2rem;}
.brand_store .brand_list li .brand_img.active img.img_right {padding-bottom: 1rem; border-bottom: none; margin-bottom: 0; background: url(../images/serve/white.png) repeat-x; background-position: left bottom;}
.brand_store .brand_list li .brand_img.active .text_right {display: block; margin-top:0;}

/*常见问题*/
.faq_div { width:100%; position:relative;}
.faq_div .type_menu { width:100%; height:120px; padding:10px 10px 0 10px; background:#c0cc84; position:relative; overflow:hidden; box-sizing:border-box;}
.faq_div .type_menu .left_btn { width:16px; height:27px; position:absolute; left:10px; top:45px;}
.faq_div .type_menu .right_btn { width:16px; height:27px; position:absolute; right:10px; top:45px;}
.faq_div .type_menu .left_btn a,.faq_div .type_menu .right_btn a { display:block; width:16px; height:27px;}
.faq_div .type_menu .left_btn a {background:url(../images/serve/icon_08.png) no-repeat left top; background-size:auto 100%;}
.faq_div .type_menu .right_btn a { background:url(../images/serve/icon_08.png) no-repeat right top; background-size:auto 100%;}
.faq_div .type_menu .pro_items { position:relative; width:85%; margin:0 auto; overflow:hidden;}
.faq_div .type_menu .pro_items li { width:70px; height:80px; text-align:center; padding:15px 5px; float:left;}
.faq_div .type_menu .pro_items li i { display:block;}
.faq_div .type_menu .pro_items li em { display:none;}
.faq_div .type_menu .pro_items li img { height:50px; width:auto; margin-bottom:.5rem; display:inline-block; vertical-align:middle;}
.faq_div .type_menu .pro_items li span { display:block; font-size:.8rem; color:#fff;}
.faq_div .type_menu .pro_items .focus { background:#fff; box-shadow:2px 2px 2px #93a150; border-top-left-radius:3px; border-top-right-radius:3px;}
.faq_div .type_menu .pro_items .focus i { display:none;}
.faq_div .type_menu .pro_items .focus em { display:block;}
.faq_div .type_menu .pro_items .focus span { color:#c0cc84;}
.faq_div ul.qa_items { padding:0 0 1.5rem 0; color:#333;}
.faq_div ul.qa_items li { width:100%; padding:1rem 1rem .65rem 2rem; border-bottom:#ebebeb solid 1px; box-sizing:border-box; position:relative; background:#f8f8f8;}
.faq_div ul.qa_items li .tp { width:3.5rem; position:absolute; text-align:right; left:0; top:1rem; font-size:0.8rem; color:#999;}
.faq_div ul.qa_items li .text { padding:0 0 0 2rem;}
.faq_div ul.qa_items li .text h5 { margin:0 0 .25rem 0; line-height:120%; font-size:1rem; font-weight:normal}
.faq_div ul.qa_items li .text .answer { font-size:.9rem; display:none;}
.faq_div ul.qa_items li .ctrl { width:15px; height:15px; position:absolute; right:.85em; top:1.2rem; background:url(../images/serve/icon_07.png) no-repeat left top; background-size:100% auto;}
.faq_div ul.qa_items li.showtext h5 { background:none; color:#f1904c; margin-bottom:0.5rem;}
.faq_div ul.qa_items li.showtext .text .answer { display:block;}
.faq_div ul.qa_items li.showtext .ctrl { background:url(../images/serve/icon_07.png) no-repeat left bottom; background-size:100% auto;}
.faq_div ul.qa_items .Orange { color:#f1904c;}
.scroll_menu{ height:40px; width:100%; width:100%; overflow:hidden; margin-bottom:10px; padding-top:10px; }
.scroll_menu.cur{ height:40px; }
.scroll_menu a{ display:inline-block; font-size:14px; color:#606060; box-sizing:border-box; }
.scroll_menu a span{ display:block; padding:0 20px; }
.scroll_menu a i{ line-height:39px; display:block; white-space:nowrap; }
.scroll_menu a.cur i{ border-bottom:1px solid #a2b05c; color:#a2b05c; }

/*公司简介*/
.intro_banner {width:100%;}
.intro_banner img {width:100%;}
.intro_main {font-family: "Hiragino Sans GB";width:100%;}
.intro_main .intro_title {text-align: center; color:#eb6100; }
.intro_main .intro_title h1 {font-weight: normal;font-size: 22px; margin:1.5rem 0 1rem;}
.intro_main .intro_title span {font-size: 20px; }
.intro_main .intro_ul {display:inline-block; width:100%; }
.intro_main .intro_ul .intro_list {margin:2rem 1.5rem; font-size: 18px; }
.intro_main .intro_ul .intro_list li {border-top:1px solid #ebebeb; padding:1rem 0; position: relative;}
.intro_main .intro_ul .intro_list li.last_li {border-bottom:1px solid #ebebeb;}
.intro_main .intro_ul .intro_list li h5 {font-weight: normal; color:#383838; padding:0; margin:0; font-size:18px;} 
.intro_main .intro_ul .intro_list li .intro_ctrl {display:inline-block; width:14px; height:8px; position:absolute; right:0; top:1.4rem; background:url(../images/serve/down.png) no-repeat; background-size: 100% auto;}
.intro_main .intro_ul .intro_list li .sub_menu2 {color:#6c6b6b; font-size:16px; margin:2rem 0; line-height: 2rem; display: none;}
.intro_main .intro_ul .intro_list li.cur h5 {color:#ec6f26; font-size:18px;}
.intro_main .intro_ul .intro_list li.cur .intro_ctrl {background:url(../images/serve/up.png) no-repeat; background-size: 100% auto;}
.intro_main .intro_ul .intro_list li.cur .sub_menu2 {display: block;}


/*联系我们*/
.contact_banner {width:100%;}
.contact_banner img {width:100%; font-family: "Hiragino Sans GB";}
.contact_main {width:100%; }
.contact_main ul {margin:0 1.5rem;}
.contact_main ul li {width:100%; border-bottom:1px solid #ebebeb; margin:15px 0; position: relative;}
.contact_main ul li.last_li {border-bottom: none;}
.contact_main ul li .con_img {width:25%; position: absolute; left:0; top:0;}
.contact_main ul li .con_img img {width:70%; margin:0 20% 0 10%;}
.contact_main ul li .contact_detail {width:75%; display: inline-block; margin:0 0 15px 25%;}
.contact_main ul li .contact_detail h5 {margin:0; padding:0; line-height:2.2rem; font-weight: normal; font-size:16px; color:#3e3e3e;}
.contact_main ul li .contact_detail h5.contact_num {margin-bottom: .5rem;}
.contact_main ul li .contact_detail span {display: block; color:#6c6b6b; font-size:14px; line-height: 1.8rem; position:relative;}
.contact_main ul li .contact_detail span em{ position:absolute; left:0; top:0; }
.contact_main ul li .contact_detail span i{ padding-left:42px; display:block; }
.contact_main ul li .contact_detail a {display: block; font-family: "Hiragino Sans GB"; margin-top:1rem; width: 60%; padding:8px 15px; border:1px solid #c1c1c1; color:#7e7e7e; font-size: 16px; text-align: center;}

/*在线问答*/
.online_div { padding:.75rem; background:#f2f2f2; color:#333}
.online_div li { position:relative; padding:15px 10px 10px 15px; margin-bottom:15px; border:#e8e8e8 solid 1px; background:#fff }
.online_div li .one { padding:0 0 0 24px; background:url(../images/serve/icon_09.png) no-repeat left 2px; background-size:16px auto;}
.online_div li .one h5 { padding:0px; margin:0px 0 5px 0; line-height:1.2rem; font-size:.9rem; font-weight:normal;}
.online_div li .one .text { line-height:1rem; font-size:.75rem; margin-bottom:5px;}
.online_div li .arrow { width:100%; text-align:center; padding-top:5px}
.online_div li .arrow a { display:block; height:6px; line-height:6px; background:url(../images/serve/icon_10.png) no-repeat center; background-size:auto 100%;}
.online_div .search input { -webkit-appearance: none; }
.online_div .search input:focus { border: 0; outline: none; }
.online_div .search .keyword { width:80%; height:40px; line-height:40px; padding:0 10px; margin:0; border:#bebebe solid 1px; font-size:1rem; box-sizing:border-box; border-radius:0;}
.online_div .search .btn { width:20%; height:40px; line-height:40px; margin:0; text-align:center; font-size:1rem; background:#eb6100; color:#fff; border:0; border-radius:0;}

.impo{ color:#eb6100; padding:0 10px; }

@media screen and (max-width: 320px)
{
	.brand_store .brand_list li .brand_img .text_left ul li a{ font-size:12px; }
	.qr_code .qr_code_box .qr_title h1{ font-size:18px; }
	.qr_code .qr_code_box .qr_title span{ font-size:14px; }
}