body,div,ul,li,img,span,p,a{
    margin:0;
    padding:0;
    border:none;
}
body{
    font-family:微软雅黑;
    background:transparent;
    overflow-x:hidden; 
}
ul,li{
    list-style:none;
}
a,a:hover,a:focus,a:link,a:active{
    text-decoration:none;
}
*,*:after,*:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
/*    -ms-box-sizing:border-box;*/
    box-sizing:border-box;
}
/*顶部信息*/
.top{
    width:100%;
}
/*最顶部基础信息*/
.top .top-basic{
    width:100%;
    height:30px;
    border-bottom:1px solid #e7e5e5;
    background:#f7f7f7;
}
.top-basic .basic-info{
    width:1024px;
    margin:0 auto;
    height:30px;line-height: 30px;
}
.top-basic .basic-info .basic-info-left{
    float:left;
    margin-left:20px;
}
.top-basic .basic-info span{
    font-size:14px;
    color:#a7a7a7;
}
.basic-info-left span.text{
    color:#a7a7a7;
    margin-right:20px;
}
.basic-info-left span.login{
    color:#20ccb0;
}
.basic-info-left span.login a{
    color:#f00;
}

.top-basic .basic-info .basic-info-right{
    float:right;
    text-align: right;
}
.basic-info-right span.tel{
    float:left;
    background:url("../images/phone_03.png") no-repeat left center;
    text-indent:25px;
}
.basic-info-right span.qq{
    float:left;
    margin-left:20px;
    background:url("../images/qq.png") no-repeat left center;
    text-indent:25px;
}
.basic-info-right span.qq a{
    color:black;
}
.basic-info-right span.qq a:hover{
    color:#22d3b6;
}
/*顶部导航信息*/
.top .top-nav{
    clear:both;
    width:1024px;
    height:80px;
    margin:0 auto;
}
.top .top-nav .left-logo{
    float:left;
    width:170px;height:100%;
    background:url("../images/admin_logo.png") no-repeat left center;
}


.top-nav .menu li a.sel{
    background:url("../images/list_03.png") no-repeat 98% center;
}


/*分界*/
.boundary{
    /*margin-top:3px;*/
    width:100%;
    height:12px;
    background:url("../images/bg_01.png") repeat-x;
}

/*主页内容部分*/
.main-content{
    width:1024px;
    margin:0 auto;
    position:relative;
}
.main-content .product-show{
    width:100%;
    margin-top:50px;
    overflow: hidden;
}
.main-content .product-show .product-show-icon{
    width:170px;
    height:180px;
    margin:0 auto;
    background:url("../images/title_product.png") no-repeat;
}
.product-show .product-list{
    width:920px;
    margin:0 auto;
    margin-top:30px;
}
/*微信模块*/
.product-list .weixin{
    width:280px;
    margin-right:38px;
    float:left;
    text-align: center;
}
.product-list img{
    width:280px;
    height:323px;
    display: block;margin:0 auto;
}
.product-list div.function-title{
    width:100%;
    font-size:24px;font-weight:bold;
    text-align:center;
    margin-top:25px;
    color:#aaa;
}
.product-list div.function-intro{
    margin-top:15px;
    font-size:12px;
    text-align:left;
    color:#bbb;
}
.product-list .btn-detail{
    width:100px;height:30px;line-height:30px;
    margin:0 auto;display:inline-block;
    margin-top:25px;
    border:none;font-size:14px;
    background:#ff992d;cursor:pointer;
    color:#fff;text-align:center;
}
/*机票网站模块*/
.product-list .flight-ticket{
    width:280px;
    margin-right:38px;
    float:left;
    text-align: center;
}
/*商旅软件模块*/
.product-list .business-travel{
    width:280px;
    float:left;
    text-align: center;
}

/*新闻内容展示模块*/
.main-content .new-show{
    clear:both;
    width:100%;
    margin-top:50px;
    overflow: hidden;
}
.main-content .new-show .new-show-icon{
    width:170px;
    height:180px;
    margin:0 auto;
    background:url("../images/title_new.png") no-repeat;
}
.new-show .news-list{
    width:100%;margin-top:30px;
}
/*新闻内容左侧*/
.new-show .news-list .list-left{
    width:456px;
    float:left;
    position:relative;
}
.news-list .list-left ul li{
    position:absolute;
    top:0;left:0;
    display:none;
}
.news-list .list-left ul li.show{
    display:block;
}
.list-left img{
    width:454px;height:300px;
    border:1px solid #eee;
}
.list-left .news-intro{
    margin-top:5px;
}
.list-left .news-intro p{
    width:100%;
    float:left;
    margin-bottom:5px;
}
.list-left .news-intro p .news-title{
    float:left;
    color:#494949;font-weight:bold;
}
.list-left .news-intro p a:hover{
    color:#20ccb0;
}
.list-left .news-intro p .news-date{
    float:right;
    margin-right:20px;color:#aaa;
}
.list-left .news-intro .news-description{
    font-size:12px;
    color:#bbb;
}
/*新闻内容右侧*/
.new-show .news-list .list-right{
    width:543px;
    float:right;
}
/*新闻类型切换*/
.news-list .list-right .news-type{
    width:100%;height:82px;
}
.news-type ul li{
    width:181px;float:left;height:82px;
    line-height:82px;text-align:center;
    color:#fff;font-size:24px;font-weight:bold;
    letter-spacing: 1px;
    cursor:pointer;
    opacity:1;
}

.news-type ul li:nth-of-type(1){
    background:#ff7272;
}
.news-type ul li:nth-of-type(2){
    background:#22d3b6;
}
.news-type ul li:nth-of-type(3){
    background:#629ce0;
}
.news-type ul li:hover{
    background:#D086FB;
}

/*新闻展示列表*/
.list-right .news-show-list{
    width:100%;margin-top:30px;
}
.news-show-list li{
    width:100%;
    height:82px;
}
/*左侧时间*/
.news-show-list li .date-left{
    width:100px;height:100%;float:left;
    text-align: center;
}
.news-show-list li .date-left div{
    width:100%;
}
.news-show-list li .date-left div.up{
    font-size:30px;color:#bbb;
    margin-top:10px;
}
.news-show-list li .date-left div.down{
    font-size:14px;color:#ccc;
}
.list-right .top-new{ 
    background:#ff992d;
    color:#fff;
}
.list-right .top-new .date-left div.up,
.list-right .top-new .date-left div.down,
.list-right .top-new .right-intro div.intro{
    color:#fff;
}
/*右侧简介*/
.news-show-list li .right-intro{
    width:443px;
    float:left;height:100%;
}
.news-show-list li .right-intro div{
    width:100%;
}
.right-intro div.title{
    margin-top:10px;
}
.right-intro div.title a{
    color:black;color:black;font-weight:bold;
    font-size:16px;
}
.right-intro div.title a:hover{
    color:#20ccb0;
}
.top-new .right-intro .title a{
    color:#fff;
}
.right-intro div.intro{
    font-size:12px;color:#ccc;
    margin-top:5px;
}

/*成功案例展示模块*/
.main-content .success-show{
    clear:both;
    width:100%;
    margin-top:50px;
    /*overflow: hidden;*/
}
.main-content .success-show .success-show-icon{
    width:170px;
    height:180px;
    margin:0 auto;
    background:url("../images/title_success.png") no-repeat;
}
/*成功案例列表*/
.success-show .success-list{
    width:100%;margin-top:30px;
}
.success-show .success-list ul li{
    width:320px;
    float:left;
    margin-left:20px;
}
.success-list ul li .success-company{
    width:320px;height:50px;line-height:50px;color:#fff;
    text-indent:20px;letter-spacing: 1px;
    background:url("../images/bar_03.png") no-repeat;
}
.success-list ul li .company-pic>img{
    width:320px;height:350px;
}
.success-list ul li .company-intro{
    font-size: 14px;
}
.success-show .picScroll-left{
    width:100%;
    position:relative;
}
.success-show .picScroll-left .hd{
    width:100%;
    /*position:relative;*/
    /*position:absolute;*/
}
.picScroll-left .hd a{
    width:48px;height:107px;position:absolute;
    cursor:pointer;
}
.picScroll-left .hd a.next{
    right:-80px;top:150px;
    background:url("../images/right_gray.png") no-repeat;
    z-index:100;
}
.picScroll-left .hd a.prev{
    left:-60px;top:150px;
    background:url("../images/left_gray.png") no-repeat;
    z-index:100;
}
.picScroll-left .hd a.next:hover{
    background:url("../images/right.png") no-repeat;
}
.picScroll-left .hd a.prev:hover{
    background:url("../images/left.png") no-repeat;

}

/*成功案例菜单列表*/
.success-menu-nav{
    width:100%;
    margin:15px 0;
    overflow:hidden;
    text-align: center;
}
.success-menu-nav a{
    padding:5px 12px;
    color:#999;
    font-size:16px;
    display:inline-block;
}
.success-menu-nav a.active{
    color:#f93535;
}
.success-menu-nav a.on:hover{
    color:#f93535;
}

/*成功案例展示模块样式修改*/
.txtScroll-left{
    height:320px;
    overflow:hidden;
}
.txtScroll-left .bd li{
    width:240px;
    height:360px;
    float:left;
    position:relative;
    overflow:hidden;
}
.txtScroll-left .bd li img{
    width:240px;
    height:180px;
}
.txtScroll-left .bd li.marginright{
    margin-right:16px;
}

.txtScroll-left .bd li .title{
    position:absolute;
    top:180px;
    padding-top:5px;
    background:#F7F7F7;
    padding:5px 7px;
    width:240px;
    height:140px;
    z-index: 10;
}
.txtScroll-left .bd li .title a{
    color:#000;
    font-weight:bold;
}
.case-list-page > a:hover{
    color:#f93535;
}

.txtScroll-left .bd li .title p{
    color:#666;
    margin-top:3px;
    font-size:12px;
}

.txtScroll-left .bd li .code-show{
    width:150px;
    height:162px;
    position:absolute;
    top:180px;
    background:#fff;
    left:45px;
    opacity: 0;
    z-index:1;
    box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);
    transition:top 0.5s,opacity 0.1s;
    -webkit-transition:top 0.5s,opacity 0.1s;
}
.txtScroll-left .bd li .code-show img{
    width:130px;
    height:130px;
    display: block;
    margin:0 auto;
    margin-top:5px;
}
.txtScroll-left .bd li .code-show p{
    margin-top:2px;
    text-align:center;
}

.txtScroll-left .bd li:hover .code-show{
    top:20px;
    opacity: 1;
}

/*左右切换按钮*/
.txtScroll-left .hd{ 
    overflow:hidden;
    width:100px;  
    margin:0 auto;
    height:30px; 
    /*background:#f4f4f4; */
    padding:0 10px;  
    text-align: center;
}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ 
    display:block;  
    width:5px; 
    height:9px; 
    float:left; 
    margin-right:5px; 
    margin-top:5px;  
    overflow:hidden;
    cursor:pointer; 
    background:url("../images/icoLeft.gif") no-repeat;
}
.txtScroll-left .hd .next{ 
    float:right; 
    background:url("../images/icoRight.gif") no-repeat;  
}





/*页面最底部信息*/
footer{
    /*clear:both;*/
    width:100%;
    height:230px;
    background:#3c3c3c;
    margin-top:80px;
}
footer .footer-info{
    width:960px;
    margin:0 auto;
}
footer .footer-info .up-info{
    width:100%;height:80px;
    position:relative;
}
.footer-info .up-info .rexian{
    width:70px; height:70px;line-height:70px;
    text-align:center;color:#fff;font-size:24px;
    border-radius:50%;background:#22d3b6;
    margin:auto;
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    margin-top:-35px;
}
.footer-info .up-info .tel{
    font-size:20px;color:#22d3b6;
    width:200px;height:40px;text-align: center;line-height:40px;
    margin:auto;
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    margin-top:40px;
}

footer .footer-info .down-info{
    width:100%;
}
.footer-info .down-info .left-info{
    float:left;color:#F8F8FF;
    overflow: hidden;
}
.footer-info .down-info .left-info p{
    margin-bottom:5px;
}
.footer-info .down-info .right-info{
    overflow: hidden;
    width:200px;
    float:right;color:#F8F8FF;
}
.down-info .right-info .wx-conern{
    clear:both;
    width:120px;
    float:left;
}
.down-info .right-info div div:nth-of-type(1){
    margin-bottom:10px;
}

/*微商旅页面样式*/
/*功能模块展示*/
.main-content .function-show{
    clear:both;
    width:100%;
    margin-top:50px;
    overflow: hidden;
}
.main-content .function-show .function-show-icon{
    width:170px;
    height:180px;
    margin:0 auto;
    background:url("../images/title_function.png") no-repeat;
}
.function-show .function-list{
    width:960px; 
    margin:0 auto;
    margin-top:30px;
}
.function-show .function-list ul{
    width:100%;display:block;
    float:left;
}
.function-show .function-list ul li img{
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:181px;height:208px;
    cursor:pointer;
}
.function-first-4-2{
    margin-top:-40px;
}
.function-first-4 li{
    margin-left:90px;
}
.function-first-5{
    margin-top:-40px;
}
.function-show .function-list .function-second{
    display:none;
}

/*更多按钮*/
.function-show .function-list .more-btn{
    width:100%;
    clear:both;
    padding-top:20px;
}
.function-list .more-btn .more-btn-text{
    width:161px;height:40px;cursor:pointer;
    background:url("../images/more_03.png") no-repeat;
    margin:0 auto;
    margin-bottom:20px;
}
.function-list .more-btn .more-btn-icon{
    width:34px;height:45px;cursor:pointer;
    background:url("../images/more-down.png") no-repeat;
    margin:0 auto;
}

/*营销模块展示*/
.main-content .marketing-show{
    clear:both;
    width:100%;
    margin-top:50px;
    /*overflow: hidden;*/
}
.main-content .marketing-show .marketing-show-icon{
    width:170px;
    height:180px;
    margin:0 auto;
    background:url("../images/title_marketing.png") no-repeat;
    margin-bottom:20px;
}
/*营销模块列表*/
.main-content .marketing-show .marketing-list{
    width:100%;
    margin:0 auto;
}
.marketing-list .marketing-list-green{
     width:100%;height:560px;
     background:#46ccb3;
}
.marketing-list .marketing-list-yellow{
    width:100%;height:560px;
    background:#fed349;
}
.marketing-list .marketing-list-blue{
    width:100%;height:560px;
    background:#4cacff;
}
.marketing-show .marketing-list li .list-outbox{
    width:1024px;
    height:560px;
    margin:0 auto;
    text-align: center;
    color:#fff;
    overflow:hidden;
    position:relative;
}
.marketing-show .list-outbox .text{
    margin-top:20px;
}
.marketing-show .list-outbox .text p{
    font-size:16px;
}
.marketing-show .list-outbox .text h2{
    font-size:36px;
}
/*微分销*/
.marketing-list-blue .list-outbox .main-img{
    position:absolute;
    width:589px;
    height:344px;
    left:50%;
    bottom:25px;
    margin-left:-295px;
}
.marketing-list-blue .list-outbox .main-img .fxxx{
    position:absolute;
    width:589px;
    left:0;
    top:0;
}
.marketing-list-blue .list-outbox .main-img .fxrw{
    position:absolute;
    width:589px;
    left:0;
    top:100px;
}

.marketing-list-blue .ball{
    position:absolute;
    width:101px;
    left:50%;
}
.marketing-list-blue .ball1{
    margin-left:-220px;
    bottom:210px;
}
.marketing-list-blue .ball2{
    bottom:320px;
    margin-left:-57px;
}
.marketing-list-blue .ball3{
    margin-left:110px;
    bottom:210px;
}
.marketing-list-blue .ball4{
    margin-left:-378px;
    bottom:288px;
}
.marketing-list-blue .ball5{
    margin-left:262px;
    bottom:290px;
}
.marketing-list-blue .animationXuxian{
  -webkit-animation: xuxianUpAndDown 1s ease 1s infinite backwards;
  animation: xuxianUpAndDown 1s ease 1s infinite backwards;
}
@-webkit-keyframes xuxianUpAndDown{
    0%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px);
    }
    50%{
      -webkit-transform:translateY(0);
        transform:translateY(0);  
    }
    100%{
      -webkit-transform:translateY(-10px);
        transform:translateY(-10px);  
    }
}
@keyframes xuxianUpAndDown{
    0%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px);
    }
    50%{
      -webkit-transform:translateY(0);
        transform:translateY(0);  
    }
    100%{
      -webkit-transform:translateY(-10px);
        transform:translateY(-10px);  
    }
}
.marketing-list-blue .animated{
  -webkit-animation: shakeUpAndDown 1s ease 1s infinite backwards;
  animation: shakeUpAndDown 1s ease 1s infinite backwards;
}
@-webkit-keyframes shakeUpAndDown{
    0%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px);
    }
    50%{
      -webkit-transform:translateY(0);
        transform:translateY(0);  
    }
    100%{
      -webkit-transform:translateY(-10px);
        transform:translateY(-10px);  
    }
}
@keyframes shakeUpAndDown{
    0%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px);
    }
    50%{
      -webkit-transform:translateY(0);
        transform:translateY(0);  
    }
    100%{
      -webkit-transform:translateY(-10px);
        transform:translateY(-10px);  
    }
}

/*微红包*/
.marketing-list-yellow .list-outbox .redbag-hand{
    position:absolute;
    width:275px;
    left:50%;
    bottom:40px;
    margin-left:-50px;
}
.marketing-list-yellow .list-outbox .redbag-child{
    position:absolute;
    width:136px;
    left:50%;
    bottom:60px;
    margin-left:-220px;
    opacity: 0;
}
.marketing-list-yellow .list-outbox .icon-piaoluo{
    position:absolute;
    width:400px;
    height:300px;
    left:50%;
    bottom:140px;
    margin-left:-160px;
    background:transparent;
    z-index:100;
}
/*金币飘落*/
.icon-piaoluo .redIcon{
    position:absolute;
    opacity: 0;
}
.icon-piaoluo .redIconOne{
    left:0;
    top:80px;
}
.icon-piaoluo .redIconTwo{
    left:150px;
    top:10px;
}
.icon-piaoluo .redIconThree{
    left:300px;
    top:0;
}
.icon-piaoluo .redIconFour{
    left:200px;
    top:120px;
}
.icon-piaoluo .redIconFive{
    left:270px;
    top:220px;
}
/*金币飘落动画*/
.icon-piaoluo .redIconAnimateOne{
    animation:redIconOne 3s 4;
    -webkit-animation:redIconOne 3s 4;
}
.icon-piaoluo .redIconAnimateTwo{
    animation:redIconTwo 3s 4;
    -webkit-animation:redIconTwo 3s 4;
}
.icon-piaoluo .redIconAnimateThree{
    animation:redIconThree 3s 4;
    -webkit-animation:redIconThree 3s 4;
}
.icon-piaoluo .redIconAnimateFour{
    animation:redIconFour 3s 4;
    -webkit-animation:redIconFour 3s 4;
}
.icon-piaoluo .redIconAnimateFive{
    animation:redIconFive 3s 4;
    -webkit-animation:redIconFive 3s 4;
}
@keyframes redIconOne{
    0%{
        top:80px;
        opacity:1;
    }
    100%{
        top:300px;
        opacity:0;
    }
}
@keyframes redIconTwo{
    0%{
        left:150px;
        top:10px;
        opacity:1;
    }
    100%{
        left:100px;
        top:300px;
        opacity:0;
    }
}
@keyframes redIconThree{
    0%{
        left:300px;
        top:0;
        opacity:1;
    }
    100%{
        left:200px;
        top:300px;
        opacity:0;
    }
}
@keyframes redIconFour{
    0%{
        left:200px;
        top:120px;
        opacity:1;
    }
    100%{
        left:150px;
        top:300px;
        opacity:0;
    }
}
@keyframes redIconFive{
    0%{
        left:270px;
        top:220px;
        opacity:1;
    }
    100%{
        left:250px;
        top:300px;
        opacity:0;
    }
}
@-webkit-keyframes redIconOne{
    0%{
        top:80px;
        opacity:1;
    }
    100%{
        top:300px;
        opacity:0;
    }
}
@-webkit-keyframes redIconTwo{
    0%{
        left:150px;
        top:10px;
        opacity:1;
    }
    100%{
        left:100px;
        top:300px;
        opacity:0;
    }
}
@-webkit-keyframes redIconThree{
    0%{
        left:300px;
        top:0;
        opacity:1;
    }
    100%{
        left:200px;
        top:300px;
        opacity:0;
    }
}
@-webkit-keyframes redIconFour{
    0%{
        left:200px;
        top:120px;
        opacity:1;
    }
    100%{
        left:150px;
        top:300px;
        opacity:0;
    }
}
@-webkit-keyframes redIconFive{
    0%{
        left:270px;
        top:220px;
        opacity:1;
    }
    100%{
        left:250px;
        top:300px;
        opacity:0;
    }
}
/****/

.marketing-list-yellow .hand-animated{
    animation:yaobai 3s 1;
    -webkit-animation:yaobai 3s 1;
    transform-origin:center bottom;
    -webkit-transform-origin:center bottom;
}

@-webkit-keyframes yaobai{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    25%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg);
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    75%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg);
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
}
@keyframes yaobai{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    25%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg);
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    75%{
        -webkit-transform:rotate(-30deg);
        transform:rotate(-30deg);
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
}
.marketing-list-yellow .child-animated{
    animation:show 3s 1s 1 ;
    -webkit-animation:show 3s 1s 1;
}
@-webkit-keyframes show{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes show{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

/*微机票*/
.marketing-list-green .list-outbox .text{
    position:absolute;
    z-index:100;
    top:10px;
    left:50%;
    margin-left:-140px;
    margin-top:0;
}
.marketing-list-green .list-outbox .bigImg{
    position: absolute;
    width:704px;
    left:50%;
    margin-left:-352px;
    bottom:0;
    z-index:10;
}
.marketing-list-green .list-outbox .bigImg .imgShanDong{
    width:70%;
    opacity: 0.3;
}
.marketing-list-green .list-outbox .bigImg .imganimated{
    animation:bigAndSmall 2s 2;
    -webkit-animation:bigAndSmall 2s 2;
}
@-webkit-keyframes bigAndSmall{
    0%{
        width:70%;
        opacity:0.3;
    }
    100%{
        width:100%;
        opacity:1;
    }
}
@keyframes bigAndSmall{
    0%{
        width:70%;
        opacity:0.3;
    }
    100%{
        width:100%;
        opacity:1;
    }
}
.marketing-list-green .list-outbox .showPhone{
    position: absolute;
    width:505px;
    left:50%;
    margin-left:-200px;
    bottom:0;
    z-index:100;
    opacity:0;
}
.marketing-list-green .animate-phone{
    animation:showPhone 3s 1;
    -webkit-animation:showPhone 3s 1;
}
@-webkit-keyframes showPhone{
    0%{
        opacity:0;
        bottom:-505px;
    }
    100%{
        opacity: 1;
        bottom:0;
    }
}
@keyframes showPhone{
    0%{
        opacity:0;
        bottom:-505px;
    }
    100%{
        opacity: 1;
        bottom:0;
    }
}

/*微机票--云样式*/
.marketing-list-green .list-outbox .cloud1{
    position: absolute;
    width:130px;
    left:0;
    bottom:180px;
    z-index:100;
}
.marketing-list-green .list-outbox .cloud2{
    position: absolute;
    width:111px;
    left:150px;
    bottom:50px;
    z-index:100;
}
.marketing-list-green .list-outbox .cloud3{
    position: absolute;
    width:162px;
    right:0;
    top:150px;
    z-index:100;
}

/*微机票--6个浮动图片*/
.marketing-list-green .jpImg{
    position: absolute;
    left:50%;
    z-index:100;
    opacity:0;
}
.marketing-list-green .jp-img1{
    width:85px;
    margin-left:-255px;
    top:280px;
}
.marketing-list-green .jp-img2{
    width:88px;
    margin-left:-200px;
    top:150px;
}
.marketing-list-green .jp-img3{
    width:63px;
    margin-left:-70px;
    top:140px;
}
.marketing-list-green .jp-img4{
    width:84px;
    margin-left:50px;
    top:130px;
}
.marketing-list-green .jp-img5{
    width:61px;
    margin-left:140px;
    top:220px;
}
.marketing-list-green .jp-img6{
    width:65px;
    margin-left:170px;
    top:290px;
}
.marketing-list-green .jpImgAnimateOne{
    animation:jpImgOne 1s 2s 1;
    -webkit-animation:jpImgOne 1s 2s 1;
}
.marketing-list-green .jpImgAnimateTwo{
    animation:jpImgTwo 1s 3s 1;
    -webkit-animation:jpImgTwo 1s 3s 1;
}
.marketing-list-green .jpImgAnimateThree{
    animation:jpImgThree 1s 4s 1;
    -webkit-animation:jpImgThree 1s 4s 1;
}
.marketing-list-green .jpImgAnimateFour{
    animation:jpImgFour 1s 5s 1;
    -webkit-animation:jpImgFour 1s 5s 1;
}
.marketing-list-green .jpImgAnimateFive{
    animation:jpImgFive 1s 6s 1;
    -webkit-animation:jpImgFive 1s 6s 1;
}
.marketing-list-green .jpImgAnimateSix{
    animation:jpImgSix 1s 7s 1;
    -webkit-animation:jpImgSix 1s 7s 1;
}

/*6个浮动的图片的动画*/
@keyframes jpImgOne{
    0%{
        top:290px;
        opacity: 0;
    }
    100%{
        top:280px;
        opacity: 1;
    }
}
@keyframes jpImgTwo{
    0%{
        top:160px;
        opacity: 0;
    }
    100%{
        top:150px;
        opacity: 1;
    }
}
@keyframes jpImgThree{
    0%{
        top:150px;
        opacity: 0;
    }
    100%{
        top:140px;
        opacity: 1;
    }
}
@keyframes jpImgFour{
    0%{
        top:140px;
        opacity: 0;
    }
    100%{
        top:130px;
        opacity: 1;
    }
}
@keyframes jpImgFive{
    0%{
        top:230px;
        opacity: 0;
    }
    100%{
        top:220px;
        opacity: 1;
    }
}
@keyframes jpImgSix{
    0%{
        top:300px;
        opacity: 0;
    }
    100%{
        top:290px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgOne{
    0%{
        top:290px;
        opacity: 0;
    }
    100%{
        top:280px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgTwo{
    0%{
        top:160px;
        opacity: 0;
    }
    100%{
        top:150px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgThree{
    0%{
        top:150px;
        opacity: 0;
    }
    100%{
        top:140px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgFour{
    0%{
        top:140px;
        opacity: 0;
    }
    100%{
        top:130px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgFive{
    0%{
        top:230px;
        opacity: 0;
    }
    100%{
        top:220px;
        opacity: 1;
    }
}
@-webkit-keyframes jpImgSix{
    0%{
        top:300px;
        opacity: 0;
    }
    100%{
        top:290px;
        opacity: 1;
    }
}


/*商旅产品页面样式*/
/*当前位置*/
.main-content .current_position{
    width:100%;
    /*padding-bottom:10px;*/
    margin-top:20px;
    overflow:hidden;color:#bbb;
    /*border-bottom:1px solid #ccc;*/
}
.main-content .current_position a{
    color:#bbb;
}
.main-content .current_position a:hover{
    color:#22d3b6;
}
.right_position{
color:#bbb;
}
/*产品详细介绍*/
.main-content .lxproduct-detail{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
/*产品列表导航*/
.main-content .lxproduct-detail .lxproduct-list{
    width:25%;float:left;margin-top:10px;
}
.lxproduct-detail .lxproduct-list li a{
    width:100%;height:40px;line-height:40px;display:block;
    color:#fff;
    background:#20ccb0;
    text-align:left;text-indent:24px;
    border-bottom:1px dashed #ccc;
}
.lxproduct-detail .lxproduct-list li a:hover{
    background:#ff9000;
}
.lxproduct-detail .lxproduct-list li a.sel{
    background:#ff9000;
}
.main-content .lxproduct-detail .lxproduct-introduction{
    float:left;
    width:748px;
    padding:10px 0 10px 10px;
    margin-left:9px;
    border-left:1px solid #ccc;
    margin-bottom:40px;
}


/*机票网站建设页面*/
.lxproduct-introduction .introduction-up{
    width:100%;height:274px;
    overflow:hidden;
}
.introduction-up .left{
    width:448px;height:274px;float:left;
    background:url("../images/air_pic02.png") no-repeat;
}
.introduction-up .right{
    float:left;margin-left:20px;
}
.introduction-up .right .p1{
    margin-top:50px;color:#0c7ed6;font-size:36px;font-weight:bold;
}
.introduction-up .right .p2{
    margin-top:10px;color:#0c7ed6;font-size:18px;font-weight:bold;

}
.lxproduct-introduction .introduction-down{
    width:748px;height:642px;
    overflow:hidden;
}

/*公司新闻列表页面*/
/*列表导航*/
.main-content .lxnews-detail{
    width:100%;
    margin-top:20px;
}
.main-content .lxnews-detail .hd{
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
.main-content .lxnews-detail .lxnews-list{
   width:543px;margin:0 auto;
    margin-top:20px;
    overflow:hidden;
    text-align: center;
}
.lxnews-detail .lxnews-list li a{
    width:181px;height:82px;line-height:82px;float:left;display:inline-block;
    text-align:center;font-size:24px;font-weight:bold;
    color:#fff;
}
.lxnews-detail .lxnews-list li:nth-of-type(1) a{
    background:#ff7272;
}
.lxnews-detail .lxnews-list li:nth-of-type(2) a{
    background:#22d3b6;
}
.lxnews-detail .lxnews-list li:nth-of-type(3) a{
    background:#629ce0;
}
.lxnews-detail .lxnews-list li a:hover{
    background:#D086FB;
}
.lxnews-detail .lxnews-list li a.sel{
    background:#D086FB;
}
.lxnews-detail .bd{
    width:100%;
    overflow:hidden;
} 
/*左侧列表内容*/
.lxnews-detail .bd .left-news-list{
    clear:both;
    width:660px;
    float:left;
    margin-right:20px;
    padding-bottom:10px;
    overflow:hidden;
}
.left-news-list .allnews-list li{
    width:100%;
    padding:20px 0;
    border-bottom:1px solid #eee;
    overflow: hidden;
}
.left-news-list .allnews-list li:last-of-type{
    border-bottom:none;
}
.allnews-list li .left{
    float:left;
    width:62px;height:100%;
    margin-right:15px;
}
.allnews-list li .left span{
    padding:5px 10px;background:#feb447;
    color:#fff;
    display:inline-block;text-align: center;
}
.allnews-list > li .center{
    float:left;
    width:120px;height:100%;
    margin-right:15px;
}
.allnews-list > li .center img{
    width:120px;height:80px;
}
.allnews-list li .right{
    width:calc(100% - 212px);
    height:100%;
    float:left;
}
.allnews-list li .right2{
    width:calc(100% - 77px);
    height:100%;
    float:left;
}
.allnews-list li .gt p{
    margin-bottom: 5px;
}
.allnews-list li .gt p a{
    color:black;
    font-size:18px;
}
.allnews-list li .gt p a:hover{
    color:#22d3b6;
}
.allnews-list li .gt .intro{
    font-size:14px;
    color:#bbb;
    margin-bottom: 5px;
}
.allnews-list li .gt > a{
    float:right;
    width:60px;
    height:24px;line-height: 24px;
    display:inline-block;
    font-size:14px;
    background:#eee;
    text-align: center;
    border-radius:10px;
    color:black;
}
.allnews-list li .gt > a:hover{
    background:#feb447;
    color:#fff;
}

/*右侧相关新闻*/
.lxnews-detail .bd .right-other-news{
    width:308px;
    float:right;
    border:1px solid #22d3b6;
    padding:5px;
    border-radius:15px;
    margin-top:20px;
}
.right-other-news .other-title{
    width:100%;
    height:30px;line-height: 30px;
    border-bottom:1px solid #ccc;
    color:#22d3b6;font-size:16px;
    text-indent: 10px;
}
.right-other-news .relevant-news-list{
    width:100%;
}
.relevant-news-list li{
    width:100%;
    padding:10px 0;
    text-indent: 24px;
    border-bottom:1px dashed #eee;
}
.relevant-news-list li:last-child{
    border-bottom:none;
}
.relevant-news-list li .title a{
    font-size:14px;
    color:black;
}
.relevant-news-list li .title a:hover{
    color:#22d3b6;
}
.relevant-news-list li .content{
    font-size:12px;
    color:#bbb;
}


/*新闻详细列表页面*/
/*产品详细介绍*/
.main-content .lxnews-content-detail{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    border:1px solid #ccc;
    padding:10px 15px;
}
.main-content .lxnews-content-detail .top-info{
    width:100%;padding-bottom:10px;
    border-bottom:1px dashed #ccc;
    text-align:center;
}
.lxnews-content-detail .top-info .content-title{
    font-size:20px;font-weight:bold;margin-bottom:5px;
    color:#1bd3de;
}

.main-content .lxnews-content-detail .news-content{
    text-indent:24px;font-size:14px;margin-top:10px;
    padding-bottom:10px; 
    border-bottom:1px dashed #ccc;
}

.main-content .lxnews-content-detail .news-content p{
    width:100%;
}
.main-content .lxnews-content-detail .news-content img{
    width:100%;
}

/*其他新闻--上一条下一条*/

.other-news{
    width:100%;
    margin-top:10px;
}
 .other-news .prev-news{
    width:50%;float:left;text-indent:24px;
}
.other-news .next-news{
    width:50%;float:right;text-align:right;
}
.other-news .next-news a{
    margin-right:24px;
}
.other-news a{
    color:#999;
}
.other-news a:hover{
    color:#0c7ed6;text-decoration:underline;
}



/*成功案例页面*/
/*开始*/
.they-choice-us{
    margin-top:40px;
    width:100%;height:80px;text-align:center;
    background:#f4f4f4;
    margin-bottom:40px;
    overflow:hidden;
}
.they-choice-us p:nth-of-type(1){
    color:#22d3b6;font-size:28px;
    margin-top:10px;
}
.they-choice-us p:nth-of-type(2){
    color:#c5c4c4;font-size:14px;
}


/*案例列表*/
.main-content .case-picScoll{
    width:960px;
    /*overflow:hidden;*/
    margin:0 auto;
}
.main-content .case-bd{
    width:940px;overflow:hidden;
    margin:0 auto;
}
.main-content .case-bd > ul > li{
    width:960px;text-align: center;
    
}

.main-content .case-bd ul li div{
    width:300px;float:left;margin-bottom:40px;overflow:hidden;
}
.case-bd ul li div img{
    width:300px;height:195px;display:block;margin:0 auto;
}

.case-bd ul li div p:nth-of-type(1){
    font-size:14px;font-weight:bold;
    margin:5px 0;
}
.case-bd ul li div p:nth-of-type(2),.case-bd ul li div p:nth-of-type(3){
    font-size:12px;margin:5px 0;
}
.main-content .case-picScoll{
    width:100%;position:relative;
}
.main-content .case-picScoll .case-hd .prev{
    width:45px;height:89px;position:absolute;top:350px;left:-50px;z-index:999;
    background:url("../images/case-left01.png") no-repeat;cursor:pointer;
}
.main-content .case-picScoll .case-hd .next{
    width:45px;height:89px;position:absolute;top:350px;right:-50px;z-index:999;
    background:url("../images/case-right01.png") no-repeat;cursor:pointer;
}
/*案例列表--查看更多*/
#look-more-case{
    width:120px;
    height:30px;line-height:30px;
    font-size:14px;
    display:block;
    background:#eee;
    /*float:right;*/
    /*margin-right:40px;*/
    text-align:center;
    border-radius:10px;
    cursor:pointer;
    /*margin-top:20px;*/
    position:absolute;
    top:0;left:0;right:0;bottom:0;margin:auto;
    margin-bottom:-1px;
}
#look-more-case:hover{
    background:#22d3b6;
    color:#fff;
}

.case-picScoll .case-bd ul li > div{
    height:280px;
}


/*分页显示样式*/
.main-content .look-more-case-list{
    width:940px;overflow:hidden;
    margin:0 auto;
}

.main-content .look-more-case-list .list-menu-item{
    width:300px;
    height:300px;
    float:left;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    margin-right:20px;
}
#look-more-case-list .list-menu-item:nth-child(3n){
    margin-right:0;
}
.look-more-case-list div img{
    width:300px;
    height:195px;
    display:block;
    margin:0 auto;
}
.main-content .look-more-case-list > div .text-desc{
    width:100%;
    height:105px;
    background:#fff;
    z-index:10;
}

.look-more-case-list .text-desc p:nth-of-type(1){
    font-size:14px;font-weight:bold;
    margin:5px 0;
}
.look-more-case-list .text-desc p:nth-of-type(2),.look-more-case-list .text-desc p:nth-of-type(3){
    font-size:12px;margin:5px 0;
}


/*案例展示显示二维码*/
.look-more-case-list .code-show{
    width:150px;
    height:162px;
    position:absolute;
    top:180px;
    background:#fff;
    left:50%;
    margin-left:-75px;
    opacity: 0;
    z-index:1;
    box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);
}
.look-more-case-list .code-show img{
    width:130px;
    height:130px;
    display: block;
    margin:0 auto;
    margin-top:5px;
}
.look-more-case-list .code-show p{
    margin-top:2px;
    text-align:center;
}


/*成功案例公司信息展示页面*/
.company-info{
    width:100%;
    padding:10px 15px;
    border:1px solid #ccc;
}
.company-info .company-info-title{
    height:36px;
    line-height:32px;
    font-size:20px;
    color:#000;
    text-align:center;
    border-bottom:1px dashed #ccc;
    margin:0 auto;
}
.company-info .company-info-content{
    margin:15px 0;
    text-indent:24px;
    color:#666;
}

/*关于我们页面消息*/
.about-us{
    width:100%;
    margin-top:30px;
}
.about-us .about-us-icon{
    width:174px;height:180px;
    background:url("../images/about-us-icon.png") no-repeat;
    margin:0 auto;
    margin-bottom:20px;
}
.about-us .about-us-content{
    width:100%;
}
/*员工风采*/
.about-us-content .staff-style{
    width:998px;height:496px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:10px;
    overflow: hidden;
}
.about-us-content .staff-style img{
    width:245px;height:245px;
}
.about-us-content .staff-style .style-left{
    width:496px;height:496px;
    float:left;
    position:relative;
}
.staff-style .style-left img:nth-of-type(1){
    position:absolute;
    top:124px;left:0;
}
.staff-style .style-left img:nth-of-type(2){
    position:absolute;
    top:0px;left:124px;
}
.staff-style .style-left img:nth-of-type(3){
    position:absolute;
    top:248px;left:124px;
}
.staff-style .style-left img:nth-of-type(4){
    position:absolute;
    top:124px;left:248px;
}

.staff-style .style-center{
    width:245px;height:496px;
    float:left;
    margin-left:-124px;
    position:relative;
}
.staff-style .style-center img:nth-of-type(1){
    position:absolute;
    top:0;left:0;
}
.staff-style .style-center img:nth-of-type(2){
    position:absolute;
    top:248px;left:0;
}
.staff-style .style-right{
    width:496px;height:496px;
    float:left;
    margin-left:-120px;
    position:relative;
}
.staff-style .style-right img:nth-of-type(1){
    position:absolute;
    top:124px;left:0;
}
.staff-style .style-right img:nth-of-type(2){
    position:absolute;
    top:0px;left:124px;
}
.staff-style .style-right img:nth-of-type(3){
    position:absolute;
    top:248px;left:124px;
}
.staff-style .style-right img:nth-of-type(4){
    position:absolute;
    top:124px;left:248px;
}
/*公司企业文化简介*/
.about-us-content .company-culture{
    width:753px;
    margin:0 auto;
    font-size:14px;
    margin-top:40px;
}
.company-culture p{
    margin-bottom:20px;
}

/*地图*/
.contact-us-map{
    clear:both;
    width:100%;
    height:500px;
    margin-top:40px;
    /*overflow: hidden;*/
}
.contact-us-map #allmap{
    width:100%;height:500px;
}

/*加入我们*/
.join-us{
    width:100%;
    height:250px;
    background:url("../images/join-us.png") no-repeat;
    overflow:hidden;
}
.join-us p{
    font-size:24px;color:#fff;
    text-align: center;
    margin-top:30px;
}
.join-us div{
    width:400px;margin:0 auto;
    color:#fff;
    margin-top:20px;letter-spacing: 1px;
}
.join-us a{
    width:120px;height:40px;display:block;line-height: 40px;text-align: center;
    margin:0 auto;
    background:rgba(0,0,0,0);
    border-radius:20px;
    border:1px solid #20ccb0;
    color:#20ccb0;font-size:20px;
    margin-top:20px;
    cursor:pointer;
}

/*疑难解答页面*/
.question-search{
    width:500px;
    float:left;
    margin-top:20px;
}
.question-search .search-text{
    width:400px;
    height:30px;
    border:2px solid #22d3b6;
    outline:none;
    padding:5px;
    font-size:16px;
    margin-top:7px;
}
.question-search .btn{
    width:70px;
    /*height:44px;*/
    margin-top:5px;
    border:none;
    background:#22d3b6;
    font-size:16px;color:#fff;letter-spacing: 2px;
    cursor:pointer;

}
.input-group-btn:last-child > .btn{
    border-radius: 3px;
}
.hot-tag{
    width:400px;
    height:44px;line-height: 44px;
    float: left;
    margin-top:20px;
    font-size:16px;color:#87CEFA;
    margin-left:20px;
}
.hot-tag a{
    margin-left:20px;
    cursor: pointer;
}
.hot-tag a:hover{
    text-decoration: underline;
}
.main-content .qa-position{
    clear: both;
    height:70px;
    width:100%;
    line-height: 90px;
    border-bottom:2px solid #22d3b6;
}

/*左侧栏目位置显示*/
.main-content .qa-list{
    border-top:none;
    border-bottom:none;
}
.main-content .qa-list .lxUseHelp{
    float:left;
    width:75%;
    border-left:none;
    margin-top:0;
    padding-left:15px;
    margin-bottom:40px;
}
.main-content .qa-list .lxproduct-list{
    margin-top:0;
}
.qa-list .lxproduct-list li .child-list{
    display:none;
}
.lxproduct-list li .child-list li a{
    width:100%;height:30px;line-height: 30px;
    font-size:14px;
    background:url('../images/line-dashed.png') no-repeat left center #eee;color:#87CEFA;
    border-bottom:1px solid #ccc;
}
.lxproduct-list li .child-list li a:hover{
    color:#fff;
}
.main-content .qa-list .lxUseHelp .q-a{
    width:100%;
    border-bottom:1px dashed #ccc;
    margin-bottom:10px;
}
.main-content .qa-list .lxUseHelp .q-a > p{
    width:100%;
    margin-bottom:5px;
}
.main-content .qa-list .lxUseHelp .q-a > p > a{
    color:#698B22;
}
.main-content .qa-list .lxUseHelp .q-a > p > a:hover{
    color:#87CEFA;text-decoration: underline;
}
.main-content .qa-list .lxUseHelp .q-a .answer{
    font-size: 14px;
    margin-bottom:5px;
}
.main-content .qa-list .lxUseHelp .question-detail{
    width:100%;
}
.lxUseHelp .question-detail > p{
    text-align: center;
    padding-bottom:10px;
    border-bottom:1px dashed #ccc;
}
.lxUseHelp .question-detail .answer-detail{
    /*text-indent:28px;*/
    font-size:14px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}


/*加入我们页面*/
.join-us-detail{
    width:1024px;
    margin:0 auto;
    margin-top:30px;
    background:url("../images/page_bg.jpg") repeat-y;
    padding-bottom:50px;
    overflow: hidden;
}
.join-us-detail .join-left{
    width:247px;
    float:left;
}
.join-us-detail .join-left .top-bg{
    width:100%;height:58px;
    background:#22d3b6;
    color:#fff;line-height: 58px;
    text-align: center;
    font-size:20px;font-weight:bold;
    letter-spacing: 2px;
}


.join-us-detail .join-left .join-menu{
    margin-top:30px;
}
.join-menu li a{
    color:black;
    font-size:14px;
    height:40px;line-height:40px;
    display:block;
    padding:0 10px;
    border-top:1px solid #fff;
    border-left:3px solid #fff;
}
.join-menu li.on a,.join-menu li a:hover{
    border-left:3px solid #22d3b6;
    color:#22d3b6;
    border-top:1px solid #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
    background:#fff;
}

.join-us-detail .join-right{
    width:733px;
    padding-left:20px;
    float:left;
}

.join-right .right_title{
    background:url(../images/home_icon.png) no-repeat 0px 0px;
    border-bottom:1px solid #dcdcdc;padding-bottom:8px;
}
.join-right .right_title .right_position{
    margin-left:30px;color:#bbb;
}
.join-right .right_title .right_position a{
    color:#bbb;
}
.join-right .right_title .right_position a:hover{
    color:#22d3b6;
}
.join-right .content_title{
    margin-top:20px;background:url(../images/content_icon2.png) no-repeat 0px 2px;
    border-bottom:1px solid #22d3b6;
    padding-bottom: 8px;
    font-size:14px;font-weight:bold;text-indent:24px;
}
.join-right .content .r_job h1{
    font-size:24px;
}

/*分页*/
div.page {clear:both; padding:3px;text-align: center; margin-top:30px; margin-bottom:10px; float:right;z-index:9999}
div.page a {border: #ddd 1px solid; padding: 3px 8px; color: #aaa;margin-right: 2px; text-decoration: none}
div.page a:hover {border: #a0a0a0 1px solid; padding: 3px 8px; margin-right: 2px;}
div.page a:active {border: #a0a0a0 1px solid;padding: 3px 8px;margin-right: 2px;}
div.page span{border: #a0a0a0 1px solid;padding: 3px 8px;margin-right: 2px; font-weight: bold;color: #aaa; margin-right:2px;background-color: #f0f0f0}
div.page a.disabled {border: #f3f3f3 1px solid;padding: 3px 8px;color: #ccc; margin-right: 2px;}



/*管理员登录*/
.admin-login{
    width:1024px;
    height:300px;
    background:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    margin:0 auto;
    overflow: hidden;
}
.admin-login p{
    color:red;
    font-size:24px;font-weight:bold;
    margin-top:30px;
    text-indent:50px;
}
.admin-login .login-box{
    margin-left:100px;
    margin-top:20px;
}
.admin-login .login-box .text{
    width:220px;height:24px;padding:5px;
    margin-bottom:20px;
    outline:none;
}
.admin-login .login-box .submit{
    margin-left:63px;
    width:80px;height:30px;
    border:none;
    background:red;color:#fff;font-size:20px;
    cursor:pointer;
}

/*bootstrap标签*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/*控制微商旅功能和功能详情中间间距*/
.jianju{
    clear:both;
    width:1024px;
    height:100px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.jianju hr{
    color:#ccc;
    border-top:1px solid #ccc;
    margin-top:10px;
}
.jianju div{
    color:#999;
    font-size:36px;
    margin-top:30px;
}
.jianju div span{
    font-size:24px;
    font-weight: bold;
    color:#17b0e2;
}

/*修改bootstrap样式效果*/
.main-content .carousel-control.left,
.main-content .carousel-control.right{
    background-image:none;
}
.main-content .carousel-control.left .prev-page,
.main-content .carousel-control.right .next-page{
    width:48px;
    height:107px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.main-content .carousel-control.left .prev-page{
    background:url('../images/left_gray.png') no-repeat;
}
.main-content .carousel-control.right .next-page{
    background:url('../images/right_gray.png') no-repeat;
}

@media screen and (min-width:1501px){
    .tongMarginTop{
        margin-top:100px;
    }
    .join-us-detail{
        margin-top:80px;
    }
    .they-choice-us {
        margin-top:90px;
    }

}
@media screen and (min-width:1701px){
    .tongMarginTop{
        margin-top:130px;
    }
    .join-us-detail {
        margin-top:120px;
    }
    .they-choice-us {
        margin-top:140px;
    }
}
@media screen and (min-width:1901px){
    .tongMarginTop{
        margin-top:170px;
    }
    .join-us-detail {
        margin-top:160px;
    }
    .they-choice-us {
        margin-top:190px;
    }
}

/*20151102新增*/
/*旅航产品样式修改*/
.jpwz-function-detail{
    width:100%;
    padding:5px;
    display:inline-block;
    float:left;
}

@media screen and (min-width:768px){
    .jpwz-function-detail{
        width:50%;
    }

    /*案例展示显示二维码*/
    .look-more-case-list .code-show{
        transition:top 0.5s,opacity 0.1s;
        -webkit-transition:top 0.5s,opacity 0.1s;
    }
    .look-more-case-list > div:hover .code-show{
        top:34px;
        opacity: 1;
    }
}