.grey { background-color: #f6f6f6; }
.container { width: 1200px; margin: 0 auto; }

.view-more { padding:30px 0 50px; text-align:center }
.view-more>a { display:inline-block; padding:10px 100px; border:1px solid #e6e6e6; color:#7f7f7f; font-size:16px }

.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

.service-title { height:70px; border-top:1px solid #ebebeb; margin-top:100px; position:relative }
.service-title>div { position:absolute; top:-40px; left:50%; width:300px; text-align:center; background-color:#FFF; margin-left:-175px }
.service-title>div>span { display:block; line-height:60px; font-size:60px; font-weight:100; margin-bottom:10px }
.service-title>div>small { font-size:16px; letter-spacing:15px; text-align:center; margin-right:-15px }
.service-list { height:400px; text-align:center; margin-top:40px; margin-bottom:100px }
.service-item { display:inline-block; width:150px; margin:0 50px 60px; text-align:center }
.service-item>.service-icon { width:105px; height:105px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:0 auto; background:url(../images/service_ico.png) no-repeat; background-color:#F0F0F0 }
.service-item>.service-icon1 { background-position:-8px 5px }
.service-item>.service-icon2 { background-position:-148px 5px }
.service-item>.service-icon3 { background-position:-272px 5px }
.service-item>.service-icon4 { background-position:-380px 7px }
.service-item>.service-icon5 { background-position:-8px -97px }
.service-item>.service-icon6 { background-position:-148px -97px }
.service-item>.service-icon7 { background-position:-266px -94px }
.service-item>.service-icon8 { background-position:-388px -94px }
.service-item>.service-name { font-size:16px; margin-top:15px }
.part-title { font-size:50px; text-align:center; font-weight:100; padding:60px 0 }

.desthot { position:relative; height:750px }
.desthot-item { position:absolute; height:345px }
.desthot-item>a { display:table-cell; text-align:center }
.desthot-title { font-size:40px; color:#FFF; text-shadow:0 0 5px #333; -webkit-text-shadow:0 0 5px #333; -moz-text-shadow:0 0 5px #333; position:absolute; top:50%; margin-top:-20px; display:block; left:0; right:0 }
.desthot-item1 { width:745px; top:0; left:0 }
.desthot-item2 { width:425px; top:0; right:0 }
.desthot-item3 { width:380px; top:375px; left:0 }
.desthot-item4 { width:380px; top:375px; left:410px }
.desthot-item5 { width:380px; top:375px; right:0 }

.travelhot { margin:0 -22.5px }
.travelhot-item {width:370px; margin:0 22.5px 45px; background-color:#FFF; box-shadow:0 0 15px #DEDEDE; -webkit-box-shadow:0 0 15px #DEDEDE; -moz-box-shadow:0 0 15px #DEDEDE; transition:box-shadow .2s linear .05s; -webkit-transition:box-shadow .2s linear .05s; -moz-transition:box-shadow .2s linear .05s; float:left;}
.travelhot-item:hover { box-shadow:0 0 15px #CCC }
.travelhot-pic { position:relative; width:370px; height:300px; overflow:hidden }
.travelhot-intro { position:absolute; left:0; right:0; bottom:-70px; padding:10px; font-size:14px; color:#FFF; line-height:20px; background-color:rgba(0,0,0,.5); transition:bottom .2s linear 0s; -webkit-transition:bottom .2s linear 0s; -moz-transition:bottom .2s linear 0s }
.travelhot-tags { position:absolute; left:5px; top:10px }
.travelhot-tags>span { display:inline-block; padding:2px 10px; margin:0 5px; color:#FFF; font-size:14px; background-color:#f90 }
.travelhot-text { padding:10px; text-align:center; color:#333 }
.travelhot-text>.travelhot-price { font-size:14px }
.travelhot-text>.travelhot-price>span { font-size:26px; color:#f79702 }
.travelhot-text>.travelhot-title { font-size:18px; font-weight:600; padding:5px 0; height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.travelhot-text>.travelhot-subtitle{ font-size:14px;height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.part-order { margin:50px 0; line-height:normal; }
#QSTFormStour { overflow:hidden }
h4 { margin-top:0; margin-bottom:20px; color:#333; font-size:45px; font-weight:100 }
h4>small { font-size:20px }
.sinput { float:left; margin-right:15px; height:40px; line-height:30px; padding:5px; background-color:#FFF; border:1px solid #bfbfbf; border-radius:3px }
.input:focus { border-color:#00abc9; outline:0; -webkit-appearance:none }
.input-lg { width:400px }
.input-3x { width:300px }
.input-2x { width:200px }
.input.error { border-color:red }
.input-border:-ms-input-placeholder, .input-border::-moz-placeholder, .input::-webkit-input-placeholder {color:#DEDEDE}
.input-border { border:1px solid #DEDEDE; width:100% }
.input-border:focus { border:1px solid #66afe9 }
.btn-order { position:relative; float:left; height:40px; line-height:40px; padding:0 35px; color:#FFF; font-size:16px; border:0; background-color:#00abc9; border-radius:3px; cursor:pointer }