@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
body{background:#fff;color:#333;font-size:14px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif}
td,th,caption{font-size:12px}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#06a7d3}
img{border:none;vertical-align:middle}
ol,ul,li{list-style:none}
input,textarea,select,button{font:14px "Microsoft YaHei",Helvetica,Arial,sans-serif;outline:none;margin:0;padding:0}
table{border-collapse:collapse}
*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after{content:"";display:table;clear:both}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.w1200{width:1200px;margin:0 auto}

/* ====== Header ====== */
.header{background:#fff;position:relative;z-index:100}
.header-top{background:#fafafa;height:36px;line-height:36px;font-size:12px;color:#999;border-bottom:1px solid #eee}
.header-top .w1200{overflow:hidden}
.header-top .welcome{float:left;margin-right:20px}
.header-top .top-right{float:right}
.header-top a{color:#666;margin:0 5px}
.header-top a:hover{color:#06a7d3}

.header-main{padding:15px 0;border-bottom:1px solid #eee}
.header-main .w1200{overflow:hidden}
.logo-wrap{float:left;width:295px;padding-top:5px}
.logo-wrap img{height:55px}
.search-wrap{float:left;width:480px;padding-top:12px}
.search-form{overflow:hidden}
.search-input {
    display: table-cell;
    width: 400px;
    height: 40px;
    border: 2px solid #06a7d3;
    border-right: none;
    border-radius: 20px 0 0 20px;
    font-size: 14px;
    padding: 0 18px;
    vertical-align: middle;
    float: left;
    box-sizing: border-box
}
.search-btn {
    display: table-cell;
    width: 78px;
    height: 40px;
    background: #06a7d3;
    border: 2px solid #06a7d3;
    border-radius: 0 20px 20px 0;
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    cursor: pointer
}
.search-btn:hover{background:#0590b5;border-color:#0590b5}
.tel-wrap{float:right;padding-top:8px;text-align:right}
.header-tel{display:inline-block;padding-left:45px;background:url(../images/b2c/ico03.jpg) no-repeat left center}
.header-tel .tel-info span{display:block;color:#999;font-size:12px}
.header-tel .tel-info strong{display:block;color:#ff5a00;font-size:22px;line-height:1.2}

.header-nav{background:#12c8de;height:50px;line-height:50px;position:relative}
.nav-menu{list-style:none;margin:0;padding:0;zoom:1}
.nav-menu .nav-item{float:left;position:relative}
.nav-menu .nav-item>a{display:block;color:#fff;font-size:15px;padding:0 22px;white-space:nowrap}
.nav-menu .nav-item>a:hover,.nav-menu .nav-item.active a{background:rgba(0,0,0,0.1)}
.nav-menu .nav-item.active a{font-weight:600}
.nav-menu .nav-dest{background-color:#06a7d3;width:242px;line-height:48px}
.nav-menu .nav-dest .dest-trigger{padding:0 30px;cursor:pointer}
    .nav-menu .nav-dest .dest-icon {
        margin-right: 8px;
        color: #ffffff;
    }
.nav-menu .nav-dest .dest-text{font-size:15px;color:#ffffff;}
    .nav-menu .nav-dest .arrow-down {
        font-size: 10px;
        margin-left: 5px;
        color: #ffffff;
    }
.dest-always-show .ibanner_n{display:block}
.nav-menu .nav-dest:hover .ibanner_n{display:block}
.ibanner{overflow:hidden}
.ibanner_n { width: 242px; position: absolute; top: 49px; display: none; z-index: 999 }
.ibanner_n li{padding-left:52px;height:67px;position:relative;border-top:1px solid #ffffff;border-bottom:1px solid #bedbe6}
.ibanner_n li b{margin-top:10px;display:block;margin-bottom:5px;float:left;line-height:24px}
.ibanner_n li p{float:left;width:160px;line-height:24px}
.ibanner_n li b a{margin-right:10px}
.ibanner_n li p a{margin-right:10px;font-size:12px;}
.ibanner_n .fmore { float: right; display: block; margin-right: 14px; margin-top: -28px }
.ibanner_n .fban01 { background: #E9F6FA url(/images/t1.png) no-repeat 14px center }
.ibanner_n .fban02 { background: #E9F6FA url(/images/t2.png) no-repeat 14px center }
.ibanner_n .fban03 { background: #E9F6FA url(/images/t3.png) no-repeat 14px center }
.ibanner_n .fban04 { background: #E9F6FA url(/images/t4.png) no-repeat 14px center }
.ibanner_n .fban05 { background: #E9F6FA url(/images/t5.png) no-repeat 14px center }
.ibanner_n .fban06 { background: #E9F6FA url(/images/t5.png) no-repeat 14px center }
.ibanner_n li:hover{border:1px solid #12c8d1;border-right:0;margin-left:-1px}

.ibanner_n li:hover .fban_c{display:block}
.fban_c{width:800px;position:absolute;left:241px;display:none;padding-right:10px;padding-bottom:10px;z-index:-1;background:#fff;top:-50px;border:1px solid #12c8d1;}
.fban01 .fban_c{top:-1px}
.fban02 .fban_c{top:-71px}
.fban03 .fban_c{top:-141px}
.fban04 .fban_c{top:-211px}
.fban05 .fban_c{top:-281px}
.fban_c h4 { font-size: 14px; margin: 10px 0 0; text-indent: 18px; width: 100%; float: left; line-height: 30px }
.fban_c > a { margin: 6px 0 0 18px; display: block; float: left; font-size: 12px; line-height: 26px }
.fban_c i a{color:#ff5a00}
.ibanner_n .fban01:hover .fmore,.ibanner_n .fban02:hover .fmore,.ibanner_n .fban03:hover .fmore,.ibanner_n .fban04:hover .fmore,.ibanner_n .fban05:hover .fmore{margin-right:15px}

/* ====== Footer ====== */
.footer{background:#2c2c2c;color:#959595;margin-top:35px}
.fcon{width:1200px;margin:0 auto;overflow:hidden}
.ft_t{width:100%;height:92px;border-bottom:1px solid #3c3c3c}
.ft_t_l{float:left;margin-top:25px}
.ft_t_l li{color:#959595;float:left;margin-bottom:12px}
.ft_t_l li a{color:#959595}
.ft_t_l li a:hover{color:#12c8de}
.ft_t_l li span{margin:0 10px}
.ft_t_l p{color:#959595;float:left}
.ft_t_r{float:right;height:55px;margin-top:20px;text-align:right}
.ft_t_r span{margin-top:10px;display:block;color:#999;font-size:13px}
.ft_t_r p{color:#ff5a00;font-size:25px}
.ft_c{width:100%;border-bottom:1px solid #3c3c3c;padding-bottom:13px}
.ft_c h3{color:#606060;margin-top:12px}
.ft_c a{color:#959595;margin-top:12px;margin-right:18px;display:block;float:left}
.ft_c a:hover{color:#12c8de}
.ft_b{text-align:center;line-height:59px;color:#959595}
.ft_b a{color:#959595}
.ft_b a:hover{color:#12c8de}
.ft_b img{margin-left:8px;vertical-align:middle}

/* ====== Section ====== */
.section{padding:30px 0}
.section-title{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #1a73e8;overflow:hidden;zoom:1}
.section-title h3{float:left;font-size:20px;color:#333;position:relative;padding-left:15px}
.section-title h3::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1a73e8}
.section-title .tabs{float:left;margin-left:30px;overflow:hidden;zoom:1}
.section-title .tabs a{float:left;color:#666;padding:5px 15px;margin-right:10px;border-radius:20px}
.section-title .tabs a:hover,.section-title .tabs a.active{color:#fff;background:#1a73e8}
.section-title .more{float:right;color:#999;font-size:13px;line-height:30px}

/* ====== Product Grid ====== */
.product-grid{overflow:hidden;zoom:1;margin:0 -10px}
.product-item{float:left;width:25%;padding:0 10px;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-item-inner{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eee;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-item:hover .product-item-inner{box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.product-item .img{position:relative;height:180px;overflow:hidden}
.product-item .img img{width:100%;height:100%}
.product-item .img .tag{position:absolute;top:10px;left:10px;padding:3px 10px;font-size:12px;border-radius:3px;color:#fff}
.product-item .img .tag-recommend{background:#667eea}
.product-item .img .tag-hot{background:#f5576c}
.product-item .img .tag-special{background:#fa709a}
.product-item .img .tag-tail{background:#ff9a44}
.product-item .img .tag-topic{background:#a18cd1}
.product-item .img .tag-cruise{background:#43e97b}
.product-item .info{padding:15px}
.product-item .title{font-size:15px;color:#333;margin-bottom:10px;line-height:1.4;height:42px;overflow:hidden}
.product-item .title:hover{color:#1a73e8}
.product-item .meta{font-size:12px;color:#999;margin-bottom:10px}
.product-item .price{color:#ff6600;font-size:20px;font-weight:600}
.product-item .price small{font-size:14px;font-weight:normal}

/* ====== Channel Section ====== */
.channel-section{padding:30px 0;background:#fff;border-bottom:10px solid #f5f5f5}
.channel-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;overflow:hidden;zoom:1}
.channel-title{float:left;overflow:hidden;zoom:1}
.channel-title .icon{float:left;font-size:28px;margin-right:10px}
.channel-title h2{float:left;font-size:22px;color:#333;margin:0;margin-right:10px}
.channel-title .subtitle{float:left;font-size:14px;color:#999;line-height:32px}
.channel-dest{float:left;margin-left:20px;overflow:hidden;zoom:1}
.channel-dest .label{float:left;color:#666;font-size:14px;line-height:24px;margin-right:10px}
.channel-dest a{float:left;color:#1a73e8;font-size:14px;padding:3px 10px;margin-right:10px;background:#f0f5ff;border-radius:3px}
.channel-dest a:hover{background:#1a73e8;color:#fff}
.channel-more{float:right;color:#999;font-size:14px;line-height:24px}
.channel-more:hover{color:#1a73e8}
.channel-content{overflow:hidden;zoom:1}
.channel-content .dest-sidebar{float:left;width:180px;background:#f8f9fa;border-radius:8px;padding:15px}
.channel-content .dest-sidebar h4{font-size:14px;color:#333;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}
.channel-content .dest-sidebar ul{list-style:none;padding:0;margin:0}
.channel-content .dest-sidebar li{margin-bottom:8px}
.channel-content .dest-sidebar li a{color:#666;font-size:13px;display:block;padding:5px 10px;border-radius:4px;overflow:hidden;zoom:1}
.channel-content .dest-sidebar li a:hover{background:#fff;color:#1a73e8}
.channel-content .dest-sidebar .area-flag{float:left;width:20px;height:14px;margin-right:6px;margin-top:3px;border:1px solid #eee;border-radius:2px;vertical-align:middle}
.channel-content .dest-sidebar .area-list li a span{vertical-align:middle}
.channel-content .dest-sidebar .area-list li a em{font-style:normal;font-size:11px;color:#bbb;margin-left:4px;vertical-align:middle}
.channel-content .product-grid{margin-left:200px}
.channel-domestic{background:#fffbf5}
.channel-cruise{background:#f5faff}

/* ====== Service Card ====== */
.service-card{background:#fff;border-radius:12px;padding:30px;border:1px solid #eee;overflow:hidden;zoom:1}
.service-card .service-icon{float:left;font-size:48px;margin-right:20px}
.service-card .service-content{overflow:hidden;zoom:1}
.service-card .service-content h3{font-size:20px;color:#333;margin-bottom:10px}
.service-card .service-content p{font-size:14px;color:#666;line-height:1.6;margin-bottom:15px}
.service-card .service-links{overflow:hidden;zoom:1}
.service-card .service-links a{float:left;color:#1a73e8;font-size:14px;margin-right:15px}
.service-card .service-links a:hover{text-decoration:underline}

/* ====== Tab Content ====== */
.tab-content{min-height:300px}
.tab-pane{display:none}
.tab-pane.active{display:block}

/* ====== Autocomplete ====== */
.ac_results{width:328px;font-size:12px;border:1px solid #06A7D3;z-index:99999;margin-top:2px}
.ac_results ul{list-style:none;margin:0}
.ac_results ul li{padding:0 5px;line-height:25px}
.ac_results ul li.btmline{border-bottom:1px solid #a5c9e3}
.ac_results ul li a{padding:0 5px 0 0;text-decoration:none;display:inline-block;cursor:pointer}
.ac_results ul li span{font-style:normal;display:inline-block;color:#555;width:25px;float:left}
.ac_results ul li em{font-style:normal;display:inline-block;color:#555;width:180px;float:left}
.ac_results ul li em.Sline{font-style:normal;display:inline-block;color:#555;width:280px;float:left}
.ac_results ul li i{font-style:normal;display:inline-block;width:100px;float:left;text-align:right;white-space:nowrap;word-wrap:normal;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}
.ac_loading{background:#fff url('indicator.gif') right center no-repeat}
.ac_odd{background-color:#fafafa;color:#333}
.ac_over{background-color:#eee;color:#333}
.ac_even{background-color:#fff}
.ac_old{background-color:#fafafa}

/* ====== About Page ====== */
.about-banner{background:linear-gradient(135deg,#06a7d3 0%,#12c8de 100%);padding:40px 0;color:#fff;margin-bottom:0}
.about-banner h1{font-size:28px;font-weight:bold;margin-bottom:8px}
.about-banner p{font-size:16px;opacity:0.9}
.breadcrumb-bar{padding:12px 0;font-size:13px;color:#999;border-bottom:1px solid #eee;margin-bottom:20px}
.breadcrumb-bar a{color:#666;margin-right:4px}
.breadcrumb-bar a:hover{color:#06a7d3}
.breadcrumb-bar span{margin-right:4px}
.about-wrap{overflow:hidden;zoom:1;padding-bottom:40px}
.about-sidebar{float:left;width:182px}
.about-nav{border:1px solid #ebebeb;border-right:none}
.about-nav-item{display:block;padding:0 15px 0 30px;height:40px;line-height:40px;font-size:14px;font-weight:bold;color:#666;background:#f5f6f6;border-bottom:1px solid #ebebeb;text-decoration:none;position:relative}
.about-nav-item::before{content:"▸";position:absolute;left:12px;top:0;color:#999;font-size:12px}
.about-nav-item:hover{color:#f60}
.about-nav-item.active{color:#f60}
.about-content{border:1px solid #ebebeb;padding:15px 20px;overflow:hidden;zoom:1;min-height:400px;margin-left:182px}
.about-content-title{font-size:20px;font-weight:bold;color:#333;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:15px}
.about-content-body{line-height:26px;color:#666;font-size:14px}
.about-content-body p{margin-bottom:10px;line-height:26px}
.about-content-body img{max-width:100%;height:auto}
.about-empty{text-align:center;padding:80px 0;color:#999;font-size:16px}