@charset "gb2312";
/* CSS Document */

@media only screen and (max-width: 1779px) {

}
@media only screen and (max-width: 1440px){

}

@media only screen and (max-width: 1280px) {
	.width100{max-width:960px;}
	.indexelites-list .lites .lites-txt{padding: 0;}
	.indexcoop-list ul li{width: 320px;height:196px;}
	.indexcoop-list ul li:nth-child(3n){border-right: 0.5px solid gainsboro;}
	.indexcoop-list ul li:nth-child(4),
	.indexcoop-list ul li:nth-child(5),
	.indexcoop-list ul li:nth-child(6){border-top: none;}
	.about1-list .about1-li {width: 31%;}
	.topnav li{padding: 0 0.5%;}
	.anli .anli-list .anli-li {margin:8px;}
	.team-list .team-li {margin: 18px;}
	.join_list .join_li {margin: 8px;}
	.joinmum_tit {width: 80%;}
	.joinmum_list .joinmum_li h2 {font-size: 35px;line-height: 50px;}
	.joinmum_list .joinmum_li .gun-li .ti-user {top: 20px;right: 67px;}
	.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top: 20px;right: 53px;}
	.joinmum_list .joinmum_li .gun-li .ti-star,
	.joinmum_list .joinmum_li .gun-li .ti-support{top: 5px;right: 89px;}
	.stylist-list .stylist-li {margin:8px;}
	.joinform-liu p.liu-p1 {left: 112px;bottom: 0px;}
	.joinform-liu p.liu-p2 {left: 304px;bottom: 98px;}
	.joinform-liu p.liu-p3 {left: 488px;bottom: 25px;}
	.joinform-liu p.liu-p4 {right: 264px;bottom: 113px;}
	.joinform-liu p.liu-p5 {right: 94px;top: 63px;}
	.workerlist form p {width: 75%;}
	footer ul li.foot-li5 img {margin: 5px 0 10px 0;}
	.mater2-litit {top: 24%;left: 37%;width: 240px;height: 266px;}
	.contact-li1 .contact-liright {width: 36%;}
	.indexser .serline img{height: 1px;}
	.about1-list .about1-li { margin: 8px;}
	.team-list .team-li img {height: 168px;}
	.team-list .team-li .team-litxt {padding:0px 15px 5px 15px;}
	.team-list .team-li .team-litxt p {line-height: 20px;margin-top: 5px;}
	.team-list .team-li .team-litxt h6 {height:2px;margin: 4px 0;}
	
}
@media only screen and (max-width: 1024px) {
	.width100{max-width:800px;}
	.indexelites-list .lites{width: 50%;}
	.indexelites-list .lites .lites-txt{padding: 15px 0 0 0;}
	.indexab-left{float: none;width: 100%;}
	.indexab-tit{float: none;width: 100%;margin: 30px 0 0 0;}
	.indexab-left-tit .ab-ch {font-size: 35px;right: 322px;top: 145px;}
	.indexab-left-tit .ab-en {font-size: 38px;right: 140px;bottom: 119px;}
	.indexab-tit a{margin: 15px 0 0 0;}
	.index5List .listBox { width: 95px;height: 95px;}
	.index5List .H6 {font-size: 14px;}
	.indexcoop-list ul li {width: 265px;height: 164px;}
	footer ul li {width: 33%;}
	footer ul li.foot-li5{float: left;}
	.topnav li {padding: 0 0.1%;}
	.topnav li a{padding-left: 17px;}
	.about-list .about-li .about-lileft .about-litxt p,
	.about-list .about-li .about-liright .about-litxt p{font-size: 14px;line-height: 24px; margin:8px 0;}
	.about-list .about-li .ab-liimg,
	.about-list .about-li .about-lileft .ab-liimg{width: 340px;height: 212px;}    
	.about-list .about-li .ab-liimg .ab-lipic{width: 340px;height: 212px;margin: -15px 0px 0 -15px;}
	.about-list .about-li .about-lileft .ab-liimg .ab-lipic{width: 340px;height: 212px;margin: -15px -15px 0 0px;}
	.anli .anli-list .anli-li {width: 31%;}
	.banner .ab-banbg h1 { font-size: 35px;}
	.team-list .team-li {width: 100%;}
	.team-list .team-li img {height: 305px;}
	.team-list .team-li .team-litxt{padding: 5% 15px;}
	.team-list .team-li .team-litxt h6{margin: 10px 0;}
	.team-list .team-li .team-litxt p{line-height: 24px;margin-top: 10px;}
	.serves-li .serves-liright,
	.serves-li .serves-lileft{width: 50%;}
	.serves-litxt p.t1{font-size: 45px;}
	.serves-litxt p.t2{font-size: 22px;}
	.serves-litxt p.t4 {padding: 10px 0 10px 0;line-height: 24px;}
	.serves-liimg img {margin: 25px auto 0 auto;}
	.joinmum_list .joinmum_li .gun-li .ti-user {top: 20px;right:47px;}
	.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top: 20px;right:33px;}
	.joinmum_list .joinmum_li .gun-li .ti-star,
	.joinmum_list .joinmum_li .gun-li .ti-support{top: 5px;right:69px;}
	.joinmum_list .joinmum_li h3 {font-size: 16px;}
	.joinform-liu p.liu-p1 {left:89px;bottom:-3px;}
	.joinform-liu p.liu-p2 {left:249px;bottom:75px;}
	.joinform-liu p.liu-p3 {left:401px;bottom:14px;}
	.joinform-liu p.liu-p4 {right:220px;bottom:87px;}
	.joinform-liu p.liu-p5 {right:75px;top:53px;}
	.about-titbtn ul li a{font-size: 18px;}
	.mater3-list .mater3-li{width: 30.5%;}
	.mater2-litit{left: 34%;}
	.brand .brand-li{width: 25%;}
	.brand .brand-li:nth-child(6), .brand .brand-li:nth-child(12){border-right:1px solid #DCDCDC;}
	.mater3-li .mater3-litxt{width: 95%;}
	.layout .layout-list .layout-li{width: 30.5%;}
}

@media only screen and (max-width:850px) {
	.width100{max-width:720px;}
	.about-tit{display: none;}
	.indexelites-list .lites .lites-txt {padding: 8px 0 0 0;}
	.indexcoop-list ul li { width: 240px;height: 148px;}
	.about-list .about-li .about-lileft{float: none;width: 100%;}
	.about-list .about-li .about-liright{float: none;width: 100%;}
	.about-list .about-li .about-liright{float: none;width: 100%;}
	.about-list .about-li .about-lileft{float: none;width: 100%;}
	.about-list .about-li .ab-liimg, .about-list .about-li .about-lileft .ab-liimg{width: 100%;height: 100%;}
	.about-list .about-li .ab-liimg{background: none;}
	.about-list .about-li .ab-liimg .ab-lipic{width: 100%;height: 100%;margin: 0;}
	.about-list .about-li .about-lileft .ab-liimg .ab-lipic{width: 100%;height: 100%;margin: 0;}
	.about1-list .about1-li {width: 47.5%;}
	.anli .anli-list .anli-li {width: 47.5%;}
	.team-list .team-li img {height: 275px;}
	.join_list .join_li {width: 47.5%;}
	.joinmum_tit p {font-size: 14px;}
	.joinmum_list .joinmum_li h2 { font-size: 30px;line-height: 30px;}
	.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:42px;}
	.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:28px;}
	.joinmum_list .joinmum_li .gun-li .ti-star,
	.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:64px;}
	.joinform-liu p.liu-p1 {left:78px;bottom:-3px;}
	.joinform-liu p.liu-p2 {left:222px;bottom:68px;}
	.joinform-liu p.liu-p3 {left:359px;bottom:14px;}
	.joinform-liu p.liu-p4 {right:194px;bottom:75px;}
	.joinform-liu p.liu-p5 {right:65px;top:53px;}
	.joinform_body .joinform_right form button {width: 30%;}
	.joinform_body .joinform_right form {width: 80%;}
	.stylist-list .stylist-li{width: 47.5%;}
	.mater2-litit {background:none; position: inherit; width: auto; height: auto;left: 0;}
	.mater2-ul .mater2-li1, .mater2-ul .mater2-li2 { width: 49%;margin:0 0 14px 0;height: 145px;}
	.layout .layout-list .layout-li {width: 47%;}
	.contact-li1 .contact-lileft{width: 100%;float: none;}
	.contact-li1 .contact-liright{width: 100%;float: none;margin-top: 30px;}
	.contact-txt3 {margin: 0 0 60px 0;}
	.indexcoop-list ul li {width: 232px;height: 144px;}
	.nei_ban{display: block;}
	footer ul li.foot-li4 {margin-left: 0%;}
	.adiv div img
	{
		width:95% !important;
	}

}
.sub-menu li.zongjia{display: none;}
@media only screen and (max-width:768px) {
	.width100{max-width:700px;}
	.sub-menu li.zongjia{display: block;}
	.joinform-liu p.liu-p1 {left:75px;bottom:-5px;}
	.joinform-liu p.liu-p2 {left:214px;bottom:63px;}
	.joinform-liu p.liu-p3 {left:348px;bottom:12px;}
	.joinform-liu p.liu-p4 {right:187px;bottom:73px;}
	.joinform-liu p.liu-p5 {right:65px;top:53px;}
	.mater3-list .mater3-li {width: 30%;}
	.indexab-left-tit img{margin-right: 22%;}
}
@media only screen and (max-width:720px) {
	.width100{max-width:600px;}
	.indexelites-list .lites .lites-txt{padding: 0;}
	.indexelites-list .lites .lites-txt small{margin: 5px 0;}
	.index5List .listBox {width: 75px; height: 75px;}
	.index5List .H6 {font-size: 12px;margin-top: 10px;}
	.indexser .serline{bottom:33px;}
	.indexcoop-list ul li {width: 198px;height: 125px;}
	.about1-list .about1-li {width: 47%;}
	.anli .anli-list .anli-li{width: 47%;}
	.serves-litxt {width: 100%; margin:10px auto;}
	.join_list .join_li{width: 47%;}
	.stylist-list .stylist-li{width: 47%;}
	/*.about{display: none;}*/
	.joinform-liu p.liu-p1 {left:60px;bottom:-8px;}
	.joinform-liu p.liu-p2 {left:182px;bottom:50px;}
	.joinform-liu p.liu-p3 {left:296px;bottom:5px;}
	.joinform-liu p.liu-p4 {right:157px;bottom:58px;}
	.joinform-liu p.liu-p5 {right:50px;top:43px;}
	.workerlist form{width: 75%;}
	.manager-list .manager-li .manager-lileft .lileft-body,
	.manager-list .manager-li .manager-liright .liright-body{width: 100%;}
	.joinform-liu p {font-size: 14px;}
	.layout .layout-list .layout-li{width: 46.5%;}
	.indexab-left-tit .ab-ch {right: 265px;top: 120px;}
	.indexab-left-tit .ab-en {font-size: 35px;right: 120px;bottom: 94px;}
}
@media only screen and (max-width: 620px) {
	.width100{max-width:540px;}
	.indexelites-list .lites{padding: 10px 0;}
	.indexab-left-tit .ab-ch {font-size: 30px;right: 236px;top: 116px;}
	.indexab-left-tit .ab-en {font-size: 31px;right: 109px;bottom: 88px;}
	.indexser .serline {bottom: 49px;}
	.indexcoop-list ul li {width: 178px;height: 110px;}
	.joinform-liu p.liu-p2 {left: 165px;bottom: 45px;}
	.joinform-liu p.liu-p3 {left: 268px;bottom: 5px;}
	.joinform-liu p.liu-p4 { right: 142px;bottom: 53px;}
	.joinform-liu p.liu-p5 {right: 45px;top: 43px;}
	.joinform_body .joinform_left{display: none;}
	.joinform_body .joinform_right{width: 100%;}
	.joinmum_list .joinmum_li {width: 50%;margin: 25px 0;}
	.joinmum_tit{width: 100%;}
	.joinmum_tit p{line-height: 30px;}
	.joinmum .joinmum_bg{padding: 20px 0;}
	.joinmum_list{margin: 20px 0;}
	.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:83px;}
	.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:69px;}
	.joinmum_list .joinmum_li .gun-li .ti-star,
	.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:105px;}
	.workerlist form p{width: 80%;}
	.manager-liright .liright-icon img,
	.manager-lileft .lileft-icon img{margin: 5px auto;width: 30%;display: block;}
	.manager-liright .liright-icon,
	.manager-lileft .lileft-icon{width: 100%;float: none;}
	.manager-liright .liright-txt,
	.manager-lileft .lileft-txt{width: 100%;float: none;padding: 10px 0;}
	.manager-list .manager-li .manager-licen{margin-top: 20%;}
	.mater3-list .mater3-li{margin: 10px 0 ;width: 100%;}
	.mater2-ul .mater2-li2,
	.mater2-ul .mater2-li1{padding: 25px 10px;}
	.brand .brand-li{width: 33.335%;}
	.brand .brand-li:nth-child(3n){border-right: none;}
	.layout .layout-list .layout-li{width: 46%;}
	.lileft-txt h3, .liright-txt h3{text-align: center;line-height: 30px;}
	.lileft-txt span, .liright-txt span{margin: 8px auto;}
}
.app_liucheng{display:none ;}
.app_liu2{display: none;}
@media only screen and (max-width:540px) {
	.banner .ab-banbg h1 { font-size: 25px;}
.width100{max-width: 400px;}
.indexelites-list .lites{width: 100%;}
.indexelites-list .lites .lites-txt{padding: 30px 0 0 0;}
.indexab-left-tit .ab-ch {font-size: 25px;right: 167px;top: 100px;}
.indexab-left-tit .ab-en {font-size: 26px;right: 63px;bottom: 70px;}
.indexab-tit p {line-height: 24px;}
.app_liucheng{display:block ;width: 100%;margin: 10px 0 0 0;}
.app_liucheng img{width: 100%;}
.pc_liucheng{display: none;}
.indexser .serline{display: none;}
.indexcoop-list ul li {width: 132px;height: 84px;}
footer ul li{width: 50%;}
footer ul li.foot-li4 {margin-bottom: 22px;}
.about1-list .about1-li{margin: 10px 0;width: 100%;}
.anli .anli-list .anli-li{margin: 10px 0;width: 100%;}
.team-list .team-li img{height: 152px;}
.team-list .team-li .team-litxt {padding: 1% 10px;}
.team-list .team-li .team-litxt h3 { font-size: 20px;line-height: 1.4}
.team-list .team-li .team-litxt h6 {margin: 5px 0;}
.team-list .team-li .team-litxt p {line-height: 21px;margin-top: 0px;}
.serves-li .serves-liright, .serves-li .serves-lileft{float: none;width: 100%;}
.join_list .join_li{width: 100%;margin: 10px 0;}
.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:53px;}
.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:39px;}
.joinmum_list .joinmum_li .gun-li .ti-star,
.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:75px;}
.pc_liu2{display: none;}
.app_liu2{display: block; width: 100%;}
.app_liu2 img{width: 100%;}
.stylist-list .stylist-li{width: 100%;margin: 10px 0;}
.workerlist form{width: 100%;}
.mater2-ul .mater2-li2, .mater2-ul .mater2-li1{margin: 10px 0;width: 100%;}
.brand .brand-li {width: 33.3%;}
footer ul li.foot-li3{padding-left: 0;}
.layout .layout-list .layout-li{width: 100%;margin: 10px 0;}
}

@media only screen and (max-width:414px) {
	.indexelites-list .lites .lites-txt {padding: 8px 0 0 0;}
.width100{width: 350px;}
.indexab-left-tit .ab-ch {font-size: 20px;right: 143px;top: 96px;}
.indexcases-tit h2,
.indexelites-tit h2,
.indexab-tit h2,
.indexser-tit h2,
.indexcoop-tit h2,
.joinform .joinform-tit h2,.mater3-tit h2,.mater2-litit h2,
.stylist-tit h2,
.manager-tit h2{font-size: 30px;}
.indexelites-tit p{line-height: 35px;}
.indexab-left-tit .ab-en{font-size: 20px;}
.indexcoop-list ul li {width: 175px;height: 110px;}
.indexcoop-list ul li:nth-child(2n){border-right: 0.5px solid gainsboro;}
.team-list .team-li img {height: auto;width: 100%;}
.team-list .team-li .team-litxt{width: 100%;padding: 5% 10px;}
.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:40px;}
.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:26px;}
.joinmum_list .joinmum_li .gun-li .ti-star,
.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:62px;}
.workerlist form p{width: 100%;}
.manager-list .manager-li .manager-licen {margin-top: 33%;}
.brand .brand-li{width: 50%;}
.brand .brand-li:nth-child(2n),
.brand .brand-li:nth-child(2n-1){border-right: 0.5px solid gainsboro;;}
.contact-lileft .contact-txt1 h2 {font-size: 23px;}
.logo a img{height: 40px;}
.logo {margin-left: -75px;top: 9px;}
.joinform_body .joinform_right form input{width: 100%;margin: 10px 0;}
.joinform_body .joinform_right form button {width: 40%;}
.workerlist form button {width: 42%;}
.contact-lileft .contact-txt2{margin: 0;width: 100%;}
.contact-txt3 img {width: 15%;}
.contact-txt3 .contact-txt3t { width: 80%;}
footer ul li.foot-li1{width: 100%;}
footer ul li.foot-li4{width: 100%;}
footer ul li.foot-li2{padding-left: 0;}
.con form p input { width: 200px;}
.con form p button.yzm-btn {padding:2px;}
}

@media only screen and (max-width:1000px) and (max-width:500px){


}
@media only screen and (max-width:375px) {
.width100{width: 300px;}
.indexelites-list .lites .lites-txt {padding:8px 0 0 0;}
.indexab-left-tit .ab-ch {font-size: 18px;right: 120px;top: 91px;}
.indexab-left-tit .ab-en {font-size: 16px;right: 60px;bottom: 58px;}
.indexcoop-list ul li {width: 150px;height: 94px;}
.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:28px;}
.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:14px;}
.joinmum_list .joinmum_li .gun-li .ti-star,
.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:50px;}
.contact-lileft .contact-txt1 h2 {font-size: 19px;}
.bannercontent .bannertitle { font-size: 25px;}
}

@media only screen and (max-width:320px) {
.width100{width:290px;}
.indexelites-list .lites .lites-txt {padding:0;}
.indexab-left-tit .ab-ch {font-size: 18px;right: 120px;top: 91px;}
.indexab-left-tit .ab-en {font-size: 16px;right: 60px;bottom: 58px;}
.indexcoop-list ul li {width: 145px;height: 91px;}
.joinmum_list .joinmum_li .gun-li .ti-user {top:8px;right:24px;}
.joinmum_list .joinmum_li .gun-li .ti-pencil-alt {top:8px;right:10px;}
.joinmum_list .joinmum_li .gun-li .ti-star,
.joinmum_list .joinmum_li .gun-li .ti-support{top:0px;right:46px;}
.contact-lileft .contact-txt1 h2 {font-size: 19px;}
.bannercontent .bannertitle { font-size: 20px;}
}

@media only screen and (max-width: 860px) {

}  

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 720px) {

}


@media only screen and (max-width: 670px) {

}
@media only screen and (max-width: 600px) {

	
	
}

@media only screen and (max-width: 570px) {

} 

@media only screen and (max-width: 530px) {

	
}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 415px) {

}

@media only screen and (max-width: 410px) {

}
@media only screen and (max-width: 400px) {

}

@media only screen and (max-width:375px) {

}


@media only screen and (max-width:320px) {

}