/* 阳光保证
 * CSS file by shaochunhua
 * 2014-07-08
 */

.header, .nav, section { width: 640px; margin: 0 auto; }
.header { background-image: url(../img/sunshine/header.png); height: 420px; }

.nav { position: relative; border-bottom: 1px solid #e0e0e0; background-color: #f5f5f5; overflow: hidden; }
.nav, .nav-left, .nav-right { height: 125px; }
.nav-left, .nav-right { position: relative; display: inline-block; width: 39px; }
.nav-left { float: left; }
.nav-right { position: absolute; right: 0; }
.nav-right > span, .nav-left > span { display: inline-block; width: 20px; height: 20px; border: 4px solid; -webkit-transform: rotate(45deg); position: absolute; top: 40%; }
.nav-left > span { border-top: none; border-right: none; left: 40%; }
.nav-right > span { border-bottom: none; border-left: none; right: 40%; }

.nav-left > span.grey, .nav-right > span.grey { border-color: #e0e0e0; }
.nav-left > span.blue, .nav-right > span.blue { border-color: #01c0c9; }
.nav > ul { width: 560px; overflow: hidden; }
.nav > ul > li { width: 25%; float: left; }
.nav > ul > li > a { width: 100%; display: inline-block; }

.show-frame { float: left; overflow: hidden; width: 560px; }
.show-frame table { position: relative; top: 0; left: 0; border: none; border-collapse: separate; }
.show-frame td { position: relative; border: none; }
.show-frame a { display: block; height: 125px; width: 138px; }
.icon-1 { background-image: url(../img/sunshine/icon-1.png); }
.icon-2 { background-image: url(../img/sunshine/icon-2.png); }
.icon-3 { background-image: url(../img/sunshine/icon-3.png); }
.icon-4 { background-image: url(../img/sunshine/icon-4.png); }
.icon-5 { background-image: url(../img/sunshine/icon-5.png); }
.icon-6 { background-image: url(../img/sunshine/icon-6.png); }
.icon-7 { background-image: url(../img/sunshine/icon-7.png); }
.icon-8 { background-image: url(../img/sunshine/icon-8.png); }
.icon-9 { background-image: url(../img/sunshine/icon-9.png); }
.icon-1-2 { background-image: url(../img/sunshine/icon-1-2.png); }
.icon-2-2 { background-image: url(../img/sunshine/icon-2-2.png); }
.icon-3-2 { background-image: url(../img/sunshine/icon-3-2.png); }
.icon-4-2 { background-image: url(../img/sunshine/icon-4-2.png); }
.icon-5-2 { background-image: url(../img/sunshine/icon-5-2.png); }
.icon-6-2 { background-image: url(../img/sunshine/icon-6-2.png); }
.icon-7-2 { background-image: url(../img/sunshine/icon-7-2.png); }
.icon-8-2 { background-image: url(../img/sunshine/icon-8-2.png); }
.icon-9-2 { background-image: url(../img/sunshine/icon-9-2.png); }

.sec-one, .sec-two { font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu; }
.sec-one h2, .sec-two h2, .sec-three h2 { text-align: center; }

.sec-one, .sec-three { background-color: #f5f5f5; color: #464646; }
.sec-one .sec-header { background-image: url(../img/sunshine/header-1.png); height: 165px; }
.sec-one h2 { font-size: 42px; font-weight: bold; margin-bottom: 25px; }
.sec-one p, .sec-three p { font-size: 24px; margin: 0 30px; text-indent: 48px; }
.sec-one .p-small { font-size: 18px; text-align: center; padding: 30px 0; }
/* 阳光保证 */
.sec-two { background-color: #fff; }
.sec-two h2 { font-size: 48px; color: #424242; margin-top: 35px; }
.sec-two .sec-header { background-image: url(../img/sunshine/header-2.png); height: 293px; margin-bottom: 10px; }
.sec-two li, .sec-three li { padding: 0 30px; margin-bottom: 10px; }
.sec-two li > span { display: inline-block; width: 46px; height: 50px; float: left; }
.sec-two li:first-child > span { background-image: url(../img/sunshine/num-1.png); }
.sec-two li:nth-child(2) > span { background-image: url(../img/sunshine/num-2.png); }
.sec-two li:last-child > span { background-image: url(../img/sunshine/num-3.png); }
.sec-two li > div { margin-left: 65px; }
.sec-two li > div > h3 { font-size: 28px; color: #424242; }
.sec-two li > div > p  { font-size: 20px; color: #828282; }

/* 产品丰富 */
.sec-three { padding-bottom: 60px; }
.sec-three h2 { font-size: 46px; padding-top: 35px; }
.sec-three li { margin: 20px 0; }
.sec-three li > span { display: inline-block; float: left; background-image: url(../img/sunshine/num-three.png); width: 132px; height: 132px; }
.sec-three li:first-child > span { background-position: 0 0; }
.sec-three li:nth-child(2) > span { background-position: 132px 0; }
.sec-three li:last-child > span { background-position: 264px 0; }
.sec-three li > div { margin-left: 144px; }
.sec-three li > div > h3 { font-size: 26px; color: #01b7cc; margin: 10px 0; }
.sec-three li > div > p { font-size: 20px; color: #828282; text-indent: 0; margin: 0; }

/* 卓越服务 */
.sec-four { position: relative; background-color: #fff; padding-top: 40px; }
.sec-four h2, .sec-four h3 { text-align: center; }
.sec-four h2 { font-size: 46px; color: #424242; }
.sec-four h3 { font-size: 32px; color: #595959; }
.sec-four p { font-size: 22px; color: #828282; padding: 20px 30px; }
.sec-four p .highlight { font-size: 27px; color: #01b7cc; }
.sec-four-bg { background-image: url(../img/sunshine/sec-four-bg.png); height: 984px; }
.sec-four-bg-2 { background-image: url(../img/sunshine/sec-four-bg-2-2.png); height: 809px; }

/* 价格预定保障 */
.sec-five { background-color: #f5f5f5; }
.sec-five h2, .sec-six h2, .sec-seven h2, .sec-eight h2, .sec-nine h2, .sec-ten h2 { font-size: 46px; padding-top: 35px; text-align: center; }
.sec-five p, .sec-six p, .sec-seven p, .sec-eight p, .sec-nine p, .sec-ten p { margin: 0 30px; font-size: 24px; color: #6f6f6f; }
.sec-five-bg { padding-top: -10px; background-image: url(../img/sunshine/sec-five-bg.png); height: 158px; }

/* 酒店升级保障 */
.sec-six { background-color: #fff; padding-bottom: 45px; }
.sec-six-bg { background-image: url(../img/sunshine/sec-six-bg.png); height: 382px; }

/* 航班延误保障 */
.sec-seven { background-color: #f5f5f5; padding-bottom: 70px; }
.sec-seven-bg { background-image: url(../img/sunshine/sec-seven-bg.png); height: 350px; }
.sec-seven p { text-indent: 48px; margin-top: 20px; }

/* 特殊原因退订保障 */
.sec-eight { padding-bottom: 35px; }
.sec-eight .small-p { text-indent: 0; text-align: center; font-size: 22px; }
.sec-eight p { text-indent: 48px; }
.sec-eight .s-p { font-size: 20px; text-indent: 0; }
.sec-eight-bg { background-image: url(../img/sunshine/sec-eight-bg.png); height: 1048px; border-bottom: 1px solid #e0e0e0; margin: 20px 0; }

/* 不可抗力退订保障 */
.sec-nine { padding-bottom: 40px; background-color: #f5f5f5; }
.sec-nine-bg { background-image: url(../img/sunshine/sec-nine-bg.png); height: 361px; margin: 35px 0; }

/* 重大灾难保障 */
.sec-ten p { padding: 25px 0; text-indent: 48px; }
.sec-ten-bg { background-image: url(../img/sunshine/sec-ten-bg.png); height: 414px; }

.top { text-align: center; padding: 10px 0 30px; }
.top a { color: #01c0c9; font-size: 24px; }

.download, .wechat, .weibo { position: absolute; display: inline-block; width: 216px; height: 86px; right: 20px; }
.download { background-image: url(../img/sunshine/download.png); bottom: 320px; }
.wechat { background-image: url(../img/sunshine/wechat-2.png); bottom: 190px; }
.weibo { background-image: url(../img/sunshine/weibo-2.png); bottom: 60px; }

.dialog-mask { height: 100% !important; }