@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0; }
a {color:#666;outline: medium none;text-decoration: none; blr:expression(this.onFocus=this.blur());}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, i {margin: 0;padding: 0;border-spacing: 0px !important;outline: medium;word-break: break-word;list-style: none;font-style:normal;}
html, body {font-family: "Arial","PingFang SC","Microsoft Yahei","SimSun",sans-serif;}
img {border:none;}
.clear{clear:both;}
input {outline:none;border:1px solid #cccccc;}
input:focus {border:1px solid #ff6699;}
input[type="checkbox"]{border:none;}
textarea {outline:none;border:1px solid #cccccc;}
textarea:focus {border:1px solid #ff6699;}
body, button, input, select, textarea {font: 12px/1.5 Microsoft Yahei;
}

/**********headline**********/
.headline {height:40px;width:100%;background:url(/images/frontdesk/head_line_01.jpg) left center repeat-x;position:relative;}
.headline span {width:100%;height:2px;position:absolute;left:0px;top:0px;z-index:999;background:url(/images/frontdesk/h_03_02.png) left center repeat-x;zoom:1;}
.headline .ys-main {width:1200px;margin:auto;}
.headline .ys-main .tel { margin-left: 25px; float: right; color: #ffffff; font-size: 20px; background: url(/images/frontdesk/tel_03.png) left center no-repeat; padding-left: 35px; height: 40px; line-height: 43px; }
.headline .ys-main .tephead { float: right; }
.headline .ys-main .tephead li { margin-left: 10px; padding-right: 10px; float: left; font-size: 12px; line-height: 40px; background: url(/images/frontdesk/top_line_03.png) center right no-repeat; }
.headline .ys-main .tephead li:last-child {background:none;}
.headline .ys-main .tephead li:hover {text-decoration:underline;cursor:pointer;}
.headline .ys-main .tephead li a { color: #e8e8e8; }
.navhead {width:100%;height:50px;background: url(/images/frontdesk/nav_01_04.jpg) left center repeat-x;}
.navhead .hdmian {margin:auto;width:1200px;position:relative;/* background: #ffffff; *//* height: 50px; */}
.navhead .hdmian .ys-logo {background:url(/images/frontdesk/h_02_02.png) no-repeat;width:520px;height:128px;position: absolute;top: -40px;left: -143px;z-index: 11;}
.navhead .hdmian .ys-logo img { width: 221px; height: 61px; margin: 20px 0 0 172px; }
.navhead .hdmian .nav { float: right; }
.navhead .hdmian .nav>ul {position:relative;z-index:12;}
.navhead .hdmian .nav ul li { float: left; width: 103px; line-height: 50px; text-align: center; font-size: 16px; background: url(/images/frontdesk/nav_line_07.jpg) right center no-repeat; }
.navhead .hdmian .nav ul li a { color: #333333; display: block; }
.navhead .hdmian .nav ul li:hover,.navhead .hdmian .nav ul li.active {background: url(/images/frontdesk/nav_active_bg_07.png) center center no-repeat;-webkit-transition: left .3s ease-out,right .3s ease-out;transition: left .3s ease-out,right .3s ease-out;}
.navhead .hdmian .nav ul li:hover a,.navhead .hdmian .nav ul li.active a {}

.navhead .hdmian .nav ul .booking-wrapper {position: absolute;top: 5px;right: -130px;}

/***************footer************/

.footer { width: 100%; height: 337px; background: #222222; overflow: hidden; }
.footer .main { width: 1200px; margin: 28px auto 0; height: 250px; overflow: hidden; }
.footer .main .foot-r { float: left; }
.footer .main .foot-r .contact { float: left; width: 260px; }
.footer .main .foot-r .contact p { color: #ffffff; font-size: 12px; line-height: 25px; }
.footer .main .foot-r .contact p:last-child {margin-top:10px}
.footer .main .foot-r .wx { float: right; margin-top: 15px; }
.footer .main .foot-r .wx p { margin-top: 10px; text-align: center; color: #ffffff; }
.footer .main .foot-l { float: right; }
.footer .main .foot-l ul { float: left; margin-right: 55px; }
.footer .main .foot-l ul li { line-height: 22px; }
.footer .main .foot-l ul li a { color: #ffffff; }
.footer .main .foot-l ul li a:hover {text-decoration:underline;}
.footer .main .foot-l ul li a em { font-style: normal; margin-right: 5px; }
.footer .foot { color: #ffffff; font-size: 12px; text-align: center; line-height: 50px;  }


.scrollTop {width: 50px;height: 50px;background:url(/images/frontdesk/top_09.jpg) no-repeat;position: fixed;bottom: 50%;margin-bottom: -120px;right: 30px;z-index: 10;cursor:pointer;}