/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
	/*cursor: url(../images/home/hand_ico.ico),auto;*/
}

body {
	min-width: 320px;
	font-size: 14px;
	color: #666;
	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, 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, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}
a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}
a {
  color: #666;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

.bgFull{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }


input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder { color: #aaaaaa;}
input:-moz-placeholder, 
textarea:-moz-placeholder { color: #aaaaaa;}
input::-moz-placeholder, 
textarea::-moz-placeholder { color: #aaaaaa;}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder { color: #aaaaaa;}


/*RESET IMAGES*/
img { 
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}
.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*LAYOUT*/
.w1320 {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 105px;
    font-size: 16px;
    line-height: 28px;
}

.two-nav{
	width: 100%;
	max-width:100%;
	padding: 0 4%;
}

.pc-block { display: block;}
.mb-block { display: none;}


@media (max-width:999px) {
	.pc-block { display: none;}
	.mb-block { display: block;}
	
	.w1320 {
		padding: 0 20px;
	}
}

.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.b-shadow{
	-o-box-shadow:0 0 20px rgba(176,141,16,.18); 
	-ms-box-shadow:0 0 20px rgba(176,141,16,.18); 
	-moz-box-shadow:0 0 20px rgba(176,141,16,.18); 
	-webkit-box-shadow:0 0 20px rgba(176,141,16,.18); 
	box-shadow:0 0 20px rgba(0,59,131,.2); 
}

.b-shadow2{
	-o-box-shadow:0 0 1px rgba(176,141,16,.12); 
	-ms-box-shadow:0 0 1px rgba(176,141,16,.12); 
	-moz-box-shadow:0 0 1px rgba(176,141,16,.12); 
	-webkit-box-shadow:0 0 1px rgba(176,141,16,.12); 
	box-shadow:0 0 1px rgba(0,59,131,.12); 
}



/* ========== */
/* = PC HEADER = */
/* ========== */
.header-bg{ position:absolute; top:0; left:0; width: 100%; height: 300px;  z-index:3; background: url(../images/header_bg.png) repeat-x;}
.header{ position:absolute; top:0; left:0; width: 100%; padding:50px 4% 0 18%; z-index:9;}
.header .content{ position: relative; padding-left:8%;}
.header .tel{ position: relative;float: right;line-height: 34px; border: 1px solid #FFFFFF; font-size:16px; letter-spacing: 2px; color: #FFFFFF; padding: 0 20px;}
.header ul{ float: left; width: auto; max-width: 910px;}
.header ul li{ margin-left:55px; float: left; position: relative;}
.header ul li a{ display: inline-block; line-height:38px; color: #FFFFFF;font-size: 16px;}
.header ul li.current a{ font-weight: bold;}
.header ul li:hover div{ display: block;}
.header ul li div{ display:none; position: absolute; top:38px; left:50%; margin-left: -60px; width: 120px; background:rgba(0,0,0,.5); text-align: center;}
.header ul li div a{ display:block;}
.header ul li div a:hover{ background: rgba(0,0,0,.5);}
.header ol{float: left;margin-left: 3.8%;}
.header ol li{float: left; position: relative; height: 38px;text-align: center}
.header ol li img{ display:block;margin: 9px 15px;}
.header .search{ position: absolute; top:0; right: 0; width: 38px; height: 38px; cursor: pointer;}
.header .search-bt{ display: block; width: 38px; height: 38px; background-image: url(../images/search_button.png);}
.header .search div{ position: absolute; right:40px; top:0; width: 0; height:38px; overflow: hidden; }
.header .search div.active{ width:200px;}
.header .search div input{  width: 100%; line-height: 26px; height: 38px; padding:5px 10px; background: #FFFFFF; border:1px solid rgba(255,255,255,.7); }

.logo-bar{ position: absolute; top:0; left:0; height: 100%; width: 80px; z-index:99;}
.logo-bar .logo{ display: block; width: 230px; position: relative; z-index: 1;padding: 30px; margin-left: 80px; margin-top: 10px;}
.logo-bar .logo img{width: 100%;}
.logo-bar .text{  position: absolute; z-index:0; top:0; left:0; width: 100%; height: 100%; text-align: center; padding-top:360%; background: #FFFFFF;}
.logo-bar .text span{ position: relative; display: inline-block; color: #111111; line-height:18px; width: 16px;}
.logo-bar .text span:after{ content: ""; position: absolute; top:115%; left:50%; width: 1px; height: 400%; background: #eeeeee;}

@media (max-width:1840px){
	.header ol li img{ display:block;margin: 9px 10px;}
	.header .tel{
		padding: 0 15px;
	}
}

@media (max-width:1740px){
    .header .content{ position: relative; padding-left:6%;}
    .header ol li img{ display:block;margin: 9px 5px;}
	.header .tel{
		padding: 0 15px;
	}
}
@media (max-width:1640px) {
	.header ul{ max-width:900px;}
    .header .content{ position: relative; padding-left:6%;}
    .header ol li img{ display:block;margin: 9px 5px;}
	.header ul li{ margin-left: 35px;}
	.header .tel{
		padding: 0 15px;
	}
}
@media (max-width:1440px){
    .header ul li{ margin-left: 28px;}
	.header ol li img{ display:block;margin: 9px 5px;}
}

@media (max-width:1360px) {
	.header ul{ max-width:700px;}
    .header .content{ position: relative; padding-left:7%;}
    .header ol li img{ display:block;margin: 9px 5px;}
	.header ul li{ margin-left: 20px;}
}
@media (max-width:1250px) {
	.header ul{ max-width:660px;}
	.header ul li{ margin-left: 17px;}
}





/* ========== */
/* = PC FOOTER = */
/* ========== */
.footer{ position: relative; background-image: url(../images/footer_bg.jpg);}
.footer .bototm-list{ position: absolute; top:0; left:0; width: 100%; padding-left: 20%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.footer .bototm-list li{ float: left; width: 16.666666%; padding-left: 5px;}
.footer .bototm-list li a{ display: block; position: relative;}
.footer .bototm-list li a:after{ content: ""; position: absolute; bottom:0; left:0; width: 0; height:4px; background: #c3ab57;  -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.footer .bototm-list li img{ width: 100%;}
.footer .bototm-list li a:hover:after{ width: 100%;}
.footer .content{ padding: 60px 0 40px; font-size: 13px; color: rgba(255,255,255,.7); }
.footer .logo{ float: left; width:20%; padding-left: 4%;}
.footer .logo img{ margin: 0;}
.footer .info{ float: left; padding-left:55px; width:33%; max-width: 600px;line-height:30px;  position: relative;}
.footer .info span{ position: absolute; top:5px; left:5px; display: inline-block; font-weight: bold; font-size: 16px; line-height: 26px; color: #ffffff; width: 16px; padding-top:10px; border-top:2px solid #c9bc9c;}
.footer .info a{ color: rgba(255,255,255,.7); }
.footer .info p{ position: relative; padding-left:40px; width: 50%;float: left;font-size: 15px;}
.footer .info p i{ font-style: normal; position: absolute; top:0; left:0; display: inline-block; height: 30px;}
.footer .line{ margin:0 3.5% 0 0; float: left; width: 1px; height: 90px; background: rgba(255,255,255,.2);}
.footer .fnav{ float: left; width: 28%; }
.footer .fnav li{ float: left; margin-bottom: 28px; width:25%;}
.footer .fnav li a{ color: rgba(255,255,255,.7); display: inline-block; padding-left:10px; line-height:16px; font-size: 15px;}
.footer .fnav li a:hover{ border-left: 2px solid #c9bc9c; color: #FFFFFF; font-weight: bold; padding-left: 8px;}
.footer .erweima{ float: right; padding: 0 4% 0 0; width: 12%;}
.footer .erweima img{ float: right;}
.link{padding: 20px 4%;color: #aaaaaa;font-size: 13px;text-align: center;display: block;}
.link2{display: inline-block;}
.link p{float: left;}
.link ul{overflow: hidden;}
.link ul li{float: left;padding:0 10px;border-right: 1px solid #818180;}

.copyright{ padding: 22px 4%; background: rgba(0,0,0,.3); color: #aaaaaa; font-size: 13px;}
.copyright .left{ float: left; opacity: .6; line-height: 20px;}
.copyright .right{ float: right;}
.copyright .right .tel{ margin-right: 15px;  display: inline-block; vertical-align: middle; font-size: 13px; color: #4c4c4c; font-size: 13px;}
.copyright .right a{ margin: 0 18px; display: inline-block; vertical-align: middle; position: relative;}
.copyright .right a:before{ content: ""; position: absolute; top:50%; left:-18px; margin-top: -6px; height: 12px; width: 1px; background: #46474e;}
.copyright .right a:hover img{ opacity: .7;}
.logo-span{font-size: 14px;    width: 180px;
    display: block;
    text-align: center;}
@media (max-width:1460px) {
	.footer .line{ margin:0 1%; background: none;}
	.footer .fnav{ width: 27%;}
}


/* ========== */
/* = FIXED-SUB = */
/* ========== */
.fixed-sub{ position: fixed; z-index:999; right:0; top:50%; margin-top: -170px; height: 340px; width: 65px; z-index: 999;}
.fixed-sub li{ margin-bottom: 3px; position: relative;}
.fixed-sub li a{ display: block; width: 65px; height: 65px; padding-top:7px; background: #ffffff; color:#c1a64f; border-radius:3px; text-align: center; -o-box-shadow:0 0 10px rgba(0,0,0,.08); -ms-box-shadow:0 0 10px rgba(0,0,0,.08); -moz-box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08); }
.fixed-sub li span{ display:inline-block; width: 32px; height: 32px;}
.fixed-sub li .icon_01{ background-image: url(../images/fixed_ico_1.png);}
.fixed-sub li .icon_02{ background-image: url(../images/fixed_ico_2.png);}
.fixed-sub li .icon_03{ background-image: url(../images/fixed_ico_3.png);}
.fixed-sub li .icon_04{ background-image: url(../images/fixed_ico_4.png);}
.fixed-sub li .icon_05{ background-image: url(../images/fixed_ico_5.png);}
.fixed-sub li p{ font-size: 12px; line-height:16px; height: 16px;}
.fixed-sub li .tel{ display: none; position:absolute; top:0; right:68px; width:180px; height: 65px; line-height: 65px; text-align: center; background:#FFFFFF; color:#c1a64f; border-radius:3px; font-size: 22px; -o-box-shadow:0 0 10px rgba(0,0,0,.08); -ms-box-shadow:0 0 10px rgba(0,0,0,.08); -moz-box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08);}
.fixed-sub li .erweima{ display: none; position: absolute; top:0; right:68px; width: 130px;  background:#FFFFFF; border-radius:3px; -o-box-shadow:0 0 10px rgba(0,0,0,.08); -ms-box-shadow:0 0 10px rgba(0,0,0,.08); -moz-box-shadow:0 0 10px rgba(0,0,0,.08); -webkit-box-shadow:0 0 10px rgba(0,0,0,.08); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;}
.fixed-sub li:hover a{ background:rgba(0,0,0,.8);}
.fixed-sub li:hover .tel{ display: block;}
.fixed-sub li:hover .erweima{ display: block;}



/* ========== */
/* = FIXED-BOTTOM = */
/* ========== */
.fixed-small-price{ position: fixed;  z-index:999; bottom:0; left:0; background:rgba(0,0,0,.8); color: #cfa55b; width:0; font-weight: bold; font-size: 12px; line-height:16px; padding:12px 0; text-align: center; cursor: pointer; overflow: hidden;}
.fixed-small-price span{ display: inline-block; width:20px;}
.fixed-small-price.active{ width: 40px;}
.fixed-price{ position: fixed; bottom:-1px; left:0; width: 100%; height:90px; padding: 0 5%; z-index:999; background:rgba(0,0,0,.8); }
.fixed-price.active{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);    }
.fixed-price .close{ position:absolute; right:0; top:0; display: inline-block; width: 40px; height: 40px; background:url(../images/fixed_price_close.png); cursor: pointer;}
.fixed-price .content{ position: relative; padding-left: 570px; padding-right: 150px;}
.fixed-price .content .text{ position: absolute; top:0; left:0; padding-top: 18px;}
.fixed-price .content .text p{ font-size: 26px; color: #c1a64f;}
.fixed-price .content .text span{ margin-top: 5px; display: block; color: #999999;}
.fixed-price .content .text span em{ color: #c1a64f;}
.fixed-price .content .in{ float: left; width:23%; margin-right:2%; height: 68px; line-height: 68px; border-bottom:1px solid #FFFFFF;}
.fixed-price .content .in input{ width: 100%; background: none; border: none; line-height: 28px; padding: 20px 0; color: #FFFFFF;}
.fixed-price .content .button{ position: absolute; top:22px; right:0; width: 150px;}
.fixed-price .content .button input{ width: 100%; height: 46px; line-height: 46px; background: #c1a64f; font-size: 12px; letter-spacing: 1px; color: #FFFFFF; font-weight: bold; text-shadow: 0 0 3px rgba(0,0,0,.2);}

@media (max-width:1460px) {
	.fixed-price .content{ padding-left: 390px;}
	.fixed-price .content .text p{ font-size: 22px; }
}



/* ========== */
/* = MOBILE HEADER = */
/* ========== */
.mb-header{ position:absolute; width: 100%; top:0; right:0; width: 100%; z-index: 999; }
.mb-header .mb-logo{ float: left; display:block;}
.mb-header .mb-logo img{ margin: 0; display:block; vertical-align: top; height:1.5rem;}
.mb-nav-ico { position: absolute; right:0.375rem; top: 50%; margin-top: -0.25rem; width:0.6875rem; height:0.5rem; cursor: pointer;}
.mb-nav-ico .line {	position: absolute;left: 0;display: block; height:2px;width: 100%; background: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}
.mb-nav-ico.active .line:nth-child(2){ opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%; margin-top: -1px;transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){ top: 50%; margin-top: -1px; transform: rotate(45deg);}
@media (max-width:999px){
	.page-wrap{ position: relative; padding-bottom: 1.55rem;}
}


/* ========== */
/* = MENU = */
/* ========== */
.shade { display: none; position: fixed;  width: 100%; height: 100%; right: 0; top: 0; z-index: 999; display: none; background: transparent;}
.menu { position: fixed; left: 100%; top: 0;  width: 70%; height: 100%; text-align: left; z-index: 11111;overflow-y: scroll;  background: #FFFFFF;  -webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;  box-shadow:0 0 30px rgba(26,24,24,.1) inset;}
.menu li { position: relative;}
.menu li>span { display: block; position: relative; padding: 0 0.666666rem 0 1.493333rem; height: 1.36rem; line-height: 1.36rem; color: #767676; font-size: 0.35rem; border-bottom: 1px solid #e9e9e9;}
.menu li:nth-child(1)>span { border-top: 1px solid #e9e9e9;}
.menu ul li>span::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top: -0.133333rem; width: 0.266666rem; height: 0.266666rem; border: 2px solid #c1a64f; border-radius: 100%;}
.menu ul li a{ color: #322e2d;}
.menu ul li>span.default::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg.png) no-repeat; background-size: cover;}
.menu ul li .menu-slide a { color: #7c7d7d; }
.menu-slide { display: none;}
.menu-slide a { position: relative; display: block; padding: 0 0.666666rem 0 1.493333rem; height: 1.333333rem; line-height: 1.333333rem; font-size: 0.32rem; color: #7c7d7d; border-bottom: 1px solid #e9e9e9;}
.menu-slide a::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top:-0.10625rem;  width:0.266666rem; height:0.266666rem; background: url(../images/menu_bg3.png) no-repeat; background-size: cover; }
.menu-slide a:hover,
.menu-slide a.active { background: #c1a64f; color: #FFFFFF;}
.menu li>span.active a { color: #c1a64f;}
.menu li>span.active::before { color: #fff; background: #c1a64f; border-color: #c1a64f;}
.menu li>span.active::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg2.png) no-repeat center;}


/* ========== */
/* = MB FOOTER = */
/* ========== */
.mb-copright{ padding:0.46rem .4rem; background: #f3f3f3; font-size:0.266666rem; color:#bbbbbb; text-transform: uppercase;}
.mb-footer{ position:fixed; bottom:0; right:0; width: 100%; height:1.55rem; background:#2d2d2d; z-index: 999;}
.mb-footer li { float: left; width: 33.3333%; border-left: 1px solid rgba(255,255,255,.2); }
.mb-footer li:first-child{ border-left: none;}
.mb-footer li a{ display:block; cursor: pointer;  height: 1.55rem; padding-top: 0.133333rem; color: #c1a64f; text-align: center;}
.mb-footer li img{ width: 0.8rem;}
.mb-footer li p { margin-top:0.08rem; font-size: 0.275rem; height:0.32rem; line-height: 0.32rem;}




/* ========== */
/* = SITEMAP = */
/* ========== */
.sitemap{ max-width:620px; padding:70px 0 180px; margin: 0 auto;}
.sitemap li{ margin-bottom:30px; position: relative; padding-left: 130px; line-height: 30px; min-height: 30px;}
.sitemap li>a{ position: absolute; top:0; left:0; padding:0px 10px; text-align: center; min-width: 110px; background: #b6a25d; color:#FFFFFF; line-height: 30px;}
.sitemap li div a{ display: inline-block; margin: 0 15px;}
.sitemap li div a:hover{ color: #b6a25d;}

/* ========== */
/* = 404 = */
/* ========== */
.main-404{ padding:50px 0 200px; text-align: center;}
.main-404 .p1{ margin-bottom: 10px;}


@media screen and (max-width:600px) {
	/* ========== */
	/* = SITEMAP = */
	/* ========== */
	.sitemap{ padding: 40px 0;}
	.sitemap li{ margin-bottom:30px; padding-left:100px; font-size: 12px;}
	.sitemap li>a{ padding: 0 8px; min-width: 80px;}
	.sitemap li div a{ margin: 0 5px;}
	
	/* ========== */
	/* = 404 = */
	/* ========== */
	.main-404{ padding:20px 0 60px;}
}




.appoint-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index:9999;}
.appoint-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.appoint-pop .content{ max-width:780px; width: 90%; background: #FFFFFF; display: inline-block; vertical-align: middle; position: relative;}
.appoint-pop .close{ cursor: pointer; position: absolute; top:12px; right:12px; width: 30px; height: 30px; background: url(../images/appoint_pop_close.png);}
.appoint-pop .con{ padding: 45px 70px 65px; text-align: left;}
.appoint-pop .tit{ position: relative; font-size:30px; color: #333333; padding-bottom: 20px; font-weight: bold; letter-spacing: 2px;}
.appoint-pop .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 34px; height: 2px; background: #b4a15a;}
.appoint-pop .des{ margin-top: 15px; color: #333333; font-size: 18px; line-height: 32px;}
.appoint-pop .des span{ color: #b4a15a;}
.appoint-pop .in{ float: left; width: 48%; margin-right:4%; margin-top: 40px;}
.appoint-pop .in:last-child{ margin-right: 0;}
.appoint-pop .in input{ width: 100%; height: 46px; border: 1px solid #e5e5e5; padding: 10px 20px; line-height: 24px;}
.appoint-pop .button{ margin-top: 25px;}
.appoint-pop .button input{ width: 100%; height: 46px; line-height: 46px; background: #2d2d2d; color: #FFFFFF; font-size: 12px; font-weight: bold; letter-spacing: 2px;} 


@media screen and (max-width:600px) {
	.appoint-pop .con{ padding: 30px 20px;}
	.appoint-pop .tit{ font-size: 20px;}
	.appoint-pop .des{ font-size: 12px; line-height: 22px;}
	.appoint-pop .in{ margin-top: 20px; width: 100%;}
}