body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px; padding:0px;} img,input,select,button { vertical-align:middle;outline: none;} body { font-family:"microsoft yahei";font-size: 16px;color: #333;} img { border:0;} select,input { outline:none;} select{/*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance:none; -moz-appearance:none; -webkit-appearance:none; } /*娓呴櫎ie鐨勯粯璁ら€夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display: none; } li{ list-style: none;} a { text-decoration:none; color:#333;} a:hover,a:link,a:visited,a:active{text-decoration:none!important;} .clear { width:100%; height:0; line-height:0; font-style:0; overflow:hidden; clear:both; display:block;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;} .clearfix{zoom:1;} .fl{float: left;} .fr{float: right;} input::-webkit-input-placeholder{ /*WebKit browsers*/ font-size: 14px; color: #aaa; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ font-size: 14px; color: #aaa; } input::-ms-input-placeholder{ /*Internet Explorer*/ font-size: 14px; color: #aaa; } .vis{ visibility: hidden; } .over{ overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .over2{ overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .over3{ overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .over4{ overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .layout { max-width: 1200px; margin: 0 auto; } /*澶撮儴*/ .header-nav{ background: url(../images/header_bg.png) center no-repeat; background-color: #003F88; border-bottom: 5px solid #1d77ce; } .header .layout{ position: relative; padding: 15px 0 10px; } .header .logo{ margin-left: 10px; } .header .logo img{ width: 100%; } .header .link{ position: absolute; top: 50%; right: 0; margin-top: -10.5px; margin: 0 5px 0 0; } .link a{ display: block; padding:0 15px; color: #fff; line-height: 16px; border-right: 2px solid #6a7282; } .link .search { margin-left: 20px; } .link .search img{ margin-top: -8px; } /*鎼滅储妯℃€佹*/ .model-search{ display: none; position: fixed; top: 0; left:0 ; width: 100%; height: 100%; background-color: #000; opacity: .5; filter:alpha(opacity=50); background-color: rgba(0,0,0,.5); z-index: 9998; } .search-input{ width: 100%; height: 0; position: fixed; text-align: center; top: -250px; opacity: 0; transition: all .8s; z-index: 9999; } .search-input input, .search-input button { padding-left: 10px; width: 65px; height: 50px; line-height: 35px; border: none; color: #959595; background-color: #fff; } .search-input input { width:25%; margin-left: -5px; font-size: 16px; font-family: "microsoft yahei",simsun; } .search-input button { text-align: center; margin-left: -5px; } .search-input button img { margin: 0 0 0 -2px; } /*瀵艰埅鏍?/ .nav { width: 100%; } .nav li { width: 8.09%; float: left; position: relative; z-index: 999; } .nav li>a { display: block; width: 100%; text-align: center; color: #fff; font-size: 18px; line-height: 60px; } .nav li:hover>a{ font-weight: 800; } .nav li:hover a{ /*color: #003f88;*/ color: #41a0fe; } .nav li .dropdown { /*height:0;*/ display:none; overflow-y: hidden; position: absolute; left: 0; top: 43px; text-align: center; /*transition: all 0.5s ease;*/ z-index: 999; } .nav li .dropdown a { display: block; box-sizing: border-box; min-width: 109.08px; width:e-xpression(document.body.clientWidth < 109.08? "109.08px": "auto" ); padding:0 10px; font-size: 16px; background-color:#fff; background-color: rgba(255,255,255,.9); line-height: 44px; white-space: nowrap; color: #333; border-bottom: 1px solid #cfcfcf; } .nav li .dropdown p{ /*position: absolute; left|:38px;*/ margin: 0 0 -5px 38px; text-align:left; } .nav li .dropdown a:hover{ background-color:#fff; color:#003F88; } /*mobil nav*/ .mobil-nav_icon { display: none; position: absolute; top: 50%; right: 0; margin:-16px 10px 0 0; } .mobil-nav{ display: none; width: 100%; height: 100%; overflow: scroll; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0, 0, 0, 0.5); } .mobil-nav ul{ box-sizing: border-box; width: 0; padding: 50px 0 20px; overflow: hidden; background-color: #f5f5f5; } .mobil-nav .link{ float: right; margin: 20px 0; } .mobil-nav .link .search img{ width: 70%; } .mobil-nav .link a{ color: #003f88; } .mobil-nav ul li{ position: relative; line-height: 50px; padding:0 40px 0 15px; border-bottom: 1px solid #eee; } .mobil-nav li a{ display: block; font-size: 18px; color: #003F88; font-weight: 800; } .mobil-nav li .open{ width: 40px; position: absolute; right: 0px; top: 0px; } .mobil-nav li .dropdown{ display: none; } .mobil-nav li .dropdown a{ display: block; margin-left: 20px; font: 16px/40px "microsoft yahei"; } .mobil-nav .close{ position: absolute; right: 10px; top: 10px; } .mobil-nav .close img{ width: 25px; } /*banner*/ .banner { position: relative; color: #fefefe; } .banner-bg{ width: 100%; height: 169px; position: absolute; bottom: 15px; left: 0; background: url(../images/banner-bg.png) no-repeat center/cover; } .banner .bd li { height: 490px; } .banner .hd { position: relative; z-index: 1; height: 16px; top: -70px; z-index: 99; } .banner .hd ul { text-align: right; } .banner .hd li { display: inline-block; *display: inline; zoom: 1; width: 9px; height: 9px; font-size: 0; margin-right: 13px; border-radius: 6.5px; border: 2px solid #fff; } .banner .hd .on { background-color: #fff; } .banner li{ position: relative; } .banner .new{ position: relative; z-index: 98; margin-top: 380px; } .banner .new h3 a{ font-size: 30px; line-height: 39px; color: #fefefe; } .banner .new p a{ font-size: 20px; line-height: 39.05px; color: #fefefe; } .banner .prev, .banner .next { display: none; width: 59px; height: 112px; position: absolute; top: 50%; margin-top: -56px; } .banner .next { background: url(../images/arrow_r.png) no-repeat; right: 5%; } .banner .prev { background: url(../images/arrow_l.png) no-repeat; left: 5%; } .banner:hover .prev, .banner:hover .next{ display:block; } .friendly-link { padding: 12px 0; text-align: center; background: #ededed; line-height: 30px; } .friendly-link a { padding: 0 12px 0 10px; color: #555; } .friendly-link a:hover { color: #6187b6; } /*footer*/ .footer { background: url(../images/footer_3F.png) center -55px no-repeat; background-color: #003F88; padding: 10px 0 0 0; color: #fff; font-size: 14px; } .footer .top > a { width: 40%; float: left; display: block; padding: 25px 3% 0 0; } .footer .top > a img{ width: 100%; } .footer .contact { width: 23%; float: left; margin-top: 13px; padding: 0 4%; } .footer .contact p { line-height: 28px; } .footer .fri-link { width: 22%; float: left; padding: 20px 0 0 40px; } .footer .fri-link img { padding-right: 40px; } .footer .fri-link select { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #909090; border: none; margin-bottom: 15px; padding-left: 10px; background: url(../images/xl2.png) no-repeat 95% 17px; background-color: #fff; } .footer-bottom { width: 100%; border-top: 1px solid #d4d1d1; background-color: #003F88; text-align: center; color: #fff; font-size: 14px; line-height: 27.05px; padding: 10px 0 ; } .footer-bottom a { color: #4e81b8; } .siteCounter8 span { margin: 0; border-radius:none; color: #FFFFFF; background-image: none; padding: 0; } .siteCounter8{ display:inline; } .filter_item.hotel-filter-list.filter-list-has-more.hotel-filter-list-min.odd{ display:none; } span.J_FilterMore.filter-more { display: none; } .xxts,.filter_item .tit{ display:none; } .filter_item{ margin-top:40px; overflow:hidden; } .filter_item .con{ overflow:hidden; } .filter_item li{ float: left; width: 160px; text-align: center; margin: 0 7px 20px; font-size: 16px; background-color: #003f88; } .filter_item li .selected{ background-color: #1d77ce; } .filter_item li a{ display:block; color:#fff; padding: 10px 0; } .searchs{ height:50px; line-height:50px; margin:50px 0; text-align: center; } .searchs div{ display:inline-block; *display:inline; zoom:1; } .searchs .search-tips{ font-size:18px; font-weight:800; } .searchs .search-inputs input{ height: 26px; line-height: 26px; border: 1px solid #ccc; border-radius: 5px; padding-left: 5px; } .searchs .search-btns input{ height: 27px; line-height: 27px; background-color: #eee; border: none; padding: 0 10px; }