/*总定义*/
html{ overflow-x:hidden;}
html.mm-menu -opened,html.mm-menu -opened body{overflow:hidden;width:100%;height:100%}
html.mm-menu -opened body{position:relative}
body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd{ margin:0; padding:0; border:0; line-height:normal; list-style:none; font-family:微软雅黑; font-weight:normal; font-size:12px;}
body{ background:#eee; max-width:640px; margin:0 auto;}
a{ text-decoration:none;}
img{ display:block;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;} 
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix10:after{content:".";display:block;height:10px;clear:both;visibility:hidden}
.border_none{ border:0 !important;}
.mr_none{ margin-right:0 !important;}
a:hover{ text-decoration:none;}


.box{ max-width:640px; overflow:hidden; margin:0 auto; background:#eaeaea; position:relative !important;}
.wm{ width:96%; overflow:hidden; margin:0 auto;}

/*头部菜单*/
.mm-menu {position:absolute;top:0;z-index:0;display:none;overflow:auto;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
#header{ width:100%; height:53px; background:url(../images/vav_foot_bg_02.jpg) repeat-x; background-size:100% 100%; position:fixed; top:0; max-width:640px; z-index:9999;}
#header .logo img{ margin-top:3px; width:300px; height:47px;}
#header a{ display: block;height: 53px; line-height:53px; color:#fff; font-size:30px; text-align:right;}
.mm-menu  li,.mm-menu  ul{list-style:none}
.mm-menu  li{position:relative}
.mm-menu  li,.mm-menu  li>a,.mm-menu  li>span,.mm-menu  ul{display:block;margin:0;padding:0}
.mm-menu >ul{padding:10px 0 40px 0;background-color:inherit}
html.mm-menu -opened .mm-menu .mm-menu -opened{display:block}
html.mm-menu -opened .mm-menu -page{position:absolute;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100%;background-color:inherit;box-shadow:0 0 20px rgba(0,0,0,.8)}
#mm-menu -blocker{display:none}
html.mm-menu -blocking #mm-menu -blocker,html.mm-menu -opened #mm-menu -blocker{position:absolute;top:0;z-index:2;display:block;width:100%;height:100%;background:#fff;opacity:0}
html.mm-menu -opened #mm-menu -blocker,html.mm-menu -opened .mm-menu -page{-webkit-transition:left .5s ease,right .5s ease,margin .5s ease;-moz-transition:left .5s ease,right .5s ease,margin .5s ease;transition:left .5s ease,right .5s ease,margin .5s ease}
html.mm-menu -accelerated #mm-menu -blocker,html.mm-menu -accelerated .mm-menu -page{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
html.mm-menu -left.mm-menu -opened #mm-menu -blocker,html.mm-menu -left.mm-menu -opened .mm-menu -page{left:0;margin-left:0}
html.mm-menu -left.mm-menu -opening #mm-menu -blocker,html.mm-menu -left.mm-menu -opening .mm-menu -page{left:50%}
html.mm-menu -right.mm-menu -opened #mm-menu -blocker,html.mm-menu -right.mm-menu -opened .mm-menu -page{right:0;margin-right:0}
html.mm-menu -right.mm-menu -opening #mm-menu -blocker,html.mm-menu -right.mm-menu -opening .mm-menu -page{right:100%;margin-right:-65px}
.mm-menu {background:#333}
.mm-menu  li>a{overflow:hidden;padding-right:5px;text-indent:20px;text-overflow:ellipsis;white-space:nowrap;line-height:45px; font-size:15px; background:url(../images/nav_line.fw.png) repeat-x bottom;}
.mm-menu  li>a,.mm-menu  li>a:hover{color:#ccc;text-decoration:none}



/*banner*/
.pages,.banner{ margin-top:53px !important;}
.slider{display:none; z-index:9;}
.slider ul li{ position:relative;}
.focus{ height:25px !important;}
.focus span{width:10px;height:10px;margin-right:10px;border-radius:50%; border:1px solid #fff; font-size:0}
.focus span.current{background:#fff;}
.mui-bar-nav~.mui-content{ padding-top:60px;}


/*内容*/
.main{ width:100%; overflow:hidden; background:#fff;}
.main .index_notice{ padding:15px 0; border-bottom:10px solid #eaeaea;}
.scrollNews{width:100%;height:20px;overflow:hidden;}
.scrollNews span i{ display:inline-block; width:20px; height:20px; background:url(../images/horn_ico.png) no-repeat; background-size:100%; vertical-align:middle;}
.scrollNews span b{ font-size:14px; color:#666; display:inline-block; vertical-align:middle; margin-left:5px;}
.scrollNews ul{ padding-top:1px;}
.scrollNews ul li{ height:20px;list-style-type:none; font-size:14px; line-height:20px;}
.scrollNews ul li a{ width:250px; display:block;}
.scrollNews a{text-decoration:none; color:#666;}

.index_tit{ width:100%; overflow:hidden; padding:3% 0; border-bottom:1px solid #eaeaea;}
.index_tit h2{ border-left:5px solid #c82126; padding-left:10px; font-size:16px; color:#c82126;}
.index_tit .more{ font-size:16px; color:#999;}
/*产品*/
.index_product,.index_case{ width:100%; overflow:hidden; border-bottom:10px solid #eaeaea;}
.product_nav{ border-bottom:1px dashed #eaeaea;}
.product_nav ul{ padding:3% 0 1% 0;}
.product_nav ul li{ float:left; width:32%;margin-bottom: 2%;background:url(../images/index_img_05.jpg) no-repeat; background-size:100% 100%;}
.product_nav ul li a{ width:90%; padding:10% 0;margin: 0 auto; display:block;  text-align:center; font-size:14px; color:#fff; text-align:center; font-weight:bold;}
.m2{ margin:0 2%;}

.products ul{ padding:3% 0 1% 0; overflow:hidden;}
.products ul li{ float:left; width:49%; margin-bottom:2%;}
.products_img{ display:block; box-sizing:border-box; border:1px solid #ddd;}
.products ul li a img{ width:100%;}
.products ul li p{ line-height:30px;}
.products ul li p a{ font-size:14px; color:#333; text-align:center; width:90%; margin:0 auto;}

.case_slider{ width:100%; overflow:hidden; padding:3% 0;}
.case_slider ul{ overflow:hidden;}
.case_slider li{ width:32%; float:left; margin-right:2%;}
.case_slider li:last-child{ margin-right:0;}
.case_slider li img{ width:100%;}

.video video{ width:100%; margin:3% 0; z-index:-1;}


.news{ width:100%; overflow:hidden; border-top:10px solid #eaeaea;}
.news .tab{ width:100%; overflow:hidden; border-bottom:1px solid #eaeaea;}
.news .tab a{ width:50%; padding:3% 0; text-align:center; display:block; color:#666; font-size:16px; box-sizing:border-box; border-left:1px solid #eaeaea; float:left;}
.news .tab a.on{ border-bottom:3px solid #c82126; color:#c82126;}
.news .tab a:active{ background:#f5f5f5;}
.news li{ display:none;}
.news_list{ padding:0 2%; border-bottom:1px dashed #eaeaea;}
.news_list:active{ background:#f5f5f5;}
.news_list i{ width:5px; height:5px; background:#666; display:inline-block; margin-right:8px; vertical-align:middle;}
.news_list a{ display:inline-block; font-size:14px; color:#666; vertical-align:middle; padding:3% 0; width:95%;}

.copyright{ padding:5%; margin-bottom:53px;}
.copyright p{ font-size:12px; color:#666; line-height:20px; text-align:center;}


/*底部*/
.foot{ z-index:999; width:100%; position:fixed; bottom:0; max-width:640px; height:53px; background:url(../images/vav_foot_bg_16.jpg) repeat-x; background-size:100% 100%; }
.foot li{ float:left; width:25%;}
.foot li i{ display:block; width:23px; height:23px; margin:6px auto 1px auto;}
.foot i.foot_ico01 { background:url(../images/foot_ico01_hover.png) no-repeat center; background-size:100%;}
.foot i.foot_ico02 { background:url(../images/foot_ico02_hover.png) no-repeat center; background-size:100%;}
.foot i.foot_ico03 { background:url(../images/foot_ico03_hover.png) no-repeat center; background-size:100%;}
.foot i.foot_ico04 { background:url(../images/foot_ico04_hover.png) no-repeat center; background-size:100%;}
.foot li span{ font-size:12px; color:#ffd200; line-height:26px; text-align:center; display:block;}
.foot li.atv span{ color:#fff;}
.foot .atv i.foot_ico01 { background:url(../images/foot_ico01.png) no-repeat center; background-size:100%;}
.foot .atv i.foot_ico02 { background:url(../images/foot_ico02.png) no-repeat center; background-size:100%;}
.foot .atv i.foot_ico03 { background:url(../images/foot_ico03.png) no-repeat center; background-size:100%;}
.foot .atv i.foot_ico04 { background:url(../images/foot_ico04.png) no-repeat center; background-size:100%;}



/*内页*/
/*关于飞乔*/
.about_pages{ width:100%; overflow:hidden;}
.about_pages .about_nav .tab{ background:#fff; margin:2% auto;}
.about_pages .about_nav .tab a{ background:#fff; padding:3% 0; display:block; width:33.33%; box-sizing:border-box; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:1px; font-size:16px; color:#333; text-align:center; float:left;}
.about_pages .about_nav .tab a.on{ background:#e90909; color:#fff;}
.br_none{ border-right:0 !important;}
.bb_none{ border-bottom:0 !important;}
.about_nav .content{ background:#fff; width:100%; overflow:hidden;}
/*.about_pages .content li{ display:none;}*/
.show_li{ display: none;}
.about_nav .content .index_tit{ border-bottom:4px solid #eaeaea;}
.about_t{ padding:3% 0; font-size:14px; color:#666; line-height:30px;}
.about_t h4{ font-size:16px; color:#333; padding-bottom:5px; text-indent:0;}
.about_t p,.about_t *{ font-size:14px; color:#666; line-height:30px; text-indent:2em;}
.about_t img{ width:100%; margin:0 0 2% 0;}
.biz{ padding:3% 0;}
.biz_list{ width:49%; float:left;}
.biz_list img{ width:100%;}
.biz_list p{ font-size:14px; color:#666; font-size:14px; text-align:center; line-height:30px;}


.history{ overflow:hidden; position:relative; padding:3% 0; margin:3% 0;}
.history .history_list{ width:100%; overflow:hidden; margin-bottom:20px;}
.history .history_list i{ width:14px; height:14px; border:2px solid #fff; background:#e90909; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:5px; margin-top:2px; z-index:10; position:relative;}
.history .history_list h3{ font-size:16px; color:#333;}
.history .history_list .history_t{ width:90%;}
.history .history_list .history_t p{ font-size:14px; color:#666; line-height:24px;}
.history .line{ width:1px; background:#ccc; position:absolute;  font-size:0; left:8px; top:0; bottom:0; z-index:0;}


/*合作案例*/
.case_pages,.product_pages{ width:100%; overflow:hidden; background:#fff; margin-top:10px;}
.case_pages .index_tit,.knowledge .index_tit,.cust .index_tit,.contact .index_tit,.join .index_tit,.mark .index_tit{ border-bottom:4px solid #eaeaea;}
.case_pages ul{ padding:3% 0 1% 0;}
.case_pages ul li{ width:49%; float:left; margin-bottom:2%;}
.case_pages ul li img{ width:100%;}
.case_pages ul li p{ line-height:30px;}
.case_pages ul li p a{ font-size:14px; color:#333; text-align:center; width:90%; margin:0 auto;}



/*健康知识*/
.knowledge{ width:100%; overflow:hidden; background:#fff; margin-top:10px;} 
.knowledge ul li{ overflow:hidden; border-bottom:1px dashed #eaeaea;}
.knowledge ul li:last-child{ border-bottom:0;}
.knowledge ul li:active{ background:#f5f5f5;}
.knowledge ul li a{ padding:3% 0; display:block;}
.list_t{ margin-bottom:5px;}
.knowledge ul li .list_t i{ width:5px; height:5px; background:#666; display:inline-block; margin-right:8px; vertical-align:middle;}
.knowledge ul li b{ display:inline-block; font-size:14px; color:#666; vertical-align:middle;width:95%;}
.times i{ width:12px; height:12px; display:inline-block; background:url(../images/tines.png) no-repeat; background-size:100% 100%; margin-right:5px; vertical-align:middle;}
.times span{ display:inline-block; font-size:12px; color:#999; vertical-align:middle;}


/*客户留言*/
.pages_banner img{ width:100%;}
.cust{ background:#fff; width:100%; overflow:hidden;}
.cust .tab{ padding:2%; overflow:hidden; background:#eaeaea;}
.cust .tab a{ display:block; width:50%; padding:3% 0; background:#fff; text-align:center; font-size:16px; color:#333; float:left;}
.cust .tab a.on{ background:#e90909; color:#fff;}
.cust .content li{ display:none;}
.cust_list{ padding:15px 2%; border-bottom:1px solid #eaeaea;}
.cust_top{ margin-bottom:2%;}
.cust_list b{ color:#ffc401; font-size:14px;}
.cust_list span{ font-size:14px; color:#666;}
.cust_list p{ font-size:14px; color:#666; line-height:24px;}
.cust_list .cust_t{ padding:2%; background:#f1f1f1; margin-top:2%;}
.cust_list .cust_t b{ display:block; margin-bottom:5px;}

.n_list{ overflow:hidden; border-bottom:1px dashed #eaeaea;}
.n_list:last-child{ border-bottom:0;}
.n_list:active{ background:#f5f5f5;}
.n_list a{ padding:3% 0; display:block;}
.list_t{ margin-bottom:5px;}
.n_list .list_t i{ width:5px; height:5px; background:#666; display:inline-block; margin-right:8px; vertical-align:middle;}
.n_list b{ display:inline-block; font-size:14px; color:#666; vertical-align:middle;width:95%;}

/*联系我们*/
.contact{ border-top:10px solid #eaeaea; background:#fff;}
.contact p,.contact .map img{ text-indent:0; margin:0;}
.contact .map{ margin:3% auto 0 auto;}
.contact .map img{ width:100%;}

/*人才招聘*/
.join{ width:100%; overflow:hidden; background:#fff; margin-top:10px;}
.join ul li{ padding:3% 2%; border-bottom:1px solid #eaeaea;}
.join ul li .join_t h4{ font-size:16px; color:#c82126; margin-bottom:5px;} 
.join ul li .join_t,.join ul li .join_t *{ font-size:14px; color:#666; line-height:28px;}



/*详情*/
.details{ width:100%; overflow:hidden; background:#fff;}
.details_top{ padding:3% 0; border-bottom:1px solid #eaeaea;}
.details_top h2{ font-size:16px; color:#333; line-height:28px; margin-bottom:5px;}
.clear{ width:100%; height:10px;}

.mark{ width:100%; overflow:hidden; background:#fff; margin-top:10px;}

.product_ban .focus span{width:10px;height:10px;margin-right:10px;border-radius:50%; background:#999;font-size:0; border:0;}
.product_ban .focus span.current{background:#c82126;}


.product_pages .products{ border-top:3px solid #e4e4e4;}
.classify{ margin:15px 3%;height:42px; overflow:hidden;}
.classify p{display:block;padding:0 10px;line-height:40px;border:1px solid #CCC; font-size:14px;}
.set{background:url(../images/btn_2.png) 98% 16px no-repeat;}
.select{background:url(../images/btn_1.png) 98% 16px no-repeat;}
.new{position:absolute; left:3%; right:3%;border:1px solid #CCC;display:none; background:#fff;}
.classify ul li{line-height:40px;padding-left:10px;font-size:14px;}
.classify ul li:active{background:#CCC;color:#FFF;}


.online{ margin-top:20px;}
.online_input{ margin:15px 2% 0 2%; overflow:hidden;}
.online_input .online_input1,.online_input .online_input2{ width:100%; overflow:hidden; margin-bottom:10px;} 
.online_input .online_input1 input{ width:100%; overflow:hidden; padding:3% 2%; background:#f1f1f1; box-sizing:border-box; font-size:14px; color:#666; outline:none;}
.online_input1 textarea{ width:100%; overflow:hidden; padding:3% 2%; background:#f1f1f1; box-sizing:border-box; font-size:14px; color:#666; resize:none; outline:none; min-height:100px;}
.online_btn input{ display:block; padding:3% 0; width:80%; margin:30px auto; font-size:16px; text-align:center; color:#fff; background:#ef161a; border-radius:5px; outline:none; cursor:pointer;}
.online_input .online_btn input:active{ background:#CD0E13;}


.title_txt{ width:100%; height:40px; font-size:16px; text-align:center; line-height:40px; color:#333; background:#fff;}
.product_ban { display:block;}