@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%;  margin:0 auto; overflow-x:hidden; font-size:12px; padding-bottom:75px;}
a{text-decoration:none; color:#333}
.container,.w1200{width:100%; padding: 0px 10px;}
.clr{clear:both;}
.header{width:100%; clear:both; height:70px;  padding: 0px 10px; background: #fff}
.logo{float:left; width:70%; margin-top:10px;}
.menu{float:right; height:auto; width:30px; margin-top: 19px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.logo img{width:100%; height: 100%;}


/*导航*/
.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#7a1f6e; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}
.banner{width:100%;height:auto;}
.banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #7a1f6e}


/*分类*/
.index_fenlei{width:100%; height: auto; overflow: hidden; padding: 20px 10px; border-top: 10px solid #f7f7f7}
.index_fenlei li{width:25%; height:auto;  text-align: center; float: left; background: url(../images/nav_xs.png) no-repeat; background-size: 100% 100%; padding: 5px 0}
.index_fenlei li a{display:block; overflow:hidden; padding:10%; }
.index_fenlei li i{    color: #7a1f6e; font-size: 2.2rem;  margin-right: 10px;}
.index_fenlei p{ color: #4d4d4d; font-size:0.9rem;  text-align: center; width: 100%; height: 35px; line-height: 35px;}
.index_fenlei li img{width:auto; height: 35px; display: block; margin: 10px auto 0;}
.index_fenlei li:first-child{ background: url(../images/nav_x1.png) no-repeat; background-size:100% 100%; }


/*分类*/
.index_kjdh{width:100%; height: auto; padding:20px 30px;  overflow: hidden; border-top: 10px solid #f7f7f7}
.index_kjdh li{width:48%; height: auto; float: left; overflow: hidden; border-radius: 10px; margin-bottom: 20px;}
.index_kjdh li:nth-child(2n){ float: right}
.index_kjdh li img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);
	-webkit-transform: all 1s ease 0s; border-radius: 10px;}
.index_kjdh li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_kjdh li:hover{margin-top: -10px;  transition: .6s; }



/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden;   padding: 20px 10px; border-top: 10px solid #f7f7f7}
.index_product_title{width:100%; height: auto; text-align: center}
.t_tile{width:100%; height: 40px; line-height: 40px; font-size:1.2rem; color: #e5e5e5; font-weight: bold; position: relative}
.t_tile h3{font-size: 24px; color: #7a1f6e; font-weight: bold; position: absolute; top:0; left:50%; margin-left: -48px;}
.index_product_title p{font-size: 16px; color: #777777; line-height:28px; margin: 5px 0}
.index_ab_xx{width:100%; height: auto; overflow: hidden; font-size: 1rem; color: #777777; line-height: 28px; margin: 20px 0; text-align: center; padding: 0px 20px}
.index_about_pic{width:100%; height: auto; overflow: hidden; padding: 0px 20px;}
.index_about_pic a{width:100%; height: 100%; display: block}
.index_about_pic img{width:100%; height: 100%; display: block}


/*产品*/
.in_zao_info{width: 100%; height: auto; padding: 20px 10px; border-top: 10px solid #f7f7f7}
.in_zao_info .swiper-container{background:#f7f7f7; margin-top: 30px; padding: 10px;}
.in_zao_info .swiper-slide .sw{width:100%; height: 100%; display: block}
.pro_pic{width:100%; height:180px;  overflow: hidden; position: relative;display: flex; align-items: center;}
.pro_pic img{width:auto; height: auto; transition: all 0.5s; align-items: center; margin: 0px auto; max-width: 100%}
.pro_info{width:100%; height:60px; margin-bottom: 20px;}
.pro_info h3{font-size: 18px; color: #4d4d4d;  text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; width:100%; height: 30px; 
	line-height: 30px; text-align: center}
.pro_info p{width:100%; height: 20px; line-height: 20px; font-size: 14px; color: #4d4d4d;text-transform:Uppercase; text-align: center }
.swiper-button-next,.swiper-button-prev{width:40px; height: 40px; position: inherit; margin-top:20px; float: left}
.swiper-button-next{background: url(../images/p_right.png) no-repeat center;  left:52%}
.swiper-button-prev{background: url(../images/p_left.png) no-repeat center; left:28%}




/*流程*/
.index_hezuo{width:100%; height: auto; overflow: hidden; margin-top: 10px; padding: 20px 10px; border-top: 10px solid #f7f7f7}
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.index_hezuo ul li{width:50%; height:108px; float: left; overflow: hidden}
.index_hezuo ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1); 
	-webkit-transform: all 1s ease 0s;}
.h_leftxx,.h_rightxx{ padding:2% 10px 0;}
.index_hezuo ul li i{width:100%; height:18px; display: block}
.h_left{background: url(../images/p_jt.png) no-repeat}
.h_leftxx span{font-size: 20px; color: #4d4d4d; text-align: right; display: block; line-height:25px;}
.h_leftxx p{font-size: 0.9rem; color: #4d4d4d; text-align: right}
.h_right{background: url(../images/p_rjt.png) no-repeat right;}
.h_rightxx span{font-size: 20px; color: #4d4d4d;  display: block; line-height:25px;}
.h_rightxx p{font-size: 0.9rem; color: #4d4d4d;}
.index_hezuo ul li:hover span,.index_hezuo ul li:hover p{color:#7a1f6e}
.index_hezuo ul li:hover .h_left{background: url(../images/p_hjt.png) no-repeat}
.index_hezuo ul li:hover .h_right{background: url(../images/p_hrjt.png) no-repeat right}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}



/*优势*/
.index_youshi{width:100%; height: auto;  padding: 20px; border-top: 10px solid #f7f7f7; overflow: hidden}
.index_youshi ul{width:100%; height: auto; margin-top: 50px; overflow: hidden}
.index_youshi ul li{width:48%; height:auto; border: 1px solid #e5e5e5; background: #fff; float: left; text-align: center;   transition: .6s; margin-bottom: 20px;}
.index_youshi ul li:nth-child(2n){float: right}
.index_youshi ul li h4{font-size:1rem; color: #4d4d4d; line-height: 25px; font-weight: normal}
.index_youshi ul li span{width:40px; height: 5px; background: #7a1f6e; display: block; border-radius: 5px; margin:10px auto 30px;}
.index_youshi ul li i{width:80px; height: 80px; display: block; margin: 20px auto 10px;}
.ys_1{background: url(../images/ys_1.png) no-repeat center; background-size: 70% 70%}
.ys_2{background: url(../images/ys_2.png) no-repeat center; background-size: 70% 70%}
.ys_3{background: url(../images/ys_3.png) no-repeat center; background-size: 70% 70%}
.ys_4{background: url(../images/ys_4.png) no-repeat center; background-size: 70% 70%}
.index_youshi ul li:hover h4,.index_youshi ul li:hover p{color:#fff}
.index_youshi ul li:hover span{background: #fff}
.index_youshi ul li:hover{background: #7a1f6e; border: 1px solid #7a1f6e; margin-top: -10px;}
.index_youshi ul li:hover .ys_1{background: url(../images/ys_h1.png) no-repeat center; background-size: 70% 70%}
.index_youshi ul li:hover .ys_2{background: url(../images/ys_h2.png) no-repeat center; background-size: 70% 70%}
.index_youshi ul li:hover .ys_3{background: url(../images/ys_h3.png) no-repeat center; background-size: 70% 70%}
.index_youshi ul li:hover .ys_4{background: url(../images/ys_h4.png) no-repeat center; background-size: 70% 70%}
.news_more{width:200px; height: 50px; line-height: 50px; background: #7a1f6e url(../images/chuan.png) no-repeat 20px center; font-size:1rem; color: #fff; display: block; text-align: center; padding-left: 20px; margin: 10px auto;}



/*加盟服务*/
.index_join{width:100%; height:auto; padding: 20px; border-top: 10px solid #f7f7f7; overflow: hidden }
.index_join_p{width:100%; height:auto;overflow: hidden}
.index_join_p img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_join_l{width:50%; height:180px; background: rgba(255,255,255,0.9); padding: 30px 15px 0; float: left}
.index_join_l h3,.index_join_r h3{font-size: 20px; color: #4d4d4d; font-weight: bold;}
.index_join_l span,.index_join_r span{width:34px; height: 1px; background: #bdbcbc; display: block; margin: 15px 0}
.index_join_l p,.index_join_r p{width:100%; height: auto; line-height: 20px; font-size: 14px; color: #777777}
.index_join_r{width:50%; height:260px; background: rgba(247,247,247,0.8); padding: 30px 15px 0; float: left}
.index_join_p:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_join .index_product_title{margin-bottom: 36px;}




/* 主页新闻 */
.i_news{width:100%; height: auto; overflow: hidden;padding: 20px; border-top: 10px solid #f7f7f7;}
.i_news ul{width:100%; height: auto; overflow: hidden; background: #f7f7f7; padding: 10px;}
.i_news ul li{width:100%; height: auto; background: #fff; padding:15px 10px; margin-bottom: 10px;}
.in_news_t{width:auto; float: left; text-align: right}
.in_news_t p{font-size:1.8rem; color: #4d4d4d; display: block}
.in_news_t span{font-size: 1rem; color: #4d4d4d}
.in_news_x{width:auto; margin-left:92px;}
.in_news_x h3{width:100%; height: 30px; line-height: 30px; font-size: 1rem; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_x p{width:100%; height: 50px; line-height: 25px; font-size: 0.9rem; color: #777777;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.i_news ul li:hover{background: url(../images/news_bj.jpg) repeat}
.i_news ul li:hover p,.i_news ul li:hover h3,.i_news ul li:hover span{color:#fff}









/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index: 222; height: 70px;width: 100%; font-size: .14rem; padding-top: 2px; background: #7a1f6e; padding-top: 8px}
footer li{width: 25%;height: 100%;float: left}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;color: #fff}
footer span{line-height:30px; font-size: 12px; width: 100%; display: block; color: #fff}
footer li a.active span,footer li a:hover span{color: #ffffff}
footer .n1{background: url(../images/f_h1.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n2{background: url(../images/f_h2.png) no-repeat center;background-size:  100% 100%; width:23px;}
footer .n3{background: url(../images/f_h3.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer .n4{background: url(../images/f_h4.png) no-repeat center;background-size:  100% 100%; width:25px;}
footer .n5{background: url(../images/f_h5.png) no-repeat center;background-size:  100% 100%; width:32px;}
footer li a.active .n1{background: url(../images/f_1.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer li a.active .n2{background: url(../images/f_2.png) no-repeat center;background-size:  100% 100%; width:23px;}
footer li a.active .n3{background: url(../images/f_3.png) no-repeat center;background-size:  100% 100%; width:28px;}
footer li a.active .n4{background: url(../images/f_4.png) no-repeat center;background-size:  100% 100%; width:25px;}
footer li a.active .n5{background: url(../images/f_5.png) no-repeat center;background-size:  100% 100%; width:32px;}
footer i{height:25px; display: block; margin: 2px auto 0; }
.copy {width: 100%; padding-top:10px; text-align: center; line-height: 20px; clear: both; font-size: 14px;  padding-bottom: 10px; }
.copy_dz{width:100%;  height: auto;}
.copy_dz p span{font-size:1.2rem; color: #7a1f6e;}
.copy_dz p{color:#777;line-height: 26px; font-size: 0.9rem}
.copy_dz a{color:#777;line-height: 26px; font-size: 0.9rem}




@media screen and (max-width:375px){
	.swiper-button-prev{left:22%;}
	.swiper-button-next{left:55%}
	.index_hezuo ul li{height:95px;}
}
	
	
	
@media screen and (max-width:360px){
	.logo{width:78%}
	.index_hezuo ul li{height: 92px;}
}


@media screen and (max-width:320px){

	
}


/**内页**/
.second_phone{width: 100%; height: 45px; line-height: 45px; background: #eee; text-align: center; font-size: 1.2rem; color: #7a1f6e; font-weight: bold;}
.banner{width:100%;height: auto; overflow:hidden}
.banner > a{display: block;width: 100%;height: 100%;}
.second_nav{text-align: right;font-size: 12px;color: #333;line-height: 2;margin-top: 10px;margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.erd_nr > p{text-align: right;font-size: 12px;color: #333;line-height: 2;margin-top: 10px;margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.banner img{width:100%; height:auto; display:block;}
.mcon_xx{line-height:26px;}

/**abu-list**/
.abu-list{margin-top: 20px;padding-bottom: 60px;}
.abu-r-list ul{overflow: hidden;}
.abu-r-list ul li{width: 50%;height: 200px;float: left;overflow: hidden;position: relative;}
.abu-r-nr{width: 100%;height: 100%;position: absolute;left: 0;top:0;padding-top:28px ;padding-left: 22px;box-sizing: border-box;}
.abu-r-list ul li a > img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.abu-r-list ul li a{display: block;width: 100%;height: 100%;}
.abu-tit{color: #FFFFFF;}
.abu-tit h6{font-size: 22px;line-height: 1;}
.abu-tit span{font-size: 12px;font-family: arial;}
.abu-last{background: #FFFFFF;padding-top:28px ;}
.abu-last .abu-tit{color: #333333;}
.abu-jj{margin-top: 10px;line-height: 30px;}
.abu-jj p{font-size: 14px;color: #555555;}
.abu-jj p span{font-weight: bold;}
.abu-jj p strong{font-size: 22px;color: #007e35;}
.ny_footer{position: relative;background: #aaaaaa;text-align: center;margin-bottom: 61px;}

/**about 二级导航**/
.erd_list{width:100%; height: auto; background:#eee}
.erd_list ul{overflow: hidden;}
.erd_list ul li{float: left;width: 33.33%;height:45px;text-align: center;line-height:45px;font-size: 12px;color: #555555;}
.erd_list ul li.on,.erd_list ul li:hover{background:#7a1f6e;background-size: cover;}
.erd_list ul li a{display: block;}
.abu_con{padding-top: 35px;padding-bottom: 60px;}
.abu_nr img{width:100%; height:auto;}
.abu_tit{text-align: center;font-size: 22px;color: #555555;margin-bottom: 30px;}
.abu_nr{font-size: 14px;line-height: 24px;color: #777777;}
.erd_list ul li.on a,.erd_list ul li:hover a{color:#fff;}


/**honnor**/
.hon_list ul{overflow: hidden;}
.hon_list ul li{float: left;width: 48%;margin-bottom: 15px;}
.hon_list ul li:nth-child(2n){float: right;}
.hon_pic{width: 100%;height: auto;border: 1px solid #555555;padding: 12px 11px;box-sizing: border-box;}
.honp{width: 100%;height: 100%;overflow: hidden;position: relative;}
.honp img{width: 100%;height: 188px;transition: all 0.8s ease-in-out; display:block;}
.hon_txt{font-size: 14px;color: #777777;text-align: center;background: url(../images/hon_txt_on.png) no-repeat center top;line-height: 56px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}


/*内页产品*/
.pro_nav ul li{width: 50%; height:40px; line-height:40px; }
.ny_product{width:100%; height: auto; overflow: hidden; margin-bottom: 30px; margin-top:15px;}
.ny_product ul{width:100%; height: auto; overflow: hidden; margin-bottom:15px;}
.ny_product ul li{width:48%; height: auto; overflow: hidden; float: left; background:#ddd; margin-bottom: 10px; padding: 8px;}
.ny_product ul li:nth-child(2n){float: right}
.ny_product ul li img{width:100%;}
.cur_pic{width:100%; height: auto; overflow: hidden}
.cur_info{width:100%; height: 30px; line-height: 30px; overflow: hidden}
.cur_info h3{width:100%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size: 0.9rem;color: #333; text-align:center}
.cur_info p{float: right; font-size: 0.9rem; color:#333}
.ny_product_info{width:100%;  height:auto; line-height:26px; color:#666; font-size:0.9rem; margin-top:10px;}
.pro_h3{width:100%; height:auto;  line-height:28px; font-size:1rem; color:#333; margin-bottom:10px; text-align:center}
.pro_p{width:100%; height:auto;  line-height:28px; font-size:0.9rem; color:#666;  text-align:center}
.table_xx{width:100%; overflow:auto}
.ny_product_info img,.ny_product img{max-width:100%; height:auto;}


/**health**/
.mn_list{width:100%; height: auto;}
.mn_list > ul > li{line-height: initial;overflow: hidden;border-bottom: 1px solid #eeeeee;padding-bottom: 15px;margin-bottom: 15px;}
.mn_date{width: 25%;background: #bfbfbf;color: #FFFFFF;text-align: center;float: left;padding: 12px 0;}
.mn_date h6{font-size: 40px;line-height: 1;}
.mn_date span{font-size: 14px;}
.mn_wz{width: 70%;float: right;}
.mn_wz h6{font-size:1rem;color: #333333;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.mn_wz p{font-size: 14px;color: #666666;line-height: 24px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mn_bt{overflow: hidden;}
.mn_bt h6{float: left;font-size: 22px;color: #555555;}
.mn_bt span{float: right;font-size: 14px;color: #555555;display: inline-block;margin-top: 5px;}
.mn_bt span:hover{color: #007D34;}
.mnl_u > ul > li{margin-bottom: 15px;}


/**contact**/
.mcon_xx{margin-top: 15px;font-size: 14px;color: #555555;}
.mcon_xx p span{color: #7a1f6e;font-weight: bold;}
.go_black{width:90px;height: 30px;background: #7a1f6e; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: absolute; top:50%; right:5px; margin-top:-15px;}



/*案列*/
.ny_shebei{height:auto; overflow: hidden}
.ny_shebei ul{width:100%; height: auto; overflow: hidden; margin-top: 28px;}
.ny_shebei ul li{width:48%; height: auto; overflow: hidden; float: left;margin-bottom: 27px; margin-right:4%;}
.shebei_pic{width:100%; height:auto; overflow: hidden;}
.shebei_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_shebei ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_shebei ul li .she_sousuo{width:100%; height: 45px; background: #eeeeee}
.ny_shebei ul li .she_sousuo p{width:95%; height: 45px; line-height: 45px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0.9rem; color: #333333; padding:0px 8px;}
.sousuo{width:60px; height: 45px; background: #b5b5b5; text-align: center; float: right; display: flex; align-items: center;}
.sousuo img{align-items: center; margin: 0px auto;}
.ny_shebei ul li:hover .sousuo{background: #ffd106}
.ny_shebei ul li:nth-child(2n){margin-right:0px;}



/*手机页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#7a1f6e; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }
