/*公共样式*/
.icon{
    background-image: url(../../images/product/travelSocial/icon.png);
    display: inline-block;

}
.wid{
    width:1200px;
    margin: 0 auto;
}
.title{
    font-size: 44px;
    color: #333;
    text-align: center;
}
.black .titleCon{
    color: #333;
}
.white .titleCon{
    color: #fff;
}
.title p{
    font-size: 18px;
    color: #333333;
    padding-top: 42px;
    text-align: justify;
    line-height: 36px;
}

.bird{
    width:94px;
    height: 81px;
    background-position: 0 0;
    vertical-align: text-top;
    margin-left: -28px;
    opacity: 0.1;
}






/*banner*/
.banner{
    height: 695px;
    background-image: url(../../images/product/travelSocial/banner.png);
    background-repeat: no-repeat;
    background-position: center;
}
.banner p{
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-top: 472px;
}
/*旅游*/
.travel{
    margin-top:125px;
}
.travelCon{
    display:flex;
    justify-content: space-between;
    margin-top: 85px;
}
.travel .left{
    width:40%;
    height: 510px;
    background-image: url(../../images/product/travelSocial/shejiao01.png);
    background-repeat: no-repeat;
    background-position:center;
    margin-left: -58px;
}
.travel .right{
    width:52%;
    height: 247px;
    background-color: #f5fcff;
    border-radius: 30px 60px 60px 0;
    padding: 41px 45px;
    margin-top: 15px;

}
.travel .right p{
    font-size: 18px;
    line-height: 36px;
    color: #26833e;
}
.system{
    margin-top: -36px;
    margin-bottom: 90px;
}
.systemCon{
    position:relative;
    height: 1120px;
}
.systemCon .question{
    position:absolute;
    top: 0;
    width:55%;
}
.systemCon .question li{
    height: 47px;
    padding:66px 155px 41px 81px;
    background-color: #e0f1ef;
    border-radius: 30px 4px 4px 4px;
    font-size: 18px;
    line-height: 28px;
    color: #72bdab;
    position:relative;
    margin-top: 107px;
}
.systemCon .question .quesTitle{
    width: 330px;
    height: 86px;
    background-image: linear-gradient(-30deg,
    #71bba9 0%,
    #94d9b5 100%),
    linear-gradient(
            #72bdab,
            #72bdab);
    background-blend-mode: normal,
    normal;
    border-radius: 30px 43px 43px 0;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    line-height: 86px;
    position: absolute;
    top: -57px;
    left: 50px;
}
.systemCon .question .fuhao{
    width: 40px;
    height: 31px;
    background-position:-293px -81px;
    position:absolute;
    left: 30px;
    top:52px;
}
.systemCon .method{
    position:absolute;
    top: 46px;
    right: 0;
    width:55%;
}
.method li{
    height: 47px;
    padding:46px 65px 62px 91px;
    background-image: linear-gradient(-30deg,
    #4974e8 0%,
    #7aaef1 100%),
    linear-gradient(
            #e0f1ef,
            #e0f1ef);
    background-blend-mode: normal,
    normal;
    border-radius: 4px 4px 30px 4px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-top: 107px;
    position:relative;
}
.method li .fuhao{
    width: 40px;
    height: 31px;
    background-position:-337px -81px;
    position:absolute;
    left: 30px;
    top:30px;
}
.method li .methTitle{
    width: 210px;
    height: 86px;
    background-color: #f2b240;
    border-radius: 43px 30px 0px 43px;
    text-align: center;
    line-height: 86px;
    position:absolute;
    right: 0;
    top: -53px;
    color: #fff;
}


.serve{
    height: 2691px;
    background-image: url(../../images/product/travelSocial/travelBg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.serve .title{
    padding-top: 85px;
    padding-bottom:135px;
}
.listCon .list{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -30px;
}
.listCon .tp{
    width:468px;
    height: 471px;
    background-image: url(../../images/product/travelSocial/travel01.png);
    background-repeat: no-repeat;
}
.listCon .tp02{
    width:468px;
    height: 471px;
    background-image: url(../../images/product/travelSocial/travel02.png);
    background-repeat: no-repeat;
}
.listCon .tp03{
    width:468px;
    height: 471px;
    background-image: url(../../images/product/travelSocial/travel03.png);
    background-repeat: no-repeat;
}
.listCon .tp04{
    width:468px;
    height: 471px;
    background-image: url(../../images/product/travelSocial/travel04.png);
    background-repeat: no-repeat;
}
.listCon .tp05{
    width:468px;
    height: 471px;
    background-image: url(../../images/product/travelSocial/travel05.png);
    background-repeat: no-repeat;
}

.listCon .num{
    font-size: 48px;
    color: #ffffff;
    opacity: 0.4;
}
.listCon .text{

}
.listCon .textTitle{
    font-size: 24px;
    color: #ffffff;
    padding: 10px 0 12px;
    font-weight: bold;
}
.listCon p{
    font-size: 18px;
    line-height: 36px;
    color: #ffffff;
}
.listCon .black{
    color: #333;
}
.listCon .black p{
    color:#333;
}
/*细数系统功能概况*/

.survey{
    height: 1278px;
    background-image: url(../../images/product/travelSocial/xishuBg.png);
    background-repeat: no-repeat;
    background-position:center;
    margin-top:-1px;
}
.survey .title{
    padding-top: 115px;
}

.pattern{
    height: 2910px;
    background-image: url(../../images/product/travelSocial/shejiaoBg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.pattern .title{
    padding-top: 60px;
    padding-bottom: 49px;
}
.surLiucheng{
    width:1263px;
    height: 1420px;
    margin-left:-32.5px;
    background-image: url(../../images/product/travelSocial/shejiao02.png);
    background-repeat: no-repeat;
    background-position: center;
}
.shejiao03{
    width:1238px;
    height: 1044px;
    margin-left:-19px;
    background-image: url(../../images/product/travelSocial/shejiao03.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*real*/
.real{
    height: 1704px;
    background-image: url(../../images/product/travelSocial/shejiaoBg02.png);
    background-repeat: no-repeat;
    background-position: center;
}
.real .title{
    padding-bottom: 9px;
}
.phone .phoneTp{
    width: 873px;
    height: 914px;
    background-image: url(../../images/product/travelSocial/shejiao04.png);
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
    margin-left: -50px;
}

.phone .phoneTp .common{
    width: 452px;
    height: 73px;
    background-color: #f8922e;
    box-shadow: 0px 3px 43px 0px
    rgba(254, 153, 54, 0.35);
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 73px;
    position:absolute;
    right: -375px;

}
.phone .phoneTp .top{
    top: 160px;
}
.phone .phoneTp .center{
    top: 360px;
}
.phone .phoneTp .bottom{
    top: 555px;
}

.block{
    display:flex;
    justify-content: space-around;
}
.block .list{
    width:286px;
    height: 351px;
    background-image: url(../../images/product/travelSocial/num.png);
    background-repeat: no-repeat;
    position:relative;
}
.block .list:nth-child(2n){
    margin-top: 90px;
}
.block .num{
    font-size: 72px;
    color: #ffffff;
    position:absolute;
    top: 42px;
    left: 37px;
}

.block p{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    padding:180px 38px 53px 45px;
}
.share{
    margin-top:-5px;
}
.shareBg{
    height: 486px;
    background-image: url(../../images/product/travelSocial/shejiaoBg03.png);
    background-repeat: no-repeat;
    background-position: center;
}
.shareBg .title{
    padding-top: 90px;
}
.share .app{
    position:relative;
    height: 860px;
    background-image: url(../../images/product/travelSocial/shejiao05.png);
    background-repeat: no-repeat;
    background-position:center;
    margin-top: -256px;
}
.share .app .num{
    font-size: 44px;
    color: #ffffff;
    padding-bottom: 15px;
}
.share .app .num span{
    font-size: 80px;
    color: #ffffff;
    opacity: 0.3;
    vertical-align:sub;
}
.share .app p{
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    opacity: 0.8;
}
.share .app .common{
    width: 250px;
    height: 342px;
    border-radius: 30px 0px 30px 0px;
    position:absolute;
    padding:8px 23px 0 27px;
}
.leftT{
    background-image: linear-gradient(-30deg,
    #fe9055 0%,
    #ffb357 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 3px 26px 3px
    rgba(254, 154, 86, 0.35);
    top: 30px;
}
.leftB{
    background-image: linear-gradient(-30deg,
    #fd68f8 0%,
    #7a7dfe 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 3px 26px 3px
    rgba(232, 107, 249, 0.35);
    bottom: 30px;

}
.rightT{
    background-image: linear-gradient(-30deg,
    #feab67 0%,
    #ff5c9b 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 3px 26px 3px
    rgba(254, 149, 85, 0.35);
    right: 0;
    top: 30px;
}
.rightB{
    background-image: linear-gradient(-30deg,
    #5bd5ac 0%,
    #5fe8a0 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 3px 26px 3px
    rgba(91, 215, 171, 0.35);
    bottom: 30px;
    right: 0;
}
.fenxiang{
    width: 91px;
    height: 89px;
    background-position: 0 -149px;
    opacity: 0.1;
    bottom: 30px;
    right: 22px;
    position:absolute;
}
.dingwei{
    width: 78px;
    height: 98px;
    background-position: -165px -149px;
    opacity: 0.1;
    bottom: 30px;
    right: 22px;
    position:absolute;
}
.chuangjian{
    width: 70px;
    height: 84px;
    background-position: -91px -149px;
    opacity: 0.1;
    bottom: 30px;
    right: 22px;
    position:absolute;
}
.Tips{
    width: 75px;
    height: 84px;
    background-position: -247px -149px;
    opacity: 0.1;
    bottom: 30px;
    right: 22px;
    position:absolute;
}
.alone{

}
.alone .title{

}
.alone .app{
    width:760px;
    height: 840px;
    background-image: url(../../images/product/travelSocial/shejiao06.png);
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
    margin-left:-70px;
}
.alone .app .listBox{
    position: absolute;
    right: -510px;
    top: 90px;
}
.alone .app .list{
    display:flex;
    width:586px;
    margin-top: 69px;
    box-shadow: 5px 5px 50px #e1f4ff;
}
.alone .app .list .num{
    width: 23%;
    height: 120px;
    background-color: #4dc0fd;
    border-radius: 4px 0px 0px 4px;
    text-align: center;
    line-height: 120px;
    font-size: 60px;
    color: #ffffff;

}
.alone .app .list p{
    width:77%;
    font-size: 18px;
    line-height: 36px;
    color: #333333;
    background: #fff;
    padding-top: 27px;
    padding-left: 38px;
    padding-right: 15px;
}

/*安全保障*/
/*matter12*/
.matter12{
    height: 540px;
    margin-top: 120px;
}
.client table p{
    line-height: 26px;
    letter-spacing: 0px;
    color: #4e5e66;
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
    text-align: center;
}
.matter12 .txt{
    padding-top: 80px;
}
.matter12 .client{
    width: auto;
}
.client table tr td{
    padding: 40px;
    width: 320px;
    height: 168px;
    background-color: #fff;
    text-align:center;
    box-shadow: 2px 4px 25px 0px rgba(77, 192, 253, 0.36);
    border-radius: 8px;
}
.matter12 .client table tr td{
    border-radius: 0;
}
.matter12 table{
    border-spacing:20px 20px;
}
.matter12 .client table h2{
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 16px;

}
.matter12 .f1,
.matter12 .f2,
.matter12 .f3,
.matter12 .f4,
.matter12 .f5{
    width: 52px;
    height: 68px;
    margin: 0 auto 40px;
}
.matter12 .f1{
    background-position:-95px 0 ;
}
.matter12 .f2{
    background-position: -148px 0;
}
.matter12 .f3{
    background-position: -202px 0;
}
.matter12 .f4{
    background-position: -256px 0;
}
.matter12 .f5{
    background-position: -310px 0;
}

/*服务支持*/
.support{
    height: 1183px;
    background-image: url(../../images/product/travelSocial/zhichiBg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.support .title{
    padding-top: 180px;
}
.support p{
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.advantage{
    padding-bottom: 120px;
}
.advantage p{
    font-size: 16px;
    color: #666666;
}
.advantage .title{
    padding-top: 115px;

}
.advantage ul{
    display:flex;
    justify-content: space-between;
    margin-top: 57px;
}
.advantage li{
    width: 220px;
    height: 416px;
    text-align: center;
    border: solid 1px #dde0e9;
}
.advantage li .top{
    height: 144px;
}

.advantage li .tit{
    font-size: 22px;
    line-height: 63px;
    color: #333333;
    padding-top: 30px;
}
.advantage li p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: justify;
    padding-left: 13px;
    padding-right: 25px;
}

.advantage .fuwu{
    width: 59px;
    height: 63px;
    background-position: 0 -81px;
}
.advantage .youhui{
    width: 60px;
    height: 49px;
    background-position: -60px -81px;
}

.tuandui{
    width: 61px;
    height: 51px;
    background-position: -122px -81px;
}
.gaoxiao{
    width: 57px;
    height: 51px;
    background-position: -185px -81px;
}
.anli{
    width: 49px;
    height: 58px;
    background-position: -243px -81px;
}
.advantage li:nth-child(1) .top{
    height: 104px;
    background-color: #36b6fa;
    padding-top: 40px;
}
.advantage li:nth-child(2) .top{
    height: 104px;
    background-color: #f2c04b;
    padding-top: 40px;
}

.advantage li:nth-child(3) .top{
    height: 104px;
    background-color: #e8714f;
    padding-top: 40px;
}

.advantage li:nth-child(4) .top{
    height: 104px;
    background-color: #3ae084;
    padding-top: 40px;
}

.advantage li:nth-child(5) .top{
    height: 104px;
    background-color: #db428d;
    padding-top: 40px;
}