.banner{ width: 100%; height: 450px; background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-image: url(../img/solution/travel/banner.jpg);}
.floor-box-inner{ width:1200px; margin: 0 auto; overflow: hidden;}
.f1{ background: #fff;margin: 0px auto 60px;overflow: hidden;}
.floor-tit{ margin: 60px auto; font-size: 36px; color: #666; text-align: center;font-weight: bold;color: #333;}
.f1-item{ float: left; width: 25%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.f1-item .tit{ font-size: 18px; color: #333; margin:20px auto;font-weight: bold;}
.f1-item .desc{ width:191px;color: #666; line-height:22px;text-align: center; }
.f1-img{ width:132px; height:132px; background:rgba(0,0,0,0.04); border-radius:50%; text-align: center; }
.f1-img img{ width: 71px; height: 71px; padding:30px; }
.f2{background: #f5f5f5; border: 1px solid transparent;padding-bottom: 60px;}
.f2-item{ height: 170px; cursor: pointer; transition: all ease .3s; float: left; width: 24%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; border-radius:8px; }
.f2-item:hover{ box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.f2-item:nth-child(2){ margin:0 1.33%; }
.f2-item:nth-child(3){ margin-right:1.33%; }
.f2-i-tit{ font-size: 20px; color: #0ed8be; margin-bottom: 15px;font-weight: bold;}
.f2-i-tit::before{ content: ""; display: inline-block; width: 30px; height: 4px; background: #0ED8BE; margin-right: 7px; transform: translateY(-4px); }
.f2-i-tit::after{ content: ""; display: inline-block; width: 30px; height: 4px; background: #0ED8BE; margin-left: 7px; transform: translateY(-4px); }
.f2-item .desc{color:#666; line-height:22px; width: 80%; text-align: center; }
.f3{ height: 585px; background: #fff; border: 1px solid transparent; padding-bottom: 47px; }
.f3-item{ float: left; width: 29%; box-sizing: border-box; }
.f3-item:nth-child(2){ margin:0 6.5%; position: relative; }
.f3-item-main .titbox{ background-color: #F5F5F5; font-size: 20px; color: #0EC960; height: 47px; line-height: 47px; text-align: center; }
.f3-item-main{ margin:24px 19px; box-sizing: border-box; padding: 7px 13px; border: 1px dashed #0EC960; }
.f3-i-m-txt{ font-size: 15px; color: #666; padding: 6px 0; margin:0 24px; border-bottom: 1px solid #F5F5F5; }
.f3-img{ position: absolute; top: 50%; }
.f3-img:last-child{ left:initial; right: -20%; }
.f3-img img{ width: 58px; }
.f3-i-titbox{ padding:4px 8px; border: 1px dashed #0ED8BE; }
.f3-i-tit{background: #0ED8BE; height: 47px; line-height: 47px; color:#fff; font-weight: bold; font-size: 20px; text-align: center; }
.f3-l-icon{ display: inline-block; width: 30px; height: 54px; overflow: hidden; vertical-align: middle; overflow: hidden; position: absolute; top: 13px; left: -6px; transform: rotate(180deg); }
.f3-l-i-inner{ background: #0ED8BE; width: 40px; height: 40px; transform: rotate(45deg) translateX(21px) translateY(1px); }
.f3-r-icon{ display: inline-block; width: 31px; height: 55px; overflow: hidden; vertical-align: middle; overflow: hidden; position: absolute; top: 3px; right: 0;}
.f3-r-i-inner{background: #FFC602;width: 40px; height: 40px;transform: rotate(45deg) translateX(22px) translateY(-9px);}
.f3-i-txt{ position: relative;font-size: 16px; color: #666; padding:22px 0; padding-left: 30px; }
.f3-item:nth-child(2) .f3-i-titbox{ border: 1px dashed #0EC960; }
.f3-item:nth-child(2) .f3-i-tit{ background: #0EC960; }
.f3-item:nth-child(3) .f3-i-titbox{ border: 1px dashed #FFC602; }
.f3-item:nth-child(3) .f3-i-tit{ background: #FFC602; }
.mb22{ margin-bottom: 22px; }
.f4{ border: 1px solid transparent; background-color: #f6fdf9; }
.f4-box{width: 100%; background-image:url(../img/solution/travel/xtong.png); height: 705px;overflow: hidden;margin-top: -50px;}
.f4-b-tit{ margin: 20px auto 40px; font-size: 20px; color: #333; text-align: center; font-weight: bold;}
.f4-b-box{ padding-bottom: 30px; }
.f4-b-item{ float: left; margin: 0px 20px 10px;}
.f4-b-i-tit{ width:190px; height:50px; line-height:50px; background:#0ED8BE; text-align: center; font-size: 18px; color: #fff; }
.f4-b-i-desc{ width:190px; height:40px; line-height:40px; border:1px solid #0ED8BE; border-radius:8px; font-size: 16px; margin-top: 6px; color: #0ED8BE; text-align: center; }
.f5{ background-color: #fff; }
.f5-box{ margin-bottom: 60px; box-sizing: border-box; border: 1px dashed #0EC960; }
.f5-b-l{ float: left; width: 50%; box-sizing: border-box; border-right: 1px dashed #0EC960; padding-bottom: 20px;}
.f5-b-tit{ margin: 1px; height: 95px; line-height: 95px; font-size: 30px; color: #666; text-align: center; background-color: #F5F5F5; margin-bottom: 40px; }
.f5-b-r{ float: left; width: 50%; }
.f5-b-r .f5-b-tit{ background-color: #0EC960; color: #fff; }
.f5-item{ width:383px; height:52px; line-height:52px; border:1px dashed #C5E127; border-radius:8px; margin: 0 auto; margin-bottom: 18px; font-size: 16px; color: #666; text-align: center; }
.f5-b-r .f5-item{ border:1px dashed #0EC960; background-color: #0EC960; color:#fff; }
.tc-bottom{width: 100%;min-width: 1200px;background: linear-gradient(#25C09D, #3BCF56); background: -webkit-linear-gradient(left, #25C09D, #3BCF56); background: -o-linear-gradient(right, #25C09D, #3BCF56); background: -moz-linear-gradient(right, #25C09D, #3BCF56); background: linear-gradient(to right, #25C09D, #3BCF56);padding: 30px 0px 60px;overflow: hidden; }
.tc-bottom p{ margin: 26px auto;width:368px; height:36px; font-size:36px; font-weight:bold; color:#fff; line-height:36px; }
.tc-bottom a{ display: block; text-align: center; margin: 0 auto; width:200px; height:45px; line-height:45px; border:1px solid #F5F5F5; border-radius:8px; font-size: 20px; color: #fff; }