html,body {
    background: #f9f9f9;
}
.l-warp {
    width: 100%;
    height: auto;
    min-width: 1300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.l-inner {
    width: 1300px;
    margin: 0 auto;
    font-size: 0;
}

.l-inner-title {
    font-size: 32px;
    color: #333;
    margin-bottom: 45px;
    text-align: center;
    font-weight: normal;
}

.l-header {
    width: 100%;
    padding: 0 30px;
    height: 82px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    min-width: 1300px;
}

.l-header2 {
    background: #041E3E;
    /*padding: 0 80px;*/
}

.l-header-cont {
    width: 100%;
}

.l-header2 .l-header-cont {
    /*max-width: 1300px;*/
    margin: 0 auto;
}

.l-logo {
    width: 30%;
}

.l-logo img {
    width: 100%;
}

.l-nav {
    height: 82px;
    line-height: 82px;
}

.l-nav-item {
    height: 82px;
    line-height: 82px;
    margin: 0 10px;
}

.l-nav .l-nav-item:last-child {
    margin-right: 0;
}
.nav-item-phone{
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑', sans-serif;
}

.l-nav-link {
    display: inline-block;
    height: 100%;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.l-nav-link:after {
    content: '';
    border: 1px solid #01f0c6;
    width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.l-nav-link:hover,.l-nav-link.l-nav-active {
    color: #01f0c6;
    text-decoration: none;
}
.l-login-btn:hover,.l-login-btn2:hover{
    color: #fff;
    text-decoration: none;
}
.l-nav-link.l-nav-active:after,.l-nav-link:hover:after {
    width: 100%;
    opacity: 1;
}

.l-login-btn,.l-login-btn2 {
    color: #fff;
    font-size: 16px;
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(90deg,rgba(63,142,255,1) 0%,rgba(0,146,113,1) 100%);
    box-shadow: 0px 13px 18px 0px rgba(63,142,255,0.2);
    border-radius: 15px;
    /*margin-left: 18px;*/
}

@media only screen and (max-width: 1400px) {
    .l-nav-link,.l-login-btn,.l-login-btn2{
        font-size: 14px;
    }
    .l-login-btn,.l-login-btn2{
        width: 100px;
    }
}

.menu_fixed {
    position: fixed;
    background: rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    z-index: 1000;
    left: 0;
    top: 0;
}

/* banner */
.l-banner {
    width: 100%;
    height: auto;
    position: relative;
}

.l-banner-img {
    width: 100%;
    height: auto;
}

.l-banner-desc {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
}

.l-banner-box {
    height: 176px;
    /*
    border: 1px solid rgba(1, 240, 200, 0.20);
    */
    padding: 50px 0;
}

.l-banner-desc-item {
    padding: 0 40px;
}

.l-banner-box .l-banner-desc-item:first-child {
    width: 280px;
}

.l-banner-box .l-banner-desc-item:not(:last-child) {
    border-right: 1px solid rgba(1, 240, 200, 0.1);
}

.l-banner-item-title {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-top: -10px;
    font-family: Microsoft YaHei;
}

.l-banner-icon {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.l-banner-item-cont {
    color: #01f0c6;
    margin-top: 30px;
}

.l-banner-item-cont span {
    display: inline-block;
}

.l-banner-item-num {
    display: inline-block;
    line-height: 60px;
    font-size: 74px;
}

.sup {
    font-size: 50px;
    line-height: 30px;
    vertical-align: 80%;
    margin-left: 5px;
}

.sub {
    font-size: 20px;
    line-height: normal;
    vertical-align: 5px;
    margin-left: 10px;
}

/* 登录 */
.l-login {
    width: 360px;
    padding: 40px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    right: 170px;
    top: 180px;
    z-index: 10;
}

.l-login-form  h3 {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: normal;
}

.l-login-form .l-form-input {
    width: 100%;
    display: block;
    height: 48px;
    padding: 10px 20px;
    line-height: 48px;
    background: #F2F2F2;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #EEE;
}

.l-login-form input[type='submit'] {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background:#3E8EFF;
    border-radius: 6px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 15px;
}

.l-login-form-btn a {
    font-size: 14px;
    color: #01F0C6;
}

/* 运营线路 */
.l-block {
    padding: 70px 0;
    height: auto;
    background: #fff;
    /*background: url(../../images/home/bg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;*/
}

.l-wbEb-item {
    width: 33.3333%;
    text-align: center;
    font-size: 18px;
    color: #333;

}

.l-wbEb-item p {
    padding: 0 80px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.l-wbEb-img {
    width: 220px;
    height: 220px;
    margin-bottom: 35px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.l-wbEb-item:hover .l-wbEb-img {
    transform: scale(1.1);
    -webkit-transition: scale(1.1);
    -moz-transition: scale(1.1);
    -o-transition: scale(1.1);
}

.l-wbEb-item:hover p {
    font-size: 20px;
}

/* 热门线路 */
.l-hotLine {
    padding: 70px 0;
    background: #F3F3F9;
}

.l-hotLine-item {
    width: 33.3333%;
}

.l-hotLine-box {
    width: 390px;
    height: 340px;
}

.l-hotLine-desc {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: 100%;
    min-height: 370px;
    position: relative;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.l-hotLine-box:hover .l-hotLine-desc {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.front,.back {
    width: 100%;
    min-height: 370px;
    height: auto;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.front .inner{
    margin-top: 150px;
}
.front01{
    background: url(../../images/home/hot01_icon.jpg) no-repeat center top;
    background-position-y:-9px;
}
.front02{
    background: url(../../images/home/hot02_icon.jpg) no-repeat center top;
    background-position-y:-7px;
}
.front03{
    background: url(../../images/home/hot03_icon.jpg) no-repeat center top;
    background-position-y:-9px;
}
.front {
    z-index: 1;
    display: block;
    opacity: 1;
    padding: 40px;
    background-color: #fff;
    height: 100%;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
}

.back {
    padding: 30px;
    background: url(../../images/home/hotLine-bg.png);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    line-height: 24px;
    background-size: 110%;
}

.l-hotLine-desc .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.l-hotLine-desc .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.l-hotLine-img {
    width: 164px;
    margin-bottom: 30px;
}

.l-hotLine-item-title {
    font-size: 22px;
    line-height: normal;
    text-align: left;
    margin-bottom: 14px;
    color: #333;
    height: 60px;
    font-weight: bold;
    text-align: center;
}

.l-hotLine-ic {
    width: 36px;
    margin: 0 5px;
}

.l-hotLine-item-desc {
    font-size: 18px;
    color: #888888;
    display: flex;
    text-align: left;
}
.l-hotLine-item-desc p:first-child{
    text-align: right;
    width: 45%;
}
.l-hotLine-item-desc p:last-child{
    flex: 1;
    font-weight: bold;
    color: #333;
    margin-left: 15px;
}
.l-hotLine-item-desc span {
    color: #057EFF;
}


.l-hotLine-item-title2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 25px;
}

.l-hotLine-item-desc2 {
    font-size: 14px;
    text-align: left;
    text-indent: 2em;
    color: #888888;
}
.l-hotLine-item-desc2 p{
    text-indent: 2em;
}

/* 特色服务 */
.l-service {
    padding: 70px 0;
    background: #F3F3F9;
}

.l-service .l-inner-title {
    margin-bottom: 10px;
}

.l-service-item {
    width: 25%;
    margin-top: 35px;
    text-align: center;
    padding: 0 50px;
}

.l-service-icon {
    width: 84px;
    height: 72px;
    margin-bottom: 26px;
}

.l-service-item-title {
    font-size: 22px;
    color: #333;
    margin-bottom: 12px;
}
.l-service-item-desc {
    font-size: 16px;
    color: #888888;
}

/* 新闻资讯 */
.l-news {
    background: #fff;
    padding: 70px 0 25px 0;
}

.l-news-item {
    width: 48%;
    margin-bottom: 45px;
}

.l-news-link {
    display: block;
}

.l-news-img {
    width: 134px;
    height: 100px;
    object-fit: cover;
}

.l-news-desc {
    width: calc(100% - 134px);
    padding-left: 25px;
    text-align: left;
}

.l-news-item-title {
    font-size: 20px;
    margin-bottom: 5px;
    color: #333;
}

.l-news-item-desc {
    font-size: 16px;
    color: #888;
}
.l-news-item-date {
    font-size: 12px;
    color: #999;
}

.l-news-more {
    display: inline-block;
    font-size: 18px;
    color: #3F8EFF;
    margin-bottom: 45px;
}

/* 班列特色 */
.l-advantage {
    padding: 70px 0;
    background: #F3F3F9;
}

.switchBox ul>li ol img {
    width: 40px;
    heiht: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.switchBox {
    width: 100%;
    margin: 0 auto;
}

.switchBox ul {
    width: 100%;
    height: 640px;
    margin: 0 auto;
    position: relative
}

.switchBox ul>li {
    width: 400px;
    height: 560px;
    overflow: auto;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    list-style: none;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    transition: height .4s
}

.switchBox ul>li .content {
    height: 100%;
    width: 100%;
    padding: 160px 46px 0;
    background-size: 100% 100%;
}

/*.switchBox ul>li:nth-child(1) .content {
    background-image: url(../../images/home/banlie_da_1.png)
}

.switchBox ul>li:nth-child(2) .content {
    background-image: url(../../images/home/banlie_da_2.png)
}

.switchBox ul>li:nth-child(3) .content {
    background-image: url(../../images/home/banlie_da_3.png)
}

.switchBox ul>li:nth-child(4) .content {
    background-image: url(../../images/home/banlie_da_4.png)
}

.switchBox ul>li:nth-child(5) .content {
    background-image: url(../../images/home/banlie_da_5.png)
}*/

.switchBox ul>li h1 {
    font-size: 22px;
    line-height: 1;
    text-align: left;
    position: relative;
    z-index: 2;
    color: black;
    font-weight: bold;
    /*text-shadow: rgba(46,58,97, 0.5) 0px 1px 2px;*/
}

.switchBox ul>li p {
    font-size: 16px;
    color: black;
    margin: 0;
    line-height: 2;
    padding-top: 50px;
    position: relative;
    z-index: 2;
    text-shadow: rgba(46,58,97, 0.5) 0px 1px 2px;
}

/* 合作伙伴 */
.l-partner {
    padding: 70px 0 40px 0;
    background: #fff;
}

.scroll-wrap {
    position: relative;
}

.scroll-wrap:before, .scroll-wrap:after {
    position: absolute;
    content: '';
    /*width: 370px;*/
    width: 100px;
    top: 0;
    height: 100%;
    z-index: 10;
}

.scroll-wrap:after {
    left: 0;
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff);
}

.scroll-wrap:before {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    right: 0;
}

/*.l-scroll-box {*/
/*    overflow: hidden;*/
/*}*/

/*.l-scroll-items {*/
/*    position: relative;*/
/*    width: 3884px;*/
/*    overflow: hidden;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.l-scroll-item {*/
/*    float: left;*/
/*    width: 1942px;*/
/*    height: 60px;*/
/*}*/

/*.l-scroll-item img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/* 底部 */
.l-footer {
    padding: 30px 0;
    background: #071424;
    text-align: left;
    color: #fff;
}

.l-ewm {
    width: 79px;
    height: 79px;
}

.l-ewm-box p {
    font-size: 16px;
    margin-top: 8px;
    text-align: center;
    color: #fff;
}

.l-footer-info p{
    font-size: 16px;
    color: #fff;
}

.l-footer-info p:nth-child(2) {
    padding: 15px 0;
}

.l-footer-info p a {
    font-size: 16px;
    color: #fff;
}

/* 自贸港公司内容页 */
.content-box {
    width: 100%;
    margin: 0 auto;
    /*background: url(../../images/home/bag.png);*/
    /*background-size: 100% auto;*/
    margin-top: 82px;
    padding-top: 18px;
}

.l-about {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.l-about-item {
    width: 100%;
    position: relative;
    float: left;
}

.l-about-item img {
    width: 100%;
}

.l-about-cont {
    padding: 30px;
}

.l-about-cont h1 {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}

.l-about-cont p {
    text-indent: 2em;
    color: #666;
    font-size: 14px;
    line-height: 2em;
}

.l-about-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 30px;
}

.l-about-mask h1 {
    text-align: center;
    padding: 24px 0;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.l-about-mask h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}

.l-about-mask p {
    text-indent: 2em;
    color: #fff;
    font-size: 14px;
    line-height: 2em;
}

.aboutTeam {
    padding: 40px 0;
}

.aboutTeam .label-name {
    font-size: 24px;
    color: #333;
    font-weight: normal;
}

.aboutTeam .l-line {
    height: 4px;
    margin-top: 10px;
}

.aboutTeam-lists {
    margin: 0 -8px;
}

.aboutTeam-list {
    width: 288px;
    height: 360px;
    background: #fff;
    border: 1px solid #DBDBDB;
    margin: 8px;
    text-align: center;
    padding: 30px 20px;
    border-radius: 8px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.aboutTeam-list:hover {
    border-color: #d80c17;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
}

.aboutTeam-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 2px solid #F2F2F2;
}

.aboutTeam-name {
    font-size: 18px;
    color: #333;
    line-height: 2;
    text-align: center;
    margin: 10px 0;
}

.aboutTeam-desc {
    font-size: 14px;
    line-height: 2;
    color: #999;
    text-align: left;
}

.division-box1 {
    margin: 0 auto;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
}

.division-box1 .label-name {
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #333;
}

.division-box1 .l-line {
    display: inline-block;
    width: 224px;
    height: 8px;
    background-color: #d80c17;
    margin: 20px 0 10px 0;
}

.division-box1 .label-name2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #B4B4B4;
}

/* 操作流程内容页 */
.l-taps {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.l-tap {
    float: left;
    margin-right: 30px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
    color: #666666;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    font-size: 14px;
}

.l-tap:hover,.l-tap.active {
    color: #0E72D4;
}

.l-tap:after {
    content: '';
    border: 1px solid #0E72D4;
    width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px auto;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.l-tap:hover:after,.l-tap.active:after{
    width: 50px;
    opacity: 1;
}

.l-step {
    background: #fff;
    margin: 20px auto 40px auto;
    overflow: hidden;
    padding: 20px;
}

.l-step img {
    width: 100%;
    height: auto;
}

.stepBox h1 {
    text-align: center;
    padding: 20px 0;
    font-size: 26px !important;
    color: #000;
    font-weight: bold;
}

.stepBox p {
    text-indent: 2em;
    font-size: 18px !important;
    color: rgb(51, 51, 51);
    white-space: normal;
    background-color: rgb(255, 255, 255);
    text-align: left;
    line-height: 46px;
    font-size: inherit;
    margin-bottom: 0;
    font-family: "微软雅黑";
}

.stepBox h3 {
    font-size: 24px !important;
    margin-top: 24px;
    color: #504f4f !important;
    font-family: "微软雅黑";
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-50 {
    padding-left: 53px;
}

.stepBox h2 {
    font-size: 16px !important;
    color: #aaaaaa;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    height: 26px;
    text-align: center;
    margin-bottom: 0;
    font-family: "微软雅黑";
}

.info_time {
    font-size: 14px !important;
    color: #aaaaaa;
    line-height: 44px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    position: relative;
    height: 44px;
    text-align: center;
}

.l-table {
    border: 1px solid #dee2e6;
    font-size: 16px;
    color: #888;
}

.l-table td, .l-table th {
    border: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top;
}

/* 新闻列表 */
.l-newsList {
    margin-top: 100px;
    margin-bottom: 20px;
}

.l-newsList-box {
    width: 100%;
    height: auto;
}

.l-newsList-left {
    width: 310px;
    height: auto;
}

.l-newsList-leftBox {
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.08);
}

.l-newsList-left-title {
    line-height: 70px;
    background: #3E8EFF;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.l-newsList-taps {
    padding: 0 20px;
}

.l-newsList-taps .l-newsList-tap:not(:last-child) {
    border-bottom: 1px solid #EEEEEE;
}

.l-newsList-tap a {
    display: block;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight:bold;
}

.l-newsList-tap a:hover,.l-newsList-tap a.tap-active {
    color: #3E8EFF;
}

.l-newsList-right {
    width: 968px;
    height: auto;
    padding: 0 20px;
    background: #fff;
    box-shadow:0px 2px 18px 0px rgba(0, 0, 0, 0.08);
}

.l-newsList-right-title {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #EEE;
}

.l-newsList-right-title span {
    display: inline-block;
    height: 70px;
    font-size: 20px;
    color: #3E8EFF;
    position: relative;
}

.l-newsList-right-title span::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #3E8EFF;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.l-newsList-link {
    padding: 15px;
    border-bottom: 1px solid #EEE;
}

.l-newsList-img {
    width: 95px;
    height: 76px;
    object-fit: cover;
}

.l-newsList-info {
    width: 95px;
    height: 76px;
    color: #999;
    text-align: center;
}

.l-newsList-info p:nth-child(1) {
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    padding-top: 10px;
    border-bottom: 1px solid #EEE;
}

.l-newsList-info p:nth-child(2) {
    width: 100%;
    font-size: 16px;
    padding-top: 5px;
}

.l-newsList-link-right {
    padding-left: 40px;
}

.l-newsList-link-right h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 12px;
}

.l-newsList-link-right p {
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}

@media screen and (max-width: 1300px) {
    .l-header {
        padding: 0;
    }
}

/*首页顶部轮播图*/
.device {
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
}
/*.device .arrow-left,.device .arrow-right {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -15px;*/
/*    width: 17px;*/
/*    height: 30px;*/
/*    z-index: 888;*/
/*}*/
/*.device .arrow-left{*/
/*    background: url(../../images/home/arrows.png) no-repeat left top;*/
/*    left: 10px;*/
/*}*/
/*.device .arrow-right {*/
/*    background: url(../../images/home/arrows.png) no-repeat left bottom;*/
/*    right: 10px;*/
/*}*/
.swiper-container {
    height: 844px;
    width: 100%;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:10px;
    width: 100%;
    z-index:888;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}

/*主营线路*/
.primary-line-box{
    display: flex;
    padding:20px;
}

/*彩色系*/
/*.primary-line-box01{
    background: url(../../images/home/line/line01.jpg) no-repeat center top;
}
.primary-line-box02{
    margin:40px 0;
    background: url(../../images/home/line/line02.jpg) no-repeat center top;
}
.primary-line-box03{
    background: url(../../images/home/line/line03.jpg) no-repeat center top;
}
.primary-item-left{
    border-right: 1px solid rgba(255,255,255,.5);
}
.item-left-box{
    color: #fff;
}
.item-left-box a{
    border:1px solid #fff;
    color: #fff;
}
.primary-item-right ul li,.primary-item-right2 li{
    color: #fff;
}*/


/*白色系*/
.l-block {
    background: url(../../images/home/bg03.png) no-repeat center top;
    background-size: 100% 110%;
}
.primary-line-box01{
    background: url(../../images/home/line/line04.png) no-repeat center top;
}
.primary-line-box02{
    margin:40px 0;
    background: url(../../images/home/line/line05.png) no-repeat center top;
}
.primary-line-box03{
    background: url(../../images/home/line/line06.png) no-repeat center top;
}
.primary-item-left{
    border-right: 1px solid #eaeaea;
}
.item-left-box{
    color: #333;
}
.item-left-box a{
    border:1px solid #3B8EF6;
    color:#3B8EF6;
}
.primary-item-right ul li{
    color: #333;
}



.primary-item-left{
    width: 20%;
    flex-direction: column;
    position: relative;
}
.item-left-box{
    position: absolute;
    width: 100%;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
}
.item-left-box .line-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.item-left-box a{
    text-decoration-line: none;
    padding:3px 15px;
    font-size: 14px;
    border-radius: 3px;
}
.primary-item-right{
    flex: 1;
    flex-direction: column;
    padding:0 20px;
}
.primary-item-right ul{
    display: flex;
}
.primary-line-box01 li{
    cursor: pointer;
}
.primary-line-box02 li{
    cursor: pointer;
}
.primary-item-right ul li{
    width: 27.33%;
    flex-direction: column;
    text-align: left;
    margin:0 3%;
}
.primary-item-right .item-line-img,.primary-item-right2 .item-line-img{
    width: 100%;
}
.primary-item-right .item-line-img img,.primary-item-right2 .item-line-img img{
    width: 80px;
    height: 80px;
}
.primary-item-right .item-line-name,.primary-item-right2 .item-line-name{
    font-size:18px;
    margin: 20px 0 10px 0;
}
.primary-item-right .item-line-text,.primary-item-right2 .item-line-text{
    font-size: 14px;
    line-height: 25px;
}

/*主营线路轮播*/
.primary-item-right2{
    flex: 1;
    padding:0 20px;
    overflow: hidden;
}
.primary-item-right2 li{
    float: left;
    text-align: center;
    width: 200px;
    margin: 0 20px;
    cursor: pointer;
}
.siteStyleOther {
    display: flex;
}

.siteStyle {
    display: flex;
    justify-content: center;
    height: 640px;
    flex: 1;
    background-color: #65a1db;
    border-radius: 0 10px 10px 0;
    color: #FFF;
    text-align: center;
    padding: 0 20px;
    padding-top: 45px;
    line-height: 10px;
}

.influenceStyleDiv {
    padding: 30px 0;
    background-color: #FFF;
    text-align: center;
    border-radius: 10px;
}
.influenceFontStyle {
    font-size: 21px;
    text-indent: 2em;
    text-align: left;
    padding: 0 30px;
    padding-top: 30px;
}