/*顶部信息*/
.main .mode_top {
    width: 100%;
    background-color: #f4f4f4;
}

.main .mode_top .mode_top_box {
    height: 80px;
    width: 1216px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 80px;
    background-color: #f4f4f4;
}

.main .mode_top .mode_top_box .left {
    float: left;
}

.main .mode_top .mode_top_box .left .left_p1 {
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
}

.main .mode_top .mode_top_box .left .left_p2 {
    font-size: 12px;
    display: inline-block;
}

.main .mode_top .mode_top_box .right {
    float: right;
    margin-right: 3px;
}

.main .mode_top .mode_top_box .right .link_ul .link_li {
    height: 27px;
    color: #5d5d5d;
    font-size: 14px;
    line-height: 27px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.main .mode_top .mode_top_box .right .link_ul .link_li.demonstration {
    color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    box-shadow: 0 0 5px #195885;
    background: -moz-linear-gradient(top, #53a8ed 0%, #1a7fce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #53a8ed), color-stop(100%, #1a7fce));
    background: -webkit-linear-gradient(top, #53a8ed 0%, #1a7fce 100%);
    background: -o-linear-gradient(top, #53a8ed 0%, #1a7fce 100%);
    background: -ms-linear-gradient(top, #53a8ed 0%, #1a7fce 100%);
    background: linear-gradient(to bottom, #53a8ed 0%, #1a7fce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53a8ed', endColorstr='#1a7fce', GradientType=0);
}

/*banner*/
.main .mode_banner {
    width: 100%;
    height: 520px;
    background: url(../images20200303/img_banner1.png) no-repeat center;
}

.main .mode_banner .mode_banner_mask {
    width: 100%;
    height: 100%;
    background: rgba(33, 39, 51, .9);
}

.main .mode_banner .box {
    color: #fff;
    height: 100%;
    width: 1216px;
    text-align: center;
    margin: -520px auto 0;
    padding: 90px 0 175px;
}

.main .mode_banner .box .banner_p {
    font-size: 40px;
    margin-bottom: 45px;
}

.main .mode_banner .box .banner_ul {
    width: 560px;
    font-size: 16px;
    line-height: 200%;
    margin: 0 auto 50px;
}

.main .mode_banner .box .banner_ul .banner_li {
    margin-right: 45px;
    display: inline-block;
}

.main .mode_banner .box .banner_btn {
    font-size: 18px;
}

.main .mode_banner .box .banner_btn a {
    color: #fff;
    height: 53px;
    padding: 0 70px;
    line-height: 53px;
    display: inline-block;
    vertical-align: middle;
}



.main .mode_banner .box .banner_btn a  {
	color: #2b7edc;
    border: 1px solid #2b7edc;
    margin-right: 30px;
    border-radius: 6px;
	
}
.main .mode_banner .box .banner_btn .banner_btn_demonstration{
    background:  url(../images20200303/icon_play2.png) no-repeat 50px  center;
}

.main .mode_banner .box .banner_btn .banner_btn_online_purchase{
    background:  url(../images20200303/icon_purchase2.png) no-repeat 50px  center;
}

 .main .mode_banner .box .banner_btn .banner_btn_demonstration:hover  {
    background: #2b7edc url(/images20200303/icon_play.png) no-repeat 50px  center; color:#fff;
} 

.main .mode_banner .box .banner_btn .banner_btn_online_purchase:hover {

    background: #2b7edc url(/images20200303/icon_purchase.png) no-repeat 50px  center;color:#fff;
}





.main .mode_banner .box .banner_btn a .banner_btn_a {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

/*集运系统介绍*/
.main .mode_introduce {
    width: 100%;
    min-height: 320px;
    position: relative;
    background: #f7f8fa;
}

.main .mode_introduce .box {
    left: 0;
    right: 0;
    top: -100px;
    width: 1146px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    position: absolute;
    padding: 55px 35px 80px;
    background: -moz-linear-gradient(#ffffff 0%, #fefeff 90%, #f7f8fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(90%, #fefeff), color-stop(100%, #f7f8fa));
    background: -webkit-linear-gradient(#ffffff 0%, #fefeff 90%, #f7f8fa 100%);
    background: -o-linear-gradient(#ffffff 0%, #fefeff 90%, #f7f8fa 100%);
    background: -ms-linear-gradient(#ffffff 0%, #fefeff 90%, #f7f8fa 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fefeff 90%, #f7f8fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f8fa', GradientType=0);
}

.main .mode_introduce .box .introduce_left_box {
    float: left;
    width: 645px;
}

.main .mode_introduce .box .introduce_left_box .introduce_left_box_title {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 100%;
    padding-left: 15px;
    margin-bottom: 30px;
    border-left: 3px solid #2b7edc;
}

.main .mode_introduce .box .introduce_left_box .introduce_left_box_content {
    color: #666;
    font-size: 14px;
    line-height: 180%;
}

.main .mode_introduce .box .introduce_right_box {
    float: right;
    width: 453px;
    height: 255px;
}

.main .mode_introduce .box .introduce_right_box .video_box {
    width: 100%;
    height: 100%;
    font-size: 0;
    position: relative;
}

.main .mode_introduce .box .introduce_right_box .video_box .video_cover {
    width: 100%;
    height: 100%;
}

.main .mode_introduce .box .introduce_right_box .video_box .video_mask {
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    background: url(../images20200303/img_video_mask.png) no-repeat center;
    background-size: 100% 100%;
}

.main .mode_introduce .box .introduce_right_box .video_box .video_duration {
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    font-weight: bold;
    line-height: 30px;
    position: absolute;
}

/*功能概览*/
.main .mode_function {
    background: #f7f8fa;
}

.main .mode_function .box {
    width: 1216px;
    margin: 0 auto;
}

.main .mode_function .box .mode_function_title {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.main .mode_function .box .mode_function_content {
    padding-bottom: 60px;
}

.main .mode_function .box .mode_function_content .slides {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 60px;
    display: inline-block;
}

.main .mode_function .box .mode_function_content .slides .hd {
    width: 100%;
    bottom: 20px;
    text-align: center;
    position: absolute;
}

.main .mode_function .box .mode_function_content .slides .hd ul li {
    width: 15px;
    height: 15px;
    font-size: 0;
    cursor: pointer;
    background: #ddd;
    margin-right: 21px;
    border-radius: 50%;
    display: inline-block;
}

.main .mode_function .box .mode_function_content .slides .hd ul li.on {
    background: #2b7edc;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li {
    width: 26.5%;
    display: flex;
    padding: 30px;
    background: #fff;
    align-items: center;
    margin-bottom: 30px;
    border: 1px solid #eee;
    justify-content: space-between;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li .img_box {
    width: 42px;
    height: 42px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li .img_box img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li .function_info {
    width: 75%;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li .function_info .function_name {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.main .mode_function .box .mode_function_content .slides .bd ul li .function_ul .function_li .function_info .function_des {
    color: #666;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

/*优势亮点*/
.main .mode_advantage {
    width: 100%;
    height: 334px;
    padding: 65px 0;
    position: relative;
    background: url(../images20200303/img_banner2.png) no-repeat center;
    background-size: 100% 100%;
}

.main .mode_advantage .mode_advantage_mask {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(33, 39, 51, .92);
}

.main .mode_advantage .advantage_title {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 90px;
}

.main .mode_advantage .mode_advantage_ul {
    width: 1216px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    position: relative;
    justify-content: space-between;
}

.main .mode_advantage .mode_advantage_ul .mode_advantage_li {
    width: 210px;
    padding: 0 10px;
}

.main .mode_advantage .mode_advantage_ul .mode_advantage_li .img_box {
    width: 60px;
    height: 60px;
    font-size: 0;
    margin: 0 auto 40px;
}

.main .mode_advantage .mode_advantage_ul .mode_advantage_li .img_box img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.main .mode_advantage .mode_advantage_ul .mode_advantage_li .advantage_name {
    color: #ecebeb;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.main .mode_advantage .mode_advantage_ul .mode_advantage_li .advantage_des {
    color: #ecebeb;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*功能清单*/
.main .mode_detailed {
    padding: 75px 0;
    background: #fff;
}

.main .mode_detailed .box {
    width: 1216px;
    margin: 0 auto;
}

.main .mode_detailed .box .mode_detailed_title {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 65px;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li {
    width: 214px;
    height: 150px;
    text-align: center;
    border: 1px solid #eee;
    padding: 35px 95px 40px;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:first-child {
    border-top: none;
    border-left: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:nth-child(2) {
    border-top: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:nth-child(3) {
    border-top: none;
    border-right: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:nth-child(4) {
    border-left: none;
    border-bottom: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:nth-child(5) {
    border-bottom: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li:nth-child(6) {
    border-right: none;
    border-bottom: none;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li .img_box {
    width: 49px;
    height: 42px;
    font-size: 0;
    display: flex;
    margin: 0 auto 25px;
    align-items: center;
    justify-content: center;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li .img_box img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li .detailed_name {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.main .mode_detailed .box .mode_detailed_content .detailed_ul .detailed_li .detailed_des {
    color: #666;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

/*技术规格*/
.main .mode_technology {
    background: #fff;
}

.main .mode_technology .box {
    width: 1216px;
    margin: 0 auto 92px;
}

.main .mode_technology .box .mode_technology_title {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #fff;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name {
    color: #333;
    width: 157px;
    height: 60px;
    font-size: 14px;
    padding: 0 45px;
    font-weight: bold;
    line-height: 60px;
    background: #eef1f6;
    border-right: 3px solid #fff;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i {
    width: 16px;
    height: 16px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.version {
    background: url(../images20200303/icon_version.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.language {
    background: url(../images20200303/icon_language.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.browser {
    background: url(../images20200303/icon_browser.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.internet_service {
    background: url(../images20200303/icon_internet_service.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.data_base {
    background: url(../images20200303/icon_data_base.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_name i.service {
    background: url(../images20200303/icon_service.png) no-repeat center;
}

.main .mode_technology .box .mode_technology_content .technology_ul .technology_li .technology_des {
    width: 887px;
    height: 60px;
    padding: 0 40px;
    line-height: 60px;
    background: #eef1f6;
}

/*经典案例*/
.main .mode_case {
    background: #f4f6f9;
    padding: 75px 0 85px;
}

.main .mode_case .box {
    width: 1216px;
    margin: 0 auto;
}

.main .mode_case .box .mode_case_title {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.main .mode_case .box .mode_case_content .case_ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 62px;
    justify-content: center;
}

.main .mode_case .box .mode_case_content .case_ul  a{  color:#fff;
}

.main .mode_case .box .mode_case_content .case_ul .case_li {
    width: 242px;
    height: 182px;
    cursor: pointer;
    background: #fff;
    position: relative;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.main .mode_case .box .mode_case_content .case_ul .case_li:nth-child(5n) {
    border-right: none;
}

.main .mode_case .box .mode_case_content .case_ul .case_li:nth-child(n+6) {
    border-bottom: none;
}

.main .mode_case .box .mode_case_content .case_ul .case_li .img_box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .mode_case .box .mode_case_content .case_ul .case_li .img_box img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.main .mode_case .box .mode_case_content .case_ul .case_li .case_li_hover {
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    position: absolute;
    background: rgba(50, 50, 50, .8);
}

.main .mode_case .box .mode_case_content .case_ul .case_li:hover .case_li_hover {
    display: block;
}

.main .mode_case .box .mode_case_content .case_ul .case_li .case_li_hover .case_name {
    color: #fff;
    font-size: 16px;
    line-height: 160%;
    margin: 35px 40px 20px;
}

.main .mode_case .box .mode_case_content .case_ul .case_li .case_li_hover .go_btn {
    color: #fff;
    width: 88px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 35px;
    border-radius: 4px;
    border: 1px solid #fff;
}

.main .mode_case .box .mode_case_content .go_all_case {
    color: #666;
    width: 247px;
    height: 53px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    background: #fff;
    font-weight: bold;
    line-height: 53px;
    text-align: center;
    border-radius: 15px;
    text-decoration: none;
    border: 1px solid #e3e2e2;
}

/*系统资讯*/
.main .mode_news {
    background: #fff;
    padding: 75px 0 70px;
}

.main .mode_news .box {
    width: 1216px;
    margin: 0 auto;
}

.main .mode_news .box .mode_news_title {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.main .mode_news .box .mode_news_content .news_box_ul {
    display: flex;
    justify-content: space-between;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li {
    width: 378px;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_name {
    color: #666;
    padding: 0 7px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_name i {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_name i.log {
    background: url(../images20200303/icon_log.png) no-repeat center;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_name i.help {
    background: url(../images20200303/icon_help.png) no-repeat center;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_name i.comment {
    background: url(../images20200303/icon_comment.png) no-repeat center;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_ul_li .first_news_li {
    width: 100%;
    height: 252px;
    margin-bottom: 25px;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_ul_li .first_news_li .img_box {
    width: 100%;
    height: 100%;
    position: relative;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_ul_li .first_news_li .img_box img {
    width: 100%;
    max-height: 100%;
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_ul_li .first_news_li .img_box .news_name {
    bottom: 0;
    color: #fff;
    width: 338px;
    height: 45px;
    font-size: 16px;
    padding: 0 20px;
    line-height: 45px;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
}

.main .mode_news .box .mode_news_content .news_box_ul .news_box_li .news_box_ul_li .news_li {
    color: #666;
    font-size: 14px;
    padding-left: 6%;
    overflow: hidden;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images20200303/icon_news.png) no-repeat 2% center;
}

/*预约演示*/
.main .mode_appointment {
    color: #fff;
    width: 100%;
    height: 300px;
    text-align: center;
    background: url(../images20200303/img_banner3.png) no-repeat center;
    background-size: 100% 100%;
}

.main .mode_appointment .mode_appointment_mask {
    width: 100%;
    height: 215px;
    padding: 85px 0 0;
    background: rgba(31, 30, 48, .91);
}

.main .mode_appointment .mode_appointment_mask .mode_appointment_title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}

.main .mode_appointment .mode_appointment_mask .go_appointment {
    color: #fff;
    height: 53px;
    font-size: 18px;
    padding: 0 60px;
    line-height: 53px;
    border-radius: 15px;
    background: #2b7edc;
    text-decoration: none;
    display: inline-block;
}



/*视频弹窗*/
.main .video_mask_box {
    display: none;
}

.main .video_mask_box .mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: .8;
    height: 100%;
    z-index: 1000;
    position: fixed;
    background: #000;
    filter: alpha(opacity=80);
    transition: opacity .5s ease;
}

.main .video_mask_box .content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    z-index: 1001;
    position: fixed;
    text-align: center;
    transition: opacity .5s ease;
}

.main .video_mask_box .content:before {
    width: 0;
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.main .video_mask_box .close_video {
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    background-size: 100% 100% !important;
    background: url(../images20200303/icon_cancel.png) no-repeat;
}

.main .video_mask_box .close_video:hover {
    background: url(../images20200303/icon_cancel1.png) no-repeat center;
}

.main .video_mask_box .video_iframe {
    color: #fff;
    width: 700px;
    max-width: 98%;
    font-size: 16px;
    max-height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.main .video_mask_box .video_iframe video {
    width: 100%;
    outline: none;
}