﻿@charset "utf-8";
/*index.htm*/
.sxgps-pravite-index.pravite-index-bg{
    background: url('./../static/images/bg.png') #0F0A2A no-repeat top center;
    background-size: 100%;
}

.sxgps-pravite-index{
    background:#F7FAFF
}
.pravite-index-even,.pravite-index-odd{
    padding-top: 110px;
}
.sxgps-pravite-index .pravite-index-even{
    background: #F7FAFF;
    margin-bottom: 20px;
}
.sxgps-pravite-index .pravite-index-odd{
    background: #fff;
    padding-bottom: 40px;
}
.sxgps-pravite-index .sxgps-card-even .sxgps-card-title{
    text-align: center;
    font-size: 28px;
    color: #555555;
    margin-bottom: 40px;
    font-weight: 400;
}
.sxgps-pravite-index .pravite-index-even .sxgps-card-item{
    display: flex;
}
.sxgps-pravite-index .sxgps-card-even .sxgps-card-item>div{
    flex: 1;
    text-align: center;
}
.sxgps-pravite-index .sxgps-card-even .card-item{
    background: #fff;
    padding: 20px 46px 30px;
    transition: box-shadow .5s;
}
.sxgps-pravite-index .sxgps-card-even .card-item.card-item-both{
    margin: 0 100px;
}

.sxgps-pravite-index .sxgps-card-even .card-item>div{
    /* border: 1px dotted #888888; */
}
.sxgps-pravite-index .sxgps-card-even .card-item img{
    width: 160px;
    height: 160px;
}
.sxgps-pravite-index .sxgps-card-even .card-item h3{
    font-size:18px;
    color: #444;
    padding: 20px 0;
    font-weight: 400;
}
.sxgps-pravite-index .sxgps-card-even .sxgps-card-item>div article{
    text-align: center;
    color:#999999;
    font-size: 14px;
    line-height:24px;
    height: 130px;
}
.sxgps-pravite-index .sxgps-card-even .card-item p{
    padding: 20px 0 0 0;
    text-align: center;
    height: 20px;
}
.sxgps-pravite-index .sxgps-card-even .card-item p a{
    display: none;
    color: #3087FF;
    text-decoration: none;
}
.sxgps-pravite-index .sxgps-card-even .card-item p a:hover{
    text-decoration: underline;
}
.sxgps-pravite-index .sxgps-card-even .sxgps-card-item .card-item:hover{
    box-shadow: 0 0 20px rgb(196, 213, 247);
}

.sxgps-pravite-index .sxgps-card-even .sxgps-card-item .card-item:hover p a{
    display: inline;
}



.sxgps-pravite-index .sxgps-card-odd .sxgps-card-title{
    text-align: center;
    font-size: 28px;
    color: #555555;
    margin-bottom: 40px;
    font-weight: 400;
}
.sxgps-pravite-index .sxgps-card-odd .sxgps-card-item{
    display: flex;
    margin-bottom: 42px;
}
.sxgps-pravite-index .sxgps-card-odd .sxgps-card-item .card-item{
    flex: 1;
}
.sxgps-pravite-index .sxgps-card-odd .sxgps-card-item .card-item.card-item-right{
    padding-left: 300px;
}
.sxgps-pravite-index .sxgps-card-odd .card-item{
    display: flex;
    align-items: center;
}
.sxgps-pravite-index .sxgps-card-odd .card-item>div{

}
.sxgps-pravite-index .sxgps-card-odd .card-item>div img{
    width: 170px;
    height: 170px;
    /* border: 1px dotted #888; */
}
.sxgps-pravite-index .sxgps-card-odd .card-item .card-item-article{
    padding-left: 20px;
}
.sxgps-pravite-index .sxgps-card-odd .card-item h3{
    font-size:18px;
    color: #444;
    margin-bottom: 28px;
    font-weight: 400;
}
.sxgps-pravite-index .sxgps-card-odd .card-item article{
    font-size:14px;
    color:#999999;
    line-height: 28px;
    min-width: 302px;
}


.sxgps-pravite-index .pravite-index-even .card-item-brothers{
    display: flex;
}
.sxgps-pravite-index .sxgps-card-even .card-item-brothers .card-item>div{
    border: none;
}
.sxgps-pravite-index .pravite-index-even .card-item-brothers .card-item{
    flex: 1;
    margin: 10px;
    padding: 0;
}
.sxgps-pravite-index .pravite-index-even .card-item-brothers .card-item-first{
    margin-left: 0;
}
.sxgps-pravite-index .pravite-index-even .card-item-brothers .card-item-last{
    margin-right: 0;
}
.sxgps-pravite-index .pravite-index-even .card-item-brothers .card-item img{
    width: 220px;
    height: 90px;
}

.sxgps-pravite-index .sxgps-card-even .sxgps-card-item.card-item-brothers .card-item:hover {
    box-shadow:0 0 0 #fff;
}

.sxgps-pravite-index .card-item-companynes{
    padding: 30px;
    border: 1px solid #ECECEC;
}
.sxgps-pravite-index .card-item-companynes .card-item>div img{
    width: 140px;
    height: 100px;
}

.sxgps-pravite-index .card-item-companynes .card-item .card-item-article{
    border-left: 1px solid #ECECEC;
    margin-left: 40px;
    flex: 1;
}
.sxgps-pravite-index .card-item-companynes .card-item .card-item-article p{
    text-align: right;
    padding: 10px 0 0;
}
.sxgps-pravite-index .card-item-companynes .card-item .card-item-article p a{
    text-decoration: none;
    font-size: 14px;
    color: #777777;
}
.sxgps-pravite-index .card-item-companynes .card-item .card-item-article p a:hover{
    color:#3087FF ;
    text-decoration: underline;
}
.sxgps-pravite-index .card-item-companynes .card-item .card-item-article article{
    color: #999999;
    padding-right: 42px;
    line-height: 24px;
    width: 900px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
}
.sxgps-pravite-index .sxgps-card-odd .card-item-companynes .card-item h3 {
    font-size: 16px;
    color: #444;
    margin-bottom: 22px;
    font-weight: 400;
    position: relative;
}
.sxgps-pravite-index .card-item-companynes .card-item h3 a{
    color: #444;
    text-decoration: none;
}
.sxgps-pravite-index .card-item-companynes .card-item h3 a:hover{
    text-decoration: underline;
    color: #3087FF;
}
.sxgps-pravite-index .card-item-companynes .card-item h3 span{
    position: absolute;
    right: 0;
    top: 3px;
    width: 90px;
    color: #888;
    font-size: 14px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
.sxgps-pravite-index .sxgps-article-more{
    text-align: right;
    margin: 0 0 28px;
}
.sxgps-pravite-index .sxgps-article-pagenation{
    text-align: center;
}
.sxgps-pravite-index .sxgps-article-pagenation a{
    display: inline-block;
    margin: 0 10px;
}

/*car-online*/
.sxgps-pravite-caronline.pravite-caronline-bg{
    background: url(./../images/bg-1.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-caronline-tabbar{
    box-shadow: 0px 10px 10px #F3F5FE;
    line-height: 66px;
    position: absolute;
    width: 100%;
    background: #fff;
}
.sxgps-caronline-tabbar ul{
    padding: 0 170px;
}
.sxgps-caronline-tabbar ul li{
    list-style: none;
    float: left;
    text-align: center;
    margin: 0 59px;
    position: relative;
}
.sxgps-caronline-tabbar ul::after{
    display: block;
    content: '';
    clear: both;
}
.sxgps-caronline-tabbar ul li::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    background: #3F90FF;
    transition: all .5s;
    left: 0;
    bottom: 0;
}

.sxgps-caronline-tabbar ul li.active-this::after{
    width: 100%;
}
.sxgps-caronline-tabbar ul li:hover::after{
    width: 100%;
}
.sxgps-caronline-tabbar ul li a{
    text-decoration: none;
}
.sxgps-caronline-tabbar ul li a:hover{
    text-decoration: none;
}
.sxgps-caronline-types{
    padding-top: 68px;
    display: none;
}

.caronline-types-item{
    display: none;
}

.caronline-types-item.types-item-showthis{
    display: block;
}
.pravite-caronline-even{
    background: #fff;
}
.pravite-caronline-odd{
    background: #F7FAFF;
}

.sxgps-pravite-caronline .sxgps-card-title{
    font-size: 28px;
    font-weight: 400;
    color: #555;
}

.sxgps-pravite-caronline .card-item-article h3{
    color:#444;
    font-size: 18px;
    font-weight: 400;
}
.sxgps-caronline-types h2{
    text-align: center;
}
.sxgps-caronline-types .sxgps-card-evenfirst{
    padding:110px 0;
}

.sxgps-caronline-types .sxgps-card-item .card-item{
    display: flex;
    /* padding-top: 58px; */
    /* padding-left: 50px; */
}
.sxgps-caronline-types .sxgps-card-item .card-item .card-item-poster{
    width: 654px;
    height: 408px;
    /* padding: 20px 18px 50px 0px; */
    /*padding-bottom: 50px;*/
}


.sxgps-caronline-types .sxgps-card-item .card-item .card-item-poster img{
    display: block;
    width: 100%;
    height: 100%;
    /* border: 1px dotted #888888; */
}
.sxgps-caronline-types .sxgps-card-item .card-item .card-item-article{
    font-size: 14px;
    color: #888;
    /* margin-right: 76px; */
}
.sxgps-caronline-types .card-item-article-first{
    margin-bottom: 40px;
}
.sxgps-caronline-types .card-item-article>div h3{
    margin-bottom: 16px;
    color: #444;
}
.sxgps-caronline-types .card-item-article>div ul li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
}

.pravite-caronline-taxi-bg{
    background: url(../images/bg-1-1.png) rgb(25, 27, 69) no-repeat top center;
    background-size: 100%;

}

.pravite-caronline-road-bg{
    background: url(../images/bg-1-2.png) rgb(25, 27, 69) no-repeat top center;
    background-size: 100%;

}

.sxgps-caronline-types .card-item-article>div ul.product-list-taxi li{
    display: flex;
    align-items: baseline;
    line-height: 26px;
}
.sxgps-caronline-types .card-item-article .product-list li:before{
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background:linear-gradient(0deg,rgba(168,234,244,1) 0%,rgba(26,201,183,1) 100%);
    border-radius:50%;
    margin-right: 20px;
}
.sxgps-caronline-types .card-item-article>div ul.product-list-taxi li::before{
    background:linear-gradient(0deg,rgba(246,213,195,1) 0%,rgba(230,135,101,1) 100%);
}

.pravite-caronline-odd{
    background: #F7FAFF;
    margin: 72px 0 62px;
}
.pravite-caronline-odd .sxgps-card-title{
    margin-bottom: 47px;
}
.pravite-caronline-odd .sxgps-card-item .card-item{
    /* padding-top: 68px; */
    margin-bottom: 60px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.pravite-caronline-odd .card-item .card-item-text{
    /* padding-left: 8px;
    padding-top:50px; */
    padding-left: 90px;
}
.pravite-caronline-odd .card-item-text .item-text-avator{
    width: 40px;
    height: 40px;
}
.pravite-caronline-odd .card-item-text .item-text-avator img{
    display: block;
    width: 100%;
    height: 100%;
}


.pravite-caronline-odd .card-item-text h4 {
    line-height: 46px;
    color: #444;
    font-size: 16px;
    font-weight: 400;
}

.pravite-caronline-odd .card-item-text .item-text-article{
    color:#888888;
    font-size: 14px;
    line-height: 22px;
}
.pravite-caronline-odd .card-item-text  .item-text-link{
    padding-top: 46px;
}
.pravite-caronline-odd .card-item-text  .item-text-link a{
    text-decoration: none;
    border: 2px solid #3087FF;
    color: #3087FF;
    padding: 9px 32px;
    font-size: 16px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.pravite-caronline-odd .card-item-text  .item-text-link a:hover{
    color: #fff;
}
.pravite-caronline-odd .card-item-text  .item-text-link a:hover::after{
    width: 100%;
}
.pravite-caronline-odd .card-item-text  .item-text-link a::after{
    position: absolute;
    left: 0;
    width: 0;
    content: "查看详情";
    top: 0;
    height: 100%;
    transition: all .5s;
    display: block;
    background: #3087FF;
    z-index: 0;
    text-align: center;
    overflow: hidden;
    line-height: 43px;
}
.pravite-caronline-odd .card-item .card-item-poster{
    /* flex: 1; */
}

.sxgps-card-evenmap .sxgps-card-item .card-item {
    display: flex;
    padding: 50px 5px 0;
}

.sxgps-card-evenmap .sxgps-card-item .card-item .card-item-poster{
    width: auto;
    height: 538px;
}

.sxgps-card-itemsection{
    padding: 42px 0;
}
.sxgps-card-itemsection .card-item-section{
    display: flex;
    margin-bottom: 15px;
    padding: 0 105px;
}
.sxgps-card-itemsection .card-item-section li{
    text-align: center;
}
.sxgps-card-itemsection .card-item-section li::before{
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    background: #3087FF;
    vertical-align: initial;
    margin-right: 20px;
}
.sxgps-card-evendownload .card-item-section{
    background: #F7FAFF;
}
.sxgps-card-evendownload .card-item-section li{
    padding: 23px 10px;
    color: #585858;
}

.sxgps-card-evendownload .sxgps-card-itemsection .card-item-section li::before{
    content:'';
    background: url('../images/download_icon.png') 30px 26px;
    width: 30px;
    height: 26px;
    margin-right: 20px;
    background-size: contain;
    vertical-align: sub;
}
.sxgps-card-evendownload .card-item-section li span{
    color: #8A8A8B;
}


/*system-intergrator*/
.sxgps-pravite-systeminter.pravite-systeminter-bg{
    background: url(./../images/bg-2.png) #02184B no-repeat top center;
    background-size: 100%;
}

.sxgps-pravite-system .pravite-system-even{
    background: #fff;
    margin-bottom: 0;
    padding-top: 0;
}
.sxgps-pravite-system .pravite-system-odd{
    padding-bottom: 143px!important;
}
.sxgps-pravite-system .pravite-system-even .sxgps-card-evensystem{
    padding: 110px 0 104px;
}


/*orderby*/
.sxgps-pravite-orderby.pravite-orderby-bg{
    background: url(./../images/bg-3.png) #193295 no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-orderby .pravite-orderby-even{
    background: #fff;
    padding-bottom: 120px;
    margin-bottom: 0;
    overflow: hidden;
    height: 460px;
}
.sxgps-pravite-orderby .sxgps-card-even .sxgps-card-item .card-item:hover {
    border-bottom: 9px solid #567EFF;
    border-radius: 4px;
}
.sxgps-pravite-orderby .pravite-orderby-odd .sxgps-card-item{
    padding: 73px 0 0;
    margin-bottom: 24px;
}
.sxgps-pravite-orderby .pravite-orderby-odd .card-item>div.item-view-poster{
    width: 432px;
    height: 297px;
    margin-right: 195px;
}

.pravite-orderby-odd .sxgps-card-odd .card-item>div img{
    width: 100%;
    height: 100%;
}
.sxgps-pravite-orderby .pravite-orderby-evenarticle{
    color: #888;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 10px;
}
.sxgps-pravite-orderby .pravite-orderby-evenarticle article{
    margin-bottom: 48px;
    font-size: 16px;
}
.sxgps-pravite-orderby .pravite-orderby-evenarticle img{
    width: 100%;
    height: 100%;
}

.pravite-orderby-evelast{
    background:#F7FAFF!important;
    padding-bottom: 190px!important;
}
.pravite-orderby-evelast article{
    text-align: center;
}
.sxgps-pravite-orderby .pravite-orderby-evelast .sxgps-card-item{
    display: block;
    text-align: center;
}
.pravite-orderby-evelast .sxgps-card-item div{
    display: inline-block;
    width: 252px;
    height: 318px;
    background-size: 100%!important;
    color: #fff;
    padding: 50px 46px 84px;
    transition:all .5s ;
    background-position: center!important;
}
.pravite-orderby-evelast .sxgps-card-item div hr{
    margin-top: 20px;
}
.pravite-orderby-evelast .sxgps-card-item div h3{
    font-size: 22px;
    font-weight: 400;
    padding: 20px 0;
}
.pravite-orderby-evelast .sxgps-card-item>div article{
    color: #fff!important;
    opacity:0.7;
}
.pravite-orderby-evelast .sxgps-card-item div img{
    width: 127px;
    height: 127px;
}
.pravite-orderby-evelast .sxgps-card-item .sxgps-card-item-prev{
    background: url('../images/train_bg1_order.png') no-repeat;
    margin-right: 162px;
}
.pravite-orderby-evelast .sxgps-card-item-prev .backbox,
.pravite-orderby-evelast .sxgps-card-item-next .backbox{
    width: 128px;
    height: 128px;
    margin: auto;
    background-size: 100%;
    background-repeat: no-repeat!important;
    padding: 0;
    transition:all .5s ;
}
.pravite-orderby-evelast .sxgps-card-item-prev .backbox{
    background: url('./../images/train1_nor_icon.png');
}
.pravite-orderby-evelast .sxgps-card-item-next .backbox{
    background: url('./../images/train2_nor_icon.png');
}
.pravite-orderby-evelast .sxgps-card-item-prev:hover .backbox{
    background: url('./../images/train1_hover_icon.png');
    transform: scale(1.1);
}
.pravite-orderby-evelast .sxgps-card-item-next:hover .backbox{
    background: url('./../images/train2_hover_icon.png');
    transform: scale(1.1);
}
.pravite-orderby-evelast .sxgps-card-item .sxgps-card-item-next{
    background: url('../images/bg_order.png') no-repeat;
}
.pravite-orderby-evelast .sxgps-card-item-prev:hover,
.pravite-orderby-evelast .sxgps-card-item-next:hover{
    /* background-size: 120%!important; */
}


/*service*/
.sxgps-pravite-service.pravite-service-bg{
    background: url(./../images/bg-4.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-service{
    
}
.sxgps-pravite-service .pravite-service-linkbar{
    background: #fff;
    box-shadow: 0px 6px 4px #f1f1f1;
    position: relative;
    height: 66px;
}
.sxgps-pravite-service .service-linkbar-tabs{
    position: absolute;
    width: 100%;
}
.sxgps-pravite-service .pravite-service-linkbar ul{
    display: flex;
    padding: 0px 280px;
}
.sxgps-pravite-service .pravite-service-linkbar ul li{
    line-height: 66px;
    flex: 1;
    text-align: center;
}

.sxgps-pravite-service .pravite-service-linkbar ul li a{
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.sxgps-pravite-service .pravite-service-linkbar ul li a::after{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #2A84FF;
    transition: all .5s;
    width: 0;
    content: "";
}
.sxgps-pravite-service .pravite-service-linkbar ul li:hover a::after{
    width: 100%;
}
.sxgps-pravite-service .pravite-service-linkbar ul li.link-current a::after{
    width: 100%;
}
.sxgps-pravite-service .pravite-service-linkform{
    padding: 110px 0 150px;
    background: #fff;
}
.pravite-service-controls{
    display: none;
}
.pravite-service-controls.service-controls-support{
    display: block;
}
.sxgps-pravite-service .pravite-service-linkform form{
    width:790px;
    margin:0 auto;
}
.sxgps-pravite-service .pravite-service-linkform .service-form-item{
    margin-bottom: 30px;
    position: relative;
}
.sxgps-pravite-service .pravite-service-linkform .service-form-item .form-item-error{
    position: absolute;
    color: #f00;
    left: 172px;
    font-size: 12px;
    display: none;
}
.pravite-service-linkform form label{
    width: 100px;
    padding: 0 28px 0 0;
    font-size: 16px;
    color: #666;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.pravite-service-linkform form input{
    width:440px;
    height:40px;
    border:1px solid rgba(221,221,221,1);
    border-radius:4px;
    padding: 0 120px 0 40px;
    outline: none;
    font-size:16px;
    color:#666;
    line-height:28px;
    vertical-align: middle;
}
.form-item-select-input{
    cursor: pointer;
}
.openModule{
    display: none;
    position: fixed;
    top: 400px;
    width: 600px;
    height: 64px;
    padding: 20px;
    background: #F7F9FF;
    left: 50%;
    margin-left: -300px;
    z-index: 99;
}
.openModule .openModule-{
    display: inline-block;
    vertical-align: middle;
}
.openModule-text{
    padding-left: 20px;
    color: #6E6E6E;
    font-size: 14px;
    line-height: 24px;
}
.openModule-text-error{
    display: none;
}
.openModule img{
    width: 64px;
    height: 64px;
}
.pravite-service-linkform form input::placeholder{
    color: #aaa;
}
.pravite-service-linkform form input:focus{
    border:1px solid rgba(48,135,255,1);
}

.service-form-itemcode input{
    width: 287px!important;
}
.service-form-itemcode span{
    display: inline-block;
    margin-left: 30px;
    padding: 9px 20px;
    user-select: none;
    cursor: pointer;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-radius: 4px;
    color: #666666;
}
.service-form-itemcode span:hover{
    background: #3087FF;
    color: #fff;
    border-color: #3087ff;
}

.service-form-itemsubmit{
    text-align: center;
}
.service-form-itemsubmit button{
    width: 240px!important;
    border: 1px solid #3087ff!important;
    color: #3087ff!important;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 4px;
    color: #666666;
}
.service-form-itemsubmit button:hover{
    color: #fff!important;
    background: #3087ff!important;
}

.form-item-select{
    position: absolute;
    top: 44px;
    width: 602px;
    background: #ffffff;
    z-index: 1;
    left: 132px;
    border-radius: 4px;
    box-shadow: 0 0 10px #d8d8d8;
    padding: 10px 0;
    display: none;
}
.form-item-select ul li{
    font-size: 16px;
    padding: 10px 40px;
    cursor: pointer;
}
.form-item-select ul li:hover{
    background: #ececec;
    /* background: #007aff;
    color: #fff; */
}
.select-toggle{
    display: block;
    position: absolute;
    right: 70px;
    top: 20px;
    border: 8px solid;
    border-color: #ddd transparent transparent;
    /* transition: all .5s; */
}

.select-toggle.select-toggle-down{
    transform: rotate(180deg);
    top: 10px;
}
.data-id-2{
    display: none;
}


.pravite-service-usually-bg{
    background: url(./../images/bg-5-2.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-header-body{
    margin-top: 300px;
}
.sxgps-header-body .pravite-service-usuallysearch{
    font-weight: 400;
    user-select: none;
}
.sxgps-header-body .pravite-service-usuallysearch form{
    text-align: center;
}
.sxgps-header-body .pravite-service-usuallysearch form>div{
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
}
.pravite-service-usuallysearch .service-usuallysearch-input{
    background: #fff;
    width:685px;
    height: 50px;
    line-height: 50px;
    text-align: left;
}
.service-usuallysearch-input span{
    padding: 0 20px;
}
.service-usuallysearch-input span img{
    width: 23px;
    height: 23px;
    vertical-align: middle;
}
.pravite-service-usuallysearch .service-usuallysearch-input input{
    outline: none;
    border: none;
    font-size: 16px;
    color: #aaa;
    vertical-align: middle;
    width: 80%;
}
.pravite-service-usuallysearch .service-usuallysearch-input input:focus::placeholder{
   opacity: .8;
}

.service-usuallysearch-button{
    width:152px;
    height:50px;
    background:rgba(42,132,255,1);
    border-radius:2px;
    cursor: pointer;
    user-select: none;
    margin-left: 20px;
}
.service-usuallysearch-button:hover{
    background:rgb(38, 120, 232);
}
.service-usuallysearch-button input{
    display: block;
    text-align: center;
    outline: none;
    border: none;
    height: 100%;
    width: 100%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}

.pravite-service-keywordssearch{
    padding: 50px 0 0 210px;
}
.pravite-service-keywordssearch span{
    font-size:16px;
    color: #fff;
    padding-right: 40px;
}
.pravite-service-keywordssearch em
{
    font-size:16px;
    font-style: normal;
    padding-right: 40px;
}
.pravite-service-keywordssearch em a
{
    color: #F8CC63;
}
.pravite-service-keywordssearch em a:hover{
    color: #F8CC63;
}

.pravite-service-usually{
    padding-top: 80px;
    background: #fff;
}
.pravite-service-usually .navigator{
    padding: 20px 0 60px;
    font-size: 14px;
}
.pravite-service-usually .navigator em{
    font-style: normal;
    color: #666;
}
.pravite-service-usually .navigator span{
    color: #666;
}
.pravite-service-usually .navigator a{
    color: #666;
}
.pravite-service-usually .navigator a:hover{
    color: rgba(42,132,255,1);
}
.pravite-service-usually .navigatorClass{
    display: inline-block;
}

.pravite-service-usually .service-usually-section{
    display: flex;
}
.service-usually-section .service-usually-leftcard{
    padding-right: 145px;
}
.service-usually-leftcard ul li{
    margin-bottom: 30px;
}
.service-usually-leftcard ul li a{
    text-decoration: none;
}
.service-usually-leftcard ul li a:hover{
    text-decoration: none;
}
.service-usually-leftcard ul li a:hover .usually-leftcard-point{
    display: inline;
}
.service-usually-leftcard ul li a:hover span.usually-leftcard-icon{
    background:rgba(42,132,255,1);
}
.service-usually-leftcard ul li span{
    display: inline-block;
    vertical-align: middle;
}

.usually-leftcard-icon{
    width:36px;
    height:36px;
    background:#E0E0E0;
    border-radius:2px;
    overflow: hidden;
}
.usually-leftcard-icon img{
    width: 100%;
    height: 100%;
}

.service-usually-leftcard .usually-leftcard-text{
    padding: 0 20px;
    font-size: 18px;
    color: #666;
}
.service-usually-leftcard ul li.active-this .usually-leftcard-icon{
    background:rgba(42,132,255,1);
    position: relative;
}
.service-usually-leftcard ul li .usually-leftcard-icon::after{
    position: absolute;
    width: 36px;
    height: 36px;
    content: "";
    background-position: -52px 0;
    background-size: 87px 36px;
    background-repeat: no-repeat;
    transition: all .5s;
}
.service-usually-leftcard ul li.active-this .usually-leftcard-icon::after{
    background-position: 0 0;
}
.service-usually-leftcard ul li:hover .usually-leftcard-icon::after{
    background-position: 0 0;
}
.service-usually-leftcard ul li:hover .usually-leftcard-text{
    color: rgba(42,132,255,1);
}
.service-usually-leftcard ul li .leftcard-icon1::after{
    background-image: url('./../images/ques-icon1.png');
}
.service-usually-leftcard ul li .leftcard-icon2::after{
    background-image: url('./../images/ques-icon2.png');
}
.service-usually-leftcard ul li .leftcard-icon3::after{
    background-image: url('./../images/ques-icon3.png');
}
.service-usually-leftcard ul li .leftcard-icon4::after{
    background-image: url('./../images/ques-icon4.png');
}
.service-usually-leftcard ul li .leftcard-icon5::after{
    background-image: url('./../images/ques-icon5.png');
}
.service-usually-leftcard ul li .leftcard-icon6::after{
    background-image: url('./../images/ques-icon6.png');
}
.service-usually-leftcard ul li.active-this span{
    color:rgba(42,132,255,1);
}
.service-usually-leftcard ul li.active-this .usually-leftcard-point {
    display: inline;
}
.service-usually-leftcard .usually-leftcard-point{
    font-weight: 700;
    font-size: 18px;
    display: none;
    position: relative;
}
.usually-leftcard-point::after{
    content: "";
    background: url('../images/ico_lgt.png')no-repeat;
    display: block;
    transform: rotate(-180deg);
    width: 16px;
    height: 16px;
    position: absolute;
    right: -10px;
    top: 4px;
    background-size: contain;
}
.service-usually-section .service-usually-rightarticle{
    flex: 1;
    padding-bottom: 30px;
}

.service-usually-rightarticle .rightarticle-section-textline{
    display: flex;
    padding-top: 20px;
}
.rightarticle-section-more{
    color: #666;
    padding-left: 16px;
    padding-left: 26px;
}
.rightarticle-section-more span{
    cursor: pointer;
    color: #007aff;
    font-size: 14px;
    font-weight: 400;
}
.rightarticle-section-more span:hover{
    text-decoration: underline;
}
.usually-rightarticle-section{
    padding-bottom: 70px;
}
.usually-rightarticle-section h3{
    font-size: 24px;
    color: #1C2A41;
    font-weight: 400;
}
.service-usually-rightarticle .rightarticle-section-textline ul{
    flex: 1;
}
.service-usually-rightarticle .rightarticle-section-textline ul li{
    margin-bottom: 10px;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 44%;
    float: left;
    padding-right: 4%;
    position: relative;
}
.usually-rightarticle-colum{
    float: left;
    width: 40%;
    padding-right: 4%;
    height: 270px;
}
.usually-rightarticle-colum .rightarticle-section-textline ul li{
    float: none;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rightarticle-section-textline ul li a{
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}
.service-usually-rightarticle .rightarticle-section-textline ul li:hover{
    color:rgba(42,132,255,1);
}
.service-usually-rightarticle .rightarticle-section-textline ul li::before{
    display: inline-block;
    content: '';
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background: rgba(221,221,221,1);
    border-radius: 50%;
    margin-right: 10px;
}
.usually-rightarticle-colum .rightarticle-section-textline ul li::before{
    display: none;
}
.pravite-service-contact{
    background: #F7FAFF;
}
.pravite-service-contact h2{
    color: #323C4C;
    font-size: 28px;
    text-align: center;
    margin: 40px 0 30px;
    opacity: 0.8;
    font-weight: 400;
}
.pravite-service-contact div{
    text-align: center;
    height: 100px;
}
.pravite-service-contact div span{
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    padding: 8px 30px;
    background: #3087FF;
    border-radius: 28px;
    user-select: none;
}
.usually-rightarticle-question h3{
    color: #2E85FF;
}
.usually-rightarticle-question article{
    background: #F7FAFF;
    padding: 20px;
    line-height: 24px;
    width: 90%;
    word-break: break-all;
}
.usually-rightarticle-question article img{
    max-width: 700px;
}
article img{
    max-width: 700px;
}
.usually-rightarticle-questions {
    padding-bottom: 30px;
}
.usually-rightarticle-questions .rightarticle-section-textline{
    padding-top: 0;
    display: block;
}
.usually-rightarticle-questions .rightarticle-section-textline h4{
    color: #696969;
    font-size: 16px;
    font-weight: 400;
}
.usually-rightarticle-questions .rightarticle-section-textline article{
    color: #A9A9A9;
    font-size: 14px;
    padding: 10px 0 0 28px;
    width: 760px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*about*/
.sxgps-pravite-about.pravite-about-bg{
    background: url(./../images/bg-5.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-about .pravite-about-even{
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.sxgps-pravite-about .pravite-about-odd{
    background:#F7FAFF;
    padding-top: 70px;
}
.sxgps-pravite-about  h2.sxgps-card-title{
    margin-bottom: 50px;
    text-align: center;
    font-size: 28px;
    color: #555;
    font-weight: 400;
}
.sxgps-pravite-about  .sxgps-card-item .card-item{
    display: flex;
}
.sxgps-pravite-about  .sxgps-card-item .card-item .card-item-poster{
    width: 193px;
    height: 266px;
}
.sxgps-pravite-about   .card-item-poster img{
    width: 100%;
    height: 100%;
}
.sxgps-pravite-about  .sxgps-card-item .card-item .card-item-article{
    /*padding-left: 360px;*/
}
.sxgps-pravite-about  .sxgps-card-item .card-item-article h3{
    padding: 30px 0 0 0;
    color: #444;
    font-size: 18px;
    font-weight: 400;
}
.sxgps-pravite-about  .sxgps-card-item .card-item-article article{
    padding-top: 43px;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    opacity: .8;
    text-align: center;
}

.sxgps-pravite-about .pravite-about-evendevelop{
    background: url(../../static/images/develop_bg.png)no-repeat;
    background-color: #fff;
    background-size: 100% 492px;
    height: 458px;
    padding: 70px 0 0 0;
}
.sxgps-pravite-about .pravite-about-evendevelop .card-item-section{
    flex: 1;
}
.sxgps-pravite-about .pravite-about-evendevelop .sxgps-card-title{
    font-weight: 400;
}
.sxgps-pravite-about .pravite-about-evendevelop .card-item-section h3{
    text-align: center;
    color: #666;
    font-size: 16px;
    margin: -20px 0 20px;
    font-weight: 400;
}
.sxgps-pravite-about .pravite-about-evendevelop .card-item-section section{
    display: flex;
}
.sxgps-pravite-about .pravite-about-evendevelop .card-item-section section{
    display: flex;
}
.pravite-about-evendevelop .card-item-section .section-switch-btn{
    width: 40px;
    text-align: center;
    font-size: 76px;
    color: #4461e2;
    cursor: pointer;
    user-select: none;
    outline: none;
}
.pravite-about-evendevelop .card-item-section .section-switch-btn:focus{
    outline: none;
}
.section-switch-btn.section-switch-right img{
    transform: rotate(180deg);
}
.pravite-about-evendevelop .card-item-section .section-switch-swiper{
    overflow: hidden;
    max-width: 1140px;
    flex: 1;
}
.pravite-about-evendevelop .card-item-section .section-switch-container{
    width: 500%;
}
.pravite-about-evendevelop .card-item-section .section-switch-swiper-item{
    width: 220px;
    /* background: #ddd; */
    height: 350px;
    float: left;
    overflow: hidden;
    transition: all .5s;
    cursor: pointer;
}
.pravite-about-evendevelop .section-switch-swiper-item div{
    text-align: center;
    padding: 15px 0;
}
.pravite-about-evendevelop .section-switch-swiper-item h4{
    text-align: center;
    font-size: 26px;
    color: #878686;
    font-weight: 400;
    margin-bottom: 15px;
}
.pravite-about-evendevelop .section-switch-swiper-item article{
    color: #0C63DB;
    text-align: center;
}
.pravite-about-evendevelop .section-switch-swiper-item article ul li{
    margin-bottom: 15px;
    font-size: 14px;
}
.pravite-about-evendevelop .section-switch-swiper-item article ul li.hover-this{
    display: none;
    padding: 0 20px;
    text-align: left;
    opacity: .7;
    line-height: 26px;
}
.pravite-about-evendevelop .section-switch-swiper-item div span{
    display: inline-block;
    width:35px;
    height:4px;
    border: none;
    background: transparent;
}

.pravite-about-evendevelop .section-switch-swiper-item:hover{
    background: #4461E2;
}
.pravite-about-evendevelop .section-switch-swiper-item:hover div span{
    background:rgba(50,214,233,1);
}
.pravite-about-evendevelop .section-switch-swiper-item:hover h4,
.pravite-about-evendevelop .section-switch-swiper-item:hover li{
    color: #fff;
}
.pravite-about-evendevelop .section-switch-swiper-item:hover li.hover-this{
    display: block;
}

.pravite-about-evendevelop .section-switch-swiper-item.hover-this{
    width: 240px;
    background: #4461E2;
    height: 350px;
    float: left;
    color: #fff;
}
.pravite-about-evendevelop .section-switch-swiper-item.hover-this span{
    background:rgba(50,214,233,1);
}
.pravite-about-evendevelop .section-switch-swiper-item.hover-this h4,
.pravite-about-evendevelop .section-switch-swiper-item.hover-this li{
    color: #fff;
}

.sxgps-pravite-about .pravite-about-evenhonor{
    padding-top: 80px;
}
.sxgps-pravite-about .pravite-about-evenhonor .sxgps-card-title{
    margin-bottom: 50px;
}
.sxgps-pravite-about .pravite-about-evenhonor .sxgps-card-item-container{
    width: 100%;
    height: 450px;
    overflow-x: hidden;
}
.sxgps-pravite-about .pravite-about-evenhonor .sxgps-card-item{
    width: 50000px;
    padding-top: 20px;
}
.sxgps-pravite-about .pravite-about-evenhonor .sxgps-card-item .card-item{
    width: 276px;
    height: 362px;
    margin-right: 178px;
    display: block;
    float: left;
    margin-left: 4px;
    margin-top: 4px;
    box-shadow: 0 0 4px 4px #ececec;
}
.sxgps-pravite-about .pravite-about-evenhonor .card-item-box-horizontal .card-item{
    width: 364px;
    height: 256px;
    margin-right: 36px;
}
.sxgps-pravite-about .pravite-about-evenhonor .card-item-box-horizontal .card-item .card-item-section{
    width: 324px;
    height: 216px;
}
.sxgps-pravite-about .pravite-about-evenhonor .card-item-section{
    width: 236px;
    height: 322px;
    padding: 20px;
}
.sxgps-pravite-about .pravite-about-evenhonor .card-item-section img{
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
}
.sxgps-pravite-about .pravite-about-evenhonor  h3{
    color:#666666;
    margin-top: 22px;
    font-size:16px;
    text-align: center;
    font-weight: 400;
}

.sxgps-pravite-about .sxgps-container-switch{
    display: block;
    margin-top: -4px;
}
.sxgps-pravite-about .sxgps-container-switch ul{
    text-align: center;
    user-select: none;
}
.sxgps-pravite-about .sxgps-container-switch ul li{
    display: inline-block;
    margin-right: 6px;
    background: #E4E3E3;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    cursor: pointer;
    position: relative
}
.sxgps-pravite-about .sxgps-container-switch ul li.active-this{
    background: #3272E8;
}
.sxgps-pravite-about .sxgps-container-switch ul li:hover::before {
    content: "";
    position: absolute;
    bottom: -16px;
    z-index: 1100;
    width: 0;
    left: -4px;
    border: 10px solid;
    border-bottom-color: #007aff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.sxgps-pravite-about .sxgps-container-switch ul li:hover::after {
    content: attr(data-title);
    position: absolute;
    bottom: -38px;
    z-index: 1000;
    text-align: center;
    width: max-content;
    background: #007aff;
    color: #fff;
    padding: 0 6px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    border-radius: 4px;
    left: -8px;
}



.sxgps-pravite-about .pravite-about-R_D{
    padding: 72px 0 156px 0;
    background: #F7FAFF;
}
.sxgps-pravite-about .pravite-about-R_D .sxgps-card-odd .sxgps-card-item{
    width: 848px;
    height: 302px;
    margin: 0 auto;
}
.sxgps-pravite-about .pravite-about-R_D .sxgps-card-odd .sxgps-card-item img{
    display: block;
    width: 100%;
    height: 100;
}
.pravite-about-quality{
    height: 628px;
    background-image: url('../images/produce_bg.png')!important;
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position: center!important;
}
.sxgps-pravite-about .pravite-about-quality h2.sxgps-card-title{
    color: #fff;
    margin-bottom: 90px;
}
.sxgps-pravite-about .pravite-about-quality .sxgps-card-item{
    display: block;
}
.sxgps-pravite-about .pravite-about-quality .sxgps-card-item .card-item{
    display: block;
    width: 240px;
    float: left;
    margin-right: 240px;
    /* height: 120px; */
}
.sxgps-pravite-about .pravite-about-quality .sxgps-card-item .card-item>div{
    display: block;
    width: 100%;
}
.sxgps-pravite-about .pravite-about-quality .card-item .card-item-poster{
    width: 135px!important;
    height: 135px;
    margin: auto;
    transition: all .5s;
}
.sxgps-pravite-about .pravite-about-quality .card-item .card-item-poster img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    transition: all .5s;
}
.sxgps-pravite-about .pravite-about-quality .card-item:hover .card-item-poster{
    transform: scale(1.1);
}
.sxgps-pravite-about .pravite-about-quality .card-item .card-item-poster .item-poster-hover{
    display: block;
}
.sxgps-pravite-about .pravite-about-quality .card-item .card-item-poster .item-poster-leave{
    display: none;
}
.sxgps-pravite-about .pravite-about-quality .card-item:hover .card-item-poster .item-poster-hover{
    display: none;
}
.sxgps-pravite-about .pravite-about-quality .card-item:hover .card-item-poster .item-poster-leave{
    display: block;
}
.sxgps-pravite-about .pravite-about-quality .card-item .card-item-article {
    padding-left: 0;
}

.sxgps-pravite-about .pravite-about-quality .card-item-title h3{
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 60px 0 0 0;
}
.sxgps-pravite-about .pravite-about-quality .card-item-article article{
    color: #fff;
}
.sxgps-pravite-about .pravite-about-strength{
    padding: 152px 0 186px 0;
}
.sxgps-pravite-about .pravite-about-strength .sxgps-card-item{
    display: flex;
}
.sxgps-pravite-about .pravite-about-strength .sxgps-card-item .card-item{
    flex: 1;
    text-align: center;
    display: block;
}
.card-item-number{
    display: inline-block;
    color: #2A84FF;
    font-size:20px;
}
.card-item-number.card-item-number-big{
    font-size: 38px;
}
.sxgps-pravite-about .sxgps-card-item .card-item p{
    color:#3D4F77;
    margin-top: 20px;
}

/*contact*/
.sxgps-pravite-contact.pravite-contact-bg{
    background: url(./../images/bg-6.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-contact .pravite-contact-even{
    background: #fff;
    padding-bottom: 123px;
    margin-bottom: 0;
}
.sxgps-pravite-contact .pravite-contact-even h2{
    text-align: center;
    font-size: 28px;
    color: #555555;
    margin-bottom: 40px;
    font-weight: 400;
}
.sxgps-pravite-contact .pravite-contact-even .pravite-contact-map{
    height: 650px;
}
.sxgps-pravite-contact .pravite-contact-even .sxgps-card-head{
    line-height: 76px;
    font-size: 16px;
    color: #444444;
}
.sxgps-pravite-contact .pravite-contact-even .sxgps-card-head::before{
    content: '';
    display: inline-block;
    vertical-align: sub;
    background: rgba(42,132,255,1);
    width: 4px;
    height: 20px;
    margin-right: 12px;
}
.sxgps-pravite-contact .pravite-contact-even .sxgps-card-item {
    display: flex;
    margin-bottom: 22px;
    padding-left: 18px;
}
.sxgps-pravite-contact .pravite-contact-even .sxgps-card-item .card-item-li{
    padding-left:0;
}
.sxgps-pravite-contact .pravite-contact-even .sxgps-card-item>div {
    text-align: left;
}
.pravite-contact-even .sxgps-card-item .card-item-li h3{
    color: #444444;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
}
.pravite-contact-even .sxgps-card-item .card-item-li p{
    margin-bottom: 4px;
    font-size: 14px;
    color: #888888;
}
.pravite-contact-even .sxgps-card-item .card-item-li p .sxgps-link-icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}
.sxgps-link-icon.link-icon-man{
    background-image:url('./../images/linkman.png') ;
}
.sxgps-link-icon.link-icon-map{
    background-image:url('./../images/map1.png') ;
}

.sxgps-link-icon.link-icon-tel{
    background-image:url('./../images/linktel.png') ;
}
.mapinfowindow{
    background:white;width:390px;height:240px;position :absolute;
    box-shadow: 0 0 10px #ababab;
    transition: all .5s;
}
.mapinfowindow .infowin-point{
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: #a7c0df00 #ed2d2d00 #ffffff;
    left: -20px;
    bottom: 45px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ffffff;
    border-left-color:transparent;
}
.mapinfowindow .infowin-title{
    padding: 10px 20px;
    font-size: 20px;
    color: #4B5263;
}
.mapinfowindow .infowin-section{
    color: #646567;
    font-size: 14px;
    padding-bottom: 6px;
    padding-left: 20px;
}
.mapinfowindow:hover{
    /* transform: scale(1.1);
    transform-origin: center; */
}
.mapinfowindow .infowin-close{
    position: absolute;
    right: 6px;
    top: 6px;
    background: url(./../images/iw_close.gif);
    width: 10px;
    height: 10px;
    cursor: pointer;
    opacity: .6;
}
.mapinfowindow .infowin-close:hover{
    opacity: .8;
}
/* 二级页面 */
.sxgps-pravite-ai{

}
.sxgps-pravite-ai .pravite-aicam-even .sxgps-card-title{
    padding-top: 110px;
    text-align: center;
    color: #555555;
    font-weight: 400;
    font-size: 28px;
}
.sxgps-pravite-ai .card-item-article h3{
    padding: 100px 0 48px 0;
    text-align: center;
    color: #444444;
    font-size: 22px;
    font-weight: 400;
}
.sxgps-pravite-ai .card-item-article article {
    color: #888888;
    font-size: 14px;
    line-height: 28px;
}
/*ai-camples*/
.pravite-aicam-bg{
    background: url(./../images/bg-2.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-ai.sxgps-pravite-aicam{
    background: #fff; 
}
.aicam-even-application{
    background: #fff;
}
.aicam-even-application .card-item-poster{
    WIDTH: 770PX;
    HEIGHT: 714PX;
    MARGIN: 0 AUTO;
}
.aicam-even-application .card-item-poster img{
    width: 100%;
}
.aicam-even-frame{
    background: #0F172C;
}
.aicam-even-frame .card-item-article h3{
color: #fff;
}
.aicam-even-frame .card-item-poster{
    width: 1200px;
}
.aicam-even-frame .card-item-poster img{
    width: 100%;
}
.aicam-even-advance{

}
.aicam-even-advance .card-item-desc{
    display: flex;
}
.aicam-even-advance .card-item-desc ul{
    flex: 1;
    padding: 0 0 160px 140px;

}
.aicam-even-advance .card-item-desc ul li{
    color:#888888;
    font-size:16px;
    margin-bottom: 30px;
    line-height: 24px;
}
.aicam-even-advance .card-item-desc ul li::before{
    content: '';
    display: inline-block;
    width:10px;
    height:10px;
    background:linear-gradient(0deg,rgba(249,219,168,1) 0%,rgba(237,89,17,1) 100%);
    opacity:0.6;
    border-radius:50%;
    margin-right: 14px;
}
/*ai-construct*/
.pravite-construct-bg{
    background: url(./../images/bg-2.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-ai.sxgps-pravite-construct{
    background: #fff; 
}
.aicam-even-construct{
    background: #fff;
}
.construct-even-construction{
    background: #fff;
}
.construct-even-construction h2{
    color: #555555;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    padding: 110px 0 0 0;
}
.card-item-posterview{
    display: block;
    text-align: center;
    padding: 40px  0 140px;
}
.card-item-posterview>div{
    display: inline-block;
    vertical-align: middle;
}
.card-item-posterview .card-item-introdice{
    flex: 1;
}
.card-item-introdice.card-item-left{
    text-align: right;
}
.card-item-introdice.card-item-right{
    text-align: left;
}
.card-item-posterview .card-item-introdice ul li{
    padding: 10px 0;
}
.card-item-posterview .card-item-introdice ul li dl{
    display: block;
}
.card-item-posterview .card-item-introdice ul li dl dt,
.card-item-posterview .card-item-introdice ul li dl dd{
    display: inline-block;
    vertical-align: middle;
}

.card-item-posterview .card-item-introdice ul li dl dt{
    width: 82px;
    height: 82px;
}

.card-item-posterview .card-item-introdice  p{
    color:#AAAAAA;
    font-size: 14px;
}
.card-item-posterview .card-item-introdice .intruduce-title{
    color: #666;
    font-size: 16px;
    margin-bottom: 15px;
}

.card-item-posterview .card-item-poster{
    padding: 0 55px;
    width: 370px;
}

.pravite-construct-even img{
    width: 100%;
    height: 100%;
    display: block;
}
.construct-even-funtion{
    background: #0F172C;
    padding-bottom: 56px;
}
.construct-even-funtion .card-item-article h3{
    color: #fff;
}
.construct-even-funtion .card-item-poster{
    MARGIN: 0 AUTO;
}
.construct-even-funtion .card-item-poster img{
    width: 100%;
    height: 100%;
    display: block;
}
.construct-even-evironment{
    padding-bottom: 190px;
}
/*ai-hotel*/
.sxgps-pravite-hotel .card-item-poster{
    width: 1200px;
}
.card-item-poster-1{
    margin: 0 0 74px;
}
.sxgps-pravite-hotel img{
    display: block;
    width: 100%;
}
.sxgps-pravite-hotel .card-item-desc ul{
    padding-left: 0;
}


/*ai-terminal*/
.pravite-terminal-bg{
    background: url(./../images/bg-1-1.png) #0F0A2A no-repeat top center;
    background-size: 100%;
}
.sxgps-pravite-terminal .sxgps-card-article{
    color:#888888;
    font-size: 14px;
    line-height:28px;
    padding: 50px 0 94px;
}
.sxgps-pravite-terminal .sxgps-card-terminal{

}
.sxgps-card-terminal .sxgps-card-item .card-item{
    display: flex;
}
.sxgps-card-terminal .sxgps-card-item .card-item>div{
    
}
.sxgps-card-terminal .sxgps-card-item .card-item-poster{
    width: 548px;
    height: 360px;
    margin-right: 168px;
}
.sxgps-card-terminal .sxgps-card-item .card-item-poster img{
    display: block;
    width: 100%;
}
.sxgps-card-terminal .sxgps-card-item .card-item-article h3{
    padding: 0;
    text-align: left;
    padding-left: 22px;
    margin-top: -20px;
}
.sxgps-card-terminal .sxgps-card-item .card-item-article article{
    display: flex;
}
.sxgps-card-terminal .sxgps-card-item .card-item-article ul{
    margin: 0 62px 0 0;
}
.sxgps-card-terminal .sxgps-card-item .card-item-article ul li{
    margin: 20px 0 0 ;
    width: 172px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #EE9624;
    border-radius:20px;
}
.sxgps-pravite-terminal .sxgps-card-evenparam h3{
    padding-bottom:30px;
}
.card-item-poster img{
    width: 100%;
    display: block;
}

.sxgps-pravite-terminal .sxgps-card-evenfuntions{
    padding-bottom: 186px;
}
.sxgps-pravite-terminal .sxgps-card-evenfuntions .card-item-description{
    display: flex;
}
.sxgps-pravite-terminal .card-item-description .card-item-poster{
    width: 468px;
    height: 196px;
    margin-right: 108px;
}
.card-item-description article ul li::before{
    display: inline-block;
    content: '';
    width:10px;
    height:10px;
    background:linear-gradient(0deg,rgba(249,219,168,1) 0%,rgba(237,89,17,1) 100%);
    opacity:0.6;
    border-radius:50%;
    margin-right: 14px;

}
.card-item-description article ul li {
    color: #A2A2A2;
    font-size: 14px;
    margin-bottom:8px;
}
.card-item-description article ul li span{
    color: #676767;
}

/*  */
.sxgps-pravite-tocc{}
.sxgps-pravite-tocc .sxgps-card-evenxmind .card-item-viewdesc{
    display: flex;
    align-items: center;
}
.sxgps-pravite-tocc .sxgps-card-evenxmind .item-viewdesc-poster{
    width: 488px;
    height: 454px;
    margin-right: 155px;
}
.sxgps-pravite-tocc .sxgps-card-evenxmind .item-viewdesc-textarea{

}
.sxgps-card-evenxmind .item-viewdesc-textarea h4{
    font-weight: 400;
    line-height:40px;
    color: #fff;
    background: #EE9624;
    height: 40px;
    width: 204px;
    text-align: center;
    border-radius:20px;
}
.sxgps-card-evenxmind .item-viewdesc-textarea ul{
    font-size: 14px;
    /* margin-top: -10px; */
}
.sxgps-card-evenxmind .item-viewdesc-textarea ul li{
    margin-top: 40px;
    line-height: 28px;
    color: #888888;
}
.sxgps-card-evenxmind .item-viewdesc-textarea ul li div::before{
    content: "";
    display: inline-block;
    width:10px;
    height:10px;
    background:linear-gradient(0deg,rgba(249,219,168,1) 0%,rgba(237,89,17,1) 100%);
    opacity:0.6;
    border-radius:50%;
    margin-right: 18px;
}
.sxgps-card-evenxmind .item-viewdesc-textarea ul li p{
    color: #AAAAAA;
    padding-left: 29px;
}
.sxgps-pravite-tocc  .card-item-viewdescColum{
    display: flex;
}
.sxgps-pravite-tocc  .card-item-viewdescColum>div{
    flex: 1;
    text-align: center;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum-both{
    margin: 0 85px;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum-top div{
    font-size: 16px;
    color: #909090;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum-top div::before{
    display: inline-block;
    content: "";
    border: 10px solid transparent ;
    border-left-color: rgba(247,174,15,1);
    vertical-align: bottom;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum-top p{
    color:#5B5B5B;
    margin: 10px 0 0;
    font-size: 18px;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum .item-colum-line{
    width: 100%;
    height: 8PX;
    background: #537BFF;
    position: relative;
    margin: 33px 0;
}
.sxgps-pravite-tocc .item-colum .item-colum-line SPAN{
    position: absolute;
    background: #537BFF;
    width: 20px;
    height: 18px;
    border-radius: 100%;
    left: 50%;
    margin-left: -10px;
}
.sxgps-pravite-tocc  .card-item-viewdescColum .item-colum-itemlist{
    color: #888888;
    font-size: 14px;
    line-height:32px;
    text-align: left;
    margin: 0 auto;
    /* padding-left: 40px; */
    display: inline-block;
}

.sxgps-pravite-im .sxgps-card-evengroups{

}
.sxgps-pravite-im .sxgps-card-evengroups .card-item-desccolum{
    display: flex;
}
.sxgps-pravite-im .card-item-desccolum .item-desccolum{
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 100%;
    width: 240px;
    height: 240px;
    background-size: 100%!important;
    background-position: center!important;
    margin: 0 34px;
}
.sxgps-pravite-im .card-item-desccolum .item-desccolum h4{
    margin: 65px 0 16px;
    font-weight: 400;
}

.sxgps-pravite-im .card-item-desccolum .item-desccolum p{
    font-size: 14px;
    line-height:28px;
}

.sxgps-pravite-im .sxgps-card-evenforward{
    padding: 0 0 190px;
}
.sxgps-pravite-im .sxgps-card-evenforward .item-desc-colum{
    width: 240px;
    text-align: center;
}
.sxgps-pravite-im .sxgps-card-evenforward .item-desc-colum .desc-colum-poster{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.sxgps-pravite-im .sxgps-card-evenforward .item-desc-colum p{
    color: #666666;
    font-size: 18px;
    margin: 10px 0 20px;
}
.sxgps-pravite-im .sxgps-card-evenforward .item-desc-colum div{
    color: #999999;
    font-size: 14px;
}

/*常见问题列表*/
.pravite-service-modules .service-usually-leftcard ul li{
    width: 138px;
    border: 1px solid rgba(221,221,221,1);
    text-align: center;
    line-height: 40px;
    margin-bottom: 16px;
}
.pravite-service-modules .service-usually-leftcard ul li a{
    color:#666666;
    display: block;
}
.pravite-service-modules .service-usually-leftcard ul li:hover{
    border-color: 1px solid #2A84FF;
    background: #2A84FF;;
    color: #fff;
}
.pravite-service-modules .service-usually-leftcard ul li:hover a{
    color: #fff;
}
.pravite-service-modules .service-usually-leftcard ul li.active-this{
    border-color: #2A84FF;
    background: #2A84FF;;
    color: #fff;
}
.pravite-service-modules .service-usually-leftcard ul li.active-this a{
    color: #fff;
}

.pravite-service-modules .usually-rightarticle-section h3{
    color: #555555;
    font-size: 22px;
    font-weight: 400;
}
.pravite-service-modules .service-usually-rightarticle .rightarticle-section-textline {
    padding: 30px 0;
}
.pravite-service-modules .service-usually-rightarticle .rightarticle-section-textline article{
    padding: 20px 25px;
    background: rgba(247,250,255,1);
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-bottom: 46px;
}
.pravite-service-modules .service-usually-section .service-usually-rightarticle {
    padding-bottom: 110px;
}

.pravite-service-modules-keywords {
    padding-top: 20px;
}
.pravite-service-modules-keywords .navigator{
    padding-bottom: 50px;
}
.pravite-service-modules-keywords .usually-rightarticle-section h3{
    color: #007aff;
    font-size: 16px;
    font-weight: 400;
}
.pravite-service-modules-keywords .usually-rightarticle-section{
    padding-bottom: 0px;
}
.pravite-service-modules-keywords .service-usually-rightarticle .rightarticle-section-textline {
    padding: 0;
}
.pravite-service-modules-keywords .service-usually-rightarticle .rightarticle-section-textline article {
    padding:6px 24px 24px 16px;
    background: rgba(255,255,255,1);
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-bottom: 0
}
/* pravite-caronline-custom */

.pravite-caronline-custom{
    padding-top: 110px;
    background: #fff;
}
.pravite-caronline-custom h3{
    text-align: center;
    color: #555555;
    font-size: 28px;
    font-weight: 400;
}
.pravite-caronline-custom .caronline-custom-evenarticle{
    padding: 50px 0 0;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(136,136,136,1);
    line-height:28px;
}
.pravite-caronline-custom .caronline-custom-even-poster{
    margin: 0 0 114px;
}
.pravite-caronline-custom .caronline-custom-even-poster img{
    display: block;
    width:100%
}
.pravite-caronline-custom .caronline-custom-even-functions .custom-even-functions-title{
    display: flex;
    align-items: center;
    color: #555555;
    font-size: 18px;
}
.custom-even-functions-title .functions-title{
    padding: 0 0 0 18px;
}
.caronline-custom-even-functions .custom-even-functions-title .functions-title-view{
    width: 40px;
    height: 40px;
}
.caronline-custom-even-functions .custom-even-functions-title .functions-title-view img{
    width: 100%;
    display: block;
}
.caronline-custom-even-functions .custom-even-functions-info{
    padding-left: 58px;
    padding-top: 24px;
    padding-bottom: 64px;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:24px;
}
/* sxgps-pravite-caronline-terninal */
.sxgps-pravite-caronline-terninal .caronline-custom-evenarticle{
    padding: 50px 0 60px;
}
.sxgps-pravite-caronline-terninal .caronline-custom-even-poster h3{
    margin: 50px 0 0;
}
.sxgps-pravite-caronline-terninal  .caronline-custom-even-poster{
margin: 0;
}

/* caronline-custom-evenarticle */
.caronline-custom-evenarticle{
    padding-bottom: 60px;
}
.custom-evenarticle-item{
    padding-bottom: 60px;
}
.evenarticle-item-list{
    display: flex;
    align-items: center;
}

.evenarticle-item-list .item-list-view{
    width: 516px;
    height: 372px;
}
.item-list-view-left{
    margin-right: 114px;
}
.evenarticle-item-list .item-list-view-right{
    margin-left: 114px;
    width: 596px;
    height: 372px;
}
.evenarticle-item-list .item-list-view img{
    display: block;
    width: 100%;
}

.evenarticle-item-list .item-list-textarea div{
    width:112px;
    height:32px;
    background:rgba(242,177,93,1);
    border-radius:20px;
    font-size:20px;
    font-family:'PingFang SC';
    /* font-weight:bold; */
    color:rgba(255,255,255,1);
    line-height:32px;
    text-align: center;
}
.evenarticle-item-list .item-list-textarea p{
    padding: 52px 0;
    color: #888888;
    font-size: 16px;
    line-height:30px;
}






.evenarticle-item-functions{
    display: flex;
    text-align: center;
    padding: 0 24px;
}
.evenarticle-item-functions .item-functions.item-functions-both{
    flex: 1;
}
.evenarticle-item-functions .item-functions .item-functions-poster{
    width: 160px;
    height: 160px;
    margin: auto;
}
.evenarticle-item-functions .item-functions .item-functions-poster img{
    display: block;
    width: 100%;
}
.evenarticle-item-functions .item-functions .item-functions-bandage{
    width:100px;
    height:32px;
    background:rgba(242,177,93,1);
    border-radius:20px;
    margin:10px auto 0;
    font-size:18px;
    font-family:'PingFang SC';
    /* font-weight:bold; */
    color:rgba(255,255,255,1);
    line-height:32px;
}
.evenarticle-item-functions .item-functions p {
    padding: 28px 0 0;
    font-size:14px;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:22px;
}

/* sxgps-caronline-trans */

.sxgps-caronline-trans .pravite-caronline-even{
    background: #fff;
}
.sxgps-caronline-trans .pravite-caronline-odd{
    background: #F7FAFF;
}
.sxgps-caronline-trans .pravite-caronline-even,
.sxgps-caronline-trans .pravite-caronline-odd{
    padding-bottom: 130px;
    margin: 0;
}
.sxgps-caronline-trans h2{
    padding: 110px 0 0;
    text-align: center;
    color: #555555;
    font-size: 28px;
}
.sxgps-caronline-trans h3{
    padding: 62px 0;
    text-align: center;
    font-size: 22px;
    color: #444444;
    font-weight: 400;
}
.card-item-header-legend::before,
.card-item-header-legend::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 1px;
    background: #AAA;
    margin: 0 15px;
}
.card-item-panelbtn{
    padding-bottom: 70px;
    text-align: center;
}
.card-item-panelbtn span{
    display: inline-block;
    margin:0 85px;
    padding: 0 13px;
    line-height: 35px;
    font-size: 20px;
    color: #fff;
    opacity: .4;
    background: #2A84FF;
    border-radius:10px;
    cursor: pointer;
    user-select: none;
}
.card-item-panelbtn span.item-panelbtn-focus{
    opacity:1;
}
.card-item-panel-eq{
    display: none;
}
.card-item-panel-eq.card-item-panel-focus{
    display: block;
}
.sxgps-caronline-trans img{
    display: block;
    width: 100%;
    height: 100%;
}
.sxgps-caronline-trans .card-item-article{ 
    padding: 0 0 40px;
    color: #888888;
    line-height: 28px;
    font-size: 14px;
}
.sxgps-caronline-trans .sxgps-card-item .card-item{
    background: transparent;
    display: block;
    padding-top: 0;
    margin-bottom: 0;
}
.sxgps-caronline-trans .card-item-panel .item-panel-box{
    display: flex;
    padding: 0 43px;
}
.card-item-panel .item-panel-box .panel-box-flex{
    flex: 1;
}
.card-item-panel .item-panel-box .panel-box-poster{
    width: 160px;
    height: 130px;
    margin: 0 auto;
}
.card-item-panel .item-panel-box .panel-box-title{
    padding: 34px 0 20px;
    text-align: center;
    color: #444444;
    font-size: 18px;
}
.card-item-panel .item-panel-box p{
    color: #999;
    font-size: 14px;
    text-align: center;
}

.card-item-panel .item-panel-trainbox .panel-box-poster{
    height: 150px;
    width: 150px;
}
.sxgps-caronline-trans .card-item-panel .item-panel-dublebox{
    display: flex;
    padding: 0 160px;
}
.sxgps-caronline-trans .card-item-panel .item-panel-dublebox>div{
    flex: 1;
    background:linear-gradient(0deg,#5553F4 0%, #6CC0EB 100%);
    text-align: center;
    padding:35px 0;
}
.card-item-panel .item-panel-dublebox .panel-box-poster{
    width: 162px;
    height: 162px;
}
.card-item-panel .item-panel-dublebox .panel-box-title{
    color: #fff;
    padding: 0 0 30px;
}
.card-item-panel .item-panel-dublebox p{
    color: #fff;
    padding: 30px 0;
}
.card-item-panel .item-panel-box p span{
    border: 1px solid #fff;
    padding: 4px 4px;
    opacity: .7;
}

.card-item-panel ul{
    display: flex;
    margin: 0 0 50px;
}
.card-item-panel ul li{
    flex: 1;
}
.card-item-panel ul li.item-panel-right{
    padding-left: 270px;
}
.card-item-panel ul li.card-item-panel-right{
    padding-left:   220px;
}
.card-item-panel ul li dl{
    display: flex;
}
.card-item-panel ul li dl dt{
    width: 30px;
    height: 30px;
}
.card-item-panel ul li dl dd{
    padding-left: 14px;
}
.card-item-panel ul li dl dd div{
    color: #444;
    font-size: 18px;
    margin-bottom: 22px;
}
.card-item-panel ul li dl dd p{
    color: #999;
    font-size: 14px;
    line-height:24px;
}


.card-item-panel .item-panel-item{
    margin-bottom: 80px;
    box-shadow: 0 0 20px rgb(196, 213, 247);
    background: #fff;
    display: flex;
    padding: 60px 30px 0;
}
.card-item-panel .item-panel-item p{
    text-align: center;
    color: #555;
    font-size: 22px;
    padding: 50px 0 46px ;
}

.card-item-panel .panel-item-txt{
    flex: 1;
    margin-left: 116px;
}
.panel-item-right{
    
}
.card-item-panel .panel-item-txt .item-txt-head{
    font-size: 22px;
    color: #fff;
    width:78px;
    height:32px;
    background:rgba(242,177,93,1);
    border-radius:20px;
    text-align: center;
    line-height: 32px;
    margin-bottom: 44px;
}
.card-item-panel .panel-item-txt .item-txt-head span{
    font-size: 20px;
}

.card-item-panel .panel-item-txt ul{
    display: block;
}
.card-item-panel .panel-item-txt ul li{
    margin-bottom: 27px;
    color:#999999;
    font-size:18px
}
.card-item-panel .panel-item-txt ul li::before{
    content: '';
    display: inline-block;
    width:10px;
    height:10px;
    background:linear-gradient(0deg,rgba(249,219,168,1) 0%,rgba(237,89,17,1) 100%);
    opacity:0.6;
    border-radius:50%;
    margin-right: 14px;
}

.pravite-caronline-trans-taxi{

}
.pravite-caronline-trans-taxi h2{
    padding-bottom:48px
}
.pravite-caronline-trans-taxi .card-item-panel-taxi{
    padding:0 0 54px ;
    margin-bottom: 0;
}
.pravite-caronline-trans-taxi .card-item-panel-taxi li{
    flex: inherit;
}
.pravite-caronline-trans-taxi .card-item-panel-taxi li.panel-taxi-both{
    flex: 1;
}
.pravite-caronline-trans-taxi .card-item-panel-taxi li div{
    width: 150px;
    height: 150px;
    margin: auto;
}
.pravite-caronline-trans-taxi .card-item-panel-taxi li p{
    font-size: 18px;
    color: #666;
    text-align: center;
}
#xuanzhun{
    -webkit-transition-property: -webkit-transform;
       -webkit-transition-duration: 1s;
       -moz-transition-property: -moz-transform;
       -moz-transition-duration: 1s;
       -webkit-animation: rotate 3s linear infinite;
       -moz-animation: rotate 3s linear infinite;
       -o-animation: rotate 3s linear infinite;
       animation: rotate 3s linear infinite;
   }
   @-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
       to{-webkit-transform: rotate(360deg)}
   }
   @-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
       to{-moz-transform: rotate(359deg)}
   }
   @-o-keyframes rotate{from{-o-transform: rotate(0deg)}
       to{-o-transform: rotate(359deg)}
   }
   @keyframes rotate{from{transform: rotate(0deg)}
       to{transform: rotate(359deg)}
   }