/*header { background: rgba(48,128,253,0.5); }*/
/*banner*/

.servicebanner { position: relative; width: 100%; height: 0px; padding-top: 38%; background: url('../image/service/banner.jpg') no-repeat; background-size: 100% auto; }
    .servicebanner:before { content: ""; display: block; }
.servicebanner-inner { position: absolute; top: 36%; text-align: center; width: 100%; }
    .servicebanner-inner h4 { font-size: 50px; color: #fff; margin-bottom: 32px; }
    .servicebanner-inner p { font-size: 22px; color: #fff; }
    .servicebanner-inner span { display: inline-block; }
/*.servicebanner-inner span a { color: #00259a; font-size: 28px; display: inline-block; margin-top: 110px; background: #fff; padding: 12px 32px; border-radius: 50px; }*/


.bread—box { padding-top: 60px; margin-top: 0px; }
    .bread—box .breadcrumb { padding-left: 10px; }
/*我们的服务*/
.myservice-main { background: #f5f5f5; }
.myservice-inner { width: 80%; max-width: 1600px; margin: 0px auto; font-weight: normal }
.moduletitle { font-size: 36px; color: #000; margin-bottom: 20px; font-weight: normal }
.myservice-desc { padding: 88px 0px; background: #f5f5f5; }
    .myservice-desc p { line-height: 2; color: #808080; font-size: 18px; }
/*我们服务6项*/
.myservice-content { clear: both; overflow: hidden; padding-left: 0%; text-align: center; }
    .myservice-content > div { display: inline-block; vertical-align: top; }
    .myservice-content .txtl, .myservice-content .txtr { width: 20%; height: 100%; }
    .myservice-content .txtl { width: 18%; }
    .myservice-content .txtr { width: 22%; min-width: 200px; }
    .myservice-content .txtl { text-align: right; margin-right: 1%; }
    .myservice-content .txtr { text-align: left; margin-left: 1%; }
    .myservice-content .txtcent { width: 56%; text-align: center; margin: 0px auto; position: relative }
        .myservice-content .txtcent img { background-size: 100% 100%; width: 100%; }
    .myservice-content .txtl, .myservice-content .txtr { padding-top: 2.6%; }
        .myservice-content .txtl p, .myservice-content .txtr p { color: #0a3089; font-size: 28px; position: relative; }
        .myservice-content .txtl .p1 { right: -80px; padding-bottom: 43%; }
        .myservice-content .txtr .p1 { left: -80px; padding-bottom: 39%; }
        .myservice-content .txtl .p2 { right: 0px; padding-bottom: 56%; }
        .myservice-content .txtr .p2 { left: 0px; padding-bottom: 40%; }
        .myservice-content .txtl .p3 { right: -90px; }
        .myservice-content .txtr .p3 { left: -80px; }




/*服务内容*/
.myservice-substance { padding-top: 180px; }
.substance-inner { width: 92%; margin: 0px auto; padding-top: 40px; padding-bottom: 100px; }
    .substance-inner .item { padding-bottom: 56px; }
        .substance-inner .item h3 { font-size: 24px; color: #000; margin-bottom: 16px; font-weight: normal }
            .substance-inner .item h3 span { font-size: 16px; background: #3c80fc; display: inline-block; width: 32px; height: 32px; line-height: 2; text-align: center; color: #fff; margin-right: 16px; position: relative; top: -2px; }
        .substance-inner .item p { font-size: 16px; color: #808080; /* letter-spacing: 4px; */ line-height: 2; }
/*服务支持*/
.myservice-support .support-list { }
.support-list { width: 96%; margin: 0px auto; overflow: hidden; padding-top: 60px; padding-bottom: 100px; }

    .support-list .item { width: 26%; padding: 0px 2%; margin: 0px 3%; cursor: pointer; display: inline-table; text-align: center; overflow: hidden; height: 100%; padding-top: 30px; padding-bottom: 30px; height: 400px; box-shadow: 0px 0px 6px #8f8f8f; border-radius: 4px; margin-bottom: 20px; transition: all .8s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
        .support-list .item img { width: 128px; height: 128px; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; transition: transform 0.3s ease; backface-visibility: hidden; }
        .support-list .item .p1 { font-size: 24px; margin-bottom: 16px; margin-top: 12px; letter-spacing: 2px; }
        .support-list .item .p2 { width: 90%; font-size: 16px; margin: 0px auto; letter-spacing: 4px; }
        .support-list .item:hover { box-shadow: 0px 0px 6px #22eff6; /*color:#22eff6*/ }
            .support-list .item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

            .support-list .item:hover .p1, .support-list .item:hover .p2 { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

/*渠道合作伙伴 页面*/
.softwarelist, .hardwarelist, .ecologylist, .basicslist { text-align: center; width: 90%; margin: 0px auto; overflow: hidden; }
    .softwarelist .item { display: inline-block; cursor: pointer; display: inline-block; text-align: center; margin: 0px 10px; margin-bottom: 4px; }


.warpmain{width:100%;}
.partner-inner { width: 80%; margin: 0px auto; max-width: 1800px; padding-top: 120px; padding-bottom: 80px; }
.warpmain:nth-child(2n) { background: #eef2fe; }
/*partner-inner*/ 
.partner-title { font-size: 36px; text-align: center; color: #000; font-weight: normal; padding-bottom: 34px; }

.partner-inner .list { padding-bottom: 65px; /* padding-bottom: 160px;*/ /* text-align: left*/ }
    .partner-inner .list .item { margin: 10px; }
.hardwarelist .item { display: inline-block; cursor: pointer; display: inline-block; text-align: center; margin: 0px 2px; margin-bottom: 4px; }
.ecologylist .item { display: inline-block; cursor: pointer; display: inline-block; text-align: center; margin: 0px 2px; margin-bottom: 4px; }
.basicslist .item { display: inline-block; cursor: pointer; display: inline-block; text-align: center; margin: 0px 2px; margin-bottom: 4px; }





/*APP下载试用页面*/
.appusebanner { position: relative; width: 100%; height: 0px; padding-top: 38%; background: url('../image/service/appusebanner.png') no-repeat; background-size: 100% auto; }
    .appusebanner:before { content: ""; display: block; }
.appusebanner-inner { position: absolute; top: 36%; text-align: center; width: 100%; }
    .appusebanner-inner h4 { font-size: 50px; color: #fff; margin-bottom: 32px; }
    .appusebanner-inner p { font-size: 32px; color: #fff; }
    .appusebanner-inner span { display: inline-block; }
        .appusebanner-inner span a { color: #00259a; font-size: 28px; display: inline-block; margin-top: 110px; background: #fff; padding: 12px 32px; border-radius: 50px; }



.appusemain-inner { width: 80%; margin: 0 auto; clear: both; max-width: 1700px; padding-top: 100px; }
    .appusemain-inner .item { clear: both; margin-bottom: 100px; }
    .appusemain-inner .ir, .appusemain-inner .il { width: 40%; text-align: center; }
    .appusemain-inner .tr, .appusemain-inner .tl { width: 57%; padding-top: 5%; }
    .appusemain-inner .ir, .appusemain-inner .tr { float: right; }
    .appusemain-inner .il, .appusemain-inner .tl { float: left; }

        .appusemain-inner .tr h3, .appusemain-inner .tl h3 { margin-left: 16px; font-size: 30px; color: #000; font-weight: normal; border-left: 13px solid #3c80fc; padding-left: 16px; margin-bottom: 36px; }
        .appusemain-inner .tr ul, .appusemain-inner .tl ul { /*将样式变换为图片*/ list-style: disc; list-style-image: url(../image/service/appuseli_bg.png); /*样式为空心圆圈*/ /*list-style: circle;*/ /*不显示*/ /*list-style: none;*/ width: 100%; padding-left: 20px; }

            .appusemain-inner .tr ul li, .appusemain-inner .tl ul li { padding-left: 10px; list-style: disc; list-style-image: url(../image/service/appuseli_bg.png); margin-left: 40px; font-size: 17px; color: #000; line-height: 34px; margin-bottom: 24px; }



.appusedown { position: relative; width: 100%; height: 0px; padding-top: 35.5%; background: url('../image/service/appdown-bg.jpg') no-repeat; background-size: 100% auto; }
.appusedown-inner { margin: 0px auto; width: 80%; top: 0px; position: absolute; margin-left: 10%; height: 100%; }
.appusedown h3 { position: relative; top: 24%; left: 2%; color: #fff; font-size: 50px; letter-spacing: 10px; }
/*.appusemain-inner .tr p > i { display: inline-block; margin-right: 16px; background: url(../image/service/appuseli_bg.png) no-repeat left center; width: 13px; height: 13px; }
.appusemain-inner .tl ul li > i { display: inline-block; padding-right: 16px; background: url(../image/service/appuseli_bg.png) no-repeat center center; width: 13px; height: 13px; }*/

.down-inner { position: relative; top: 34%; left: 2%; }

    .down-inner .item { width: 180px; height: 180px; padding: 10px; margin-right: 90px; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('../image/service/downbr.png'); text-align: center; cursor: pointer; }
        .down-inner .item img { width: 100%; }
        .down-inner .item p { color: #fff; line-height: 34px; }

.appointment-list div.item { width: 13%; margin: 0px 1.4%; }

@media screen and (max-width: 1880px) {
    .myservice-content .txtl p, .myservice-content .txtr p { font-size: 26px; }
    .myservice-content .txtl .p1 { right: -80px; padding-bottom: 42%; }
    .myservice-content .txtr .p1 { left: -80px; padding-bottom: 42%; }
    .myservice-content .txtl .p2 { right: 0px; padding-bottom: 55%; }
    .myservice-content .txtr .p2 { left: 0px; padding-bottom: 38%; }
    .myservice-content .txtl .p3 { right: -80px; }
    .myservice-content .txtr .p3 { left: -72px; }
}

@media screen and (max-width: 1680px) {
    .myservice-content .txtl p, .myservice-content .txtr p { color: #0a3089; font-size: 24px; position: relative; }
    /*服务页面通用的*/
    .servicebanner-inner { top: 39%; }
        .servicebanner-inner h4 { font-size: 48px; }
        .servicebanner-inner p { font-size: 26px; }
        .servicebanner-inner span a { margin-top: 30px; padding: 10px 20px; font-size: 22px; }


    /*app试用下载*/
    .appusebanner-inner { top: 39%; }
        .appusebanner-inner h4 { font-size: 40px; }
        .appusebanner-inner p { font-size: 32px; }
        .appusebanner-inner span a { margin-top: 30px; padding: 10px 20px; font-size: 22px; }


    .partner-inner { padding-top: 80px; padding-bottom: 60px; }
    /*.partner-inner .list { padding-bottom: 55px; padding-bottom: 60px; }*/



    .appusemain-inner .ir, .appusemain-inner .il { width: 33%; }
    .appusemain-inner .tr, .appusemain-inner .tl { width: 60%; }
    .appusemain-inner .ir img, .appusemain-inner .il img { width: 100%; }
}

@media screen and (max-width: 1600px) {
    .myservice-content .txtl p, .myservice-content .txtr p { font-size: 24px; }
    .moduletitle { font-size: 32px }
    .myservice-content .txtl .p1 { right: -80px; padding-bottom: 43%; }
    .myservice-content .txtr .p1 { left: -80px; padding-bottom: 37%; }

    .myservice-content .txtl .p2 { right: 0px; padding-bottom: 44%; }
    .myservice-content .txtr .p2 { left: 0px; padding-bottom: 41%; }
    .myservice-content .txtl .p3 { right: -80px; }
    .myservice-content .txtr .p3 { left: -80px; }

    .partner-title { font-size: 32px; padding-bottom: 20px; }
    .partner-inner { padding-top: 60px; padding-bottom: 40px; }
    /*.partner-inner .list { padding-bottom: 35px; padding-bottom: 50px; }*/
}

@media screen and (max-width: 1440px) {
    .myservice-content .txtl p, .myservice-content .txtr p { font-size: 20px; }
    .myservice-content .txtl .p1, .myservice-content .txtl .p3 { right: -60px; }
    .myservice-content .txtr .p1, .myservice-content .txtr .p3 { left: -60px; }
    .partner-title { font-size: 30px; padding-bottom: 28px; }
    .servicebanner-inner h3 { margin-top: 60px; }
    .servicebanner-inner h4 { font-size: 35px; }
}

@media screen and (max-width: 1367px) {
    .moduletitle { font-size: 28px }
    .servicebanner-inner h4 { margin-bottom: 20px; }
    .servicebanner-inner h3 { margin-top: 20px; }
    .appusebanner-inner h4 { font-size: 35px; }
    .appusebanner-inner h3 { margin-top: 20px; }
}