/*首页背景色公用*/
.sameBack{ background-color:#f3f3f3;}
/*首页内容*/
.indexItem.w970{padding-bottom: 80px;}
.indexItem{ padding-top:89px;} 
.indexItem .w970{ padding-bottom:80px;}
.indexItem .w970 .commonTitle .title{ background-color:#f3f3f3}
.indexItem .service{ padding-bottom:115px; padding-top:86px;}
.indexItem .service .item{ width:289px; float:left; margin:0 17px; text-align:center;}
.indexItem .service .item .title{ font-size:16px; color:#455c81; line-height:47px; width:273px; letter-spacing:0.5px;height:47px;overflow:hidden;}
.indexItem .service .item .txt{ color:#3e3a39; font-size:13px; line-height:22px;}
.indexItem .bourn{ margin:58px -17.5px 10px; *margin-bottom:40px; }
.indexItem .bourn .item{ width:300px; height:auto; position:relative; margin:0 17.5px 40px;display:block; float:left; overflow:hidden; text-align: center;}
.indexItem .bourn .item img{ max-width:300px; max-height:200px; vertical-align: middle; }    
.indexItem .bourn .item p{ background:url(../images/headBack.png) repeat; width:100%; height:30px; line-height:30px; text-align:center; font-size:18px; color:#fff; position:absolute; bottom:0; left:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.indexItem .bourn .item .shade { box-sizing:border-box; width:300px;height:200px;background:url(../images/headBack.png) repeat; width:100%; position:absolute;left:0;top:170px; color:#fff; text-align:center;  line-height:22px; padding-left:16px; padding-right:16px;}
.indexItem .bourn .item .shade .title {font-size:18px; font-weight:normal; margin-top:4px; margin-bottom:10px;}
.indexItem .bourn .item .shade .txt{ height:66px;overflow:hidden;    text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.indexItem .travelTop{ height:auto; position:relative; display:block; text-align:center; font-size:14px; padding-top:56px;}
.indexItem .travelTop img{ max-width:970px; max-height:420px; margin:0 auto; vertical-align: middle;}
.indexItem .travelTop .name{ height:30px;width:970px; line-height:30px; background:url(../images/headBack.png) repeat; position:absolute; bottom:0; left:0; color:#fff;}
.indexItem .travelTop .name .inner{ margin:0 auto;}
.indexItem .travelTop .name i{ border-top:2px #fff solid;   margin-top:14px; width:40px; height:14px; display:block;  }
.indexItem .travelTop .name span{  display:block; padding:0 6px;}
.indexItem .travelBt{ text-align:center; padding:38px 235px 80px;}
.indexItem .travelBt .btn{ margin-top:46px;}
.indexItem .travelBt .title{ font-size:16px; color:#455c81; line-height:40px; height:40px;text-align:center; letter-spacing:0.5px; -webkit-line-clamp: 1;}
.indexItem .travelBt .txt{ color:#3e3a39; font-size:13px; line-height:21px; letter-spacing:0.5px;}
.indexItem .mark{ padding-top:55px; margin:0 -17.5px 10px; *margin-bottom:40px;}
.indexItem .mark .item{margin:0 17.5px 40px; position:relative; width:300px; height:200px;display:block; float:left; display: table-cell; text-align: center;  vertical-align: middle; overflow:hidden;}
.indexItem .mark .item>img{max-width:300px; max-height:260px; margin:0 auto; vertical-align: middle; }
.indexItem .mark .item .text{ background:url(../images/headBack.png) repeat;height:200px; position:absolute; top:138px; left:0; color:#fff; width:100%; }
.indexItem .mark .item .text .inner{ margin:0 30px; text-align:center; padding:8px 0;}
.indexItem .mark .item .text .inner table{ margin:0 auto; width:100%;}
.indexItem .mark .item .text .inner th{ width:25%; padding-bottom:5px; }
.indexItem .mark .item .text .inner th img{ width: auto; height: 24px; }
.indexItem .mark .item .text .inner td{ border-top:1px #fff solid; }
.indexItem .mark .item .text .inner td span{ height:17px;overflow:hidden; text-overflow:ellipsis;display:block; max-width:60px;
                                              white-space:nowrap; margin: 0 auto;}
.indexItem .mark .item .text .txt { font-size:12px; text-align:left; line-height:22px; padding-left:16px; padding-right:16px; height:88px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

 .indexItemBg{
      background-color: #e4e9f1;
    }
    .indexItem .w970 .commonTitle .titleBg{
      background-color: #e4e9f1;
    }
/******************************移动端****************************/

@media (max-width: 970px){
       .indexItem{
       	padding-left:10px;
       	padding-right: 10px;
       	box-sizing:border-box;
       }
       .indexItem .service{
       	    padding-bottom: 0;
            padding-top: 60px;
       }
       .indexItem .service .item{
       	width: 28%;
       	margin: 0 2%;
       	margin-bottom: 30px;
       }
       .indexItem .service .item .title{
       	width: 100%;
       }
       .indexItem .bourn{
       	margin-left: 0;
       	margin-right: 0;
       }
       .indexItem .bourn .item{
       	width: 29.3%;
       	margin-right: 2%;
       	margin-left: 2%;
       }
       .indexItem .travelTop img{
       	display: block;
       	width: 100%;

       }
       .indexItem .travelTop .name {
       	width: 100%;
       }
       .indexItem .travelBt{
       	padding: 38px 50px 40px 50px!important;
       }
       .indexItem .mark{
       	    margin: 0;
       }
       .indexItem .mark .item{
       	width: 46%;
            margin-right: 2%;
            margin-left: 2%;
       }
       .indexItem .mark .item>img{
            width: 100%;
            max-width: none; 
             max-height: none; 
       }
       .indexItem .mark .item{
            height: auto;
       }
       .indexItem .mark .item .text{
         height: 60px;
         overflow: hidden;
         top: auto;
         bottom: 0px;
    }
    .indexItem .bourn .item img{
      width: 100%;
    }
    .indexItem .bourn .item .shade{
         height: 30px;
         overflow: hidden;
         top: auto;
         bottom: 0px;
    }
    /*开始定制公共部分*/
       .startOrder {
          margin: 38px 10px 28px 10px;
    }
}
@media (max-width: 767px){
     .indexItem .bourn .item .shade .title{
       font-size: 12px;
       margin: 0;
       line-height: 20px;
     }
     .indexItem .bourn .item .shade{
      height: 20px;
     }
     .indexItem .travelTop{
          padding-top: 25px;
     }

}
@media (max-width: 480px){
       .indexItem{
       	padding-top: 25px;
       }
       .indexItem .service .item{
       	width: 100%;
       	margin: 0 0;
       	margin-bottom: 30px;
       }
       .indexItem .service{
            padding-top: 30px;
       }
     .indexItem .bourn .item{
       	width: 46%;
       	margin-right: 2%;
       	margin-left: 2%;
       	margin-bottom: 17px;
       }
       .indexItem .bourn{
       	margin-top: 27px;
       	margin-bottom: 10px;
       }
       .indexItem .w970{
       	padding-bottom: 0;
       }
       .indexItem{
       	padding-bottom: 20px;
       }
       .indexItem.w970{
        padding-bottom: 20px;
       }
       .indexItem .travelBt{
       	padding: 14px 0 26px 0!important;
       }
       .indexItem .mark .item{
            width: 100%;
            margin-right: 0;
            margin-left: 0;
            margin-bottom: 10px;
       }
       .indexItem .mark {
            padding-top: 30px;
            padding-bottom: 15px;
       }
       
    /*按钮公共部分*/
    .btn,.orderContent a  {
    background: url(../images/mBtnBack.png) no-repeat center;
    color: #fff;
    }

   

}