/* CSS Document */
/* Reset */
*{margin:0;padding:0;outline:none;-webkit-font-smoothing: antialiased;}*:not(input,textarea){-webkit-touch-callout:inherit;-webkit-user-select:auto;}body{width:100%;font-size:16px;-webkit-touch-callout:inherit;-webkit-user-select:auto;}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}a:hover{text-decoration:none;}button,input,select,textarea{font-size:100%;margin:0;padding:0;outline:none;}textarea,input{resize:none;outline:none;}textarea{resize:none;-webkit-appearance:none;}ul,ol,li{list-style:none;}em{font-style:normal;}h3,h4{ font-weight:normal;}
.btn:active,.menuAlert a:active,nav a:active{ transform:scale(.9); -webkit-transform:scale(.9);}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
/* Globle */
body,input,textarea,select{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
.hide{ display:none;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.duration a,.animate,.imgViewIndex dd,menu{
	transition:all .6s ease;
	-moz-transition:all .6s ease;
	-webkit-transition:all .6s ease; 
	-o-transition:all .6s ease;
	}
/* Base */
@media screen and (max-width: 750px){
	html{ font-size:100px;}
	}
@media screen and (max-width: 414px){
	html{ font-size:55.2px;}
	}
@media screen and (max-width: 375px){
	html{ font-size:50px;}
	}
@media screen and (max-width: 320px){
	html{ font-size:42.67px;}
	}
.imgViewCont{ position:relative; width:100%; overflow:hidden;}
.imgViewCont li{ display:none; float:left; margin-right:-100%; width:100%;}
.imgViewCont li.current,.imgViewCont li:nth-child(1){ display:block;}
.imgViewCont img{ width:100%;}
/* Globle*/
header{ position:fixed; left:0; top:0; width:100%; height:.9rem; background:#FFF; z-index:5;}
h1{ position:absolute; left:.2rem; top:0; height:100%; width:2.8rem;}
h1 a{ display:block; width:100%; height:100%; background:url(../img/logo.jpg) no-repeat center; background-size:auto .5rem;}
.menuBtn{ position:absolute; right:.2rem; top:0; display:block; width:.7rem; height:100%; background:url(../img/icon1.png) no-repeat center; background-size:.4rem auto;}
.menuBtn.open{ background-image:url(../img/icon2.png); background-size:.3rem auto;}
.headerBlock{ height:.9rem;}
.navSection{ display:none; position:fixed; left:0; top:.9rem; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:9;}
.navSection.open{ display:block;}
nav{ padding-top:1.05rem;}
nav a{ display:block; font-size:.36rem; line-height:1rem; color:#dcdcdc; text-align:center;}
@-webkit-keyframes fromRightFade {
	from{ -webkit-transform:translateX(100%); opacity:0;}
}
@keyframes fromRightFade {
	from{ transform:translateX(100%); opacity:0;}
}
nav a:nth-child(2){ animation-delay:.1s; -webkit-animation-delay:.1s;}
nav a:nth-child(3){ animation-delay:.2s; -webkit-animation-delay:.2s;}
nav a:nth-child(4){ animation-delay:.3s; -webkit-animation-delay:.3s;}
nav a:nth-child(5){ animation-delay:.4s; -webkit-animation-delay:.4s;}
nav a:nth-child(6),.shares a:nth-child(2){ animation-delay:.5s; -webkit-animation-delay:.5s;}
.shares a:nth-child(1),.shares a:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s;}
.shares{ position:absolute; left:0; bottom:1.9rem; width:100%; text-align:center;}
.shares a{ display:inline-block; margin:0 .17rem; width:.6rem; height:.6rem;}
.weixin{ background:url(../img/icon3.png) no-repeat center; background-size:100%;}
.qq{ background:url(../img/icon4.png) no-repeat center; background-size:100%;}
.sina{ background:url(../img/icon5.png) no-repeat center; background-size:100%;}
@-webkit-keyframes fromBottomFade {
	from{ -webkit-transform:translateY(100%); opacity:0;}
}
@keyframes fromBottomFade {
	from{ transform:translateY(100%); opacity:0;}
}
.shares a,nav a{
	animation: fromBottomFade .6s ease both;
	-webkit-animation: fromBottomFade .6s ease both;
	}
.banner{ position:relative; overflow:hidden; width:100vw; height:40vw; background-repeat:no-repeat;background-position:center;background-size:cover;}
.banner span{ position:absolute; width:90vw; height:40vw; left:5vw; top:0; background-repeat:no-repeat;background-position:left center;background-size:cover;}
.banner img{ display:block; width:100vw; height:40vw;}
.bannerTxt{ position:absolute; left:.54rem; bottom:.6rem; color:#FFF;}
.bannerTxt h3,.bannerTxt h4{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.bannerTxt h3{ font-size:.5rem;}
.bannerTxt h4{ font-size:.3rem;}
.bannerTxt p{ font-size:.24rem;}
.bannerTxt:after{ content:" "; display:block; margin-top:.32rem; height:2px; width:.32rem; background:#FFF;}
@-webkit-keyframes fromS2Fade {
	from{ -webkit-transform:scale3d(2,2,2); opacity:0;}
}
@keyframes fromS2Fade {
	from{ transform:scale3d(2,2,2); opacity:0;}
}
.bannerTxt{
	animation: fromS2Fade .6s ease-out both;
	-webkit-animation: fromS2Fade .6s ease-out both;
	}
@-webkit-keyframes bannerImg {
	from{ -webkit-transform:scale3d(1.5,1.5,1.5);}
}
@keyframes bannerImg {
	from{ transform:scale3d(1.5,1.5,1.5);}
}
.banner img{
	animation: bannerImg 4s ease both;
	-webkit-animation: bannerImg 4s ease both;
	}
.bannerFunc{ padding:0 .35rem; height:.76rem; background:#FFF; overflow:hidden; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.bannerIndex{ float:left; font-size:.25rem; color:#717171; padding-left:1.12rem; height:.76rem; line-height:.76rem; background:url(../img/icon11.png) no-repeat .15rem center; background-size:.7rem auto;}
.shareBtn{ float:right; padding-left:.4rem; height:.76rem; line-height:.76rem; font-size:.24rem; color:#000; text-transform:uppercase; background:url(../img/icon10.png) no-repeat 0 center; background-size:.24rem auto;}
.banner dl{ position:absolute; left:0; bottom:.2rem; width:100%; text-align:center;}
.banner dd{ display:inline-block; margin:0 5px; width:8px; height:8px; border:1px solid #FFF; border-radius:50%;}
.banner dd.hover{ background:#FFF;}
.about{ padding:.8rem .74rem .72rem; background:url(../img/img1.jpg) no-repeat center; background-size:cover; color:#FFF; text-align:center;}
.about2{ background-image:url(../img/img2.jpg);}
.about h3{ margin-bottom:.18rem; font-size:.4rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}
.about p{ font-size:.24rem; line-height:1.6;}
.aboutMore a{ display:block; padding:.4rem .38rem .5rem 1.65rem; border-bottom:1px solid #e9e8e8;}
.cor{ background:url(../img/icon12.png) no-repeat .72rem .45rem; background-size:.55rem auto;}
.spi{ background:url(../img/icon13.png) no-repeat .72rem .45rem; background-size:.67rem auto;}
.sto{ background:url(../img/icon14.png) no-repeat .72rem .45rem; background-size:.75rem auto;}
.cul{ background:url(../img/icon15.png) no-repeat .72rem .45rem; background-size:.56rem auto;}
.aboutMore h3{ font-size:.3rem; color:#000;}
.aboutMore h4{ margin-bottom:.1rem; font-size:.24rem; color:#656565;}
.aboutMore p{ line-height:1.6; font-size:.24rem; color:#939393;}
.title1{ margin-bottom:.16rem; line-height:.8rem; font-size:.3rem; text-align:center;}
.title1 a{ display:block; color:#0c0c0c;}
.products ul{ background:#fafafa;}
.products li{ position:relative;}
.proTouchBox a{ display:inline-block; width:90%;}
/*.proTouchBox a:after{ position:absolute; right:.2rem; bottom:.24rem; content:" "; display:block; width:.39rem; height:.39rem; background:url(../img/icon6.png); background-size:100% auto;}*/
.products .imgbox,.products .imgbox img{ width:100%;}
.products .txtbox{ line-height:1.6;}
.products h4{ font-size:.3rem; color:#414141;}
.products p{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:capitalize; font-size:.24rem; color:#9f9f9f;}
.proTouchBox{ position:relative; overflow:hidden;}
.proTouchBox ul{ position:relative; left:0; width:99999px; overflow:hidden;}
.proTouchBox li{ float:left; width:50vw; text-align:center;}
.tips{ height:1.16rem; line-height:1.16rem; font-size:.24rem; color:#4444; text-align:center; background:url(../img/icon7.png) no-repeat center; background-size:auto .14rem;}
@-webkit-keyframes hitDame {
	0%,100%{ -webkit-transform:scale3d(1,1,1);}
	50%{ -webkit-transform:scale3d(1.1,1.1,1.1);}
}
@keyframes hitDame {
	0%,100%{ transform:scale3d(1,1,1);}
	50%{ transform:scale3d(1.1,1.1,1.1);}
}
.tips{
	animation: hitDame 1s ease-in-out both infinite;
	-webkit-animation: hitDame 1s ease-in-out both infinite;
	}
.blog{ padding-bottom:.3rem; border-top:1px solid #e9e8e8;}
.blog_index{ position:relative; padding:0 .2rem; overflow:hidden;}
.blog_index a{ display:block; width:3.42rem; background:#ebf0fa;}
.blog_index .imgbox{ position:relative; width:100%; height:1.9rem; overflow:hidden;}
.blog_index img{ width:100%; min-height:100%;}
.blog_index a:nth-child(1){ float:left;}
.blog_index a:nth-child(2){ float:right;}
.blog_index .txtbox{ padding:.3rem .25rem 0; height:1.8rem;}
.blog_index h4{ font-size:.28rem; margin-bottom:.1rem; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.blog_index p{ font-size:.24rem; color:#999; line-height:1.6;}
.contact{ position:relative; padding:.2rem 0; background:url(../img/bg1.jpg); background-size:100% 100%; overflow:hidden;}
.contact div{ line-height: .3rem;
    padding: 0.15rem 0 0.15rem 1rem; color:#FFF;}
.contact p{ font-size:.24rem;}
.contact h4{ font-size:.3rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.contact div:nth-child(1){ background:url(../img/icon8.png) no-repeat .2rem center; background-size:.48rem auto;}
.contact div:nth-child(2){ background:url(../img/icon9.png) no-repeat .2rem center; background-size:.48rem auto;}
.contact div:nth-child(3){ background:url(../img/icon23.png) no-repeat .2rem center; background-size:.48rem auto;}
footer{ position:relative; background:#202020; font-size:.24rem; overflow:hidden;}
footer div{ position:relative; height:.75rem; line-height:.75rem;}
footer p{ position:absolute; left:.2rem; top:0;}
footer a{ position:absolute; right:.2rem; top:0;}
footer p,footer a{ color:#FFF;}
@media screen and (max-width: 360px){
	footer{ height:auto;}
	footer p,footer a{ position:static; text-align:center; display:block;}
	}
@media screen and (max-width: 321px){
.contact div:nth-child(2){ width:42vw;}
footer div{ height:auto;}
}
.partList{ position:relative; padding:0 .5vw .3rem; overflow:hidden;}
.partList a{ display:block; float:left; margin:1vw; width:31vw; border:1px solid #f4f4f4; box-sizing:border-box; -webkit-box-sizing:border-box;}
.partList img{ width:100%;}
.title2{ line-height:1rem; font-size:.3rem; text-align:center;}
.title2 a{ display:block; color:#0c0c0c;}
.aboutSani{ position:relative; overflow:hidden;}
.aboutSani img{ width:100%;}
.aboutSani .txtbox{ padding:.2rem .4rem .6rem; text-align:center;}
.aboutSani h4{ line-height:.65rem; font-size:.28rem;}
.aboutSani p{ line-height:1.8; font-size:.24rem; color:#939393;}
.aboutSani .txtbox a{ display:block; margin:.4rem auto 0; width:2.46rem; height:.5rem; border:1px solid #dcdcdc; background:url(../img/icon16.png) no-repeat center #FFF; background-size:.74rem auto;}
.article1{ position:relative; overflow:hidden; padding:.3rem .32rem .7rem;}
.article1 h4{ line-height:.84rem; font-size:.4rem; text-align:center;}
.article1 p{ line-height:1.8; font-size:.24rem; color:#727272;}
.article1 img{ width:100% !important; height:auto !important;}
header h2{ font-size:.3rem; color:#0c0c0c; text-align:center; line-height:.9rem; font-weight:normal;}
.back{ position:absolute; left:.2rem; top:0; display:block; width:.7rem; height:100%; background:url(../img/icon17.png) no-repeat center; background-size:.33rem auto;}
.teachBox{ position:relative; overflow:hidden; padding:.2rem; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
.teachBox a{ position:relative; display:block; width:3.4rem; height:4.7rem;}
.teachBox a:nth-child(1){ float:left;}
.teachBox a:nth-child(2){ float:right;}
.teachBox .imgbox{ position:relative; width:3.4rem; height:1.34rem; overflow:hidden;}
.teachBox img{ width:100%; min-height:100%;}
.date{ position:relative; margin-bottom:.1rem; line-height:.7rem; border-bottom:1px solid #dcdcdc; color:#444; overflow:hidden;}
.date span:nth-child(1){ float:left; font-size:.3rem;}
.date span:nth-child(2){ float:right; font-size:.24rem;}
.teachBox h4{ line-height:.5rem; font-size:.3rem; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.teachBox p{ line-height:1.6; color:#949494; font-size:.24rem;}
.moreBtn,.viewMore{ display:block; width:1.38rem; height:.45rem; line-height:.45rem; text-align:center; font-weight:bold; text-transform:uppercase; color:#0d0d0d; font-size:.24rem; border:1px solid #959595; border-radius:.23rem;}
.teachBox abbr{ position:absolute; left:0; bottom:.2rem;}
.meet{ padding-bottom:.36rem; border-bottom:1px solid #EEE;}
.meetList{ padding:0 .2rem;}
.meetList li{ margin-bottom:.28rem;}
.meetList a{ display:block; position:relative; overflow:hidden;}
.meetList img{ float:left; width:2.6rem; height:1.7rem;}
.meetList .txtbox{ float:right; width:4.1rem;}
.meetList h4{ margin-bottom:.2rem; font-size:.3rem; color:#1a1a1a;}
.meetList p{ font-size:.24rem; color:#a0a0a0;}
.viewMore{ margin:.2rem auto 0; width:1.93rem;}
.salon{ position:relative; padding-bottom:.3rem; overflow:hidden;}
.saniblog{ padding-bottom:.3rem; border-bottom:1px solid #EEE;}
.lib{ padding-bottom:.3rem;}
.libList{ padding:0 .2rem;}
.libList li{ margin-bottom:.2rem; border:1px solid #d0dbe5; background:#eef3f7;}
.libList a{ display:block; padding:.28rem;}
.libList h4{ margin-bottom:.2rem; font-size:.3rem; color:#333;}
.libList p{ line-height:1.8; font-size:.24rem; color:#888;}
.blogSwitch{ position:relative; overflow:hidden;}
.blogul{ position:relative; width:99999px; overflow:hidden;}
.blogul li{ float:left; position:relative; width:100vw;}
.proNav{ position:relative; overflow:hidden;}
.proNav a{ display:block; float:left; height:1rem; line-height:1rem; width:25vw; text-align:center; font-size:.25rem; color:#424242; background:#FFF;}
.proNav a.hover,.proNav a:active{ color:#2169d8;}
.proList{ padding:.2rem .4rem; background:#EEE;}
.proList h3{ display:inline-block; margin-bottom:.3rem; line-height:.54rem; font-size:.25rem; color:#303030; border-bottom:1px solid #2169d8;}
.proList div{ position:relative; text-align:center; overflow:hidden;}
.proList a{ display:inline-block; margin-bottom:.1rem; width:30%; font-size:.24rem; color:#333;}
.proList a:nth-child(3n+2){ margin:0 5% .1rem;}
.proList img{ width:60%;}
.proContent{ position:relative; padding:.4rem .2rem; overflow:hidden;}
.proContent p{ font-size:.24rem !important; line-height:2; color:#999;}
.proContent img{ max-width:100%; width:100% !important; height:auto !important;}
.proContent embed{ width:100%; height:auto;}
.contactInfo{ padding:.4rem; border-bottom:1px solid #EEE;}
.contactInfo h3{ margin-bottom:.2rem; font-size:.3rem; color:#2e2d2b;}
.contactInfo p{ padding-left:.4rem; line-height:2; font-size:.24rem; color:#4a4a4a;}
.contactInfo p:nth-child(2){ background:url(../img/icon18.png) no-repeat 0 center; background-size:.21rem auto;}
.contactInfo p:nth-child(3){ background:url(../img/icon19.png) no-repeat 0 center; background-size:.18rem auto;}
.contactInfo p:nth-child(4){ background:url(../img/icon20.png) no-repeat 0 center; background-size:.21rem auto;}
.contactInfo p:nth-child(5){ background:url(../img/icon21.png) no-repeat 0 center; background-size:.21rem auto;}
.contactInfo p:nth-child(6){ background:url(../img/icon22.png) no-repeat 0 center; background-size:.17rem auto;}
.msg{ padding:0 .2rem;}
.msg input,.msg textarea{ margin-bottom:.25rem; padding:0 .25rem; width:100%; height:.54rem; line-height:.54rem; border:1px solid #cbcbcb; color:#7e7e7e; font-size:.24rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing:border-box; -webkit-box-sizing:border-box;}
.msg textarea{ height:1.62rem;}
.msg input[type="submit"]{ background:#3c3c3c; color:#FFF; border:none;}
.msgList{ padding:0 .2rem .3rem; border-bottom:1px solid #DDD;}
.msgList h3{ height:.8rem; line-height:.8rem; font-size:.28rem; color:#000;}
.msgList li{ margin-bottom:.3rem; padding:.25rem; border:1px solid #EEE; background:#f5f5f5;}
.msgList h4{ margin-bottom:.2rem; color:#303030; font-size:.28rem;}
.msgList p{ line-height:1.8; font-size:.24rem; color:#3d3d3d;}
.msgList span{ float:right; font-size:.24rem;}
.salesList{ padding:0 .2rem .3rem;}
.salesList li{ margin-top:-1px; padding:.3rem; border:1px solid #EEE;}
.salesList h4{ margin-bottom:.1rem; font-size:.3rem; color:#444;}
.salesList p{ font-size:.24rem; line-height:1.8; color:#5c5c5c;}
.querySelect{ position:absolute; height:.4rem;}
.queryblock{ height:.4rem; margin-bottom:.2rem;}
.queryFix{ position:fixed; left:.2rem; top:.9rem;}






.pager { text-align:center; padding-top:15px;}
.pager a{padding:3px 8px; border:solid #ddd 1px; color:#9b9b9b; display:inline-block; overflow:hidden; margin-right:5px; color:#9b9b9b; background:#FFF;}
.newslist{ padding:0 2vw;}
.newslist li {margin-bottom:10px;}
.newslist li span { float:right; padding-right:10px;}
.newslist a { color:#666; } 



.setlan {position:absolute; right:.6rem; top:0.1rem; display:block; width:1.3rem; height:100%; }
.setlan a { color: #000; font-size: 0.3rem; }