@-ms-viewport{ width: device-width; }
*{font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; }
.mobile_mob{ display: none !important;}


.drawer-overlay{ z-index:999 !important;}
body{font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; min-width: 360px;background-color: #f6f6f6;}
ul,ol{margin-bottom: 0;}
li{list-style: none;}
.wrapper{width: 100%; overflow: hidden; position: relative;}
a{ color: #000000;}
a,a:hover{ text-decoration: none; }
a:hover{color: #d40000;}
.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clearfix:after{content: ''; display: block; height: 0; width: 100%; clear: both;}
.btn-more{background-color: #b3bac1; color: #ffffff; font-size: 90%; border-radius: 1.25rem;  display: block;  width: 10rem; text-align: center; height: 2.5rem;  line-height: 2.5;margin: 1rem auto;}
.pt20{ padding-top:20px;}
.parallax {background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.empty{font-size: 26px;text-align: center;line-height: 68px;	color: #ccc;}
.ellipsis_hidden{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}

.hover_border:before{border-bottom-color: #367dff;	border-left-color: #367dff;-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.hover_border:after{ border-top-color: #367dff;border-right-color: #367dff;	-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}

.drawer-nav{ z-index:9 !important;}
.drawer-overlay{ z-index:3 !important;}


.modal-body img{ max-width:100%;}
.logo{ height:auto; padding:0;}
.navbar-default{ border:none;background-color: #ffffff; margin-bottom:0;border-radius: 0;}
.navbar-top{ margin-top: 18px; height:32px; margin-bottom:10px;}
.navbar-top .tel{line-height:32px;float: right; font-size: 18px; margin-right:10px;}
.navbar-top .search{ float: right; width:238px;border: 1px solid #ccc;border-radius: 14px;padding: 0 10px;}
.navbar-top .search input[type="text"]{ width:90%; border: none;background: transparent;height: 26px;}
.navbar-top .search .btn-icon-search{ display: block; width: 10%; border:none; background: transparent;float: right;padding: 0; border: none;height: 26px;}

.mp-level{background-color: #ffffff;}

/*子页面header样式*/

.flexslider{ overflow: hidden;}

.index_slide_logo{ height:50vh; height:50%; width:50%; position: absolute; top:10%; z-index:2;left: 25%;}
.index_slide_logo img{ max-height:100%;}


.section_about{  text-align: center; background: #f5f5f6; overflow: hidden;  position: relative;z-index: 1;}
.section_about .about_title{font-size:30px; color: #333333; font-weight:bold; line-height:48px; margin-top: 4%; margin-bottom:2%;}
.section_about .about_nav_tab{ border-bottom: 1px solid #cecece}
.section_about .about_nav_tab ul{padding-left: 0px;text-align: center;}
.section_about .about_nav_tab li a{ display: block; height:48px; line-height:48px;}
.section_about .about_nav_tab li.on a{background-color: #e8e9ef;  border-radius: 5px 5px 0 0 ;}

.section_about .tab_content{ padding:10px 0;}
.section_about .tab_content .tab_con.about .about_img{}
.section_about .tab_content .tab_con.about .about_txt{text-align: left;	text-indent: 2em;line-height:200%;}
.section_about .tab_content .tab_con{ display: none;}
.section_about .tab_content .tab_con.on{ display: block;}


.section_serivice{ padding:50px 0 20px;background: #fff;}
.section_serivice .service_item{text-align: center;}
.section_serivice .service_item .icon_box{width: 100%;height: 150px;position: relative; background:url("../Images/liubian_bg.png") top center no-repeat; -webkit-background-size: 130px 150px; background-size: 130px 150px; padding-top: 18%;}
.section_serivice .service_item .icon_box .iconfont{ font-size: 5em;}
.section_serivice .service_item p{line-height: 2;font-size: 120%;margin-top: 10px;}
.section_serivice .service_item:hover .icon_box{background: url("../Images/liubian_bg_hover.png") top center no-repeat;}
.section_brand{height: 100%;padding-bottom: 0px;padding-top: 0px;overflow: hidden;z-index: 1;position: relative;}
.section_brand .brand_menu{ margin: 0;padding: 0;position: relative;width: 25%;height: 100%;background-color:rgba(255, 255, 255, 0.6);padding: 30% 0 59% 0;margin-top: -150px;margin-bottom: -380px;z-index: 999;loat:left;}
.section_brand .brand_menu h3{font-size: 24px; color: #272727; line-height:60px;text-align: center;}
.section_brand .brand_menu ul{ padding:0; text-align: center;}
.section_brand .brand_menu ul li{ line-height:3.3; cursor: pointer;transition: all .2s linear 0s;margin-bottom: 5px;}
.section_brand .brand_menu ul li span:first-child{margin-right: 20px;}
.section_brand .brand_menu ul li.on,.section_brand .brand_menu ul li:hover{ background-color: #ffcc00;}
.section_brand .brand_info{ float: left; padding:20% 0 20% 20px; position: relative;}
.section_brand .brand_info .brand_info_box{}
.section_brand .brand_info .item{ height:66px; position: relative; line-height: 66px; text-align: center;background-color: #ffcc00;margin-bottom: 15px;border-radius: 33px;font-size: 16px; overflow: hidden;}
.section_brand .brand_info .brand_tab_con{ display: none; position: absolute;    width: 60%;}
.section_brand .brand_info .brand_tab_con.active{ display: block;}
/*.section_brand .brand_info .brand_tab_con:first-child{ display: block;}*/

.section_brand .brand_info .item .iconfont{ width:66px; height: 66px; border-radius: 50%; border:3px solid #ffffff;font-size: 200%; color: #ffffff; position: absolute; left: 0; top:0;}
.section_brand .brand_info .item .iconfont.icon-chanpinfangan{font-size: 270%;}

.section_logos{ height:auto; background: #fff;}
.section_logos logo_item{ text-align: center;}

.section_case{padding-top: 20px; background-image: url("../Images/case_bg.jpg"); overflow: hidden; width:100%;}
.section_case h3{font-weight: bold; color: #333333;text-align: center; line-height: 65px;}
.section_case .case_nav{text-align:center;margin-bottom: 15px; display: flex;}

.section_case .case_nav a{ flex:1; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; border:1px solid #707070; width:190px; text-align: center; line-height:36px; margin: .5rem;position: relative; z-index:1;}
.section_case .case_nav a:after{-webkit-transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83); content: ''; display: block; width:36px; height:36px; border-radius: 50%; z-index:1; position: relative; margin:0 auto;}

.section_case .case_nav a:hover:after{ width:300%;}
.case_grid{margin-bottom: 20px;}
.case_grid .grid-item{padding:0; position: relative; overflow: hidden;}
.case_grid .grid-item .grid-item-wrap{margin:10px; 	overflow: hidden;position: relative;}
.case_grid .grid-item .case-img{background-color: #ffffff;transition: all .35s linear 0s;}
.case_grid .grid-item .case-img img{ width:100%;}

.case_grid .grid-item .case-caption{ position: absolute;padding: 12%;width: 100%;height: 100%;top: 0; color: #ffffff;transition: all .35s linear 0s;}
.case_grid .grid-item .case-caption .caption-name{font-size: 120%; line-height:2; position: relative;}
.case_grid .grid-item .case-caption .caption-name:after{ content: ''; position: absolute; top: calc(100% - 3px); width: 0;  left: 0; height: 3px;-webkit-transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83);transition: width .3s cubic-bezier(0.29, 0.18, 0.26, 0.83); background: #ffffff;}
.case_grid .grid-item .case-caption > p{transition: all .35s linear 0s; position: relative;  right: -120%;}
.case_grid .grid-item .case-caption > p a{ color: #fff; line-height:1.5;}
.case_grid .grid-item:hover .case-caption{background-color: #ffd801; background-color: rgba(255,216,1,0.8)}
.case_grid .grid-item:hover .case-caption > p{ right:0; line-height: 38px;}
.case_grid .grid-item:hover .case-caption .caption-name:after{width: 100%;}
.case_grid .grid-item:hover .case-img img{ opacity:.7;}
.case_more{display: block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; border:1px solid #707070; width:190px; text-align: center; line-height:36px; margin:0 auto 20px;}


.section_team{background-color: #f6f9fb;padding-bottom: 20px;}
.section_team h3{font-weight: bold; color: #333333;text-align: center; line-height: 65px;}

.team_grid{}
.team_grid .team-item{padding:0; overflow: hidden;}
.team_grid .team-item .thumbnail{margin-bottom: 0;border-radius: 0; padding:0;}
.team_grid .team-item .thumbnail img{width: 100%;}
.team_grid .team-item .thumbnail .info{ width: 100%;height: 100%;position: absolute;top: 0;background: rgba(230, 184, 0, .9);padding: 10px;line-height: 1.8;color: #fff;}
.team_grid .team-item .thumbnail .info p{ margin:0; text-indent: 2em;}
.team_grid .team-item .thumbnail .info .staff_name{ text-indent: 0;font-size: 1.6rem;font-weight: bold;text-align: center;}
.team_grid .team-item.team_about_contact{background-color: #ffcc00;border: 1px solid #ddd;padding: 40px;color:#fff;}
.team_grid .team-item.team_about_contact .team_about{font-size: 18px; line-height:36px}

.team_grid .team-item.team_about_contact .team_contact{ display: block; width: 145px; height: 46px; line-height:46px;}

.section_shops{background-color: #eef0f2; padding:40px 0;}
.section_shops .shop_map{ margin-top:20px;}
.section_shops h3{ font-weight:bold;  line-height: 2em;}
.section_shops .shop_list{ }
.section_shops .shop_list p{ line-height:1.8;}
.section_shops .contact_us{ border-top:1px solid #ccc;}


.section_contact{ background-image: url("../Images/contact_bg.jpg"); padding-bottom: 20px; position: relative; overflow: hidden;}
.section_contact:after{position: absolute; display: none; content: ''; width:100%; height:100%;background: rgba(228,231,233,.8); top: 0; left:50%; z-index:1;}
.section_contact h3{font-weight: bold; color: #333333;text-align: center; line-height: 65px; margin-bottom:15px; position: relative; z-index:2;}
.section_contact .left_con{ position: relative; z-index:2;margin-bottom: 2em;}
.section_contact .right_con{ position: relative; z-index:2;margin-bottom: 2em;}
.section_contact .box .box_head{ position: relative; overflow: hidden;}
.section_contact .box .box_head:after{content: ''; height:5px; position: absolute;  top: calc(100% - 5px); display: block; width:65px; background: #ffcc00;}
.section_contact .box .box_head .en_name{text-transform: uppercase; font-size: 12px; color: #989898;line-height: 24px;}
.section_contact .box .box_head .cn_name{ color: #333333; font-weight:bold; font-size: 18px; margin-bottom:0;}
.section_contact .box .box_con{ margin-top:10px;}
.section_contact .box .web_name{ color: #333333;font-size:18px; line-height:42px; margin-bottom:0;}

.section_contact .contact_infos .contact_item{ line-height:36px;}
.section_contact .contact_infos .contact_item i.iconfont{margin-right: 5px;}
.section_contact .share_box{border-top:1px solid #969696; margin-top:20px;font-size: 20px; padding-top:10px; color: #787878;}
.section_contact .share_box i{ margin: 0 5px;}
.section_contact .share_box a{color: #787878;}
.section_contact .share_box .fa-weixin{ position: relative;}
.section_contact .share_box .fa-weixin .weixin_qrcode{ position: absolute;top: 30px;opacity: 0; -webkit-transition: opacity .2s linear 0s; -moz-transition: opacity .2s linear 0s time; -ms-transition: opacity .2s linear 0s time; -o-transition: opacity .2s linear 0s time; transition: opacity .2s linear 0s time;}
.section_contact .share_box .fa-weixin .weixin_qrcode img{ display: none; width:16.2rem;}
.section_contact .share_box .fa-weixin:hover  .weixin_qrcode{ top: -17rem; opacity:1;}
.section_contact .share_box .fa-weixin:hover  .weixin_qrcode img{ display: block;}
.section_contact .footer_message_form{margin-left: 0;}
.section_contact .form-horizontal .control-label{font-weight: normal; color: #515151;text-align: right;padding: 0;}
.section_contact .form-horizontal .form-group{ border-bottom:1px solid #969696;}
.section_contact .form-horizontal .form-group .form-control{ border:none;background-color: transparent;box-shadow:none;color: #515151;}
.section_contact .form-horizontal .form-group .form-control::-webkit-input-placeholder{color:#515151}

.section_contact .form-horizontal .form-group .form-input-item{padding-left: 0;}
.section_footer{background-color: #272727;text-align: right; color: #6f6f6f; padding:20px 0;}
.section_footer a{color: #6f6f6f}
.section_footer a:hover{color: #bcbcbc}
.section_contact .form-horizontal .form-group.last-child{ border-bottom:none;text-align: right;}
.section_contact .form-horizontal .form-group.last-child .btn-default{background-color: #ffcc00; border:none; width:105px; height:32px; line-height:22px; border-radius: 16px;}

.section_footer .footer_logo{text-align: left;}
.section_footer .footer_copyright{margin-top:20px; }


/*子页面内容开始*/
#sticky-wrapper{background-color: #2c2c2c;}
#sticky-wrapper .header-top{color: #ffffff;line-height:36px; height:36px;}
#sticky-wrapper .header-top a{ color: #ffffff; transition: all .2s linear 0s;}
#sticky-wrapper .header-top a:hover{ color: #d40000; }
/*关于我们开始*/
.about_banner{ height:537px; width:100%;  background-image:url(../Images/about_img.jpg); position: relative;}
.banner_nav{ text-align: center; position: absolute; bottom:11%; width:100%;}
.banner_nav a{ padding:5px 15px; border:1px solid #363636; font-size: 18px; margin:5px; display: inline-block;}
.banner_nav a.on,.banner_nav a:hover{ color: #fff;background-color: #363636}

.page_location{ color: #909090; line-height:46px; height:46px;}
.page_location a{color: #909090;}
.page_location a:hover{color: #333;}

.page_section{background-color: #fff;}
.page_section .page_section_title{  position: relative; border-bottom:1px solid #ededed;}
.page_section .page_section_title span{ text-align: center;font-size: 30px;position: relative;overflow: hidden;padding-left: 10px;line-height: 58px;border-bottom: 5px solid #dedede;padding-right: 10px;display: block;width: 150px;	margin: 0 auto;}
.page_section .page_section_wrap{ padding:15px; clear: both;}

.page_section.company_phil{background-image: url("../Images/linian_bg.jpg");}
.page_section.company_phil .page_section_title{border-color: #ffffff;}
.page_section.company_phil .page_section_title span{border-color: #ffffff;}

/*新闻中心开始*/
.news_banner{ height:400px; width:100%;  background-image:url(../Images/about_img.jpg); position: relative;}
.page_main{background-color: #fff;}
.news_list{ margin: 10px auto;}
.news_list ul{ padding-left:0;}
.news_list ul li{ margin-bottom: 12px;padding: .718em; -webkit-transition: all .2s linear;transition: all .2s linear;}
.news_list ul li:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2); -webkit-transform: translate3d(0, -2px, 0);  transform: translate3d(0, -2px, 0);background-color: #ffffff;}

.news_list .news_title a{  font-size: 16px;	line-height: 36px; height:36px;}
.news_list .news_img{ padding-left:0;}
.news_list .news_infos{ padding-right:0;}
.news_list .news_infos > p{ margin-bottom: 0;}
.news_list .news_desc{ line-height:26px;}

/*新闻详情*/
.page-wrap{ padding-top:20px;}
.page-wrap .newspage-title{text-align: center; }
.page-wrap .newspage-title .news-title{ font-size: 130%;}
.page-wrap .newspage-title span{ margin: 0 .3em;}

.page-wrap .page-content{line-height: 2;padding-top: .9em;}
.page-wrap .page-content >p {margin-bottom: 0; line-height: 2em;}
.page-wrap .page-content img{max-width: 100%;}


/*积分商品列表*/
.point_info {font-size: 16px; padding-right:10px; color: #333333;}
.point_info em{ color: #f22a49;font-style: normal;}
.goods_list{}
.goods_list .goods-item{padding: .718em;-webkit-transition: all .2s linear;
	transition: all .2s linear; }
.goods_list .goods-item .goods-img{background-color: #ffffff; border:1px solid #e9e9e9;}
.goods_list .goods-item .goods-caption{text-align: center;}
.goods_list .goods-item .goods-caption .goods-title{font-size: 16px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; width:100%;}
.goods_list .goods-item .goods-caption .goods-stock{font-size: 12px; color: #8a8a8a;}
.goods_list .goods-item:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
	box-shadow: 0 0 30px rgba(0,0,0,0.2); -webkit-transform: translate3d(0, -2px, 0);  transform: translate3d(0, -2px, 0);background-color: #f0f0f5;}

/*规则说明*/
.rule_box{border-top: 1px solid #eaeaea; padding-top: 15px;}
.rule_box .box_head{ margin-bottom:12px;}
.rule_box .box_head .head_name{background-color: #ffcc00; padding:5px 15px; font-size: 16px; line-height:2;}
.rule_box .box_con{ color: #999;}

/*团购列表*/

.group_list{}
.group_list .group_item{padding: .718em;-webkit-transition: all .2s linear;
	transition: all .2s linear;}
.group_list .group_item .group_wrap{background-color: #f5f5f5; position: relative; overflow: hidden;}
.group_list .group_item .group_img{}
.group_list .group_item .group_info{ border:1px solid #e0e0e0;padding: 20px 10px 40px;}
.group_list .group_item .group_info .group_title{font-size: 30px; color: #787878; text-align: center;  width:100%;white-space: nowrap;	text-overflow: ellipsis;	overflow: hidden;}
.group_list .group_item .group_info .group_short_title{font-size: 18px; color: #333333;text-align: center;width:100%;}
.group_list .group_item .group_info .group_price_info{text-align: center;}
.group_list .group_item .group_info .group_price_info .group_price{ color: #ee2424; margin-top: 1.5em;}
.group_list .group_item .group_info .group_price_info .group_price:first-letter{font-size: 30px;}
.group_list .group_item .group_info .group_price_info .group_price em{ font-size: 300%; font-style: normal; font-weight:bold;}
.group_list .group_item .group_info .group_price_info .group_price span{ font-size: 18px; text-transform: uppercase;}
.group_list .group_item .group_info .group_price_info .market_price{ color: #878787; font-size:18px;}
.group_list .group_item .overlay{    background-color: #d92f30; background-color:rgba(212, 12, 13, .85);color: #fff;left: 0;	right: 0;bottom: 50%;height: 0;position: absolute;text-align: center;opacity: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 1em;}
.group_list .group_item .overlay .overlay-content{ border:1px solid rgba(255, 255, 255, .2);height: 100%;width: 100%;padding-top: 2em;}
.group_list .group_item .overlay .overlay-content .overlay-desc{ padding-top:1em;}
.group_list .group_item .overlay .overlay-content .overlay-desc p{ text-align: left ; text-indent:15%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; width:100%;}
.group_list .group_item .overlay .overlay-title{font-size: 22px; font-weight:bold; line-height:150%;}
.group_list .group_item .overlay .overlay-price{margin-bottom: 2em;}
.group_list .group_item .overlay .overlay-price:first-letter{font-size: 30px;}
.group_list .group_item .overlay .overlay-price em{font-size: 48px; font-style: normal; font-weight:bold;}
.group_list .group_item .overlay .overlay-more{ padding:10px 30px; border:1px solid #ffffff; color: #fff;}
.group_list .group_item:hover .overlay {opacity: 1;	bottom: 0;	height: 100%;}


.goods-gallery{}
.goods-gallery .goods-info{ margin-bottom:15px;}
.goods-gallery .goods-info .goods-title{font-size: 48px; color: #222;}
.goods-gallery .goods-info .goods-short-title{font-size: 24px; color: #414141;}
.goods-gallery .goods-info .goods-en-title{text-transform: uppercase; color: #787878;}

.goods-label{margin-top: 15px;}
.goods-label .goods-label-name{ font-weight:bold;font-size: 18px;text-align: right;}
.goods-label .goods-label-info{}
.goods-label .goods-label-info p{}

.goods-gallery .goods-info .goods-feature_info .goods-label-info{color:#787878;}
.goods-gallery .goods-info .goods-price_info .goods-group-price {font-size: 48px; color: #ee2424; font-style: normal; font-weight:bold; margin-bottom:0;}

.goods-gallery .goods-info .goods-price_info{margin-top: 0}
.goods-gallery .goods-info .goods-price_info .goods-group-price::first-letter{font-size: 60%;}
.goods-gallery .goods-info .goods-price_info .goods-label-name{ padding-top:20px;}
.goods-gallery .goods-info .goods-price_info .goods-market-price{ color: #878787;font-size: 18px;}
.goods-gallery .goods-info .btn-group{width: 100%;}
.goods-gallery .goods-info .btn-group a{display: inline-block; width:40%;margin-right: 15px;background-color: #4a4a4a; color: #fff;text-align: center; padding:10px 0;}
.goods-gallery .goods-info .btn-group a.btn-buy{background-color: #d40000;}
.goods-gallery .goods-info .btn-group a:hover{ opacity:.8;}
/*团购详情*/
.goods-info-box{}

.goods-info-box .box-head{ height:160px;background-image: url("../Images/group_info_bg.jpg") ; position: relative; }
.goods-info-box .box-head .head-name{ font-weight:bold; color: #fff; font-size: 30px; line-height:330%;}
.goods-info-box .box-head ul{ padding:0; position: absolute; bottom:0;}
.goods-info-box .box-head li{ display: inline-block; width:150px; line-height:230%; font-size: 150%;  text-align: center; color: #ffffff; border-radius: 5px 5px 0 0;}
.goods-info-box .box-head li.on{ background-color: #fff; color: #3f3f3f;}
.goods-info-box .box-con{ padding:1em;}
.goods-info-box .box-con .goods-views img{ max-width:100%;}


/*ajax 产品列表*/
.ajax_p_list{}
.ajax_p_list .li-img img{max-width:100%;}
.ajax_p_list .p_title{text-align: center; line-height:1.8; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}


.contact_box{padding-top: 2rem;padding-bottom: 2rem;}
.contact_box .box-item{ margin-bottom:2rem;}
.contact_box .col-left { width:70px; height:70px; background-color: #fff100; text-align: center;border-radius: 35px;}
.contact_box .col-left .col-icon{ font-size: 50px;}
.contact_box .col-right{ margin-bottom:0; width: 88%;}
.contact_box .col-right dt{font-size: 1.6rem;line-height: 1.8;}