@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}html,body{margin: 0; padding: 0;}body{font-family: arial,"microsoft yahei"; color: #333;}h1,h2,h3,h4 {margin: 0;padding: 0;}p {margin: 0;padding: 0;}ul,li {margin: 0;padding: 0;list-style: none;}img{border: 0;vertical-align: middle;}/*  */.flex{display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */display: flex;flex-wrap: wrap;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ *//* 		align-items: center;-moz-align-items: center;-ms-align-items: center;-webkit-align-items: center;justify-content: center;-moz-ustify-content: center;-ms-ustify-content: center;-webkit-ustify-content: center; */}

@font-face {
	font-family:"FZY4K";
	src: url('/font/FZY4K.TTF');
}

.comma-container{max-width: 890px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.comma-title{ padding-top: 60px; padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px dashed #9E948F;}
.comma-title h3{text-align: center; font-size: 48px; line-height: 1; letter-spacing: 5px; color: #666;}
.comma-title h3 img{width: 36px; margin-right: 5px; padding-bottom: 2px; vertical-align: middle;}

@media (max-width:890px) {
	.comma-title{ padding-top: 80px; margin-bottom: 30px;}
}

@media (max-width:640px) {
	.comma-title{ padding-top: 60px; padding-bottom: 20px; margin-bottom: 30px;}
	.comma-title h3{ font-size: 28px;}
}

/*  */
.comma-logo{max-width: 1260px; margin: 0 auto; padding-top: 78px;}
.comma-logo img{max-height: 48px;}
@media (max-width:640px) {
	.comma-logo{ padding: 30px;}
	.comma-logo img{max-width: 125px;}
}
/*  */
.comma-page-title{padding: 70px 0 20px;}
.comma-page-title h1{ position: relative; text-align: center; color: #C89F63;}
.comma-page-title h1 span{position: relative; z-index: 1; display: inline-block; font-size: 60px;letter-spacing: 15px;}
.comma-page-title h1 span::before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 30%; background-color: #FFF000;}
.comma-page-title p{ position: relative; margin-top: 50px; padding-left: 25px; font-size: 24px; line-height: 1.4; color: #666;}
.comma-page-title p::before{position: absolute; top: 0; left: 0; content: ''; width: 6px; height: 70%; background-color: #FFF000;}

@media (max-width:640px) {
	.comma-page-title{padding: 0;}
	.comma-page-title h1 span{position: relative; z-index: 1; display: inline-block; font-size: 32px;letter-spacing: 5px;}
	.comma-page-title p{  margin-top: 30px; font-size: 18px;}
}

/* banner */
.comma-banner{text-align: center;}
.comma-banner-bg{position: relative; margin: 0 auto; width: 75%;}
.comma-banner-bg img{width: 100%;}
.comma-banner-imgs {position: absolute; top: 0; left: 0; width: 100%;}
/*  */

/*  */
.comma-banner-city { margin-top: 50px; padding: 0 100px; text-align: left;}
.comma-banner-city h3{font-size: 44px; font-weight: normal;}
.comma-banner-city h3 span{position: relative; z-index: 1; display: inline-block;}
.comma-banner-city h3 span::before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 30%; background-color: #FFF000;}
.comma-banner-city p{ margin-top: 10px; line-height: 1.4; font-size: 24px; color: #666; }


@media (max-width:640px) {
	.comma-banner-city { margin-top: 30px; padding: 0 15px;}
	.comma-banner-city h3{font-size: 24px;}
	.comma-banner-city p{ font-size: 18px; }
}

/* service */
.service-desc{padding: 15px 2px;}
/*seritem*/
.service-list ul{margin-left: -16px;}
.service-list ul li{width: 50%; padding: 8px 0 8px 16px;}
.service-list-item{border:2px solid #fde200; padding:10px; border-radius:10px; background-color: #fff; overflow:hidden; zoom:1}
.service-list-thumb{width: 40%;border-radius:4px;overflow:hidden}
.service-list-thumb img{width: 100%;}
.service-list-desc{width:60%; padding-left: 15px; color:#4a351a;line-height:1.4}
.service-list-desc h4{padding-bottom:5px;font-size:18px;}
.service-list-desc p{font-size: 14px;}
@media(max-width:768px){
	.service-desc{padding: 15px;}
    .service-list ul li{width: 100%; }
	.service-list-thumb{width: 35%;}
	.service-list-desc{width:65%; }
}


/*  */
.service-count-bg{padding: 15px 35px; background-color: #F3ECE0;}
.service-count{ padding: 50px 40px 25px; background-color: #fff; border-radius: 8px;}
.service-count>div{ justify-content: space-between;}
.service-count>p{ margin-top: 35px; font-size: 20px;color: #C89F63;}

.service-count-big{width: 60%; text-align: center;}
.service-count-big h2{font-size: 46px; color: #C89F63;}
.service-count-big h3{font-size: 40px; color: #C89F63;}
.service-count-big h3 span{position: relative; z-index: 1; display: inline-block;font-size: 100px; line-height: 1; color: #E60012;}
.service-count-big h3 span::before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 20%; background-color: #FFF000;}
.service-count-info{width: 35%;}
.service-count-info fieldset{ padding-bottom: 25px; border-radius: 6px; border: 1px solid #C89F63;}
.service-count-info fieldset legend{font-size: 32px;color: #C89F63;}
.service-count-info p{ margin-top: 25px; font-size: 20px;color: #C89F63;}
.service-count-info p span{font-size: 24px;color: #E60012;}
@media (max-width:890px) {
	.service-count-big h2{font-size: 38px;}
	.service-count-big h3{font-size: 40px;}
	.service-count-big h3 span{font-size: 80px;}
}

@media (max-width:640px) {
	.service-count-bg,
	.service-count{ padding: 15px;}
	
	.service-count-big{width:100%; text-align: center;}
	.service-count-big h2{font-size: 32px;}
	.service-count-big h3{margin-top: 10px; font-size: 20px;}
	.service-count-big h3 span{font-size: 48px;}
	
	.service-count-info{width: 100%;}
	.service-count-info fieldset{ padding-bottom: 15px; }
	.service-count-info fieldset legend{font-size: 22px;}
	.service-count-info p{ margin-top: 15px; font-size: 18px;}
	.service-count-info p span{font-size: 22px;}
	.service-count>p{ margin-top: 25px; font-size: 16px;}
	
}

@media (max-width:480px) {
	.service-count-big h2{font-size: 26px;}
}
/*  */
.shops-swiper-pics{padding: 50px 100px 30px; background-color: #FFE100;}
.shops-swiper-pics .swiper-container{padding-bottom: 50px;}
.shops-swiper-pics .swiper-slide img{width: 100%;}
.shops-swiper-pics .swiper-slide p{ margin-top: 15px; font-size: 14px; text-align: right; color: #666;}
.shops-swiper-pics .swiper-pagination-bullet-active{background-color: #000!important;}

@media (max-width:640px) {
	.shops-swiper-pics{padding: 50px 15px 10px;}
	.shops-swiper-pics .swiper-container{padding-bottom: 35px;}
	.shops-swiper-pics .swiper-slide p{ margin-top: 10px; font-size: 16px; text-align: center;}
}
/*  */
.shops-head-title{ position: relative; padding: 15px; text-align: center; background-color: #FFE100; border-radius: 8px 8px 0 0;}
.shops-head-title::before{position: absolute; bottom: -12px; left: 50%; content: ''; margin-left: -12px; border-top: 12px solid #FFE100; border-left: 12px solid transparent; border-right: 12px solid transparent;}
.shops-head-title h3{font-size: 38px;}
@media (max-width:768px) {
	.shops-head-title h3{font-size: 32px;}
}
/*  */
.shops-head-list ul li{margin-top: 35px;}
.shops-head-address{ padding: 15px 25px; background-color: #FFF9BB; border-bottom: 2px dashed #ccc;}
.shops-head-address h3{font-size: 36px; font-weight: normal;}

.shops-head-content{ padding: 40px; justify-content: space-between;}

.shops-head-info{width: 65%; color: #666;}
.shops-head-info h3{ position: relative; font-size: 26px; font-weight: normal;}
.shops-head-info p{ position: relative; margin-top: 25px; font-size: 26px; line-height: 1.4;}
.shops-head-info p span:first-child{ width: 80px;}
.shops-head-info p span:last-child{flex: 1;}
.shops-head-info p span a{color: #666;  text-decoration: none;}

.shops-head-wx{width: 32%; padding-left: 40px; text-align: center;}
.shops-head-wx img{max-width: 100%;}
.shops-head-wx p{font-size: 24px; letter-spacing: 2px;}
@media (max-width:890px) {
	.shops-head-wx p{font-size: 20px; letter-spacing: 0; text-align: center;}
}


@media (max-width:768px) {
	.shops-head-list ul li{margin-top: 25px;}
	.shops-head-address{ padding: 15px;}
	.shops-head-address h3{font-size: 24px; font-weight: normal;}
	
	.shops-head-content{ padding: 30px 0 10px; justify-content: space-between;}
	
	.shops-head-info h3{ position: relative; font-size: 16px; font-weight: normal;}
	.shops-head-info p{ position: relative; margin-top: 15px; font-size: 16px;}
	.shops-head-info h3 span,
	.shops-head-info p span:first-child{ width: 100%; padding-bottom: 5px;}
	.shops-head-info p span:last-child{flex: 1;}
	
	.shops-head-wx{width: 30%; padding-left: 10px; text-align: center;}
	.shops-head-wx img{max-width: 100%;}
	.shops-head-wx p{ margin-bottom: 5px; font-size: 14px; letter-spacing: 0;}
}
@media (max-width:480px) {
	.shops-head-wx p{font-size: 12px;}
}
/*fixbar*/
#fixbar{position:fixed;right:3.1rem;bottom:14rem;text-align:center;text-align:center;z-index:199}
#fixbar a{position:relative;display:block;background:#999;margin-top:0.5rem;width:4rem;height:4rem;line-height:4rem;border-radius:4px}
#fixbar a:hover{background:#dd6d6c}
#fixbar a.gotop{background-image:url(/images/area/icon_gotop.png);background-repeat:no-repeat;background-position:center;background-size:55%}
@media(max-width:890px){
    #fixbar{right: 15px;bottom:15px; display: none;}
	#fixbar a{width:3rem;height:3rem;line-height:3rem;border-radius:4px}
}

/* copyright */
.comma-copyright{ padding: 100px 15px 30px; text-align: center;}
.comma-copyright p{  font-size: 14px; line-height: 1.4; color: #999;}
@media (max-width:890px) {
	.comma-copyright{ padding: 80px 55px 30px;}
	.comma-copyright p{ line-height: 1.2;}
}



/* 动画 */
.goScale {-moz-animation-name: goScale;-ms-animation-name: goScale;-webkit-animation-name: goScale;animation-name: goScale;}@keyframes goScale {0% {opacity: 0;-webkit-transform: scale(.4);-ms-transform: scale(.4);-moz-transform: scale(.4);transform: scale(.2);}to {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}}.goLeft {-ms-animation-name: goLeft;-moz-animation-name: goLeft;-webkit-animation-name: goLeft;animation-name: goLeft;}@keyframes goLeft {0% {opacity: 0;-webkit-transform: translate3d(-30px, 0, 0);-ms-transform: translate3d(-30px, 0, 0);-moz-transform: translate3d(-30px, 0, 0);transform: translate3d(-30px, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}}.goRight {-webkit-animation-name: goRight;-ms-animation-name: goRight;-moz-animation-name: goRight;animation-name: goRight;}@keyframes goRight {0% {opacity: 0;-webkit-transform: translate3d(30px, 0, 0);-ms-transform: translate3d(30px, 0, 0);-moz-transform: translate3d(30px, 0, 0);transform: translate3d(30px, 0, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.goUp {-webkit-animation-name: goUp;-ms-animation-name: goUp;-moz-animation-name: goUp;animation-name: goUp;}@keyframes goUp {0% {opacity: 0;-webkit-transform: translate3d(0, 30px, 0);-ms-transform: translate3d(0, 30px, 0);-moz-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.goDown {-webkit-animation-name: goDown;-ms-animation-name: goDown;-moz-animation-name: goDown;animation-name: goDown;}@keyframes goDown {0% {opacity: 0;-webkit-transform: translate3d(0, -30px, 0);-ms-transform: translate3d(0, -30px, 0);-moz-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0)}to {opacity: 1;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0)}}.animated {-webkit-animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-ms-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both}.animated.infinite {-webkit-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite}.animated.delay-1s {-webkit-animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;animation-delay: 1s}.animated.delay-2s {-webkit-animation-delay: 2s;-ms-animation-delay: 2s;-moz-animation-delay: 2s;animation-delay: 2s}.animated.delay-3s {-webkit-animation-delay: 3s;-ms-animation-delay: 3s;-moz-animation-delay: 3s;animation-delay: 3s}.animated.delay-4s {-webkit-animation-delay: 4s;animation-delay: 4s}.animated.delay-5s {-webkit-animation-delay: 5s;-ms-animation-delay: 5s;-moz-animation-delay: 5s;animation-delay: 5s}.animated.fast {-webkit-animation-duration: .8s;-ms-animation-duration: .8s;-moz-animation-duration: .8s;animation-duration: .8s}.animated.faster {-webkit-animation-duration: .5s;-ms-animation-duration: .5s;-moz-animation-duration: .5s;animation-duration: .5s}.animated.slow {-webkit-animation-duration: 2s;-ms-animation-duration: 2s;-moz-animation-duration: 2s;animation-duration: 2s}.animated.slower {-webkit-animation-duration: 3s;-ms-animation-duration: 3s;-moz-animation-duration: 3s;animation-duration: 3s}@media (prefers-reduced-motion:reduce),(print) {.animated {-webkit-animation-duration: 1ms !important;-ms-animation-duration: 1ms !important;-moz-animation-duration: 1ms !important;animation-duration: 1ms !important;-webkit-transition-duration: 1ms !important;-ms-transition-duration: 1ms !important;-moz-transition-duration: 1ms !important;transition-duration: 1ms !important;-webkit-animation-iteration-count: 1 !important;-ms-animation-iteration-count: 1 !important;-moz-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;}}/***编程使我快乐**/.an-animate .an-animate-item:nth-child(1) {animation-delay: .1s;-webkit-animation-delay: .1s;-ms-animation-delay: .1s;-moz-animation-delay: .1s;}.an-animate .an-animate-item:nth-child(2) {animation-delay: .2s;-webkit-animation-delay: .2s;-ms-animation-delay: .2s;-moz-animation-delay: .2s;}.an-animate .an-animate-item:nth-child(3) {animation-delay: .3s;-webkit-animation-delay: .3s;-ms-animation-delay: .3s;-moz-animation-delay: .3s;}.an-animate .an-animate-item:nth-child(4) {animation-delay: .4s;-webkit-animation-delay: .4s;-ms-animation-delay: .4s;-moz-animation-delay: .4s;}.an-animate .an-animate-item:nth-child(5) {animation-delay: .5s;-webkit-animation-delay: .5s;-ms-animation-delay: .5s;-moz-animation-delay: .5s;}.an-animate .an-animate-item:nth-child(6) {animation-delay: .6s;-webkit-animation-delay: .6s;-ms-animation-delay: .6s;-moz-animation-delay: .6s;}.an-animate .an-animate-item:nth-child(7) {animation-delay: .7s;-webkit-animation-delay: .7s;-ms-animation-delay: .7s;-moz-animation-delay: .7s;}.an-animate .an-animate-item:nth-child(8) {animation-delay: .8s;-webkit-animation-delay: .8s;-ms-animation-delay: .8s;-moz-animation-delay: .8s;}.an-animate .an-animate-item:nth-child(9) {animation-delay: .9s;-webkit-animation-delay: .9s;-ms-animation-delay: .9s;-moz-animation-delay: .9s;}.an-animate .an-animate-item:nth-child(10) {animation-delay: 1s;-webkit-animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;}.an-animate .an-animate-item:nth-child(11) {animation-delay: 1.1s;-webkit-animation-delay: 1.1s;-ms-animation-delay: 1.1s;-moz-animation-delay: 1.1s;}.an-animate .an-animate-item:nth-child(12) {animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-ms-animation-delay: 1.2s;-moz-animation-delay: 1.2s;}.an-animate .an-animate-item:nth-child(13) {animation-delay: 1.3s;-webkit-animation-delay: 1.3s;-ms-animation-delay: 1.3s;-moz-animation-delay: 1.3s;}.an-animate .an-animate-item:nth-child(14) {animation-delay: 1.4s;-webkit-animation-delay: 1.4s;-ms-animation-delay: 1.4s;-moz-animation-delay: 1.3s;}.an-animate .an-animate-item:nth-child(15) {animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-ms-animation-delay: 1.5s;-moz-animation-delay: 1.5s;}.an-animate .an-animate-item:nth-child(16) {animation-delay: 1.6s;-webkit-animation-delay: 1.6s;-ms-animation-delay: 1.6s;-moz-animation-delay: 1.6s;}