﻿@charset "utf-8";
/****************index*****************/
.index_context_01{ width:1200px; margin:0 auto; padding:120px 0; min-width:1200px; text-align: center;}
.index_context_01 h2{ font-size:26px;}
.index_context_01 h3{ font-size:14px; font-weight:bold; margin-bottom:120px;}
.index_context_01 h5{ font-size:14px; margin-bottom:120px; line-height:36px;}
.index_brand_center_context{ width:1200px; height:491px; background-color:#f2f3f4; display:none;}
.index_brand_center_context01{ width:1200px; height:491px; background-color:#f2f3f4;}

.index_brand_center_left{ float:left; margin:20px;}
.index_brand_center_right{ margin-left:40px; float:left;}
.index_brand_center_logo{ height:60px; margin:50px 0;}
.index_brand_center_logo_img{ height:60px; background-color:#191f24; float:left; }
.index_brand_center_logo img{ width:137px; height:32px;padding:0 30px; margin-top:14px; border-right:1px #b19172 solid; }
.index_brand_center_name{ float:left; line-height:60px; padding-left:30px;color:#b19172; font-size:20px;letter-spacing:2px;background-color:#191f24; height:60px; padding-right:30px;}
.index_brand_info{width:686px;}
.index_brand_info_text{ font-size:18px; color:#646464; line-height:30px; text-align:left; width:686px; height:200px; overflow:hidden; text-overflow:ellipsis; margin-bottom:50px;white-space:nowrap;}
.more__inder_brand_info{ float:right; border:1px #a1a0a0 solid; width:150px; height:26px; line-height:26px;}

.index_context_01_bd{ background-color:#191f24; width:100%;}
.fc_01{ color:#f1f1f1;}
.index_service_fw{ width:1200px; margin:0 auto; position:relative; min-width:1200px;}
.index_service_fw ul{ width:1000px; margin:0 auto;}
.index_service_fw ul li{ width:25%; float:left; cursor:pointer;}
.index_service_fw ul li img{ width:223px; height:319px; margin:0 auto;}
.index_service_shadow_left{ position:absolute; left:40px; top:50%; margin-top:-19px; cursor:pointer;}
.index_service_shadow_right{ position:absolute; right:40px; top:50%; margin-top:-19px;cursor:pointer;}
.index_service_shadow_left img{ width:38px; height:38px;}


/****************O2O*****************/
.O2O_context_pic{ margin:100px auto; width:100%;}
.O2O_context_pic img{ width:100%;}


/****************关于我们*****************/
.video_banner{ width:100%; min-width:1200px;}
.video_banner img{ width:100%;}
.company_intro{ width:100%; margin:0 auto; min-width:1200px; text-align:center;}
.intro_title{ margin:100px 0;}
.intro_title h2{ font-size:28px;}
.intro_title h3{ font-size:17px; font-weight:bold;}
.intro_context{ width:1200px; margin:0 auto; }
.intro_context_pic{ width:614px; height:355px; float:left;}
.intro_context_text{ float:left; margin-left:60px; margin-top:60px; width:500px; text-align:left; height:225px; overflow:hidden;}
.intro_context_text h3{ font-weight:bold; font-size:22px; line-height:36px;}
.intro_context_text h5{ font-size:14px; line-height:26px;}

.daili_brand,.mendian_fengcai{ margin:100px auto; width:1200px;}
.daili_brand_title,.mendian_fengcai_title{ font-size:22px; letter-spacing:5px;}
.daili_brand_text,.mendian_fengcai_text{ width:98%; margin:20px auto; font-size:14px; text-align:left; line-height:26px;}

.daili_brand ul{ width:1198px; border:1px #e1e1e1 solid; display:none;}
.daili_brand ul li{ width:20%; float:left; box-shadow:1px 1px 0px 0px #e1e1e1; height:176px;}
.daili_brand ul li img{ margin:28px auto;}

.daili_brand_pic,.mendian_fengcai_pic{width:1200px; min-width:1200px;}
.daili_brand_pic img,.mendian_fengcai_pic{ width:100%;}
.diali_brand_more,.mendian_fengcai_more{ text-align:right; line-height:26px; font-size:14px;}

.active_time{ width:100%; min-width:1200px; margin:100px 0 50px 0;}
.active_time img{ width:100%;}
.active_time01{ width:1200px; margin:20px auto;}
.active_time01 img{ width:100%;}

/*****************门店****************/
.mendian_place{ font-size:15px; margin-top:15px;}
.mendian_place01{ font-size:15px;}

.place_shi{ float:left;font-size:18px; line-height:24px; width:50px;}
.place_shi span{ letter-spacing:5px; cursor:pointer;}
.details_place{ line-height:26px; padding-left:50px;}
.details_place span{ float:left; padding:0 5px;}

.mendian_show{ margin:50px auto; width:1200px;}
.mendian_show li{ width:33.33%; float:left; height:290px;}
.mendian_show li .mendian_pic{ position:relative; margin:0 auto; width:390px; height:250px; cursor:pointer;}
.mendian_show li .mendian_pic img{ width:100%;}
.mendian_show li .mendian_name{ width:70%; margin:0px auto; text-align:center; font-size:16px; height:30px; line-height:36px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.mendian_show li .mendian_pic:hover .black_ceng{ display:block;}
.black_ceng{ width:390px; height:250px; position:absolute; background-color:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.black_ceng_text01{ width:100%; margin:80px auto 0 auto; text-align:center; color:white; font-size:14px;}
.black_ceng_text02{ width:100%; margin:10px auto 0 auto; text-align:center; color:white; font-size:14px;}
.black_ceng_text03{ width:100%; margin:20px auto 0 auto; text-align:center; color:white; font-size:18px;}

.mengdian_page{ width:1198px; margin:20px auto; border:1px #e1e1e1 solid; height:50px; box-shadow:0px 1px 0px 0px #e1e1e1;}
.page_right_shadow{ float:left; margin:0px 10px 0px 5px;cursor:pointer; display:block;}
.page_number{ float:right;}
.page_number a{ width:19px; height:19px; border:1px #e1e1e1 solid; display:block; float:left; margin:15px 2px; text-align:center; color:#e1e1e1; cursor:pointer; background-color:white;}
.page_number .dianji_page{ background-color:#000; color:white; height:20px; width:20px;}
.page_left_shadow{ float:left; margin:0px 5px;cursor:pointer;}
.mendian_jilu{ float:right; line-height:50px; font-size:14px;}

/***********************品牌中心详情页************************/
.brand_center{ font-size:15px; margin-top:30px;}
.brand_center01{ font-size:15px;margin-top:10px;}

.zimu_palie{ float:left;font-size:18px; line-height:24px; width:150px;}
.zimu_palie span{ letter-spacing:5px; cursor:pointer;}
.details_zimu_palie{ line-height:26px; padding-left:150px;}
.details_zimu_palie span{ float:left; padding:0 6px; cursor:pointer;}
.details_zimu_palie .mdbox_active{color:#820e0e;font-weight:bold;}

.brand_banner{ width:1200px; margin:30px auto; height:150px; position:relative;}
.brand_banner img{ width:100%;}
.brand_banner ul{ position:absolute; left:80px; top:57px; height:36px;}
.brand_banner ul li{ width:120px; height:36px; color:white; float:left; margin-right:20px; border:1px rgba(176,144,113,0.5) solid; line-height:36px; text-align:center; font-size:20px; cursor:pointer;}
.brand_banner ul .brand_bd{ background-color:#b09071; display:none;}
.brand_banner ul li:hover{ background-color:#b09071;}
.brand_banner ul a{ color:white; }

.brand_center_logo{ width:328px; height:285px; float:left;}
.brand_center_logo img{ width:100%}
.brand_center_intro_text{ float:left; margin-left:60px; width:800px; margin-top:60px;}
.brand_center_intro_text h3{ font-size:20px; margin-bottom:20px;text-indent:32px;}
.brand_center_intro_text h5{ font-size:14px; text-indent:32px; line-height:26px;}

.brand_article{ width:1200px; margin:30px auto;}
.brand_article_left{ float:left; width:875px;}
.brand_story{ margin:20px auto; width:96%;}
.brand_article_left h2{ text-align:center; font-size:20px; font-weight:bold; line-height:36px; height:36px; margin-bottom:20px;}
.brand_article_left h3{ text-align:left; font-size:20px; width:90%; margin:0 auto; line-height:36px; height:36px;}

.brand_article_left img{ max-width:100%;}

.brand_tese{ margin:80px auto; width:96%;}
.brand_more_intro{ width:96%; margin:20px auto; border:1px #e1e1e1 solid; padding:20px 0; }
.brand_more_name{ width:90%; margin:0 auto; line-height:26px; font-size:15px;}
.brand_more_name span{ float:left; padding-right:15px;}

.brand_article_right{ float:right; width:290px; margin-top:76px;}
.brand_list01{ width:100%; border:1px #eaeaea solid; text-align:center; margin-bottom:30px;}
.brand_list01 h3{ width:100%; height:55px; line-height:55px; background-color:#f7f7f5; font-size:20px; letter-spacing:3px;}
.brand_list01 ul{ padding:10px 0; width:80%; margin:0 auto;}
.brand_list01 ul li{list-style: inside; line-height:30px; font-size:14px; text-align:left; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}

/************************品牌中心**************************/
.brand_search{ position:absolute; bottom:10px; right:10px;width:150px; height:18px; border:1px #565c61 solid; margin-top:61px; line-height:22px; font-size:14px; cursor:pointer;}
.brand_search input{ float:left; width:130px; font-size:12px; text-indent:5px; line-height:18px; background-color:#f7f5f3; outline:none;}
.brand_search_icon{ float:right; width:18px; height:18px; background-color:#171d22;}
.brand_search_icon img{ width:12px; height:12px; margin:3px;}

.brand_center_logo_list{ margin:10px 0 60px 0; width:1200px;}
.brand_center_logo_list li{ width:20%; float:left; margin:5px 0;}
.brand_center_logo_list li .brand_logo_pic01{ width:234px; height:251px; margin:0 auto; position:relative;}
.brand_center_logo_list li .brand_logo_pic01 img{ width:100%;}
.brand_center_mengceng{ position:absolute; width:234px; height:251px; background-color:rgba(177,144,113,0.25); left:0; top:0; display:none;}
.brand_center_logo_list li .brand_logo_pic01:hover .brand_center_mengceng{ display:block;} 
.mengceng_text{ width:100%; height:35px; text-align:center; margin-top:216px; line-height:35px; background-color:rgba(0,0,0,0.3);}
.mengceng_text a{color:white;text-align:center; padding:0 10px; cursor:pointer;}

/*********************售后服务***********************/
.shouhou_fuwu_right{ float:right; width:870px; margin-left:20px;}
.shouhou_fuwu_right li{ float:left; width:25%; height:170px;text-align:center; position:relative; cursor:pointer;}
.shouhou_fuwu_right li h3{ margin-top:55px; font-size:20px; line-height:30px; color:#191f24; letter-spacing:3px; }
.shouhou_fuwu_right li h5{ color:#81878b; font-size:10px; text-align:center; line-height:26px;}
.shouhou_fuwu_shadow{width:17px; height:8px; position:absolute; left:50%; bottom:-8px; margin-left:-8.5px; display:none;}

.weixiu_service_top{width:1200px; margin:0 auto; padding:50px 0; min-width:1200px; text-align: center;}

.weixiu_service_top h2{font-size:26px;}
.weixiu_service_top h3{font-size:14px; font-weight:bold; margin-bottom:50px;}
.weixiu_service_top h5{ font-size:14px; text-align:left; line-height:26px; width:96%; margin:20px auto;}

.shouhou_img{ width:100%; margin:30px auto 0 auto;}
.shouhou_img ul{ width:80%; margin:0 auto;}
.shouhou_img li{ width:33.33%; float:left; height:310px; cursor:pointer;}
.shouhou_img li img{ width:110px; height:110px; margin:80px auto 10px auto;}
.shouhou_img li .shouhou_img_text{ text-align:center; height:30px; line-height:30px;}

#weixiu_service{ padding-bottom:100px;}
#baoyang_zhishi,#fuwu_wangdian,#contact_us{padding-bottom:100px; display:none;}
.weixiu_fuwu_list_title ul{ width:1198px; border:1px #e1e1e1 solid; height:80px; margin-bottom:10px;}
.weixiu_fuwu_list_title ul li{ width:16.66%; float:left; box-shadow:1px 0px 0px 0px #e1e1e1;text-align: center; height:80px; position:relative; cursor:pointer;}
.weixiu_fuwu_list_title ul li h2{ font-size:20px; margin-top:17.5px; line-height:30px;}
.weixiu_fuwu_list_title ul li h3{ font-size:12PX; line-height:15px;}
.weiiu_fuwu_list_shadow{ width:17px; height:8px; position:absolute; bottom:-19px; left:50%; margin-left:-8.5px; display:none;}
.weixiu_service_liucheng{width:1198px; border:1px #e1e1e1 solid; margin-bottom:10px; display:none;}
.weixiu_service_liucheng img{ width:90%; margin:0 auto; padding:50px 0;}


.fuwu_wangdian_place{ width:1198px;border:1px #e1e1e1 solid; padding:30px 0 50px 0;}
.fuwu_wangdian_map{ width:700px; height:450px; margin:0 30px; float:left;}
.fuwu_wangdian_map_text{ font-size:12px; color:#646464; text-align:right; line-height:20px;}
.fuwu_wangdian_place ul{ width:407px; height:450px; float:left; margin-right:30px; overflow:scroll; overflow-x:hidden; border-bottom:1px #e1e1e1 solid; }
.fuwu_wangdian_place ul li{ width:100%; margin-top:10px; width:388px; padding:10px 0 1px 0;cursor:pointer;}
.fuwu_wangdian_place ul li:hover{border-left:3px #b18f70 solid;}
.fuwu_wangdian_place ul .lichecked {border-left:3px #b18f70 solid;}
.fuwu_wangdian_place ul li h2{ font-size:18px; text-indent:10px; margin-bottom:5px;}
.fuwu_wangdian_place ul li h3{ font-size:14px; text-indent:12px; line-height:20px;}
.fuwu_wangdian_place ul li h3 .dizhi_01{ float:left;width:55px;}
.fuwu_wangdian_place ul li h3 .dizhi_02{ display:block; text-indent:0; padding-left:55px;}
.jiaotong_way{ margin:15px 30px;}
.jiaotong_way a{ padding:0 20px; color:#333; font-size:14px;}

.contact_us_context{ border:1px #e1e1e1 solid; width:1198px; margin:0 auto; padding:30px 0 50px 0;}
.contact_us_right{ float:left; width:408px;}
.contact_erweima{ margin:40px auto 10px auto; width:180px; height:180px; }
.contact_erweima img{ width:100%;}
.contact_us_right h2{ text-align:center; margin-bottom:5px;}
.contact_us_right h3{ text-align:center; font-size:16px; margin-bottom:40px;}
.contact_us_right h5{ font-size:16px; text-indent:12px; line-height:20px; margin-left:10px; width:388px; margin-bottom:10px;}
.contact_us_right h5 .dizhi_03{ float:left;width:60px;} 
.contact_us_right h5 .dizhi_04{display:block; text-indent:0; padding-left:60px;}
.contact_us_right h5 .dizhi_04 span{ float:left; padding-right:10px;} 

/*************************资讯****************************/
.news_banner{ width:100%; margin:50px auto; position:relative;}
.news_banner img{ width:100%;}
.news_banner ul{ width:112px; position:absolute;bottom:5%; right:20px;}
.news_banner ul li{ width:16px; height:16px; border-radius:50%; background-color:#75797c; float:left; margin-right:16px; cursor:pointer;}
.news_banner ul .dot_color{ background-color:#b19172;}

.news_list_context{ width:50%; margin:50px 0; float:left;}
.news_list_context h2{ width:70%; margin:0 auto 20px auto; font-size:24px; line-height:30px; color:#000;}
.news_list_context h2 span{ width:12px; height:12px; background-color:#323232; border-radius:50%; display:block; float:left; margin-right:5px; margin-top:6.5px;}
.news_list_context ul{ width:70%; margin:0 auto; }
.news_list_context li{ list-style:inside; font-size:15px; margin-bottom:12px; width:100%; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; text-indent:3px;}

.news_baoyang_top{ width:100%; margin:20px auto;}
.news_baoyang_top h2{font-size:24px; line-height:30px; color:#000;}
.news_baoyang_top h2 span{width:12px; height:12px; background-color:#323232; border-radius:50%; display:block; float:left; margin-right:5px; margin-top:6.5px; margin-left:20px;}
.news_baoyang_context{ width:1200px; margin-bottom:100px;}
.news_baoyang_context_left{ float:left; width:400px; height:500px; position:relative;}
.baoyang_pic{ width:100%;height:500px; overflow:hidden; min-height:500px;}
.baoyang_pic img{ width:100%;height:500px; overflow:hidden; min-height:500px;}
.baoyang_pic_title{ width:100%; height:50px; background-color:rgba(0,0,0,0.75); position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:50px; color:white; cursor:pointer;}
.baoyang_pic_title a{color:#fff;}
.baoyang_pic_shadow_left{ width:13px; height:24px; position:absolute; left:10px; top:50%; margin-top:-12px;}
.baoyang_pic_shadow_left img{ cursor:pointer;}
.baoyang_pic_shadow_right{ width:13px; height:24px; position:absolute; right:10px; top:50%; margin-top:-12px;}
.baoyang_pic_shadow_right img{ cursor:pointer;}

.news_baoyang_context ul{ width:100%; border-bottom:1px #e1e1e1 solid;border-top:1px #e1e1e1 solid;float:left; width:760px; height:500px; margin-left:30px;}
.news_baoyang_context ul li{ width:100%; height:124px; border-bottom:1px #e1e1e1 solid; cursor:pointer;}
.news_baoyang_context ul li h2{ font-size:18px; padding:15px 0 8px 0; color:#000;}
.news_baoyang_context ul li h5{ font-size:14px; line-height:22px; color:#808080; max-height:44px; overflow:hidden; margin-bottom:7px;}
.news_baoyang_context ul li h3 a{ font-size:16px; color:#000; float:left;}
.news_baoyang_context ul li h3 span{ font-size:16px; color:#808080; float:right;}


/*******************资讯列表页********************/
.hangye_news_title{ width:100%; text-align:left; font-size:22px; margin-top:76px; line-height:30px; font-weight:bold; margin-bottom:30px;}
.hangye_news_ul{ margin-bottom:36px;}
.hangye_news_ul li{ list-style:inside; font-size:14px; line-height:20px; margin-bottom:10px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position:relative;}
.hangye_news_ul a:hover{ font-size:16px;font-weight:bold;}
.date{ float:right; margin-right:50px; color:#bdbdbd;position:absolute;top:0;right:0;}

/*******************资讯详情*******************/
.other_news_left{ width:50%; float:left;}
.other_news_left h3{ width:80%; margin:0px auto; font-size:20px;}
.other_news_left ul{ width:80%; margin:0 auto;}
.other_news_left ul li{ list-style:inside; line-height:26px; font-size:14px; cursor:pointer;}

.brand_list_erweim{ margin:20px 20px; float:left;}
.brand_list_erweim img{ width:112px; height:112px;}
.brand_list_erweima_right{ float:left; width:118px;}
.brand_list_erweima_right h2{ font-size:22px; text-align:center; margin-top:35px; margin-bottom:10px;}
.brand_list_erweima_right h3{ font-size:18px; text-align:center; background-color:white; margin:0; line-height:26px; height:26px;}
.brand_story h1{ font-weight:bold; font-size:28px; text-align:center;}
.brand_story h5{ margin:10px 0 30px 0; text-align:center; font-size:13px;}
.brand_story h5 span{ color:#808080; margin-right:20px;}
.brand_story{line-height:30px !important; }
.brand_article_context{line-height:30px !important; }
.brand_article_context img{margin:16px auto !important; }

/************************弹出层**********************/
.box{ width:100%; height:100%; background-color:rgba(0,0,0,0.75); position:fixed; left:0; top:0; z-index:100; display:none;}
.tanchu_erweima{ width:100%; height:500px; position: fixed; left:0; top:50%; margin-top:-250px; z-index:111; }
.tanchu_erweima_img{ width:200px; height:200px; background-color:white; margin:130px auto 10px auto}
.tanchu_erweima_img img{width:180px; height:180px; margin:0px auto; padding:10px 0; }
.tanchu_erweima_text{ height:30px; line-height:30px; text-align:center; color:white;}
.tanchu_close{ position: fixed; top:10px; right:10px;}
/* CSS Document */

