@import url(../css/owl.carousel.css);

@import url(../css/owl.theme.min.css);

@import url(../css/animate.css);

*{margin:0px;padding:0px;}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

html{font-size: 100%;height:100%;}

body {

	font-family: GothamlightRegular, "微软雅黑","宋体",  sans-serif;

	font-size:16px;

	overflow-x:hidden;

	width:100%;

	height:100%;

	max-width: 640px;

	margin:auto;

}

a{text-decoration: none;color:red;}

 .clear:after {visibility:hidden; display:block;font-size:0;content:" ";clear:both;height:0;}

 .clear{clear:both;}

 .clear-blank{display:inline-block;width:100%;height:70px;}

 li{list-style: none;}





 /*top part*/



 .top{width:100%;background:#575353;position: fixed;

    max-width: 640px;

    z-index: 999;}

 .top img{display:block;width:100%;}



 /*logo part*/

 .logo{width:94%;display: flex;justify-content: space-between;padding:3%;align-items: center;}

 .logo span.img{display:block;width:70%;}

 .logo span.img img{width:100%;}

 .logo span.nav-ico{width:20%;text-align: right;}

 .logo span.nav-ico img{width:100%;max-width: 40px;}



 /*nav part*/

 .nav{width:100%;display: flex;background:#24cd5b;justify-content: left;}

 .nav a{width:25%;padding:10px 0px;color:#fff;text-align: center;text-decoration: none;font-size:14px;border-bottom:1px solid #2ed464;border-right:1px solid #2ed464;}

 .nav a:last-child{border-right:0px;}



 /*nav-screen*/

 .nav-screen{width:100%;height:100%;background: rgba(1,1,1,0.5);display:none;position: fixed;top:0px;left:0px;right:0px;margin:auto;max-width: 640px;z-index: 9999;}

 .nav-screen span.logo{display:block;width:100%;background:#17c44f;padding:0px;}

 .nav-screen span.logo img{display:block;width:100%;}

 .nav-screen .nav-block{width:100%;color:#fff;background:#17c44f;}

 .nav-screen .nav-block .tit{width:100%;}

 .nav-screen .nav-block .tip{display:block;width:25%;text-align: center;font-size: 16px;padding:10px 0px;}

 .nav-screen .nav-block .items{width:100%;padding:5px 0px;display: flex;justify-content: left;flex-wrap: wrap;}

 .nav-screen .nav-block .items a{width:25%;padding:5px 0px;color:#d5fae1;text-align: center;margin:5px 0px;font-size: 14px;}

 .nav-screen .nav-zxyy{width:100%;text-align: center;padding:20px 0px;display: flex;justify-content: center;background:#17c44f;}

 .nav-screen .nav-zxyy a{width:30%;padding:10px 10px;font-size:14px;display: flex;justify-content: center;align-items: center;border-radius: 3px;}

 .nav-screen .nav-zxyy a span.ico{width:20px;height:20px;}

 .nav-screen .nav-zxyy a span.ico img{width:20px;height:20px;}

 .nav-screen .nav-zxyy a:nth-child(1){background:#f4ae26;color:#fff;margin-right:20px;}

 .nav-screen .nav-zxyy a:nth-child(2){background:#40db72;color:#fff;}

 .position{padding:10px 2%;color:#818382;border-bottom:1px solid #eee;}

 .position a{font-size: 14px;color:#818382;}



 /*pagelist*/

.pagelist{width:100%;text-align:center;padding-top:10px;}

.pagelist span.pageinfo{display:inline-block;font-size: 12px;}

.pagelist li{ display:inline-block;background:#eee; padding:3px 10px;color:#111; margin:3px; cursor:pointer; border-radius: 3px;} 

.pagelist li a{font-size: 14px;color:#666;}

.pagelist li.thisclass{ background:#51dc7e; color:#fff; } 





/*预约*/

.yuyue{width: 96%;padding:2%;}

.yuyue .head{width:100%;}

.yuyue .head span.img{width:100%;height:auto;}

.yuyue .head span.img img{display:block;width:100%;height:auto;}

.yuyue .intro{color:#fff;font-size: 14px;line-height:30px;width:96%;padding:2%;background:url(../images/yuyue_intro_bc.jpg) center center;margin:10px 0px;}

.yuyue .form{width:100%;}

.yuyue .head p,

.yuyue .form p{font-size: 12px;color:red;text-align:center;margin:10px 0px;}

.yuyue .form .group-item{width:100%;padding:10px 0px;}

.yuyue .form .group-item input{width:90%;padding:10px 5%;height:20px;line-height:20px;border-radius: 20px;color:#333;border:1px solid #dbd8d8;outline: none;}

.yuyue .form .group-item textarea{width:94%;border-radius: 10px;height:100px;padding:3%;border:1px solid #dbd8d8;outline: none;}

.yuyue .btn-items{width:100%;display: flex;justify-content: center;}

.yuyue .btn-items a{display: inline-block;padding:10px 15px;color:#fff;font-size: 14px;border-radius: 20px;}

.yuyue .btn-items a.btn-sub{background:#ed9853;margin-right:15px;}

.yuyue .btn-items a.btn-zxzx{background:#43df76;}



/*index-ad*/

.common-footer-ad{display: block;width:100%;}

.common-footer-ad img{display: block;width:100%;}

/*footer*/

.footer{width:100%;margin-bottom:50px;}

.footer span.wx-img{width:100%;height:auto;text-align: center;}

.footer span.wx-img img{display:block;width:50%;margin:auto;margin-top:15px;}

.footer p{line-height: 30px;font-size: 14px;color:#686868;text-align:center;}

.footer p.date{margin-top: 10px;}

.footer .rela-info{padding:20px;background: #ebeaea;}

.footer .footer-nav{color:#414141;margin-bottom:20px; overflow:hidden;}

.footer .footer-nav a{display: block;width:calc(25% - 1px);text-align:center;color:#414141;font-size: 14px; float:left;}

.footer .footer-nav a:nth-child(1),

.footer .footer-nav a:nth-child(2),

.footer .footer-nav a:nth-child(3){border-right:1px solid #414141;}



/*bottom*/

.bottom{width:100%;position: fixed;left:0px;right:0px;margin:auto;bottom:0px;display: flex;justify-content: center;z-index: 9999}

.bottom a{display: block;display: flex;justify-content: center;align-items: center;color:#fff;font-size: 14px;padding:15px 0px;}

.bottom a span.ico{width:20px;}

.bottom a span.ico img{display:block;width:100%;}

.bottom a span.text{display: inline-block;padding-left: 5px;}

.bottom a.zxzj{width:33%;background: #fe762a;position: relative;}

.bottom a.call{width:33%;background: #24cd5b}

.bottom a.back{width:34%;background: #787c82}

.bottom a.zxzj span.num{display: inline-block;width:14px;height: 14px;line-height: 14px;font-size:12px;text-align: center;color:#fe762a;background: #fff;border-radius: 10px;position: absolute;top:3px;right:3px;}