@charset "utf-8";
/* banner */
.custom-banner{width: 100%; min-width: 1200px; height: 460px; position: relative; overflow: hidden;}
.custom-banner .banner-pic{ position: absolute; top: 0; left: 50%; z-index: 1; margin-left: -960px; width: 1920px; height: 460px;}
.custom-banner .banner-pic>img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.custom-banner .custom-btn{ position: absolute; bottom: 86px; left:0; right: 0; z-index: 1; text-align: center; font-size: 0;}
.custom-banner .custom-btn>a{ display: inline-block; width: 156px; height: 48px; background: #ff7a06; font-size: 24px; line-height: 48px; margin: 0 22px; color: #fff;}

/* 订制流程 */
.custom-process-block{ width: 100%; min-width: 1200px; height: 109px; background: url("../images/custom-progress-pic.png") no-repeat center;}

/*标题*/
.custom-title-bar{ padding: 20px 0 30px; text-align: center;}
.custom-title-bar .zh-tit{ height: 48px; font-size: 22px; color: #666; line-height: 48px;}
.custom-title-bar .en-tit{ height: 16px; font-size: 14px; color: #999; line-height: 16px; padding-bottom: 11px; position: relative;}
.custom-title-bar .en-tit:after{ content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 4px; background-color: #f60;}

/* 服务流程 */
.custom-serve-block{ width: 100%; min-width: 1200px;}
.custom-serve-list{ height: 480px;}
.custom-serve-list li{ float: left; width: 240px; background-color: #f5f5f5;}
.custom-serve-list li .pic{ width: 240px; height: 240px; background-color: #e7e7e7; position: relative;}
.custom-serve-list li .pic>img{ display: block; width: 240px; height: 240px;}
.custom-serve-list li .pic:after{ content: ""; position: absolute; left: 0; right: 0;}
.custom-serve-list li:nth-of-type(odd) .pic:after{ top: 0; border-left: 120px solid transparent; border-right: 120px solid transparent; border-top: 30px solid #f5f5f5;}
.custom-serve-list li:nth-of-type(even) .pic:after{ bottom: 0; border-left: 120px solid transparent; border-right: 120px solid transparent; border-bottom: 30px solid #f5f5f5;}
.custom-serve-list li .txt{ width: 220px; height: 194px; padding: 46px 10px 0;}
.custom-serve-list li .txt>.ico{ display: block; width: 84px; height: 60px; background: url("../images/cutom-serve-ico-group.png") no-repeat; margin: 0 auto;}
.custom-serve-list li:nth-of-type(1) .txt>.ico{ background-position: 11px 0;}
.custom-serve-list li:nth-of-type(2) .txt>.ico{ background-position: 11px -68px;}
.custom-serve-list li:nth-of-type(3) .txt>.ico{ background-position: 11px -136px;}
.custom-serve-list li:nth-of-type(4) .txt>.ico{ background-position: 11px -204px;}
.custom-serve-list li:nth-of-type(5) .txt>.ico{ background-position: 0 -272px;}
.custom-serve-list li .txt .tit{ text-align: center; font-size: 16px; padding-top: 13px;}
.custom-serve-list li .txt .msg{ text-align: center; color: #999; font-size: 14px; line-height: 24px; padding-top: 12px;}

/* 订制行程 */
.custom-trip-block{ width: 100%; min-width: 1200px; height: 988px; background: url("../images/custom-trip-bg.png") no-repeat bottom center;}
.custom-demand{ width: 1200px; height: 750px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 13px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 13px 0 rgba(0,0,0,0.3);}
.fill-demand{ float: left; width: 800px; height: 750px;}
.fill-demand .tit{ color: #999; font-size: 26px; padding-top: 50px; text-align: center;}
.fill-demand-list{ padding: 44px 20px 0 0;}
.fill-demand-list li{padding: 8px 0 7px;}
.fill-demand-list li .hd{ float: left; width: 130px; text-align: right; height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.fill-demand-list li .bd{ padding-left: 130px; min-height: 32px;}
.custom-sel{ min-height: 32px;}
.custom-sel .sel-item{ display: inline-block; min-width: 98px; color: #666; font-size: 14px; text-align: center; height: 30px; line-height: 30px; margin:0 19px 0 0; border: 1px solid #d5d5d5; cursor: pointer; position: relative;}
.custom-sel .sel-item:hover{ border-color: #f90;}
.custom-sel.custom-type .sel-item{ min-width: 118px; font-size: 16px; color: #999;}
.custom-sel .sel-item.active{ border-color: #f90; color: #f90;}
.custom-sel .sel-item.active:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 18px; height: 17px; background: url("../images/sel-ico.png") no-repeat;}
.fill-demand-list input{ display: inline-block; padding: 5px 8px; height: 20px; line-height: 20px; font-size: 14px; border: 1px solid #d5d5d5;}
.fill-demand-list input.err{ border-color: #ff080e;}
.fill-demand-list input.poe-num{ display: inline-block; padding: 5px 0; width: 100px; height: 20px; line-height: 20px; font-size: 14px; color: #333; text-align: center; border: none; border-bottom: 1px solid #d5d5d5;}
.fill-demand-list input.time,.fill-demand-list input.days{ width: 202px;}
.fill-demand-list input.destination,.fill-demand-list input.link-name,.fill-demand-list input.phone{ width: 382px;}
.fill-demand-list input.code{ width: 102px;}
.fill-demand-list textarea{display: inline-block; width: 382px; height: 50px; resize: none; padding: 5px 8px; line-height: 20px; font-size: 14px; border: 1px solid #d5d5d5;}
.fill-demand-list .code-pic{display: inline-block; width: 77px; height: 30px; vertical-align: middle; margin-left: 12px;}
.fill-demand-list .code-pic>img{display: block;width: 77px;height: 30px;}
.fill-demand-list .num-item{ display: inline-block; font-size: 14px; color: #666; line-height: 32px; margin-right: 22px; cursor: pointer;}
.fill-demand .submit-btn{ display: block; width: 150px; height: 40px; font-size: 16px; color: #fff; text-align: center;  line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f90; margin: 23px 0 0 130px;}
.demand-form{ float: right; padding: 0 60px; width: 280px; height: 750px; background-color: #4e5d68;}
.demand-form .tit{ color: #fff; font-size: 16px; font-weight: bold; padding-top: 50px;}
.demand-list{padding-top: 20px;}
.demand-list dl{ padding: 5px 0;}
.demand-list dl dt{ float: left; width: 70px; height: 22px; line-height: 22px; font-size: 14px; color: #c3c3c3;}
.demand-list dl dd{ padding-left: 70px; min-height: 22px; line-height: 22px; font-size: 14px; color: #fff;}

/* 为何选择国旅 */
.custom-reason-block{ width: 100%; min-width: 1200px; padding-bottom: 20px;}
.reason-list{ padding: 0 0 24px;}
.reason-list li{ float: left; width: 20%;}
.reason-list li .reason-ico { display: block; margin: 0 auto; width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: url("../images/custom-reason-ico.png") no-repeat;}
.reason-list li:nth-of-type(1) .reason-ico{ background-position: 0 0;}
.reason-list li:nth-of-type(2) .reason-ico{ background-position: 0 -100px;}
.reason-list li:nth-of-type(3) .reason-ico{ background-position: 0 -200px;}
.reason-list li:nth-of-type(4) .reason-ico{ background-position: 0 -300px;}
.reason-list li:nth-of-type(5) .reason-ico{ background-position: 0 -400px;}
.reason-list li .reason-tit{ text-align: center; color: #333; font-size: 18px; font-weight: bold; padding-top: 12px;}
.reason-list li .reason-txt{ text-align: center; line-height: 22px; color: #999; font-size: 14px; padding-top: 8px;}

/* 成功案例 */
.custom-case-block{ width: 100%; min-width: 1200px; background-color: #f5f5f5;}
.custom-case-con{ padding-bottom: 63px;}
.case-list{ height: 382px;}
.case-list li{ float: left; width: 285px; height: 382px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 20px; background-color: #fff;}
.case-list li:last-child{ margin-right: 0;}
.case-list li .case-pic,.case-list li .case-pic>img{ display: block; width: 285px; height: 250px;}
.case-list li .case-pic{ position: relative;}
.case-list li:nth-of-type(odd) .case-pic:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; width: 285px; height: 60px; background: url("../images/custom-case-ico-r.png") no-repeat;}
.case-list li:nth-of-type(even) .case-pic:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 1; width: 285px; height: 60px; background: url("../images/custom-case-ico-l.png") no-repeat;}
.case-list li .case-info{ height: 108px; padding: 10px 20px 14px;}
.case-list li .case-tit{ height: 34px; line-height: 34px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.case-list li .case-txt{ height: 24px; line-height: 24px; font-size: 14px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.dz_banner{ min-width: 1200px; height: 340px; background: url(../images/dz_01.jpg) no-repeat center top; text-align: center;}
.dz_banner .wrapper{ padding-top:237px;}
.dz_banner a{ display:inline-block; vertical-align: top; width: 156px; height: 48px; line-height: 48px; color: #fff; font-size: 24px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: #ff7a06; overflow: hidden; margin: 0 19px;}
.dz_banner a:hover{ color:#fff !important; background-color: #f63;}

.dz_step{ height:217px; background-color: #f6f6f6; min-width: 1200px;}
.dz_step .wrapper{ width:1000px;}
.dz_step .top li{ float:left; width: 158px; margin-left: 139px; position: relative;}
.dz_step .top li em{display:block; width: 76px; height: 98px; margin: 30px 0 20px 20px;}
.dz_step .top li em::after{ display:inline-block; content: ""; position: absolute;  width: 95px; height: 10px; left: 158px; top: 71px; background: url(../images/dz_05.png) no-repeat center;}
.team-demand{ background-image:url(../images/dz_01.png);}
.team-route{ background-image:url(../images/dz_02.png);}
.team-pay{ background-image:url(../images/dz_03.png);}
.team-tour{ background-image:url(../images/dz_04.png);}
.dz_step .top li:first-child{ margin-left:0;}
.dz_step .top li:last-child{ margin-left:145px; width: auto;}
.dz_step .top li:last-child em::after{display:none;}
.dz_step .bottom li{ float:left; width: 114px; text-align: center; margin-left: 184px;}
.dz_step .bottom li:first-child{ margin-left: 0;}
.dz_step .bottom li:nth-child(3){ width:122px; margin-left: 176px;}
.dz_step .bottom li:last-child{ width: 90px; margin-left: 200px;}
.dz_step .bottom b{ display:block; font-size: 16px; color: #333; font-weight: normal; line-height: 16px;}
.dz_step .bottom p{ font-size: 14px; color: #999; line-height: 34px;}

.dz_form{ min-width: 1200px; background: url(../images/dz_02.jpg) no-repeat center bottom; padding: 60px 0 180px;}
.dz_form .wrapper{ box-shadow: 0 0 15px rgba(0,0,0,0.1); background-color: #fff;}
.dz_form .content{ padding:45px 100px 95px;}
.dz_title{ border-bottom:1px #ddd dashed; height: 52px; line-height: 52px; font-size: 16px; color: #000;}
.dz_title img{ display:inline-block; vertical-align: middle; margin-right: 10px;}
.dz_title i{ margin-left: 25px; font-size: 12px; color: #999;}
.dz_content{ padding-top:30px;}
.dz_content li{ margin-bottom:10px;}
.dz_content label{ display:block; float: left; width: 260px; text-align: right; padding-right: 10px; height: 32px; line-height: 32px; font-size: 14px; color: #333;}
.dz_content label i{ color:#ff0000;}
.dz_content .button{ display:block; float: left; font-size: 14px; color: #666; width: 88px; height: 30px; line-height: 30px; border: 1px #ddd solid; text-align: center; margin-right: 10px;}
.dz_content .button:hover{ color:#666 !important;}
.dz_content .button.on{ background:url(../images/dz_06.png) no-repeat right top; border-color:#ff6600;}
#city,#startTime,.text_info{ display:block; float: left; font-size: 14px; color: #666; padding-left: 10px; width: 188px; height: 30px; border: 1px #ddd solid; background: url(../images/dz_08.jpg) no-repeat 180px center; cursor: pointer;}
.text_con{ display:block; padding: 10px; font-size: 14px; color: #666; line-height: 20px; border:1px #ddd solid; width: 458px; height: 60px; overflow: auto;}
#startTime{ background: url(../images/dz_09.jpg) no-repeat 172px center;}
.num{ display:block; float: left; padding-left: 10px; width: 105px; height: 30px; line-height: 30px; border: 1px #ddd solid; font-size: 14px; color: #666;}
.dz_content li > span{ display:block; float: left; font-size: 14px; color: #666; line-height: 32px; padding: 0 14px 0 5px;}
.dz_content li img{ float:left; margin-top: 2px; cursor: pointer;}
.text_info{ background: none; cursor: default; margin-right: 10px;}
.text_button{ display:block; width: 170px; height: 47px; background-color: #ff7900; color: #fff; font-size: 18px; margin: 50px auto 0; border: none; cursor: pointer;}

.dz_travel{ padding: 50px 0 100px; text-align: center;}
.dz_travel .title{ margin-bottom:50px;}
.dz_travel .title h2{ display:block; font-size: 26px; color: #666; line-height: 70px; font-weight: normal;}
.dz_travel .title p{ font-size:18px; font-family: "Arial"; color: #999; letter-spacing: 2px; line-height: 22px; background: url(../images/dz_15.jpg) no-repeat center;}
.dz_travel_list li{ float:left; width: 25%; overflow: hidden;}
.dz_travel_list img{ margin:0 auto;}
.dz_travel_list b{ display:block; font-size: 18px; color: #000; font-weight: 500; line-height: 35px; padding-top: 20px;}
.dz_travel_list p{ font-size:14px; color: #666; line-height: 20px;}

#in_city { position: absolute; z-index: 999; background: #fff; padding-bottom: 6px; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
#in_city::after{ display:block; content: ""; position: absolute; border-bottom: 7px #fff solid; border-left:7px transparent solid; border-right:7px transparent solid; left: 90px; top: -7px; }
#in_city h1{ display:block; font-size: 15px; font-weight: normal; line-height: 40px; color: #000; padding: 0 10px;}
.screen { overflow: hidden; }
.screen a { float: left; color: #2577e3; padding: 1px 12.6px; text-align: center; border-bottom: solid 1px #ff6600; }
.screen a:hover { color: #ff6600 !important; }
.screen .shar { color: #ff6600; border: solid 1px #ff6600; border-bottom: none; }
.city_a_le1 { padding: 10px; overflow: hidden; }
.city_a_le1 a { float: left; width: 20%; margin: 2px 0; }
.Letter span { width: 12%; float: left; text-align: center; padding: 2px 0; font-size: 14px; color:#ff6600;}
.Letter div { width: 86%; float: right; }
.city_a_le1 a:hover { color: #c92436; }
.Letter div a { width: 25%; }
#in_city input { border: solid 1px #e1e1e1; height: 28px; border-radius: 3px; text-indent: 10px; margin: 20px 0 10px 10px; width: 100px;}

/*2025-1-6添加*/
.dz_content .button{ width: 93px;}
.dz_content .button,#city, #startTime, .text_info,.text_con,.num,.text_button{ -webkit-flex: 4px; border-radius: 4px;}
 .text_info{ width: 330px;}