@charset "utf-8";
/*section一*/
@font-face {
    font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.login-page-wraper{
    position: relative;
    width: 100%;
    height: 930px;
}
.login-page-wraper .iconfont{
    display: inline-block;
    position: absolute;
    font-size: 38px;
    color: #999;
    bottom: 40px;
    left: 50%;
    -webkit-animation:"iconfont-move" 2s linear 0ms infinite normal none;
    -moz-animation:"iconfont-move" 2s linear 0ms infinite normal none;
    -ms-animation:"iconfont-move" 2s linear 0ms infinite normal none;
    -o-animation:"iconfont-move" 2s linear 0ms infinite normal none;
    cursor: pointer;
}
@-webkit-keyframes iconfont-move{
    0%{
        opacity: 1;
         bottom: 10px;
    }
    55%{
        opacity: 0.3;
        bottom: 40px;
    }
    100%{
        opacity: 1;
        bottom: 10px;
    }
}
.login-page {
    width:100%;
    height:930px;
    background-image: url(../images/indexbg.jpg);
    background-size: cover;
    position: absolute;
    min-width: 1200px;
}
.login-title-line {
    position: relative;
    top: -22px;
    z-index: 2;
    background:transparent;
    padding: 5px 25px;
    border-top: 1px solid #3d3d44;
    margin: 0 30px;
}
.other-login-line {
    position: relative;
    top: 218px;
    z-index: 2;
    background:transparent;
    padding: 5px 25px;
    border-top: 1px solid #3d3d44;
    margin: 0 30px;
}
.other-login-icon{
    position: relative;
    top: 52px;
    left: 27px;
    text-align: center;
}
.other-login-icon a{
    display: inline-block;
    float: left;
    margin-right: 55px
}
.nav{
    width: 100%;
    height: 70px;
    background: #000;
    position: relative;
}
.nav-mark{
    width: 100%;
    height: 70px;
    opacity: .3;
    filter:alpha(opacity=30);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.nav-left{
    cursor: pointer;
}
.nav-left,.nav-right{
    z-index: 2;
}

.nav-right ul li{
    float: left;
    color: #918e8d;
    padding: 0 33px;
    font-size:16px;
    line-height:70px;
    cursor: pointer;
    z-index: 4;
}
.nav-right ul li:hover {
    color: #fd772e;
}
.nav-right ul li.nav-right-last{
    padding-right: 0;
}
.login-wrap {
    width: 1200px;
    margin: auto;
    position: relative;
}
.login-modal {
    position: absolute;
    z-index: 2;
    right: 36px;
    top: 166px;
    width: 390px;
    height: 548px;
    background-color: #000;
    opacity: 0.3;
    filter:alpha(opacity=30);
    box-shadow: 2px 0px 9px #7f79a3;
    border-width: 1px;
    border-style: solid;
    border-color: #454b6e #171615 #454b6e #171615;
}
.login-box {
    position: absolute;
    z-index: 3;
    right: 36px;
    top: 218px;
    width: 325px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px 30px;
}
.login-form h1 {
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: normal;
    top: -40px;
    font-size: 19px;
}
 .login-modal .other-login-title{
     top: 254px;
     width: 130px;
}
.other-login .other-login-title{
    top: 37px;
}
.login-modal h1 {
    color: #000;
    text-align: center;
    font-size: 22px;
    margin: auto;
    width: 110px;
    background: #000;
    position: relative;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    top:10px;
}
.login-import {
    padding-bottom: 25px;
}
.login-import .import-title {
    color: #d5d5d5;
    padding-bottom: 10px;
}
.login-import .import-input {
    height: 42px;
}
.login-import .tip {
    position: relative;
    top: -31px;
    left: 10px;
    z-index: 4;
    color: #989697;
}
.login-import input {
    background: transparent;
    border: 1px solid #949091;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    display: block;
    width: 313px;
    padding-left: 10px;
    color: #fff;
}
.login-import .password-input{
    width: 200px;
    line-height: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.login-import .password-input:focus{
    z-index: 2;
}
.login-import .password-btn {
    background: transparent;
    border: 1px solid #949091;
    border-radius: 0 4px 4px 0 ;
    -webkit-border-radius: 0 4px 4px 0 ;
    -moz-border-radius: 0 4px 4px 0 ;
    font-size: 14px;
    line-height: 42px;
    height: 44px;
    display: inline-block;
    width: 113px;
    padding-left: 5px;
    color: #fff;
    margin-left: -5px;
    cursor: pointer;
    color: #fd772e;
    position: relative;
    top: 1px;
}
.login-import .password-btn:hover {
    background-color: #fd772e;
    border: 1px solid #fd772e;
    color: #fff;
}
.login-import .password-btn.btn-disable {
    color: #fff;
}
.login-import input::-webkit-input-placeholder {
    color:#989697;
}
.login-import input::-moz-placeholder {
    color:#989697;
}
.login-import input:focus {
    outline: none;
    border-color: #fd772e;
    transition: border linear .2s,box-shadow linear .5s;
    -moz-transition: border linear .2s,-moz-box-shadow linear .5s;
    -webkit-transition: border linear .2s,-webkit-box-shadow linear .5s;
    box-shadow: 0 0 8px #fd772e;
    -moz-box-shadow: 0 0 8px #fd772e;
    -webkit-box-shadow: 0 0 8px #fd772e;
}
.login-btn {
    margin-top: 5px;
}
.login-btn .button {
    width: 323px;
    text-align: center;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fd772e;
    color: #fd772e;
    font-size: 16px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.login-btn .button.disable-btn {
    background-image: url(../../images/loading.gif);
    background-repeat: no-repeat;
    background-position: 112px 12px;
    background-color: #e4e3e1;
    border: 1px solid #e4e3e1;
    color: #9e9e9d;
    cursor: not-allowed;
    text-indent: 30px;
}
.login-btn .button.disable-btn:hover{
    background-color: #e4e3e1;
    color: #9e9e9d;
}

.login-btn .button:hover {
    background-color: #fd772e;
    color: #fff;
}
.auto-login{
    /*float: left;*/
    /*margin-top: 20px;*/
    /*color: #b0adad;*/
    /*font-size: 12px;*/
    /*margin-right: 6px;*/
    visibility: hidden;
}
.auto-login-lable img {
    position: relative;
    top: 3px;
    left: 0px;
    cursor: pointer;
    width: 15px;
}
.login-btn span,.forget {
    display: inline-block;
    margin-top: -17px;
    color: #b0adad;
    font-size: 14px;
    margin-left: 10px;
}
.auto-login-lable {
    background-image: url(../images/unselected.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: -17px!important;
    width: 85px;
    height: 15px;
    display: inline-block;
    line-height: 14px;
    margin-right: 5px;
    text-indent: 20px;
    height: 18px\9;
    top: 17px\9;
    text-indent: 25px\9;
}
.selected{
    background-image: url(../images/selected.png);
}
.unselected{
    background-image: url(../images/unselected.png);
}
.auto-login-lable {
    vertical-align: middle;
    color: #b0adad;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.forget:hover {
    color: #fd772e;
}
.go-create {
    text-align: right;
    color: #d9d9d9;
    position: relative;
    top: 72px;
    right: 0px;
}
.go-create a {
    color: #fd955d;
    margin-left: 5px;
    cursor: pointer;
}
.go-create a:hover {
    color: #fd772e;
}
.fix-nav .nav{
    background: #4c4c4c;
    position: fixed;
    height: 50px;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
}
.fix-nav .nav .nav-left img{
    display: inline-block;
    margin-top: 4px;
}
.fix-nav .nav li{
    color: #fff;
    font-size:16px;
    line-height:50px;

}
.fix-nav .nav li.active{
    color: #fd772e;
}
.fix-nav .nav li:hover {
    color: #fd772e;
}
/*旅行云*/
.travel{
   padding-top: 60px;
}
.insurance-cloud {
    padding-top: 60px;
}
.travel-cloud{
    font-size:35px;
    line-height:35px;
}
.travel-cloud:before{
    content: url(../images/icloud.png);
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 10px;
}
.travel-title-left{
    width: 178px;
    line-height: 35px;
    border-bottom: 2px solid #fd772e;
    padding-bottom: 18px;
}
.travel-title-right{
    width: 1022px;
    line-height: 36px;
    padding-bottom: 27px;
    border-bottom: 1px solid #e1e0e0;
}
.travel-title-right span{
    font-size: 18px;
    position: relative;
    top: 12px;
}
.travel-title-right .travel-create{
    color: #fd955d;
    font-size: 17px;
    position: relative;
    top: 12px;
}
.travel-title-right .travel-create:hover {
    color: #fd772e;
}
.travel-items{
    padding-top: 60px;
}
.travel-item{
    width: 240px;
    overflow: hidden;
    text-align: center;
}
.travel-item img{
   display: inline-block;
}
.travel-item h4{
    font-size:18px;
    line-height:60px;
    color: #3D3C3C;
}
.travel-item p{
    display: inline-block;
    width: 196px;
    line-height: 30px;
    font-size: 16px;
    word-wrap: break-word;
}
/*精品路线*/
.travel-route{
    text-align: center;
    padding-bottom: 97px;
    padding-top: 30px;
}
.travel-route-title{
    width: 100%;
    height: 94px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.travel-route-title .left-box{
    width: 210px;
    text-align: left;
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    background: #fff;
}
.travel-route-title .right-box{
    width: 50px;
    text-align: right;
    position: absolute;
    right: 0;
    top:36px;
    z-index: 2;
    background: #fff;
}
.travel-route-title h3{
    display: inline-block;
    font-size:18px;
    line-height:94px;
    margin-right: 12px;
}
.travel-route-title span{
    font-size: 14px;
    color: #aba5a3;
}
.travel-route-title i{
    display: inline-block;
    height: 1px;
    width: 100%;
    background: #e1e0e0;
    position: absolute;
    left: 0;
    top: 48px;
    z-index: 1;
}
.travel-route-title i.web-type-line{
    width: 998px;
    margin-left: 2px;
}
.travel-route-title .route-more{
    display: inline-block;
    width: 100px;
    float: right;
    font-size: 14px;
    color: #aba5a3;
}
.travel-route-item {
    width: 216px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 30px;
    background: #eee;
    height: 150px;
    position: relative;
	cursor: pointer;
}
.item-last{
    margin-right: 0;
}
.travel-route-item .item-img{
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 和 Chrome */
    border-radius: 6px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    width: 216px;
    height: 150px;
    display: inline-block;
}
.travel-route-item .item-info{
    font-size:14px;
    line-height:34px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 205px;
    z-index: 2;
}
.travel-route-item .item-bg {
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    background-color: #000;
    width: 215px;
}
/*右侧固定图标栏*/
.silder-box{
    display: none;
}
.fix{
    position: fixed;
    top: 50%;
    right: 0;
}
.fix-qq,.fix-tel,.fix-made,.fix-top{
    width: 50px;
    height: 50px;
    text-align: center;
    background: #fff;
    border: 1px solid #e0e0e0;
}
.fix-tel,.fix-made,.fix-top{
    margin-top: -1px;
    z-index: 99;
}
.fix-made a{
    display: inline-block;
    width: 30px;
    color: #fd772e;
    margin-top: 7px;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:26px;
    line-height: 54px;
    font-style:normal;
    z-index: 99;
}
.iconfont a {
    color: #fd772e;
    position: relative;
    top: -5px;
}
.silder{
    position: fixed;
    /*width: 280px; */
    height: 100px;
    top: 50%;
    right: 0;
}
.tel-phone,.made-phone{
    position: absolute;
    height: 50px;
    font-size:16px;
    line-height:50px;
    color: #fd772e;
    border: 1px solid #e0e0e0;
    background: #fff;
    display: none;
    z-index: 0;
    right: -400px;
}
.tel-phone{
    right: 0;
    top: 51px;
    padding: 0 34px;
}
.made-phone{
    right: 0px;
    top: 102px;
    padding: 0 14px;
}
.fix-tel:hover,.fix-made:hover,.fix-qq:hover{
    background: #fd772e;
    color: #fff;
}
.fix-tel:hover a,.fix-made:hover a,.fix-qq:hover a{
    color: #fff;
}

.zxtx-wraper {
    width: 100%;
    height: 100%;
    background:#f8f8f8;
    padding-top: 124px;
}
.insurance-items{
    padding: 38px 0;
}
.insurance-item{
    width: 275px;
    height: 320px;
    float: left;
    border: 1px solid #ececec;
    background: #fff;
    margin-right: 30px;
    text-align: center;
}
.insurance-item img{
    display: inline-block;
    margin-top: 36px;
}
.insurance-item h4{
     font-size: 18px;
    font-weight: 500;
    line-height: 52px;
}
.insurance-item p{
    display: inline-block;
    width: 180px;
    font-size:14px;
    line-height:24px;
}
.last{
    margin-right: 0;
}

.web-type-items{
    padding-bottom: 38px;
    min-height: 238px;
    min-width: 1200px;
}
.web-type-item{
    width: 220px;
    height: 230px;
    float: left;
    margin-right: 25px;
}
.type-item-box{
    width: 218px;
    height: 230px;
    border: 1px solid #ececec;
    float: left;

    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
}
.type-item-box:hover{
    border:2px solid #fd782e;
}
.type-item-box:hover p {
    color: #fd782e;
}
.web-type-item:hover h4{
    color: #fd782e;
}
.web-type-item img{
    display: inline-block;
    margin-top: 24px;
}
img.hide-img{
    display: none;
}
.web-type-item img.show-img{
    display: inline-block;
}
.web-type-item h4{
    font-size: 18px;
    font-weight: 500;
}
.web-type-item p{
    color: #bfbebc;
    font-size: 14px;
    margin-top: 12px;
}
.type-item-last{
    margin-right: 0;
}
/*合作伙伴*/
.partner{
    padding-bottom: 90px;
}

/*众行天下，链接你我他*/
.link{
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 100px;
    padding-bottom: 70px;
}
.link-type{
    position: relative;
}
.link-type-items li{
    float: left;
    margin:26px 15px;
    cursor: pointer;
    position: relative;
}
.link-type-item-last{
    margin-right: 0;
}
.link-type .scan{
    position: absolute;
    top: 49px;
    display: none;
    /*opacity: 0;*/
    /*filter:alpha(opacity=0);*/
}
/*关于我们*/
.about{
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    padding: 70px 0 87px;
}

.about-title{
    width: 100%;
    height: 74px;
}
.about-title-left{
    padding: 0 17px 0 5px;
    border-bottom: 2px solid #fd772e;
}
.about-title-left h2{
    font-size:34px;
    line-height:74px;
    color: #2f2e2e;
}
.about-title-line{
    display: inline-block;
    height: 1px;
    width: 1042px;
    background: #e1e0e0;
    position: relative;
    top: 61px;
    left: 0;
}
.about-content h4{
    font-size:24px;
    line-height:60px;
    margin-top: 30px;
}
.about-content p{
    font-size:16px;
    line-height:36px;
}
.about-content p .iconfont{
    font-size:18px;
    line-height:36px;
    color: #a9a5a5;
    display: inline-block;
    margin-right:22px;
}
.about-content p .qq-online-contact{
    display: inline-block;
    padding: 0 15px;
    font-size:14px;
    line-height:26px;
    color: #fd782e;
    border: 1px solid #fd782e;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.about-content p .qq-online-contact .iconfont{
    font-size:18px;
    line-height:26px;
    display: inline-block;
    margin-right: 10px;
    color: #fd782e;
}
.about-content p .qq-online-contact:hover{
    color: #fff;
    background: #fd782e;
}
.about-content p .qq-online-contact:hover .iconfont{
    color: #fff;
}
/*版权*/
.copyright{
    background: #e8e8e8;
    width: 100%;
    height: 100%;
    text-align: center;
}
.copyright p,.copyright p a{
    font-size:16px;
    line-height:42px;
    color: #9b9797;
}