@charset "utf-8";
/* CSS Document */
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;font: 12px/1.5 Microsoft Yahei,PingFang SC,Helvetica,Arial,Hiragino Sans GB,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased;}
a, html { color: #111e36;}
div {display: block;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, button, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike,  sub, summary, sup, textarea, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
body{margin:0; padding:0; color:#31424e; -webkit-text-size-adjust:none; background-color:#fafafa /*#EEF1F6*/;}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top; -webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:13px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a {color: #333;text-decoration: none;}
a:hover {color: #00b0ff /*#ff0018 #31424e #008ee1*/;text-decoration: none;}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.box-shadow { -webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%); box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.ellipsis-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ellipsis-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.bg-white{background-color:#fff; position: relative; }
.bg-gray{background-color:#f5f5f5; position: relative; }
.fn-left {float:left !important;}
.fn-right {float:right !important;} 
.textC{text-align:center}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^=carhome-] {margin: 15px auto;width: 1200px;}
/*公共 CSS*/
.wrapper {width: 100%;overflow:hidden; }
.container{width:1200px; margin:0 auto;}
.contentWrap{position: relative;padding-bottom: 15px;width: 100%; min-height:800px; display: block;overflow:hidden;}
.mainBar {float: left; width: -webkit-calc(100% - 350px);min-height:800px;min-height:800px;}
.sideBar {float: right; width: 330px;min-height:800px;}
/*union-advs*/
.union-wrap{width:100%;text-align: center;overflow:hidden;}
.union-adv960{margin:0 auto;width:960px;min-height:90px;border-radius: 5px;background: #ffffff;overflow:hidden;}
.union-adv300{width:300px;min-height:90px;border-radius: 5px;overflow:hidden;}
.union-adv728{margin:0 auto;width:728px;height:90px;border-radius: 5px;obackground: #ffffff;overflow:hidden;}

/*===topbar CSS===*/
.topbar {position: relative;width: 100%;height: 35px;border-bottom: 1px #eee solid; background: #fafafa; background-repeat: repeat-x;background-position: center center;overflow: hidden;} 
.topbar .top-slogan {float: left;font-size: 13px; color #fff;line-height: 35px;}
.topbar .top-slogan span {margin-right:20px; padding-left:0px; background:url("../images/laba.png") 0 -2px no-repeat; background-size: 20px 25px;}
.topbar #top-login {float:right;font-size: 14px;}
.topbar #top-login a {/* padding: 2px; color:#eee;*/float:left;position:relative;display: block;line-height: 20px;margin: 8px 0px 7px 15px;}
.topbar #top-login a i {margin-right:5px;}
.topbar #top-login .topLogin {height:20px;padding:0;line-height:20px;color:#fff;text-align:center;border-radius:3px;}
.topbar #top-login .topLogin:after {display:none}
.topbar #top-login .paid-info {color: #fff;}
/*===header===*/
.header {height:80px;width: 100%; border-bottom: 1px #eee solid; box-sizing: border-box; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);z-index: 9999; box-shadow: 0 3px 90px rgb(98 107 181 / 25%);-webkit-box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);  -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);}
.header.bg-header { background: url(../images/bg-header.png?v=1) no-repeat bottom; background-size: 1920px auto;}
.header .container {width:1200px; height: 100%;margin: 0 auto;align-items: center;overflow: hidden; display flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
.header .logo {float: left;margin: 15px 0;display: flex;align-items: center;justify-content: center;}
.header .logo .logo-wrap {height: 50px;display: inline-block;}
.header .logo .logo-wrap img {width: auto;height: 100%;}
.header .top-phone {float:left;height: 40px;padding-left:15px;margin:20px 5px; border-left: 1px #ddd solid;}
.header .top-phone dt{color:#f60;font-size:20px;font-family:Arial;line-height:24px}
.header .top-phone dd{color:#666;font-size:12px;letter-spacing:0.5px;line-height:18px}
/*navbar*/
.header .navbar {float: left;margin: 20px 30px;justify-content: space-between; }
.header .navbar .navMenu {width: 100%;height: 100%;display: flex;align-items: center;}
.header .navbar .navMenu li {margin: 0 15px;}
.header .navbar .navMenu li a {display: inline-block;color: #262626;line-height: 40px;font-size: 18px;position: relative;box-sizing: border-box;}
/*.header .navbar .navMenu li a::after {content: ''; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); width: 0%; height: 3px; background-color: #0A7BF8; transition: all 0.8s; border-radius: 2px;}*/
.header .navbar .navMenu li.active a, .navbar .navMenu li:hover a {color: #0A7BF8;}
.header .navbar .navMenu li.active a::after ,.navbar .navMenu li:hover a::after {width: 60%;}
.header .special {float: right;width: 165px;margin: 25px 0 25px 40px;overflow: hidden; display: flex; justify-content: space-between;}
.header .special .special-item { display: inline-block; padding: 0px 10px;line-height: 30px; border-radius: 20px;font-size: 14px;text-align: center;color: #fff;background: #0099FF; font-weight: 500;color: #FFF;}
/*====== footer ======*/
.footer {position: relative; min-height:100px;border-top: 1px solid #dddddd; background: #FFF; overflow:hidden; box-shadow: 0 3px 62px rgb(98 107 181 / 25%);}
.ocean-view {background: url(../images/footer-ocean-view3.png) bottom no-repeat;height:80px;}
.footer .container{padding: 25px 0;color: #666;}
.footer .footer-nav {margin-bottom:20px;display: flex;align-items: center;justify-content: space-evenly; color: #AFB2BE;}
.footer .footer-nav .footer-nav-dl {font-size: 14px; line-height: 1.2;display: flex;justify-content: space-between;}
.footer .footer-nav .footer-nav-dl dd {}
.footer .footer-nav .footer-nav-dl dd.split {color:#eee;}
.footer .footer-nav .footer-nav-dl dd a {margin:0 8px;}
.footer .friend-link {margin:0px;}
.footer .friend-link .friend-link-dl {padding-top:15px;line-height:24px;border-top:1px solid #E4E4E4;font-size: 13px;display: flex; justify-content: center;overflow:hidden;}
.footer .friend-link .friend-link-dl dt {float:left;color:#999;margin-right:10px;white-space:nowrap}
.footer .friend-link .friend-link-dl dd {float:left;}
.footer .friend-link .friend-link-dl dd a {float: left; margin-right:10px; color:#666;}
.footer .friend-link .friend-link-dl dd a:hover {float: left; margin-right:10px; color:#00b0ff;}
.footer .footer-bottom { margin-top: 15px; width:100%; border-top:0px solid #EAEDF0;text-align:center;line-height:22px;font-size:14px;}
.footer .footer-bottom .copyright {margin-bottom:20px;line-height:24px;font-size:12px;color:#999;}
.footer .footer-bottom .copyright a {margin:0 5px;font-size:12px;color:#999;}
.footer .footer-bottom .footerLogo {display:flex;justify-content:center;}
.footer .footer-bottom .footerLogo a{margin:0 5px;}

/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 5px;padding: 7px 11px 7px;border:1px solid #eee;background:#fff;text-align: center;display: inline;font-size: 14px;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #3f81f7;background: #3f81f7; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;border-radius: 6px;overflow: hidden;}
.pageLink b{margin:0px 3px;padding: 7px 11px 7px;border:1px solid #3f81f7;background:#3f81f7; color:#FFF;text-align: center;display: inline;font-size: 14px;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages{margin: 20px auto 20px;line-height:40px;font-family:"Microsoft Yahei", simsun;text-align:center;font-size: 14px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 5px;padding: 7px 11px 7px;border: 1px solid #eee;background:#fff;text-align:center;text-decoration:none;font-family:"Microsoft Yahei", simsun;border-radius: 6px;overflow: hidden;}
.epages a:hover{border:#3f81f7 1px solid;background:#3f81f7;text-decoration:none;color:#FFF}
.epages input{margin-bottom:0px;border:1px solid #3f81f7;height:15px;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#0096A5}
.epages b{margin:0px 5px;padding: 7px 11px 7px;border: 0px solid #3f81f7; background:#3f81f7;color:#FFF;text-align:center;text-decoration:none;border-radius: 6px;}
/*star-new*/
.star-new{background-image:url("../images/star_icon.png");display:inline-block;height:18px;margin:6px 0;position:relative;width:90px;z-index:10}
.star-new span{background-image:url("../images/star_icon.png");background-repeat:no-repeat;background-position:0 -20px;display:inline-block;height:18px;left:0;position:absolute;top:0;width:90px;z-index:11}
.star-new .star-0{width:0}
.star-new .star-1{width:18px}
.star-new .star-2{width:36px}
.star-new .star-3{width:55px}
.star-new .star-4{width:71px}
.star-new .star-5{width:90px}
.icon-city {padding-left: 15px;background: url(../images/tips_icon.png) 0 3px no-repeat;}
/*crumbs*/
.cruise-crumbs {position: relative;margin: 15px 0;padding: 0px 0;font-size: 14px;color: #999;overflow: hidden;}
.cruise-crumbs .container {display: flex;justify-content: space-between;}
.cruise-crumbs .crumbs-bread {float: left;display: inline;}
.cruise-crumbs .crumbs-bread a {color: #999;}
/*hot-topics*/
.hot-topics {display: block;right: 0;bottom: 0;color: #999;font-size: 14px;float: right;}
.hot-topics a {margin-left: 10px;color: #999;}
.hot-topics a:hover {color: #ff0018;}
.hot-topics a i {margin-right: 3px;}
/*hot-tags*/
.hot-tags{ float: right;color: #999;font-size: 14px;}
.hot-tags a{ display: inline-block;margin: 0 5px; padding: 0 5px;line-height: 30px;border: 0px solid #dbdee0;border-radius: 5px;color: #8f8f8f;border-radius: 5px;}
.hot-tags a:hover { background: #e3efff; border-color: #dbe8fa;}
/*tips-*/
.tips-icon {position: absolute; top: 0; left: 0;padding: 0 10px;line-height: 30px;font-size: 14px; text-align: center;background: #0099ff;color: #fff; border-radius: 4px 0px 0px 0px;}
.tips-icon:after {content: '';position: absolute;width: 0px;height: 0px; border-top: 16px solid #0099ff;border-right: 12px solid transparent; border-bottom: 14px solid #0099ff; border-left: 2px solid #0099ff;; right: -14px;top: 0;}
/*icon*/
.icon {background-image: url("../images/line-sprite.png");display: inline-block;}
.icon-print{background-position: -0px -0px;width: 20px;height: 20px;}
.icon-car{background-position: -0px -20px;width: 28px;height: 22px;}
.icon-jiantou{background-position: -0px -42px;width: 16px;height: 24px;}
.icon-plane{background-position: -0px -66px;width: 28px;height: 25px;}
.icon-yinghao1{background-position: -0px -91px;width: 28px;height: 27px;}
.icon-yinghao2{background-position: -0px -118px;width: 28px;height: 28px;}
.icon-fang{background-position: -0px -146px;width: 30px;height: 30px;}
.icon-next{background-position: -0px -176px;width: 22px;height: 31px;}
.icon-prev{background-position: -0px -207px;width: 22px;height: 31px;}
.icon-tel{background-position: -0px -238px;width: 29px;height: 31px;}
.icon-can{background-position: -0px -269px;width: 32px;height: 32px;}
.icon-12{background-position: -0px -301px;width: 34px;height: 34px;}
.icon-book{background-position: -0px -335px;width: 50px;height: 46px;}
.icon-yuan{background-position: -0px -381px;width: 51px;height: 46px;}
.icon-items01{background-position: -0px -427px;width: 42px;height: 48px;}
.icon-ship { float: left;width: 30px;height: 30px; margin-right: 5px; display: block;background: url("../images/ship-icon3.png") no-repeat; background-size: 360px 30px;}
.icon-ship1 { background-position: 0px 0;}
.mgt10{margin-top:10px !important;} .mgb10{margin-bottom:10px !important;}
.mgt15{margin-top:15px !important;} .mgb15{margin-bottom:15px !important;}
.mgt20{margin-top:20px !important;} .mgb20{margin-bottom:20px !important;}
.pdt10{padding-top:10px !important;} .pdb10{padding-bottom:10px !important;}
.pdt15{padding-top:15px !important;} .pdb15{padding-bottom:15px !important;}
.pdt20{padding-top:20px !important;} .pdb20{padding-bottom:20px !important;}
/*section*/
.section {position: relative; width: 100%; min-height 300px; margin: 30px auto; padding: 0;}
.section .section-wrap,
.section .section-content {margin:0 auto; }
.cruise-top {display: block;width: 100%;height: 400px; overflow: hidden;}
/*section-head*/
.section-title {position: relative;margin-bottom: 20px;padding:0px 0px;height:28px;line-height:28px;}
.section-title .section-name {float:left;height:30px;line-height:30px;font-size: 26px;color:#00bcdc; font-weight: 500;overflow: hidden;} 
.section-title .section-name a {color #00bcdc;}
.section-title .section-name a i {font-size:22px;font-weight:lighter; color #00bcdc;vertical-align: middle;}
.section-title .section-name a:hover i {color: #00bcdc;}
.section-title .section-nav {float:right;margin-right: 20px;margin-top: 0px;}
.section-title .section-nav a {margin-left:20px;font-size: 16px;} 
.section-title a.more {float: right;background: rgb(98 107 181 / 25%);border-radius: 50px;padding: 0 8px 0 10px;font-size: 14px;line-height: 24px;margin-top: 3px;} 
.section-title a.more i{margin-left: 1px;font-size: 16px;font-family: serif;}
.section-title .section-nav p,.section-title .section-nav ul {float:left;}
/*module-title*/
.module-title {position:relative;margin-bottom: 20px;height: 30px;line-height: 30px;overflow: hidden;display: flex;justify-content: space-between;}
.module-title .module-name {display: block; font-size: 22px;}
.module-title .module-name .icon-star {margin-right: 5px;font-size: 22px;color: #ff9900;font-weight:bold;}
.module-title .module-name .icon-star:before {}
/*box-title*/
.box-title {position: relative;margin-bottom: 0px;padding-bottom:10px;height:24px;line-height:24px;border-bottom: 1px #eee solid;overflow: hidden;}
.box-title .name {float:left;height:24px;line-height:24px;font-size: 20px;font-weight: 500;overflow: hidden;} 
.box-title a.more {float:right;} 
.box-title a.more i {margin-left: 2px;width:16px;height: 16px;font-size: 16px;font-family: serif;}
/*button*/
.button {display: block;height: 30px;margin-top: 0px;padding: 0px 5px 0px 15px;font-size: 16px; background: #6090ff; color: #fff; border-radius: 6px;}
.button:hover {background: #ff9900; color: #fff;}
/*titleC*/
.titleC {width: 100%; padding-bottom:0px; text-align: center; overflow: hidden}
.titleC h3 { height: 45px;font-size: 28px; font-weight: 400; margin-top: 0px;letter-spacing: 1px; text-transform: uppercase;}
.titleC h3 i {background: #f8f8f8; padding: 0 10px;}
.titleC h3:after {content: '';width: 360px;height: 1px;background: #eaeaea;display: block; margin: -15px auto 50px;}
.titleC P {font-size: 15px;color: #999;text-transform: uppercase;}
/*titleD*/
.titleD {width: 100%; padding-bottom:0px; text-align: center; overflow: hidden}
.titleD h3 { height: 45px;font-size: 28px; font-weight: 400; margin-top: 0px;letter-spacing: 1px; text-transform: uppercase;}
.titleD h3 i {background: #f8f8f8; padding: 0 10px;}
.titleD h3:after {content: '';width: 360px;height: 1px;background: #eaeaea;display: block; margin: -15px auto 50px;}

/* search */
.search {width: 600px;margin: 0 auto;overflow: hidden;}
.search .search-wrap {display: flex;flex-direction: column;padding: 15px;border-radius: 8px;background: hsla(0,0%,94%,.6); -webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);box-shadow: 0 4px 16px 0 rgba(0,0,0,.08);}
.search .search-form { width: 100%;position:relative; }
.search .search-form .search-input {position:relative;overflow:hidden;border-radius:4px;}
.search .search-form .search-input input{width: -webkit-calc(100% - 80px);height:40px;background: #f5f5f5;width:100%;font-size:14px;text-indent:12px;}
.search .search-form .search-input button{ position:absolute; width:80px; height:40px; background:#008ee1; top:0; right:0; cursor:pointer; }
.search .search-form .search-input button .icon-search:before {font-size:20px;color: #fff;}
.search .search-hots {margin-top: 15px;line-height:16px;display: flex;font-size: 13px;}
.search .search-hots span{font-weight:bold;}
.search .search-hots a{ display:block;  padding-left:10px; }
.search .search-hots a:hover{ }

/* kefu-tools */
.kefu-tools{display:none;position:fixed;width:60px;bottom:200px;right:280px;z-index:100; font-size: 14px;}
.kefu-tools-item{margin-bottom:10px;position:relative;cursor:pointer;text-align:center;vertical-align:top;border-radius:50%;width:58px;height:45px;padding-top:13px;background:#fff;border:1px solid #e5e5e5;background-image:url(../images/kefu_tools.png);background-repeat:no-repeat;background-attachment:scroll;box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);}
.kefu-tools-item:hover{border:1px solid #39F}
.kefu-tools-pop{position:absolute;right:45px;padding-right:23px;display:none;cursor:default}
.kefu-tools-pop1{top:-8px}
.kefu-tools-pop2{top:-30px}
.kefu-tools-pop3{top:-167px}
.kefu-tools-item:hover
.kefu-tools-pop{display:block}
.kefu-tools-phone{background-position:16px 100px}
.kefu-tools-qq{background-position:-44px 100px}
.kefu-tools-code{background-position:-102px 100px}
.kefu-tools-txt{line-height:16px;vertical-align:top;display:block;color:#39f}
.kefu-tools-qq .kefu-tools-txt{color:#f60}
.kefu-tools-item:hover .kefu-tools-txt{display:none}
.kefu-tools-phone:hover{background-position:21px 19px}
.kefu-tools-qq:hover{background-position:13px 13px;background-image:url(../images/wechat.png)}
.kefu-tools-code:hover{background-position:-102px 15px}
.kefu-tools-phone_w{position:relative;/*width:170px;*/padding:0px 15px;background:#39F;color:#fff;font-family:Arial;line-height:30px;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1)}
.kefu-tools-phone_w dl{/*width:120px;*/margin:0 auto;padding:5px 0;}
.kefu-tools-phone_w dl dt{font-size:13px;border-bottom:1px solid #71B8FF;white-space:nowrap}
.kefu-tools-phone_w dl dd{font-size:18px;font-family:Arial;white-space:nowrap;letter-spacing:0.6px}
.kefu-tools-phone_w b{display:block;width:9px;height:14px;position:absolute;background:url(../images/kefu_tools.png) no-repeat scroll -89px -50px;right:-9px;top:30px}
.kefu-tools-qq_w{position:relative;width:124px;font-size:0;background:#39F;color:#fff;font-family:Arial;padding:5px 3px;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1)}
.kefu-tools-qq_w b{display:block;width:9px;height:14px;position:absolute;background:url(../images/kefu_tools.png) no-repeat scroll -89px -50px;right:-9px;top:55px}
.kefu-tools-qq_w dl{color:#818992;width:110px;margin:0 auto;padding:15px 0}
.kefu-tools-qq_w dl dt{text-align:left;color:#fff;line-height:20px;font-size:12px}
.kefu-tools-qq_w dl dd a{display:block;padding:3px 0 3px 12px;text-align:left;border-radius:3px;text-decoration:none;height:21px;line-height:21px;background:#FAFEFF;border:1px solid #EBF5FF;color:#333}
.kefu-tools-qq_w dl dd a:hover{color:#39f;border:1px solid #9CF}
.kefu-tools-qq_w dl dd a em{display:block;float:left;width:19px;height:21px;margin-right:10px;background:url(../images/kefu_tools.png) no-repeat scroll -21px -44px}
.kefu-tools-qq_w p{text-align:center;color:#333;font-size:12px;padding-top:15px}
.kefu-tools-code_w{position:relative;width:170px;background:#fff;border:1px solid #ccc;text-align:left;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1)}
.kefu-tools-code_w img{vertical-align:top;border-radius:4px}
.kefu-tools-code_w b{display:block;width:9px;height:14px;position:absolute;background:url(../images/kefu_tools.png) no-repeat scroll -80px -50px;right:-9px;top:181px}
.kefu-tools-link{color:#999;display:block;text-decoration:none;width:50px;height:41px;padding-top:9px;line-height:16px;background:#F6F6F6;margin-bottom:1px;cursor:pointer;text-align:center;vertical-align:top;border-radius:50%}
.kefu-tools-link:hover{color:#39f;width:48px;height:40px;padding-top:8px;background:#fff;text-decoration:none;border:1px solid #9CF}
.kefu-tools-top{width:58px;height:49px;padding-top:9px;margin-bottom:1px;cursor:pointer;text-align:center;vertical-align:top;border-radius:50%;/*background:#e5e5e5 url(../images/arrowtop.png) no-repeat center center;*/box-shadow: 0 4px 16px 1px rgb(0 0 0 / 6%);border:1px solid #e5e5e5;}
.kefu-tools-top .kefu-tools-top_href{display: inline-block;line-height: 42px; color: #c7c3c3;}
.kefu-tools-top:hover{background:#008eee;/*background:#ccc url(../images/arrowtop.png) no-repeat center center*/}
.kefu-tools-top:hover a{color: #FFFFFF;}