html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
  font-family: "微软雅黑";
  font-weight: normal; 
  font-size:16px;
}

i,em,strong{
  font-style: normal;
}
html, body {
  width: 100%;
  height: 100%; 
}
/*html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}*/
input{
  outline: none;
  color:#555;
  padding:0 5px;
}
select,input{
  font-size:12px;
  color:#9b9b9b;
}
a{
  color:#333;
}
.left{
  float:left;
}
.right{
  float:right;
}
.inline{
  display:inline-block;
}
.block{
  display:block;
}
.none{
  display:none;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.clearfix:before {
    content: "";
    display: table;
}

.clearfix {
    zoom: 1;
}
.clear{
  clear:both;
}
.w100{
  width:100%;
}
.h100{
  height:100%;
}
.f12{
  font-size:12px;
}
.f14{
  font-size:14px;
}
.f16{
  font-size:16px;
}
.f18{
  font-size:18px;
}
.f20{
  font-size:20px;
}
.f24{
  font-size:24px;
}
.f28{
  font-size:28px;
}
.f40{
  font-size:40px;
}
.color0{
  color: #000;
}
.fwhite{
  color:#fff!important;
}
.fyellow{
  color:#f8d138;
}
.fblue{
  color:#2d70fd;
}
.fcolor6{
  color:#666666;
}
.fcolor9{
  color:#999999;
}
.fcolorad{
  color:#adadad;
}
.fcolor4d{
  color:#4D4D4D;
}
.bold{
  font-weight:bold;
}
.flowhid{
  overflow: hidden;
}
.mt10{
  margin-top: 10px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px;
}
.mt25{
  margin-top: 25px;
}
.mt40{
  margin-top: 40px;
}
.mt66{
  margin-top: 66px;
}
.mt88{
  margin-top: 88px;
}
.mt100{
  margin-top: 100px;
}
.mt250{
  margin-top: 250px;
}
.marauto{
  margin:0 auto;
}
.content,.navbar_m,.menu,.w1200,.footer_wrap{
  width:1200px;
}
.content{
  padding:40px 0;
}
.ptb80{
  padding:80px 0;
}
.e3border{
  border:1px solid #e3e3e3;
}
.e3bb{
  border-bottom:1px solid #e3e3e3;
}
.marauto{
  margin:0 auto;
}
.mb10{
  margin-bottom: 10px;
}
.mtb20{
  margin:20px 0;
}
.mtb40{
  margin:40px 0;
}
.backwhite{
  background:#fff;
}

.mt30{
  margin-top: 30px;
}
.mt40{
  margin-top: 40px;
}
.mtb10{
  margin:10px 0;
}
.mt50{
  margin-top: 50px;
}
.mt60{
  margin-top:60px;
}
.mt70{
  margin-top:70px;
}
.mtb35{
  margin: 35px 0;
}
.mr10{
  margin-right: 10px;
}
.mr30{
  margin-right:30px;
}
.mr35{
  margin-right:35px;
}
.mr100{
  margin-right: 100px;
}
.ml20{
  margin-left: 20px;
}
.mlr10{
  margin:0 10px;
}
.mlr45{
  margin:0 45px;
}
.mlr50{
  margin:0 50px;
}
.mtbr{
  margin:20px 30px 20px 0;
}
.nomar{
  margin:0!important;
}
.pl20{
  padding-left: 20px;
}
.pl100{
  padding-left: 100px;
}
.p10{
  padding:10px;
}
.pt20{
  padding-top:20px;
}
.pt70{
  padding:70px 0;
}
.ptl50{
  padding:50px 0 0 50px!important;
}
.ptl60{
  padding:60px 0 0 60px!important;
}
.ptb50{
  padding:50px 0;
}
.pa{
  position: absolute;
}
.pr{
  position: relative;
}
.left_0{
  left: 0;
}
.right_0{
  right: 0;
}
.vertop{
  vertical-align: top;
}
.middle{
  vertical-align: middle;
}
.tcenter{
  text-align: center;
}
.tright{
  text-align: right;
}
.nostyle li{
  list-style: none!important;
}
.lh25{
  line-height: 25px;
}
.lh30{
  line-height: 30px;
}
.col-2{
  width: 16.6%;
}
.col-3{
  width: 25%;
}
.col-4{
  width: 33.33%;
}
.col-6{
  width: 33.33%;
}
.w30_px{
  width: 30px;
}
.w100_px{
  width: 100px;
}
.h100_px{
  height: 100px;
}
.w160_px{
  width: 160px;
}
@media screen and (max-width: 1200px) {
  .header,.footer,.bg_yqimg{
    width:1200px;
  }
}

.flex-h {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flex-hw {
  /* 09版 */
  -webkit-box-lines: multiple;
  /* 12版 */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-v {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-1 {
 -prefix-box-flex: 1; 
 -webkit-box-flex: 1; 
 -webkit-flex: 1; 
 -moz-box-flex: 1; 
 -ms-flex: 1; 
 flex: 1; 
}
.flex-pack-center {
  -webkit-justify-content:center;
  justify-content:center;
  -moz-box-pack:center;
  -webkit--moz-box-pack:center;
  box-pack:center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* 头部样式 */
.menu{
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:99;
}
.menu .nav_logo{
  width: auto;
  height: 40px;
  margin: 20px 0;
}
.menu .submenu ul li{
  float:left;
  height:40px;
  line-height:40px;
  margin:20px 50px 0 0;
  position: relative;
}
.menu .submenu ul li .nav_top{
  display:block;
 /*  width:100%; */
  height:100%;
  color:#fff;
/*   text-align: center; */
}
.menu .submenu ul li .nav_top:hover{
  color:#2F70FF;
}
.nav_jt{
  padding: 0 50px 0 0;
  background: url("../image/index/jt-sq.png") no-repeat;
  background-size:18px auto;
  background-position: right center;
}
.nav_jt:hover{
  padding: 0 50px 0 0;
  background: url("../image/index/jt-zk.png") no-repeat;
  background-size:18px auto;
  background-position: right center;
}
/* .menu .submenu ul li a:hover{
  color:#326ffd;
} */
.menu .active_menu{
  color:#2F70FF!important;
 /*  border-bottom: 2px solid #2F70FF; */
}
.nav_sub_wrap{
    display: none; 
    background:#071543;
    opacity:0.9;
    position: absolute;
    right: 0;
    top: 100%;
    width: calc(100% + 50px);
    height: auto;
  /*   border-top: 2px solid #2F70FF; */
    left: -25px;
}
.submenu .sub_a{
    display: block;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    transition-duration: .3s;
    padding: 0 10px;
    text-indent:10px;
    /* text-align:center; */
/*     border-top: 1px solid rgba(255, 255, 255, 0.2);   */
}
.submenu .sub_a:hover{
   /*  background:rgba(47,112,255,1);
   opacity:0.1; */
    background:#071133;
    color:#2f70ff;
}
.banner {
    position: relative;
    width: 100%;
    height: 960px;
    overflow: hidden;
    z-index: 8;
}
.banner_1{
  background:url('../image/3PL/3pl-banner.jpg') no-repeat center center;
}
.banner_2{
  background:url('../image/aboutUs/banner.jpg') no-repeat center center;
}
.banner_3{
  background:url('../image/BI/banner.jpg') no-repeat center center;
}
.banner_4{
  background:url('../image/bulkTrade/dzhy-banner.jpg') no-repeat center center;
}
.banner_5{
  background:url('../image/middleGround/banner.jpg') no-repeat center center; 
}
.banner_6{
  background:url('../image/motorTrade/qchy-banner.jpg') no-repeat center center;
}
.banner_7{
  background:url('../image/networkFreight/banner.jpg') no-repeat center center; 
}
.banner_8{
  background:url('../image/OMS/banner.jpg') no-repeat center center; 
}
.banner_9{
  background:url('../image/platformBuild/banner.jpg') no-repeat center center; 
}
.banner_10{
  background:url('../image/SaaS/banner.jpg') no-repeat center center; 
}
.banner_11{
  background:url('../image/serviceAsk/banner.jpg') no-repeat center center; 
}
.banner_12{
  background:url('../image/serviceSupport/banner.jpg') no-repeat center center; 
}
.banner_13{
  background:url('../image/TMS/banner.jpg') no-repeat center center; 
}
.banner_14{
  background:url('../image/WMS/banner.jpg') no-repeat center center; 
}
.banner_15{
  background:url('../image/supervisoryPlatform/banner.jpg') no-repeat center center; 
}
/* .banner_wrap .top_head{
  height: 80px;
  background-color: #17233e;
} */
.banner_wrap .banner{
  height: 580px;
}
.bannerSwiper .swiper-container ,.bannerSwiper .swiper-container .swiper-wrapper .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.bannerSwiper .swiper-slide {
    background-position: center;
    background-size: cover;
}
.bannerSwiper .swiper-pagination-red .swiper-pagination-bullet{
    width:42px;
    height:4px;
    background-color: #fff;
    opacity: 1;
    border-radius: 0;
}
.bannerSwiper .swiper-pagination-red .swiper-pagination-bullet-active {
    background: #2F70FF;
}

/* 头部结束 */

/* 脚部菜单 */
.footer{
  overflow:hidden;
  background:#161d2f;
}
.footer .footer_wrap{
  margin:0 auto;
}
.footer .footer_wrap .f_list{
  margin:55px 0 30px 0;
}
.footer .footer_wrap .f_list .f_left{
  width: 600px;
}
.footer .footer_wrap .f_list .f_right{
  width: 600px;
  -moz-box-sizing: border-box;  
  -webkit-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  box-sizing: border-box; 
  border-right:1px solid #212c42;
}
.ml60{
  margin-left: 60px;
}
.f_left dl{
  margin-right: 35px;
}
.f_left dl dt{
  color:#fff;
  font-size: 18px;
  margin-bottom: 30px;
}
/* .footer .footer_wrap .f_list .f_left .qrwrap{
  width:100px;
  text-align: center;
}
.footer .footer_wrap .f_list .f_left .logo_footer{
  height:60px;
}
.footer .footer_wrap .f_list .f_left .company_name1{
  margin:30px 0;
}
.footer .footer_wrap .f_list .f_left .company_name2{
  margin-top:15px;
} */
.f_right .list_row .list_row_item{
  /* width: 220px; */
  float: left;
  margin-right: 40px;
}
.footer h3{
  color:#fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.f_right .list_row .list_row_item a{
  color:#d1d1d1;
}
.f_right .list_row .list_row_item a:hover{
  color:#2f70ff;
}
.f_right .list_row .list_row_item .list_sub li{
  line-height: 35px;
  color:#d1d1d1;
}
.f_right .list_row .list_row_item .list_sub li .info{
  float: left;
}
.list_row_item .company_info{
  color:#d1d1d1;
  line-height: 30px;
}
.list_row_item .company_info .tit{
  float: left;
  width: 50px;
}
.list_row_item .company_info .info{
  float: right;
  width: 170px;
  line-height: 35px;
}
.footer .copy{
  height: 40px;
  line-height: 40px;
  background: #182133;
}
.footer .footer_wrap .copyright{
  padding-bottom: 35px;
  margin:0 auto;
  color:#7E86A3;
}


/* 首页内容 */
.wrap{
  background:#f9f9f9;
}
.bg_f{
  background:#ffffff;
}
.bg_f5{
  background:#f5f5f5;
}
.bg_f9{
  background:#f9f9f9;
}
.setion .title h3{
  color:#333;
}
.setion .title p{
  font-size: 18px;
  color:#4d4d4d;
  line-height: 30px;
}
/* 主要成就 */
.success ul{
  background: #fff;
  padding: 30px;
  overflow:hidden;
}
.success ul li{
  float: left;
  width:16.6%;
  text-align: center;
}
.success ul li .num{
  position: relative;
}
.success ul li .num img{
  margin:0 auto;
}
/* .success ul li .num i{
    display: block;
    width: 40px;
    height: 3px;
    background: #2f70fe;
    position: absolute;
    bottom: 0;
    left: 0px;
}
.success ul li b{
  position:relative; 
  font-size:36px;
  font-weight: bold;
}
.success ul li span{
  position:absolute; 
  font-size:22px; 
  top:12px; 
  margin-left: 10px;
} */
/* 无车承运人*/
.bg_transimg{
  height:590px;
  background:url('../image/index/lcimg_1.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
.bg_transimg .carrier_main{
  height: 420px;
  border-left: 1px solid #dbdfde;
  overflow: hidden;
}
.bg_transimg .carrier_main .tab,.tab_content{
  margin-top:45px;
}
.bg_transimg .carrier_main .tab .item{
  width: 240px;
  height: 85px;
  line-height: 85px;
  border-left: 3px solid transparent;
}
.bg_transimg .carrier_main .tab .item:hover{
  cursor: pointer;
}
.bg_transimg .carrier_main .tab .item.active{
  border-left: 3px solid #2f70ff;
  background: -webkit-linear-gradient(right,rgba(208,222,251,0),rgba(208,222,251,1)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(left,rgba(208,222,251,0),rgba(208,222,251,1)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(left,rgba(208,222,251,0),rgba(208,222,251,1)); 
  background: linear-gradient(to left, rgba(208,222,251,0), rgba(208,222,251,1)); 
}
.bg_transimg .carrier_main .tab .item .icon{
  display: inline-block;
  width: 32px;
  vertical-align: middle;
  margin:0 15px 0 25px;
}
.bg_transimg .carrier_main .tab .item .text{
  font-size: 16px;
  vertical-align: middle;
}
.bg_transimg .carrier_main .tab_content{
    width: 700px;
    height: 300px;
}
.bg_transimg .carrier_main .tab_content .subs h3{
  color:#2F70FF;
  font-size: 18px;
  margin:34px 0 42px 0;
  font-weight:500;
}
.bg_transimg .carrier_main .tab_content .subs .txt{
  color:#4d4d4d;
  margin-bottom:30px;
  line-height: 25px;
}
.bg_transimg .carrier_main .tab_content .subs .txt ul li{
  list-style: inside;
  color:#4d4d4d;
  line-height: 30px;
}
.bg_transimg .carrier_main .tab_content .subs a {
    display: block;
    width: 155px;
    height: 40px;
    line-height: 40px;  
    color: #2F70FF;
    border: 1px solid #2F70FF;
    text-align: center;
   /*  text-indent: 30px;
   background-image: url('../image/index/jiantou_icon.png');
   background-repeat: no-repeat;
   background-position: 100px center; */
}
.bg_transimg .carrier_main .tab_content .subs a:hover{
  text-indent:inherit;
  text-align: center;
}
/* 解决方案 */
.resolve_main{
  padding-top:25px;
}
.resolve_main .case{
    position: relative;
    color:#fff;
}
.resolve_main .case:hover{
  cursor:pointer;
}
.resolve_main .case .nav_txt{ 
  position: absolute;
  z-index: 9;
}
.resolve_main .case .nav_txt h3{
  font-size: 20px;
  padding: 20px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.resolve_main .case_one,.resolve_main .case_two{
  width:380px;
  height: 260px;
  float: left; 
  margin-right:30px;
}
.resolve_main .case_three{
  width:380px;
  height: 260px;
  float: left;
}
/* 给图片加遮罩 */
.resolve_main .case:after{    
  position: absolute;    
  top: 0;    
  left: 0;    
  content: "";    
  background-color: #021234;    
  opacity: 0.6;   
  z-index: 1;    
  width: 100%;    
  height: 100%;
}
.resolve_main .case_one{
/*   background:url('../image/index/programme_pic01.jpg') no-repeat;
background-size: 100% 100%; */
  background:url('../image/index/programme_pic01.jpg') no-repeat;
  background-size: 100% 100%;
}
.resolve_main .case_two{
  background:url('../image/index/programme_img02.jpg') no-repeat;
  background-size: 100% 100%;
}
.resolve_main .case_three{
  background:url('../image/index/programme_pic03.jpg') no-repeat;
  background-size: 100% 100%;
}
.nav_hover .nav_hover_txt{
 /*  padding:45px 40px; */
  text-align: center;
  color:#fff;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.nav_hover .nav_hover_txt .s_dt{
  margin:60px 0 20px 0;
}
.nav_hover .nav_hover_txt .s_dt h3{
  font-size: 20px;
}
.nav_hover .nav_hover_txt .s_db a{
  display: block;
  width:110px;
  height:40px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  border:1px solid #fff;
  margin: 40px auto 0 auto;
}
.nav_hover .nav_hover_txt .s_db a:hover{

}
.nav_hover{top:0;}
.nav_hover img {
    animation: img_b 1s;
    animation-fill-mode: forwards;
    animation-play-state: paused;
}
@keyframes img_b {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes img_b {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes img_b {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes img_b {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* 核心产品 */
.bg_hximg{
  height:665px;
  background:url('../image/index/product_bg.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
.hx_main{
  width: 1200px;
  height: 100%;
}
.hx_main .hx_l{
  width:410px;
  height:665px;
  background:url('../image/index/left_bg.png') no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.hx_main .hx_l .hx_l_wrap{

}
.hx_main .hx_l h1{
  font-size: 36px;
}
.hx_main .hx_l .brief{
  width: 260px;
  margin: 400px 0 0 32px;
}
.hx_main .hx_l .brief p{
  color: #fff;
  line-height: 25px;
  font-family:Source Han Sans SC;
  font-weight:400;
  font-size: 16px;
}
.hx_main .hx_l i{
    display: block;
    width: 70px;
    height: 2px;
    background: #f8d138;
    position: absolute;
    top: 420px;
    left: 25px;
}
.hx_main .hx_r{
  position: absolute;
  width: 710px;
  left: 340px;
  top:80px;
  bottom: 80px;
  background:#fff;
  padding:10px 75px;
}
.hx_main .hx_r ul li{
  width:33.33%;
  float: left;
  margin-top:50px;
}
.hx_main .hx_r ul li .txt{
  width:200px; 
  height: 80px;
  margin: 10px 0 20px 0;
}
.hx_main .hx_r ul li .txt h3{
  font-size: 20px;
  font-weight: 500;  
  font-family:Source Han Sans SC;
  margin-bottom: 15px;
}
.hx_main .hx_r ul li .txt span{
  color:#4d4d4d;
  font-size: 14px;
}
.hx_main .hx_r ul li a{
  color:#2F70FF;
} 
.hx_main .hx_r ul li a:hover{
  text-decoration: underline;
}
.detail_btn:hover{
  background:#2f70fe;
  color:#fff!important;
}

/* 服务支持 */
.fw_content{
/*   height: 450px; */
  overflow:hidden;
  margin:80px auto;
}
.fw_main{
  padding:30px;
  overflow:hidden;
}
.fw_main h1{
  color:#333;
  font-size: 28px;
}
.fw_main h1 span{
  font-size: 26px;
  font-style: oblique;
}
.fw_main i{
  display: block;
  width: 80px;
  height: 2px;
  background: #909090;
  position: absolute;
  top: 150px;
  left: 45px;
}
.fw_main .brief{
  width: 650px;
  margin-top:30px;
}
.fw_main .brief p{
  line-height: 30px;
  color: #4d4d4d;
  font-size: 16px;
}
.fw_main .brief a{
  display: block;
  width: 155px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  color: #2F70FF;
  border:1px solid #2F70FF;
  margin-top: 55px;
  background:#fff;
}
.fw_main .brief a:hover{
  background:#2F70FF;
  color:#fff;
}
/* 合作伙伴 */
.hb_main ul li{
  float: left;
  margin-top: 10px;
}

/* 1.WMS管理系统界面 */
.tag_nav{
  margin:0 auto;
}
.tag_nav li{
  float: left;
}
.tag_nav li a{
  display: block;
  width: 100%;
  text-align:center;
  line-height: 60px;
  font-size: 18px;
}
.tag_nav li.tag_atv a{
  color:#2f70ff;
  border-bottom: 2px solid #2f70ff;
}
.wms_main ul li{
  width: 268px;
  height: 338px;
  border:1px solid #f0f0f0;
  margin-right:40px;
  float: left;
}
.wms_main ul li div{
  text-align:center; 
}
.wms_main ul li img{
  margin-top: 70px;
}
.wms_main ul li h3{
  margin-top: 50px;
  font-size: 16px;
  font-weight: bold;
}
.wms_main ul li p{
  width: 200px;
  margin:30px auto;
  line-height: 25px;
}
.no_mr{
  margin-right: 0!important;
}
.js_main{
  background-color: #fff;
  padding:15px;
  margin-top: 45px;
}
.js_main .js_l{
  width: 730px;
  height: 625px;
}
.js_main .js_l img{
  width: 100%;
  height: 100%;
}
.js_main .js_r{
  width: 360px;
  padding: 70px 35px 0 15px;
}
.js_main .js_r .js_r_t{
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.js_main .js_r .js_r_t p{
  color:#4d4d4d;
  margin-top: 30px;
  line-height: 25px;
}
.js_main .js_r .js_r_b ul li{
  color:#4d4d4d;
  line-height: 25px;  
  list-style: inside;
  margin-top: 10px;
}
.js_main .js_r .js_r_b{
  padding-top: 50px;

}

.td_main ul li{
  width: 33.33%;
  height: 300px;
  margin:40px 0;
  float: left;
}
.td_main ul li div{
  text-align:center; 
}
.td_main ul li h3{
  font-size: 16px;
  font-weight: bold;
}
.td_main ul li p{
  width: 280px;
  margin:50px auto 0 auto;
  line-height: 25px;
}

.yq_content{
  padding:60px 0;
}
.bg_yqimg{
  background:url('../image/WMS/Park_bg.png') no-repeat;
  background-position: center;
  background-size: cover; 
}
.yq_main{
  margin:50px 0 20px 0;
}
.yq_main .item_title .icon{
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  margin-right:15px;
}
.yq_main .item_title .text{
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  color:#2e6cf6;
}
.item_list ul li{
  width: 200px;
  float: left;
  margin-top: 25px;
}
.item_list ul li div{
  text-indent: 35px;
  line-height: 30px;
  color:#7995d3;
}

.db_main .db_item{
  width: 580px;
  height: 540px;
  margin:60px 5px;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#e7e6e6,direction=120,strength=4);/*ie*/
  -moz-box-shadow: 0 0 10px #e7e6e6;/*firefox*/
  -webkit-box-shadow: 0 0 10px #e7e6e6;/*safari或chrome*/
  box-shadow:0 0 10px #e7e6e6;/*opera或ie9*/
}
.db_main .db_item .db_tit{
  height: 110px;
  background:url(../image/WMS/dz_img.png) no-repeat;
  background-size:100% 100%;
  padding:15px;
  text-align:center;
  color:#fff;
}
.db_main .db_item .db_tit h1{
  font-size: 30px;
  margin:20px 0;
}
.db_main .db_item .db_trait{
  padding:30px 40px;
  height: 320px;
}
.db_trait .item h3{
  padding-left:10px;
  border-left: 3px solid #5a8eff;
  font-size: 16px;
  font-weight: bold;
}
.db_trait  .item ul{
  margin:20px 15px;
}
.db_trait  .item ul li{
  color:#8a8a8a;
  list-style: inside;
  line-height:25px;
}

/* TMS运输管理界面 */
.ys_main .item{
  width: 1200px;
  margin:0 auto;
  position: relative;
}
.ys_main .item .bi_item{
  width: 600px;
}
.ys_main .item .ms_txt{
  padding:60px 0;
}
.ys_main .item .ms_txt h1{
  font-size: 24px;
  font-weight: bold;
}
.ys_main .item .ms_txt h2{
  font-size: 23px;
  font-weight: bold;
}
.ys_main .item .ms_txt p{
  font-size: 28px;
/*   font-weight: bold; */
}
.ys_main .item .ms_txt ul{
  margin:50px 0;
}
.ys_main .item .ms_txt ul li{
  width: 600px;
  color:#8a8a8a;
  list-style: inside;
  line-height:30px;  
}
.ys_main .item .ms_txt .no_wid li{
  width:auto!important;
}
.ys_main .item .bi_item .ms_txt ul li{
  color:#222!important;
}
.ys_main .item .ms_txt .line{
/*   width:100px; */
  height: 2px;
  background-color: #2f70ff;
}
.ys_main .item .ms_txt .thin_line{
  height: 1px;
  background-color: #2f70ff; 
}
.ys_main .item .ms_txt .icon dl{
  float: left;
  text-align: center;
  margin-right: 65px;
}
.ys_main .item .ms_txt .icon dd{
  color:#8a8a8a;
  margin-top: 15px;
}
.ys_main .item .bg_grid_l{
  width: 390px;
  padding:25px 0 25px 25px;
  background: -webkit-linear-gradient(right,rgba(83,137,255,0),rgba(83,137,255,1)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(left,rgba(83,137,255,0),rgba(83,137,255,1)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(left,rgba(83,137,255,0),rgba(83,137,255,1)); 
  background: linear-gradient(to left, rgba(83,137,255,0), rgba(83,137,255,1)); 
}
.ys_main .item .bg_grid_r{
 width: 390px;
  padding:25px 25px 25px 0;
  text-align: right;
  background: -webkit-linear-gradient(right,rgba(83,137,255,1),rgba(83,137,255,0)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(left,rgba(83,137,255,1),rgba(83,137,255,0)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(left,rgba(83,137,255,1),rgba(83,137,255,0)); 
  background: linear-gradient(to left, rgba(83,137,255,1), rgba(83,137,255,0));   
}
.ys_main .item .bg_grid_l,.ys_main .item .bg_grid_r{
  color:#fff;
}
.ys_main .item .data_mr{
  margin:70px 30px; 
}
.tms_td_main ul{
  width: 1100px;
  margin:0 auto;
}
.tms_td_main ul li{
  width: 33.33%;
  height: 220px;
  margin-top:60px;
  float: left;
}
.tms_td_main ul li div{
  text-align:center; 
}
.tms_td_main ul li div .icon{
  height: 60px;
}
.tms_td_main ul li p{
  width: 200px;
  margin:30px auto;
  line-height: 25px;
}
.middle_contnet{
  height: 260px;
  position: relative;
}
.middle_main{
  top:280px;
}
.middle_main .item{
  width: 500px;
  height: 150px;
  padding:50px 40px;
  background-color: #5a8eff;
  margin:0 20px;
  color:#fff;
}
.middle_main .item div{
  padding-left: 40px;
}
.middle_main .item h3{
  font-size: 26px;
  margin-bottom: 35px;
}
.middle_main .item p{
  line-height: 25px;
}
.middle_main .item img{
  width: 60px;
  height: 70px;
}
.middle_td ul li{
  width: 370px!important;
  margin:25px 15px 25px 15px;
  -webkit-box-shadow: 0 0 10px #ebeaea;
  -moz-box-shadow: 0 0 10px #ebeaea;
  box-shadow: 0 0 10px #ebeaea;
}
.net_mx{
  padding: 60px 40px 0 60px!important;
  height: 400px;
}
.sq_flow dl{
  text-align: center;
  /* padding:30px 60px; */
  padding:30px 100px;
  border-bottom:3px solid transparent;
}
.sq_flow dl:hover{
  cursor: pointer;
}
.sq_flow dl.active{
  border-bottom: 3px solid #2f70ff;
}
.sq_flow dl dt{
  margin-bottom: 30px;
}
.flow_item{
  height: 270px;
}
.flow_item .subs{
  position: absolute;
  top:0;
  width: 1130px;
  padding:35px;
  overflow:hidden;
  -webkit-box-shadow: 0 0 10px #ebeaea;
  -moz-box-shadow: 0 0 10px #ebeaea;
  box-shadow: 0 0 10px #ebeaea;
}
.flow_item .subs .subs_txt{
  margin-left: 80px;
}
.flow_item .subs .subs_txt h3{
  font-size: 22px;
  font-weight: bold;
}
.flow_item .subs .subs_txt p{
  color:#8a8a8a;
}
.bg_fwimg{
  background:url('../image/networkFreight/service_bg.jpg') no-repeat;
  background-position: center;
  background-size: cover;   
}
.service_main{
  margin:50px 0;
  -webkit-box-shadow: 0 0 10px #e0dfdf;
  -moz-box-shadow: 0 0 10px #e0dfdf;
  box-shadow: 0 0 10px #e0dfdf;
}
.service_main dl,.saas_main dl{
  width: 33.33%;
  float: left;
  text-align: center;
  padding:85px 0;
}
.service_main dl dd,.saas_main dl dd{
  margin-top:35px;
  line-height: 25px;
}
.saas_img{
  background:url('../image/SaaS/Chara_bg.png') no-repeat;
  background-position: center;
  background-size: cover;   
}
.ys_main .ys_left{
  padding:80px;
  margin:40px 0;
  background-color: #f9faff;
}
.ys_main h1{
  font-size: 22px;
  font-weight: bold;
}
.ys_main .ys_left{
  width: 365px;
  height: 430px;
}
.ys_main .ys_right{
  width: 675px;
  height: 670px;
}
.ys_left ul li{
  padding:25px 0;
}
.ys_left ul li img{
  display: inline-block;
  vertical-align: middle;
}
.ys_left ul li span{
  display: inline-block;
  vertical-align: middle;
}
.ys_right .ys_txt{
  height: 205px;
  padding:65px 75px;
  background-color: #2f70ff;
  color: #fff
}
.ys_main .ys_right img{
  width: 100%;
  height: 335px;
  display: block;
}

.bg_jzimg{
  background:url('../image/platformBuild/Value-Services_bg.jpg') no-repeat;
  background-position: center;
  background-size: cover;   
}
.jz_main ul li{
  width: 33.33%;
  height: 260px;
  margin-top:30px;
  float: left;
  background-color: #fff;
}
.jz_main ul li div{
  text-align:center; 
  margin-top: 60px;
}
.jz_main ul li h3{
  font-size: 16px;
  font-weight: bold;
}
.jz_main ul li p{
  width: 280px;
  margin:45px auto;
  line-height: 25px;
}

.dx_main ul li{
  width: 33.33%;
  height: 120px;
  margin: 30px 15px 0 15px;
  float: left;
  background-color: #fff;  
}
.dx_main .item{
  padding:0 40px;
  margin-top:25px;
}
.dx_main .item .dx_txt{
  margin-left: 25px;
}
.dx_main .item img{
  width: auto;
  height: 42px;
}
.dx_main .dx_txt h4{
  font-size: 18px;
  color:#2f70ff;
  font-weight: bold; 
}
.dx_main .dx_txt p{
  margin-top: 15px;
  color:#686868;
}

/* 关于我们 */
.ys_main .item{
  position: relative;
}
.ys_main .item1{
  height: 456px;
  background:url(../image/aboutUs/pic_01.png) no-repeat;
  background-position: 332px 25px;
}
.ys_main .item2{
  height: 424px;
  background:url(../image/aboutUs/pic_02.png) no-repeat;
  background-position: 528px 25px;
}
.ys_main .item3{
  height: 456px;
  background:url(../image/aboutUs/pic_03.png) no-repeat;
  background-position: 328px 25px;
}
.ys_main .item4{
  height: 424px;
  background:url(../image/aboutUs/pic_04.png) no-repeat;
  background-position: 528px 25px;
}
.ys_img img{
  display: block;
}
.ys_main .wh_txt{
  position: absolute;
  left: 70px;
  bottom: 50px;
  padding:0!important;
}
.ys_main .wh_txt ul li{
  width: auto!important;
}
.ys_main .item .wh_txt h4{
  font-size: 18px;
  font-weight: bold;
}

.about_main .case{
    position: relative;
    color:#fff;
}
.about_main .case:hover{
  cursor:pointer;
}
.about_main .case .nav_txt{ 
  position: absolute;
  z-index: 9;
  padding:0 30px;
}
.about_main .case .nav_txt h3{
  font-size: 20px;
  padding: 0 0 35px;
  text-align: center;
  line-height: 30px;
}
/* .about_main .case .nav_txt h3 em{
  color:#b8c2e5;
} */
.mr50{
  margin-right: 50px;
}
.ml50{
  margin-left: 50px;
}
.about_main .case .nav_txt ul li{
  list-style: disc;
  margin-left: 15px;
  line-height: 25px;
  margin-top: 35px;
}
.about_main .case_one,.about_main .case_two{
  width:380px;
  height: 500px;
  float: left; 
  margin-right:30px;
}
.about_main .case_three{
  width:380px;
  height: 500px;
  float: left;
}
.about_main .case_one{
  background:url('../image/aboutUs/jis-default.jpg') no-repeat;
  background-size: 100% 100%;
}
.about_main .case_two{
  background:url('../image/aboutUs/td-default.jpg') no-repeat;
  background-size: 100% 100%;
}
.about_main .case_three{
  background:url('../image/aboutUs/fw-default.jpg') no-repeat;
  background-size: 100% 100%;
}

/* 解决方案 */
.plan_main{
  padding:0 90px;
  overflow: hidden;
  margin-top: 20px;
}
.plan_main .item{
  width: 430px;
  height: 120px;
  margin-top: 40px;
}
.plan_main .item:hover{
  cursor: pointer;
}
.plan_main .item .txt{
  width: 310px;
  margin-left: 35px;
}
.plan_main .item .txt:hover{
  color:#2f70ff;
}
.plan_main .item .txt h4{
  font-size: 16px;
  font-weight: bold;
}
.plan_main .item .txt p{
  margin-top: 15px;
  line-height: 25px;
}
.solve_main{
  height: 660px;
  color: #fff;
  margin:40px auto;
}
.bg_3pl{
  background:url('../image/3PL/3plbj.jpg') no-repeat;
  background-size: 100% 100%;
}
.bg_motor{
  background:url('../image/motorTrade/qchy-bj.jpg') no-repeat;
  background-size: 100% 100%;
}
/* .bg_bulk{
  background:url('../image/bulkTrade/') no-repeat;
  background-size: 100% 100%;
} */
.solve_main h3{
  font-size: 28px;
  margin-top: 65px;
}
.solve_main .line{
  height: 2px;
  background-color: #2f70ff;
  margin:55px auto 45px;
}
.solve_main h1{
  font-size: 31px;
}
.solve_main .btn,.bulk_main .nav_hover .btn{
  display: block;
  width: 145px;
  height: 45px;
  line-height: 45px;
  background:#2f70ff;
  color:#fff;
  text-align: center;
}
.btn_mar1{
   margin:105px auto 85px; 
}
.btn_mar2{
   margin:45px auto 85px; 
}
.solve_main dl{
  width: 16.6%;
  height: 165px;
  float: left;
  text-align: center;
}
.solve_main dl:hover{
  cursor: pointer;
  /* background: -webkit-linear-gradient(bottom,rgba(34,83,189,0),rgba(34,83,189,1)); Safari 5.1 - 6
    background: -o-linear-gradient(top,rgba(34,83,189,0),rgba(34,83,189,1)); Opera 11.1 - 12
    background: -moz-linear-gradient(top,rgba(34,83,189,0),rgba(34,83,189,1)); 
    background: linear-gradient(to bottom, rgba(34,83,189,0), rgba(34,83,189,1));  */  
}
.solve_main dl.atv{
  background: -webkit-linear-gradient(bottom,rgba(34,83,189,0),rgba(34,83,189,1)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(top,rgba(34,83,189,0),rgba(34,83,189,1)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(top,rgba(34,83,189,0),rgba(34,83,189,1)); 
  background: linear-gradient(to bottom, rgba(34,83,189,0), rgba(34,83,189,1));   
}
.solve_main dd{
  font-size: 16px;
  margin-top: 25px;
}

/* 大宗行业解决方案 */
.bulk_main{
  /* padding-top:25px; */
}
.bulk_main .case{
    width: 380px;
    height: 250px;
    float: left;
    position: relative;
    color:#fff;
    border-top: 2px solid transparent;
    margin:30px 30px 0 0;
}
.bulk_main .case:hover{
  cursor:pointer;
  border-top: 2px solid #2f70ff;
}
.bulk_main .case .opacity{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  background:#000;
  opacity: 0.5;
}
.bulk_main .case .nav_txt{ 
  position: absolute;
  width: 200px;
  height: 145px;
  text-align: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.bulk_main .case .line{
  height: 2px;
  background-color: #fff;  
  margin:15px auto;
}
.bulk_main .case .nav_txt h3{
  font-size: 20px;
  margin-bottom:10px;
}
.bulk_main .case_two{
  width:480px;
  height: 270px;
  float: left; 
  margin:0 10px;
}
.bulk_main .case_one,.bulk_main .case_three{
  width:350px;
  height: 270px;
  float: left;
}
.bulk_main .case1{
  background:url('../image/bulkTrade/yshh.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case2{
  background:url('../image/bulkTrade/zhhyl.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case3{
  background:url('../image/bulkTrade/jyms.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case4{
  background:url('../image/bulkTrade/wsys.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case5{
  background:url('../image/bulkTrade/gps.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case6{
  background:url('../image/bulkTrade/glsx.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case7{
  background:url('../image/bulkTrade/yhccc.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case8{
  background:url('../image/bulkTrade/fyjs.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .case9{
  background:url('../image/bulkTrade/ywtj.jpg') no-repeat;
  background-size: 100% 100%;
}
.bulk_main .nav_hover{
  text-align: center;
}
.bulk_main .nav_hover p{
  width: 100%;
 /*  margin:30px auto; */
  color:#fff;
  line-height: 25px;
  text-align: center;
}
.bulk_main .nav_hover .txt{
  width:90%;
  margin:30px auto 0 auto;
}
.support_main .item1{
  height: 500px;
  background:url("../image/serviceSupport/TEAM_bg.png");
  background-size: 100% 100%;
}
.support_main .item2{
  height: 510px;
  background:url("../image/serviceSupport/service_bg.png");
  background-size: 100% 100%;
}

.support_main .item3{
  height: 575px;
  background:url("../image/serviceSupport/process_bg.png");
  background-size: 100% 100%;
}
.support_main .item .ms_txt h2{
  font-size: 27px;
  font-style: italic;
}
.support_main .item1 .ms_txt{
  position: absolute;
  left:0;
  bottom: 60px;
}
.support_main .item2 .ms_txt{
  position: absolute;
  left:695px;
  bottom: 60px;
}
.support_main .item3 .ms_txt{
  position: absolute;
  left:0;
  top: 220px;
}
.support_main .item .ms_txt ul li{
  color:#666;
}
.support_list{
  width: 1200px;
  margin:60px auto;
}
.support_list ul li{
  width: 320px!important;
  height: 240px!important;
  margin: 30px 2.5px 30px 2.5px!important;
}
.support_list h3{
  margin-top: 35px;
  font-size: 17px;
}
.bi_pad{
  padding: 20px 0 60px 0!important;
}

/* 运营咨询 */
.card_list{
  height: 800px;
}
.card_list dl{
  width: 280px;
  height: 370px;
  margin-top:30px;
  margin-right: 26.6px;
  text-align: center;
  float: left;
}
.card_list dl:hover{
  filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(15,24,59,0.1),direction=120,strength=4);
  -moz-box-shadow: 0 0 20px rgba(15,24,59,0.1);
  -webkit-box-shadow: 0 0 20px rgba(15,24,59,0.1);
  box-shadow: 0 0 20px rgba(15,24,59,0.1); 
}
.card_list dl dt img{
  width: 280px;
  height: 150px;
  display: block;
}
.card_list dl dd{
  background: #fff;
  height: 220px;
  overflow:hidden;
}
.card_list dl dd h3{
  font-size: 20px;
  color:#333;
  margin-top:40px;
}
.card_list dl dd p{
  color:#4d4d4d;
  font-size: 16px;
  margin-top:35px;
  line-height: 30px;
}
.detail_link{
  display: block;
  width: 155px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  color: #2F70FF;
  border:1px solid #2F70FF;
  margin-top: 55px;
}
.detail_link:hover{
  background: #2F70FF;
  color:#fff;
}
.build_bg{
  height:710px;
  background:url('../image/platformBuild/plat-bg.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
.chat_list{
  margin-top: 66px;
}
.chat_list dl{
  text-align: center;
  position: relative;
}
.chat_list dl .arrow{
  position: absolute;
  right: -10px;
  top: 50px;
}
.chat_list dl dd{
  margin-top: 30px;
  color:#1B273C;
  font-size: 20px;
  font-weight: 500;
  font-family:Source Han Sans SC;
}
.sy-alert{
  border-radius: 0;
}
.sy-alert .sy-content{
  padding:30px 20px;
}
.sy-content p{
  color:#2F70FF;
  font-size: 16px;
  text-align:center;
}
.sy-content span{
  color:#333;
  font-size: 24px;
  margin-top: 15px;
  text-align: center;
  display: block;
}
.sy-title{
  text-align: center;
}
.sy-title .close-btn{
  position: absolute;
  width: 25px;
  height: 25px;
  background: url("../image/serviceAsk/Close.png") no-repeat;
  background-size: 100% 100%;
  right: 10px;
  top:10px;
}
.sy-title .close-btn:hover{
  cursor: pointer;
}
/* 
资质申报 */

.sb_main ul li{
  width: 25%;
  margin:40px 0;
  float: left;
}
.sb_main ul li > div{
  text-align:center; 
}
.sb_main ul li .condition_img{
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #2e70ff;
}
.sb_main ul li .condition_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  height: 30px;
}
.sb_main ul li .condition_img img:nth-child(2){
  display: none;
}
.sb_main ul li .condition_img:hover{
  background: #2e70ff;
}
.sb_main ul li .condition_img:hover img:nth-child(1){
  display: none;
}
.sb_main ul li .condition_img:hover img:nth-child(2){
  display: block;
}
.sb_main ul li h3{
  font-size: 16px;
  font-weight: bold;
}
.sb_main ul li p{
  width: 280px;
  margin:50px auto 0 auto;
  line-height: 25px;
}
.declare_list dl{
  width: 375px;
  height: 500px;
  margin-top:30px;
  margin-right:37.5px;
  float: left;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#e7e6e6,direction=120,strength=4);/*ie*/
  -moz-box-shadow: 0 0 10px #e7e6e6;/*firefox*/
  -webkit-box-shadow: 0 0 10px #e7e6e6;/*safari或chrome*/
  box-shadow:0 0 10px #e7e6e6;/*opera或ie9*/
}
.declare_list dl dt img{
  width: 100%;
  height: 220px;
  display: block;
}
.declare_list dl dd{
  background: #fff;
  height: 280px;
  overflow:hidden;
  padding:0 50px;
  position: relative;
}
.declare_list dl dd:hover{
  cursor: pointer;
  animation: b_color 1s;
  animation-fill-mode: forwards;
  animation-play-state: running;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#2F70FF,direction=120,strength=4);/*ie*/
  -moz-box-shadow: 0 0 20px #2F70FF;/*firefox*/
  -webkit-box-shadow: 0 0 20px #2F70FF;/*safari或chrome*/
  box-shadow:0 0 20px #2F70FF;/*opera或ie9*/
}
.declare_list dl dd:hover h3,.declare_list dl dd:hover ul li{
  color:#fff;
}
.declare_list dl dd h3{
  font-size: 20px;
  color:#333;
  padding-top:45px;
  margin-bottom: 30px;
}
.declare_list dl dd ul li{
  color:#4d4d4d;
  font-size: 16px;
  line-height: 30px;
  list-style: inside;
}
.declare_list dl dd img{
  position: absolute;
  right: 48px;
  bottom: 40px;
}
@keyframes b_color {
    from {
        background: #fff;
    }
    to {
        background: #2F70FF;
    }
}

@-moz-keyframes b_color {
    from {
        background: #fff;
    }
    to {
        background: #2F70FF;
    }
}

@-webkit-keyframes b_color {
    from {
        background: #fff;
    }
    to {
        background: #2F70FF;
    }
}

@-o-keyframes b_color {
    from {
        background: #fff;
    }
    to {
        background: #2F70FF;
    }
}


/* 监管平台 */
.jg_main ul{
  margin: -15px;
}
.jg_main ul li{
  width: 33.333%;
  padding: 15px;
  overflow: hidden;
  float: left;
  box-sizing: border-box;
}
.jg_main ul li div{
  box-sizing: border-box;
  padding: 40px;
  height: 260px;
  background:#fff;
}
.jg_main ul li div img{
  height: 64px;
}
.jg_main ul li div h4{
  font-size: 20px;
  margin-top: 24px;
}
.jg_main ul li div p{
  font-size: 16px;
  margin-top: 24px;
  line-height: 25px;
}
.jg_main ul li div:hover{
  cursor: pointer;
  animation: b_color 1s;
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.jg_main ul li:hover h4,.jg_main ul li div:hover p{
  color:#fff;
}

.side {
    display: none; 
    position: fixed;
    right: 45px;
    top: 400px;
    z-index: 100;
}
.side .sidetop {
    width: 48px;
    height: 48px;
    background: #000;
    opacity: 0.5;
    filter: Alpha(opacity=80);
    transition: all 0.3s;
    color:#fff;
}

.side .sidetop:hover {
    background: #2F70FF;
    opacity: 1;
    filter: Alpha(opacity=100);
}


.bannerSwiper .swiper-container .swiper-wrapper .swiper-slide{
  position: relative;
}
.bannerSwiper .swiper-container .swiper-wrapper .swiper-slide a.jump_btn{
  position: absolute;
  width: auto;
  height: auto;
  z-index: 2;
  left: 50%;
  top: 60%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  font-size: 28px;
  color: #fff;
  line-height: 1;
  padding: 18px 50px;
  border-radius: 9999px;
  background: #1197f2;
}
.support_new_page{
  background: #f9f9f9;
}
.support_new *{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.support_new .plate + .plate{
  margin-top: 70px;
}
.support_new .core_area{
  width: 1200px;
  margin: 0 auto;
}
.support_new .server_plate .plate_content{
  padding: 70px 50px;
  background: #fff;
}
.support_new .plate_text{
  text-align: center;
  width: 80%;
  margin: 0 auto 50px;
}
.support_new .plate_text h2{
  font-size: 28px;
  margin-bottom: 30px;
}
.support_new .plate_text p{
  font-size: 16px;
  line-height: 2;
  white-space: pre-line;
  color: #4c4c4c;
}

.support_new .server_plate .server_list > ul{
  margin: -15px;
}
.support_new .server_plate .server_list > ul > li{
  float: left;
  width: 33.333%;
  padding: 15px;
}
.support_new .server_plate .server_list .single_server{
  background: #fff;
}
.support_new .server_plate .server_list .single_server .server_img{
  position: relative;
  height: 230px;
  overflow: hidden;
}
.support_new .server_plate .server_list .single_server .server_img > img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  width: 100%;
  transition: all .3s ease-in-out;
}
.support_new .server_plate .server_list .single_server:hover .server_img > img{
  width: 120%;
}
.support_new .server_plate .server_list .single_server .server_text{
  padding: 50px 0;
  font-size: 18px;
  text-align: center;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .05)
}
.support_new .carry_plate .plate_content{
  padding: 60px 0;
  color: #fff;
  background: url('../image/serviceSupport/carry_bg.jpg') center center no-repeat;
}
.support_new .carry_plate .plate_content .plate_text p{
  color: #fff;
}
.support_new .carry_plate .carry_list > ul{
  display: table;
  width: 100%;
  table-layout: fixed;
}
.support_new .carry_plate .carry_list > ul > li{
  display: table-cell;
  width: 16.666%;
  vertical-align: middle;
}
.support_new .carry_plate .carry_list .carry_img{
  position: relative;
  padding: 0 50px;
}
.support_new .carry_plate .carry_list .carry_img .icon{
  display: block;
  width: 100%;
}
.support_new .carry_plate .carry_list .carry_img .arrow{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.support_new .carry_plate .carry_list .carry_text{
  margin-top: 30px;
  font-size: 18px;
  white-space: nowrap;
  text-align: center;
}
.support_new .carry_plate .carry_btn{
  margin-top: 50px;
  text-align: center;
}
.support_new .carry_plate .carry_btn a{
  display: inline-block;
  line-height: 1;
  padding: 10px 20px;
  font-size: 14px;
  color: #2f70ff;
  border: 1px solid #2f70ff;
}
.support_new .plate_content .plate_left,
.support_new .plate_content .plate_right{
  float: left;
}
.support_new .plate_content .plate_left{
  width: 55%;
}
.support_new .plate_content .plate_right{
  padding-left: 100px;
  width: 45%;
}
.support_new .plate_content .plate_left .plate_text{
  width: 100%;
  margin: 0;
  text-align: left;
}
.support_new .team_plate .plate_content{
  padding: 50px;
  background: #fff;
}
.support_new .team_plate .plate_text p{
  white-space: normal;
  text-align: justify;
}
.support_new .plate_content .plate_right img{
  display: block;
  width: 100%;
}
.swiperMain{
  width: 1000px;
  margin:40px auto 0;
}
.swiperMain .banner{
  height: 560px!important;
  overflow: initial!important;
}
.describe dl{
  width: 250px;
  float: left;
  margin-top: 48px;
}
.describe dl dt{
  float: left;
  margin-right: 18px;
}
.bg_Biimg{
  background:url('../image/BI/sysj_bg.jpg') no-repeat;
  background-position: center;
  background-size: cover; 
}
.animate_main .showImg{
  width: 580px;
  height: 325px;
}
.animate_main .nav_hover{top:0;}

.animate_main .border-hor {
    border: 1px solid #fff;
    border-width: 1px 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.animate_main .border-ver {
    border: 1px solid #fff;
    border-width: 0 1px;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.animate_main .border-ver,
.animate_main .border-hor {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    -webkit-transition: all .4s;
    transition: all .5s;
}
.animate_main .nav_hover:hover .border-hor,.animate_main 
.nav_hover:hover .border-ver {
    cursor: pointer;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}
.animate_main .nav_hover img {
    animation: img_b 1s;
    animation-fill-mode: forwards;
    animation-play-state: paused;
}