.tmsprobanner { background: url(/NewMobileWeb/static/image/product/3pl/banner.png) no-repeat center; }
.gxprobanner { background: url(/NewMobileWeb/static/image/product/gx/banner.png) no-repeat center; }
.cpprobanner { background: url(/NewMobileWeb/static/image/product/cp/banner.jpg) no-repeat center; }
/************************************************三方******************************/
.probanner { width: 100%; /*background: url(/NewMobileWeb/static/image/product/3pl/banner.png) no-repeat center;*/ background-size: cover; padding: 12% 0px; position: relative; }

.probanner-inner { padding: 0px 4%; color: #fff; letter-spacing: 2px; }
.probanner-inner h3 { padding-bottom: 2%; }
.textbar { position: absolute; bottom: -3.5rem; width: 90%; left: 50%; margin: auto; transform: translate(-50%,-50%); text-align: center; background: #fff; border-radius: 50px; box-shadow: 1px 1px 10px rgba(135, 135, 135, 0.5); color: #00259a; }
.textbar .barlist li { display: inline-block; width: 30%; text-align: center; height: 3.5rem; line-height: 3.5rem; }
.textbar .barlist li a { color: #0c0c0c; }
.textbar .barlist li a.on { width: 100%; color: #00269b; }

.cpprobanner { text-align: center; }

/*核心功能*/
.corefunction { width: 90%; margin: 0px auto; background: #fff; padding-top: 12%; }
.corefunction .title { color: #000; text-align: center; padding-bottom: 4%;letter-spacing:2px }
.br0b38ed { height: 6px; width: 100%; background: #0b38ed; border-radius: 4px; }
.corefunction-inner { padding-top: 6%; padding-bottom: 6%; margin-bottom: 4%; box-shadow: 0px 0px 20px rgba(122, 122, 122, 0.3); }
.corefunction-inner .top { text-align: center; color: #2a72ea; width: 80%; padding-bottom: 6%; margin: 0px auto; border-bottom: 1px solid #cacaca; margin-bottom: 4%; }
.corefunction-inner .top img { width: 32px; }
.corefunction-inner .top span { margin-left: 2%; padding-top: 1%; line-height: 32px; display: inline-block; }

.corefunction-inner .item { display: inline-block; width: 49%; padding-left: 10%; line-height: 34px; margin-bottom: 2%; }
.corefunction-inner .item:nth-of-type(odd) { padding-right: 10%; padding-left: 0%; text-align: right; }
.corefunction-inner .item img { margin-right: 10px; width: 34px; height: 34px; }
.corefunction-inner .item img { margin-right: 10px; width: 39px; height: 39px; }

.corefunction-inner .finance { width: 80%; margin: 0px auto; text-align: center; }
.corefunction-inner .finance img { width: 100%; }
/*产品优势*/
/*.prservicetms { margin-bottom: 4%; }*/
.prservicetms-list { width: 100%; margin: 0px auto; position: relative; background: #fafbff; margin-top: 10%; }
.prservicetms-list .item { width: 100%; height: 100%; text-align: center; position: relative; padding-top: 6%; padding-bottom: 0%; color: #fff; margin-bottom: 6%; outline: none; }
.prservicetms-list .item .t1 { margin-bottom: 16px; letter-spacing: 2px; font-weight: bold; margin-top: 6%; color: #040404; text-align: center; }
.prservicetms-list .item .t1 .am-text-primary { color: #3c80fb; }
.prservicetms-list .item .t2 { padding: 10px 5%; /*letter-spacing: 2px;*/ /*margin-top: 16px;*/ color: #1b1b1b; text-align: left; }
.prservicetms-list .item .mark { width: 76%; margin: 0px auto; margin-top: 20px; }
.prservicetms-list .item .mark img { width: 100%; }
.prservicetms-list .p-prev, .prservicetms-list .p-next { outline: none; }
.prservicetms-list .p-prev:after, .prservicetms-list .p-next:after { font-size: 24px; color: #76a4fc; outline: none; }
/*产品案例轮播*/
.caserotation-inner { background: url(/NewMobileWeb/static/image/product/3pl/dl.png) no-repeat center #215fcb; background-size: 100% 100%; padding: 6% 0px; }
.caserotationlist { width: 90%; margin: 0px auto; outline: none; }
.caserotationlist .item { width: 100%; text-align: center; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; cursor: pointer; }
.caserotationlist .item p { color: #fffeff; margin-top: 10px; }
.caserotationlist .item img { width: 90px; height: 90px; }
.caserotationlist .item img { width: 24%; height: 24%; }
/*.caserotationlist .item:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }*/
.caserotationlist.p-prev, .caserotationlist .p-next { outline: none; }
.caserotationlist .p-prev:after, .caserotationlist .p-next:after { font-size: 24px; color: #c0bfbd; outline: none; }

/* 相关案例*/
.relatedcases { width: 100%; background: #f3f6fd; }
.relatedcases-inner { max-width: 1200px; width: 100%; margin: 0px auto; padding-bottom: 2%; }
.relatedcases-inner .title { color: #000; padding: 4% 0px; text-align: center; letter-spacing: 2px; font-weight: bold; }
.relatedcaseslist { width: 90%; margin: 0px auto; padding-top: 4%; padding-left: 2%; }
.relatedcaseslist .item { width: 30%; display: inline-block; text-align: center; margin: 0px 1%; margin-bottom: 6%; }
.relatedcaseslist .item img { width: 100%; width: 50%; }
.relatedcaseslist .item .t1 { color: #0041b9; margin: 4px 2px; letter-spacing: 2px; }


/************************************************三方**********************************/


/************************************************干线**********************************/
.gxlinehaul { width: 90%; margin: 0px auto; padding: 2% 0px; margin-top: 6%; }
.gxlinehaul .title { text-align: center; margin-bottom: 4%; letter-spacing: 2px; font-weight: bold; }
.gxlinehaul img.main-bg { width: 100%; }
.gxlinehaul .linehaul-list { padding: 5%; border: 1px solid #98b4e3; text-align: center; }
/*.gxlinehaul .linehaul-list .item { width: 32%; display: inline-block; margin: 1% 0px; }
.gxlinehaul .linehaul-list .item span { font-size: 14px; color: #191919; letter-spacing: 2px; line-height: 28px; display: inline-block; margin-left: 10px; }
.gxlinehaul .linehaul-list .item img { width: 28px; height: 28px; }
.gxlinehaul .linehaul-list .item img { width: 36px; height: 36px; }*/
.gxlinehaul .linehaultu { width: 90%; margin: 0px auto; text-align: center; }
.gxlinehaul .linehaultu img { width: 100%; }

.gxsystemadvantage { width: 100%; margin: 0px auto; padding: 6% 0px; margin-top: 6%; padding-bottom: 2%; background: url(/NewMobileWeb/static/image/product/gx/ys.png) no-repeat top center; background-size: 100%; }
.gxsystemadvantage .title { text-align: center; margin-bottom: 4%; color: #fff; letter-spacing: 2px; font-weight: bold; }
.gxsystemadvantagelist { width: 90%; margin: 0px auto; margin-bottom: 2%; }
.gxsystemadvantagelist .item { width: 100%; }

.gxsystemadvantagelist .item .mark { width: 70%; margin: 0px auto; margin-top: 10px; }
.gxsystemadvantagelist .item .mark img { width: 100%; }
.gxsystemadvantagelist .item .work { width: 100%; position: relative; top: -20px; text-align: center; margin-bottom: 4%; }
.gxsystemadvantagelist .item .work .t1 { margin: 8px 0px; letter-spacing: 2px; font-weight: bold; }
.gxsystemadvantagelist .item .work .t2 { /*letter-spacing: 2px;*/ text-align: left;}
.gxsystemadvantagelist .p-pagination .swiper-pagination-bullet { width: 12px !important; height: 12px !important; }
/************************************************干线**********************************/


/***************************************** 城配  ****************************************/
.cplinehaul { width: 90%; margin: 0px auto; padding: 2% 0px; margin-top: 6%; }
.cplinehaul .title { text-align: center; margin-bottom: 4%; letter-spacing: 2px; }
.cplinehaul img.main-bg { width: 100%; }
.btop { background: #fff; height: 8px; width: 86%; margin: 0px auto; position: relative; top: 4px; }
.cplinehaul .linehaul-list { padding: 6% 4%; border: 1px solid #0142b8; border-radius: 5px; }
.cplinehaul .linehaul-list .item { width: 32%; display: inline-block; margin: 1% 0px; background: url(/NewMobileWeb/static/image/product/cp/btn.png) no-repeat center center; text-align: center; }
.cplinehaul .linehaul-list .item span { font-size: 14px; color: #fffdff; letter-spacing: 2px; line-height: 28px; display: inline-block; padding: 10px; }
.cplinehaul .linehaul-list .item img { width: 28px; height: 28px; }


.cpsystemadvantage { width: 100%; margin: 0px auto; padding-top: 6%; margin-top: 6%; background: url(/NewMobileWeb/static/image/product/cp/ty.png) no-repeat top center; background-size: 100%; }
.cpsystemadvantage .title { text-align: center; margin-bottom: 4%; color: #fff; letter-spacing: 2px; font-weight: bold; }
.cpsystemadvantagelist { width: 90%; margin: 0px auto; margin-bottom: 2%; }
.cpsystemadvantagelist .item { width: 100%; }

.cpsystemadvantagelist .item .mark { width: 70%; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; }
.cpsystemadvantagelist .item .mark img { width: 100%; }
.cpsystemadvantagelist .item .work { width: 100%; position: relative; top: -20px; text-align: center; margin-bottom: 4%; }
.cpsystemadvantagelist .item .work .t1 { margin: 12px 0px; letter-spacing: 2px; padding-top: 3%; font-weight: bold; }
.cpsystemadvantagelist .item .work .t1 .am-text-primary { color: #0C7AEA; }
.cpsystemadvantagelist .item .work .t2 { /*letter-spacing: 2px;*/ padding: 2% 0px; text-align: left; }
.cpsystemadvantagelist .p-pagination .swiper-pagination-bullet { width: 30px !important; height: 8px !important; border-radius: 10px; }
.cpsystemadvantagelist .p-pagination .swiper-pagination-bullet-active { background: #0C7AEA; }
.cpsystemadvantage-bottbg { background: url(/NewMobileWeb/static/image/product/cp/ty2.png) no-repeat bottom center; margin: 0px auto; padding-top: 40%; background-size: 100%; }

/*.cprelatedcases .relatedcaseslist .item img { width: initial; }*/
/****************************************  城配  ****************************************/

@media only screen and (max-width:500px) {
    /*cp*/
    .cplinehaul .linehaul-list .item { background-size: 100% 100%; }
    .cplinehaul .linehaul-list .item span { padding: 6px; }
}

@media only screen and (max-width:450px) {
    .prservicetms-list .item { padding-bottom: 4%; }
    .prservicetms-list .item .t1 { margin-bottom: 0px; margin-top: 8%; }
    .corefunction-inner .top img { width: 28px; }
}

@media only screen and (max-width:400px) {
    .corefunction-inner .top img { width: 22px; }
    /************************************三方**********************************/
    .corefunction-inner .item { padding-left: 6%; }
    .prservicetms-list .item { padding-bottom: 4%; }
    .prservicetms-list .item .mark { width: 80%; }
    .prservicetms-list .item .t1 { margin: 0px; margin-bottom: 0px; margin-top: 35px; }
    .prservicetms-list .item .t1 { font-size: 1.5rem;  }
    .prservicetms-list .item .t2 { margin-top: 0px; }
    /************************************三方**********************************/
    /*cp*/
    .cplinehaul .linehaul-list .item span { padding: 2px; }
    .cprelatedcases .relatedcaseslist .item.wd img { width: 50%; }
    .caserotationlist .item img { width: 16%; height: 16%; }
}

@media only screen and (max-width:360px) {
    /************************************三方**********************************/
    .corefunction { width: 90%; }
    .corefunction-inner .item { padding-left: 2%; }
    .prservicetms-list .p-prev, .prservicetms-list .p-next { top: 40%; }
    .prservicetms-list .item { padding-top: 0%; padding-bottom: 0%; }
    .prservicetms-list .item .mark { width: 80%; margin-bottom: 2%; }
    .prservicetms-list .item .t1 { font-size: 1.5rem; margin: 0px; padding-top: 12%; text-align: center; }
    .prservicetms-list .item .t2 { margin: 0px; width: 100%; text-align: center; }
    /************************************三方**********************************/

    /************************************干线**********************************/
    /*.gxlinehaul .linehaul-list .item img { width: 24px; height: 24px; }
    .gxlinehaul .linehaul-list .item span { line-height: 24px; margin-left: 6px; }*/
    /************************************干线**********************************/

}