@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../css/SourceHanSansCN-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.ibanner1 h3 a,
.ibanner2 h3 a,
.ibanner3 h3 a,
.ibanner4 h3 a {
    border: 1.8px solid #fff;
}

.ibanner1 {
    background: url(../image/index/bannerbj1.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    height: 600px;
}

.ibanner1 h1, .ibanner1 h3 {
    position: static;
    transform: none;
    color: #fff;
}

.ibanner1 h1 {
    font-size: 48px;
    margin-bottom: 24px;
}

.ibanner1 h3 {
    text-align: center;
}

.ibanner2 {
    background: url(../image/index/bannerbj2.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    height: 600px;
}

.ibanner3 { background: url(../image/index/bannerbj3.jpg) no-repeat top center; background-size: 100% auto; }

.ibanner4 { background: url(../image/index/bannerbj4.jpg) no-repeat top center; background-size: 100% auto; }

.ibanner1, .ibanner2, .ibanner3, .ibanner4 { padding-top: 50%; position: relative; }

    .ibanner1:before, .ibanner2:before, .ibanner3:before, .ibanner4:before { content: ""; display: block; }

.fxldh { }

.ibanner1 h1 { position: absolute; top: 29%; left: 16%; font-size: 48px; font-weight: normal; color: #fff; letter-spacing: 2px; animation: myfirst1 1 1s; -webkit-animation: myfirst1 1 1s; }

.ibanner1 h2 { position: absolute; top: 38%; left: 16%; font-weight: normal; color: #fff; letter-spacing: 4px; animation: myfirst2 1 1s; -webkit-animation: myfirst2 1 1s; }


.ibanner1 h3 { position: absolute; top: 90%; left: 50%; transform: translateX(-50%); animation: myfirst13 1 1s; -webkit-animation: myfirst13 1 1s; text-align: center; }
.ibanner2 h3,.ibanner3 h3,.ibanner4 h3 {
    position: absolute !important;
    top: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
}
/*animation: myfirst3 1 1s; -webkit-animation: myfirst3 1 1s;
animation: myfirst3 1 1s; -webkit-animation: myfirst3 1 1s;*/
/* .ibanner3 h3 { position: absolute; top: 37%; left: 15.5%; animation: myfirst3 1 1s; -webkit-animation: myfirst3 1 1s; } */
/* .ibanner4 h3 { position: absolute; top: 37%; left: 15.5%; animation: myfirst3 1 1s; -webkit-animation: myfirst3 1 1s; } */

.ibanner1 h3:hover a { font-size: 22px; }
.ibanner2 h3:hover a { font-size: 22px; }
.ibanner3 h3:hover a { font-size: 22px; }
.ibanner4 h3:hover a { font-size: 22px; }

@keyframes myfirst1 {
    0% { left: 70%; top: 29%; }

    100% { left: 16%; top: 29%; }
}

@-webkit-keyframes myfirst1 /* Safari 与 Chrome */
{
    0% { left: 70%; top: 29%; }

    100% { left: 16%; top: 29%; }
}

@keyframes myfirst2 {
    0% { left: 70%; top: 38%; }

    100% { left: 16%; top: 38%; }
}

@-webkit-keyframes myfirst2 /* Safari 与 Chrome */
{
    0% { left: 70%; top: 38%; }

    100% { left: 16%; top: 38%; }
}





@keyframes myfirst3 {
    0% { left: 70%; top: 35%; }

    100% { left: 20%; top: 35%; }
}

@-webkit-keyframes myfirst3 /* Safari 与 Chrome */
{
    0% { left: 70%; top: 35%; }

    100% { left: 20%; top: 35%; }
}


@keyframes myfirst23 /* Safari 与 Chrome */ {
    0% { left: 70%; top: 68%; }
    100% { left: 30%; top: 68%; }
}
@-webkit-keyframes myfirst23 /* Safari 与 Chrome */
{
    0% { left: 70%; top: 68%; }
    100% { left: 30%; top: 68%; }
}

@keyframes myfirst13 {
    0% { left: 70%; top: 90%; }
    100% { left: 50%; top: 90%; transform: translateX(-50%); }
}
@-webkit-keyframes myfirst13 {
    0% { left: 70%; top: 90%; }
    100% { left: 50%; top: 90%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}

/* .ibanner2 h3 { position: absolute; top: 68%; left: 30%; font-weight: 400; } */


.ibanner2 h1 { position: absolute; top: 50%; left: 30%; font-size: 48px; font-weight: normal; color: #fff; letter-spacing: 2px; }

    .ibanner2 h1 span { color: #000; margin-left: 20px; }

.ibanner2 h2 { position: absolute; top: 60%; left: 30%; font-weight: normal; color: #fff; letter-spacing: 4px; }

/* .ibanner2 h3 { position: absolute; top: 68%; left: 30%; font-weight: 400; } */


.ibanner1 h3 a { color: #fff; border: 1px solid #fff; padding: 8px 15px; }
.ibanner2 h3 a { color: #fff; border: 1px solid #fff; padding: 8px 15px; }

.ibanner3 h1 { position: absolute; top: 42%; left: 18%; font-size: 48px; font-weight: normal; color: #fff; letter-spacing: 2px; }
/* .ibanner3 h3 { position: absolute; top: 59%; left: 18%; cursor: pointer; font-size: 20px; font-weight: 400; display: inline-block; width: 150px; text-align: center; padding: 10px 0px; } */
.ibanner3 h3 a { color: #fff; border: 1px solid #fff; padding: 8px 15px; }



.ibanner4 h1 { position: absolute; top: 36%; left: 20%; font-size: 48px; font-weight: normal; color: #fff; letter-spacing: 2px; animation: myfirst2 1 1s; -webkit-animation: myfirst2 1 1s; }



    /*.ibanner4 h1 { position: absolute; top: 50%; left: 30%; font-size: 48px; font-weight: normal; color: #fff; letter-spacing: 2px; }*/

    .ibanner4 h1 span { color: #000; margin-left: 20px; }

.ibanner4 h2 { position: absolute; top: 46%; left: 20%; font-weight: normal; color: #fff; letter-spacing: 4px; }

/* .ibanner4 h3 { position: absolute; top: 56%; left: 20%; } */


/* .ibanner4 h3 { position: absolute; top: 59%; left: 20%; cursor: pointer; font-size: 20px; font-weight: 400; animation: myfirst2 1 1s; -webkit-animation: myfirst2 1 1s; display: inline-block; width: 150px; text-align: center; padding: 10px 0px; } */

    .ibanner4 h3 a { color: #fff; border: 1px solid #fff; padding: 8px 15px; animation: myfirst2 1 1s; -webkit-animation: myfirst2 1 1s; }



 body .kf_qycn_com_cckf_icon,  body .kf_qycn_com_cckf_dock, body #kf_qycn_com_cckf_welcomebox_sw { 
    display:none!important;
}

.banner-inner .p-prev, .banner-inner .p-next { outline: none; }


.bantip-inner .bantipcenter { width: 28%; }


/*banner 下 标注分栏*/
.bantip { width: 100%; margin: 0px auto; background: #2473EA; }

.bantip-inner { width: 82%; padding-left: 6%; margin: 0px auto; clear: both; height: 168px; padding-top: 54px; }

    .bantip-inner .item { float: left; width: 32%; padding-left: 3%; padding-right: 3%; letter-spacing: 4px; }

        .bantip-inner .item:last-child { border: none; }

        .bantip-inner .item .tit { font-size: 22px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2px; }

        .bantip-inner .item img { margin-right: 18px; width: 50px; height: 50px; float: left; vertical-align: middle; }

        .bantip-inner .item p { color: #fff; font-size: 15px; font-weight: normal; }

/*.bantip-inner .bantipcenter { width: 33%; }*/


/*产品服务*/
.titleh3 { font-size: 36px; }

.productservice-inner { width: 100%; margin: 0px auto; max-width: 1800px; padding: 0px 5%; }

.productservice-top { margin: 0px auto; margin-top: 100px; width: 80%; text-align: center; }

    .productservice-top .productservice-title { font-weight: normal; /*margin-bottom: 50px;*/ text-align: center; letter-spacing: 4px; }
    .productservice-top h3 { margin-bottom: 20px; }
    .productservice-top p { font-size: 18px; line-height: 2; color: #808080; /*letter-spacing: 4px;*/ }

.service-toplist { width: 100%; margin: 0 auto; clear: both; padding: 0px 2.5%; }

    .service-toplist .sitem { width: 20%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; display: inline-block; cursor: pointer; text-align: center; margin-right: 2.3%; margin-top: 80px; margin-bottom: 80px; margin-left: 2.3%; text-align: center; vertical-align: top; }
/*.service-toplist .sitem:last-child { margin-right: 0%; }*/
.sitem .dbimg { width: 248px; height: 248px; margin: 0 auto; background-size: 80% 80%; }

.service-toplist .sitem p { font-size: 24px; letter-spacing: 3px; }

.sericei1 { background: url('../image/index/wms1.png') no-repeat center center; background-size: 80% 80%; }

.sericei2 { background: url('../image/index/tms1.png') no-repeat center center; background-size: 80% 80%; }

.sericei3 { background: url('../image/index/vms1.png') no-repeat center center; background-size: 80% 80%; }

.sericei4 { background: url('../image/index/netwlhy1.png') no-repeat center center; background-size: 80% 80%; }

.sericei5 { background: url('../image/index/yyll23.png') no-repeat center center; background-size: 80% 80%; }



.service-toplist .sitem.show p { color: #3c80fc; }

.service-toplist .sitem.show .sericei1 { background: url('../image/index/wms1-on.png') no-repeat center center; background-size: 80% 80%; }

.service-toplist .sitem.show .sericei2 { background: url('../image/index/tms1-on.png') no-repeat center center; background-size: 80% 80%; }

.service-toplist .sitem.show .sericei3 { background: url('../image/index/vms1-on.png') no-repeat center center; background-size: 80% 80%; }

.service-toplist .sitem.show .sericei4 { background: url('../image/index/netwlhy1-on.png') no-repeat center center; background-size: 80% 80%; }

.service-toplist .sitem.show .sericei5 { background: url('../image/index/yyll23-on.png') no-repeat center center; background-size: 80% 80%; }

.service-shadow { width: 100%; border-radius: 5px; }

    .service-shadow:before { content: ''; display: inline-block; width: 100%; height: 2px; box-shadow: 0px 10px 20px #5b5b5b; }

.threeservicetms-inner { }

/*.threeservicetms-inner .tleft{width:48%;}*/
/*.threeservicetms-inner .tleft img{width:90%;max-width:650px;}*/






.threeservice-main { width: 100%; margin: 0px auto; }

    .threeservice-main > div { display: none; }

        .threeservice-main > div.show { display: block; }

.threeservice-inner { width: 90%; max-width: 1780px; margin: 0px auto; padding-top: 120px; padding-bottom: 190px; }

.tleft { position: relative; display: inline-block; width:50%; }

.btnitem { position: absolute; right: 0px; cursor: pointer; }

.tleft .ccwms { width: 500px; margin-left: 5%; }

.tleft .clvms { width: 500px; margin-right: 5%; }

.tleft .netwlhy { width: 500px; margin-right: 5%; }


.fxlitem1 { background: url('../image/index/cp1.png') no-repeat center center; width: 240px; height: 179px; }

.fxlitem2 { background: url('../image/index/sf1.png') no-repeat center center; width: 176px; height: 201px; }

.fxlitem3 { background: url('../image/index/gx1.png') no-repeat center center; width: 190px; height: 179px; }

.fxlitem1.activie { background: url('../image/index/cp11.png') no-repeat center center; width: 240px; height: 179px; }

.fxlitem2.activie { background: url('../image/index/sf11.png') no-repeat center center; width: 176px; height: 201px; }

.fxlitem3.activie { background: url('../image/index/gx11.png') no-repeat center center; width: 190px; height: 179px; }

.fxlitem1 { top: -23px; right: 74px; transform: rotate(0deg); }

.fxlitem2 { top: 130px; right: 54px; transform: rotate(0deg); }

.fxlitem3 { top: 294px; right: 75px; transform: rotate(0deg); }

.fxlitem1 { top: -32px; right: 94px; transform: rotate(0deg); }

.fxlitem2 { top: 103px; right: 75px; transform: rotate(0deg); }

.fxlitem3 { top: 265px; right: 95px; transform: rotate(0deg); }

.fxlitem1 { top: -38px; right: 72px; transform: rotate(0deg); }

.fxlitem2 { top: 95px; right: 54px; transform: rotate(0deg); }

.fxlitem3 { top: 258px; right: 75px; transform: rotate(0deg); }

.tright { width: 50%; float: right; position: relative; padding-top: 90px; }

    .tright .item { display: none; }

        .tright .item.activie { display: inline-block; }

        .tright .item span { display: inline-block; font-size: 24px; color: #000; padding-bottom: 16px; border-bottom: 2px solid #3c80fc; letter-spacing: 4px; }

        .tright .item p { line-height: 2; font-size: 16px; letter-spacing: 1px; color: #808080; }



/*智能终端*/
.terminal-inner { /*height: 490px;*/ margin: 0px auto; width: 100%; /*height:695px;*/ padding-top: 9%; padding-bottom: 10%; background: url(/NewWeb/static/image/index/znzd.jpg) no-repeat top center; background-size: 100% auto; }

.terminal-left { width: 50%; display: inline-block; position: relative; float: left; }

    .terminal-left .item { display: inline-block; height: 100%; text-align: center; top: 0px; left: 50%; margin-left: -23%; height: 100%; background: red; position: absolute; border-radius: 8px; opacity: 0; -webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); transform: translateX(-280px); }

        .terminal-left .item h3 { letter-spacing: 4px; font-weight: 400; }

        .terminal-left .item img { width: 100%; }


.terminal-inner .terminal-left .item1 { z-index: 60; top: 40px; left: 30%; }

.terminal-inner .terminal-left .item5 { z-index: 60; top: 40px; right: 30%; left: initial; }

.terminal-inner .terminal-left .item2 { width: 21%; z-index: 80; top: 20px; left: 40%; }

.terminal-inner .terminal-left .item4 { right: 40%; z-index: 80; top: 20px; left: initial; }

.terminal-inner .terminal-left .item3 { width: 23%; z-index: 100; }

.terminal-inner .terminal-left .show.item1 { width: 16%; z-index: 60; top: 60px; left: 15%; }

.terminal-inner .terminal-left .show.item5 { z-index: 60; top: 80px; right: 15%; left: initial; }

.terminal-inner .terminal-left .show.item2 { width: 21%; z-index: 80; top: 20px; left: 30%; }

.terminal-inner .terminal-left .show.item4 { right: 30%; z-index: 80; top: 20px; left: initial; }

.terminal-inner .terminal-left .show.item3 { width: 23%; z-index: 100; }

.terminal-inner .terminal-left .show { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); -webkit-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

/*.terminal-inner .terminal-left  .item5  {margin-top:20px;}*/
/*1 2 3  2 1*/
/*.terminal-left { position: relative; width: 50%; display: inline-block; background: url('../image/index/app.png') no-repeat top center; background-size: 100% 89%; height: 100%; }*/
/*.bartom { position: absolute; bottom: 4%; width: 100%; }
.terminal-left .item { color: #000; font-size: 24px; display: inline-block; width: 19%; text-align: center; }
.terminal-left .spitem1 { left: 30px; bottom: 11%; }
.terminal-left .bartom .spitem1, .terminal-left .bartom .spitem5 { position: relative; top: -48px; left: 18px; }
.terminal-left .bartom .spitem2, .terminal-left .bartom .spitem4 { position: relative; top: -30px; left: 18px; }
.terminal-left .bartom .spitem1 { left: 10px; }
.terminal-left .bartom .spitem2 { left: 0px; }
.terminal-left .bartom .spitem1 { left: -10px; }*/





.terminal-right { width: 44%; overflow: hidden; margin: 0 auto; }

    .terminal-right .terminal-title { color: #fff; font-size: 36px; font-weight: 500; margin-bottom: 20px; text-align: center; letter-spacing: 2px; }

    .terminal-right span { color: #fff; font-size: 24px; display: inline-block; margin-bottom: 10px; font-weight: normal; /*letter-spacing: 4px;*/ }

    .terminal-right p { line-height: 2; color: #fff; font-size: 16px; letter-spacing: 1px; text-align: left; }


/*产品优势*/
.advantage-inner { width: 90%; max-width: 1800px; margin: 0px auto; padding-bottom: 160px; }

.advantage-title { margin-bottom: 20px; text-align: center; margin-top: 50px; font-weight: 400; letter-spacing: 4px; }

.advantage-content { clear: both; overflow: hidden; padding-left: 0%; margin-top: 46px; text-align: center; }

    .advantage-content > div { display: inline-block; vertical-align: top; }

.advantage-inner .txtl, .advantage-inner .txtr { width: 30%; }

    .advantage-inner .txtl .itemsel, .advantage-inner .txtr .itemsel { margin-top: 24%; margin-bottom: 36%; }

    .advantage-inner .txtl .itemsel, .advantage-inner .txtr .itemsel { margin-top: 24%; margin-bottom: 19%; }

        .advantage-inner .txtl .itemsel:last-child, .advantage-inner .txtr .itemsel:last-child { margin-bottom: 10%; }

.advantage-inner .txtl { text-align: right; margin-right: 15px; }

.advantage-inner .txtr { text-align: left; margin-left: 15px; }

.advantage-inner .itemcenter { width: 33%; text-align: center; margin: 0px auto; position: relative; }

    .advantage-inner .itemcenter img { background-size: 100% 100%; width: 100%; }

    /*.advantage-inner .itemcenter .flaky { position: absolute; width: initial; background-size: initial; top: 36%; left: 44%; margin-left: -100px; animation: bvaseulbymove10 2s linear infinite;width:200px;width:150px; }*/
    .advantage-inner .itemcenter .flaky { position: absolute; /*!important;*/ width: initial; background-size: initial; top: 24%; left: 29%; animation: bvaseulbymove10 2s linear infinite; width: 200px; }

    .advantage-inner .itemcenter .flakytxt { position: absolute; bottom: 28%; width: 100%; text-align: center; font-size: 28px; color: #00259a; letter-spacing: 8px; }

.advantage-inner .txtl, .advantage-inner .txtr { width: 30%; }

.advantage-inner .p1 { font-size: 24px; margin-bottom: 18px; /*letter-spacing: 3px;*/ }

.advantage-inner .p2 { font-size: 16px; font-weight: 500; line-height: 2; color: #808080; letter-spacing: 1px; }

.advantage-top, .advantage-bottom { margin: 0px auto; text-align: center; }

.advantage-bottom { margin-top: 2%; }

/*解决方案*/
.solution-inner { width: 80%; margin: 0px auto; max-width: 1800px; }

.solution-title { color: #000; text-align: center; padding-top: 4%; font-weight: normal; letter-spacing: 4px; }

.solution-list { width: 86%; margin: 62px auto; font-size: 0; text-align: center; }

    .solution-list .item { width: 19%; display: inline-block; cursor: pointer; overflow: hidden; position: relative; -webkit-transition: color .3s ease, -webkit-transform .3s ease; transition: color .3s ease, -webkit-transform .3s ease; transition: color .3s ease, transform .3s ease; transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease; }

        .solution-list .item img { width: 100%; }

        .solution-list .item .box-change { opacity: 0; position: absolute; top: 0px; left: 0px; }

        .solution-list .item:hover { transform: scale(1.2); z-index: 100; }

.box-content { opacity: 0; position: absolute; font-size: 16px; top: 70%; width: 100%; opacity: 0; -webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s; transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s; }

    .box-content p { text-align: center; font-size: 20px; color: #fff; margin-bottom: 26px; letter-spacing: 2px; }

    .box-content .itemlink a { font-size: 16px; color: #000; background: #fff; padding: 5px 20px; border-radius: 50px; letter-spacing: 4px; color: #272727; font-weight: normal; }

.solution-list .item:hover .box-content, .solution-list .item:hover .box-change { visibility: visible; opacity: 1; }

.solution-list .item:hover .box-primary { opacity: 0; }

.solution-list .item.show .box-content, .solution-list .item.show .box-change { visibility: visible; opacity: 1; }

/*了解更多案例内容*/
.solution-more { text-align: center; line-height: 116px; }

    .solution-more a { /*background: #2972e9;
        font-size: 28px;
        display: inline-block;
        color: #fff;
        padding: 0px 24px;
        line-height: 68px;
        letter-spacing: 4px;*/ /*display: block;*/ width: 200px; border: 1px solid #3c80fc; font-size: 18px; line-height: 46px; color: #3c80fc; text-align: center; padding: 12px 24px; }

        .solution-more a:hover { background: #3c80fc; color: #fff; }

.palign { text-align: left; margin-top: 4%; }


/*合作客户*/
.clientlink-main { width: 100%; background: #eef2fe; }

.clientlink-inner { width: 100%; max-width: 1760px; margin: 0px auto; padding-top: 60px; padding-bottom: 80px; }

.clientlink-title { color: #000; text-align: center; margin-bottom: 3%; font-weight: normal; }

.clientlik-list { width: 100%; margin: 0px auto; text-align: center; max-width: 1500px; }

    .clientlik-list .item { text-align: center; margin: 8px 10px; display: inline-block; font-size: 0px; cursor: pointer; }

        .clientlik-list .item .itembr { width: 140px; /*border-radius: 50%; */ /*box-shadow: 0px 2px 6px #cbcbcb;*/ text-align: center; }

        .clientlik-list .item img { width: 100%; }

/*.clientlik-list .item p { line-height: 46px; font-size: 18px; color: #000; }*/

/*.clientlik-list .item:hover .itembr { box-shadow: 0px 2px 8px #208dd5; }*/

/*.clientlik-list .item:hover p { color: #3c80fc; }*/


/*预约演示*/
.demonstration-main { background: url(../image/base/yyys-bg.jpg) no-repeat center center; width: 100%; background-size: 100% 100%; }

.demonstration-inner { height: 456px; width: 100%; margin: 0 auto; max-width: 1780px; text-align: center; }

.demonstration-title { padding-top: 10rem; text-align: center; color: #fff; font-size: 50px; letter-spacing: 10px; }
/*.appointment-list { padding-top: 5rem; text-align: center; }
.appointment-list div.item { display: inline-block; width: 16%; margin: 0px 3.4%; text-align: center; cursor: pointer; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; }
.appointment-list div.item img { width: 50%; }
.appointment-list div.item:hover { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
.appointment-list div.item p { font-size: 1.375rem; color: #fff; font-weight: bold; padding-top: 1rem; }*/

.demonstration-link { line-height: 58px; text-align: center; letter-spacing: 6px; }

.demonstration-btn { color: #00259a; font-size: 2.125rem; padding: 8px 48px; border-radius: 40px; background: #fff; display: inline-block; margin: 0px auto; letter-spacing: 4px; font-weight: 500; line-height: 3rem; }
/*新闻资讯*/
/*新闻*/

.news { background-color: #f2f2f2; height: 325px; }

.news_a { height: 325px; }

.w1200 { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }

.news_ul { width: 1200px; margin-left: 20px; }

.news_li { float: left; width: 360px; margin-right: 40px; margin-top: 45px; height: 280px; }

.news_title { height: 18px; width: 360px; font-size: 16px; }

.news_li .bd { width: 360px; height: 140px; margin: 30px 0px; }

.news_li ul { width: 360px; height: 140px; margin: 30px 0px; }

    .news_li ul li { overflow: hidden; height: 28px; line-height: 28px; color: #858585; }

        .news_li ul li a { float: left; width: 284px; overflow: hidden; height: 28px; color: #858585; transition: .3s; }

        .news_li ul li span { height: 28px; width: 40px; overflow: hidden; }

        .news_li ul li a:hover { text-indent: 4px; transition: .3s; color: #da251d; text-decoration: underline; line-height: 28px; }

.news_li a { display: block; height: 20px; color: #da251d; }

    .news_li a:hover { text-decoration: underline; }

.news .hd { margin-top: 7px; float: right; width: 36px; height: 9px; overflow: hidden; }

    .news .hd a { display: block; width: 9px; height: 9px; float: left; margin-left: 9px; background-image: url(../images/news_ico.png); background-position: top; transition: .5s; }

.news_font a { display: block; float: right; color: #da251d; width: 36px; height: 16px; font-weight: 400; font-size: 12px; }

    .news_font a:hover { text-decoration: underline; }

.news .hd a:hover { background-position: bottom; }

@media screen and (min-width: 1920px) and (max-width: 2800px) {
    .terminal-right .terminal-title { text-align: left !important }
}

@media screen and (max-width: 1900px) {

    .tright .item span { font-size: 24px; }

    .bantip { width: 100%; margin: 0px auto; background: #2473EA; }

    .bantip-inner { width: 82%; padding-left: 6%; margin: 0px auto; clear: both; height: 168px; padding-top: 54px; }

        .bantip-inner .item { float: left; width: 32%; padding-left: 3%; padding-right: 3%; border-right: 1px solid #6cb6ff; letter-spacing: 4px; }

            .bantip-inner .item:last-child { border: none; }

        .bantip-inner .bantipcenter { width: 32%; }

        .bantip-inner .item .tit { color: #6cb6ff; font-size: 22px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2px; }

        .bantip-inner .item img { margin-right: 18px; width: 50px; height: 50px; float: left; vertical-align: middle; }

        .bantip-inner .item p { color: #f4f4f6; font-size: 16px; font-weight: normal; }
}

@media screen and (max-width: 1700px) {
    .tright .item span { display: inline-block; font-size: 24px; }

    .titleh3 { font-size: 36px; }

    .bantip-inner .bantipcenter { width: 32%; }
}

@media screen and (max-width: 1680px) {
    .bantip-inner .item { width: 32%; padding: 0 3%; }

        .bantip-inner .item img { margin-right: 10px; width: 34px; height: 34px; margin-top: 10px; }

    .bantip-inner .bantipcenter { width: 34%; }

    .clientlik-list { width: 100%; width: 1300px; margin: 0px auto; }


        .clientlik-list .item .itembr { width: 136px; }

        .clientlik-list .item img { width: 100%; }

    /*.terminal-inner {
        height: 470px;
    }*/

    .advantage-inner { padding-bottom: 80px; }

        .advantage-inner .txtl .itemsel, .advantage-inner .txtr .itemsel { margin-bottom: 22%; }

    /*.advantage-inner .itemcenter .flaky { background-size: 80%; top: 30%; left: 42%; }*/

    .tright .item span { font-size: 24px; }
}

@media screen and (max-width: 1500px) {
    .bantip-inner .item { width: 32%; padding: 0 2%; }

    .bantip-inner .bantipcenter { width: 34%; padding: 0 2%; }

    .service-toplist .sitem p { font-size: 22px; }

    .sitem .dbimg { width: 180px; height: 180px; margin: 0 auto; background-size: 80% 80%; }

    .tright .item span { font-size: 20px; }

    .tright .item p { font-size: 14px; }
}

@media screen and (max-width: 1440px) {
    .threeservicetms-inner .tleft img { width: 90%; }

    .threeservicetms-inner .tright { width: 50%; }

    .terminal-right { width: 50%; }

        .terminal-right .terminal-title { font-size: 32px; }

        .terminal-right span { font-size: 18px; }
    /*.terminal-right .terminal-title { font-size: 30px; }*/
}

@media screen and (max-width: 1366px) {
    /*.bantip-inner .item { width: 28%; padding: 0 2%; }*/
    /*.terminal-inner {
        height: 470px;
    }*/

    .clientlik-list { width: 100%; width: 1200px; margin: 0px auto; }

        .clientlik-list .item .itembr { width: 126px; }

        .clientlik-list .item img { width: 100%; }

        .clientlik-list .item p { line-height: 32px; font-size: 18px; color: #000; }

    .threeservicetms-inner .tright { width: 50%; }

    .terminal-right { width: 50%; }
}

@media screen and (max-width: 1300px) {
    .threeservicetms-inner .tright { width: 50%; }

    .terminal-right { width: 50%; }
}
/*活动的圆点*/
.swiper-pagination-bullet-active { background: #368DEA !important; }

/*主页轮播图小圆点样式*/
.swiper-custom > .swiper-pagination-bullet { background: #fff; opacity: .8; }

.ibanner2 h3 {
    position: absolute !important;
    top: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
}

.ibanner3 h3,
.ibanner4 h3 {
    position: absolute !important;
    top: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
}