/*首页 pc*/
.page-adv-banner{position:relative;background-color:#468fff;height:550px;background-image:linear-gradient(90deg,#0168b7 0,#42a7ff 100%);background-image:-webkit-linear-gradient(0deg,#0168b7 0,#42a7ff 100%);background-image:-ms-linear-gradient(0deg,#0168b7 0,#42a7ff 100%);overflow:hidden}
.page-adv-banner .canvas{width:100%;height:100%}
.page-adv-banner .box{position:absolute;left:0;top:0;width:100%;height:100%}
.page-adv-banner .box .container{position:relative;height:100%}
.page-adv-banner .box .top-text{text-align:center;color:#fff;font-size:24px;line-height:60px;padding-top:45px}
.page-adv-banner .box .top-text .s{color:#F96C6C;font-size:32px;line-height:100%;margin:0 5px;position:relative;top:2px}
.page-adv-banner .box .browsers{position:absolute;left:0;bottom:0;width:100%}
.page-adv-banner .box .browsers .inner{width:970px;margin:0 auto;position:relative;max-width:100%}
.page-adv-banner .box .browsers .b1{position:absolute;left:0;bottom:0}
.page-adv-banner .box .browsers .b2{display:block;margin:0 auto;position:relative;z-index:1}
.page-adv-banner .box .browsers .b3{position:absolute;right:0;bottom:0}

.page-body .row { display: flex; flex-wrap: wrap;margin-top:30px;}
.page-body .row .text-center {  text-align: center!important;}
.page-body .row .align-middle {   vertical-align: middle!important;}
.page-body .row .font-weight-normal { font-weight: 500!important;  font-size: 1.68rem;color:#212529; line-height:0.8;}
.page-body .row .text-align-start {   text-align: left;}
.page-body .row .text-align-end{ text-align: right;}
.page-body .row .col-md-3 {
    flex: 0 0 15%;
    max-width: 15%;
}
.page-body .row .col-md-6 {
    flex: 0 0 70%;
    max-width: 70%;
}
.page-body .row .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .78rem 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .25s ease-in-out;
}
.page-body .row .btn { position: relative;}
.page-body .row .btn-dark, .btn-dark:hover { color: #fff;  background-color: #000;  border-color: #000;}
@media only screen and (max-width: 1280px){
	.page-body .row .text-align-start {text-align: right;}
.page-body .row .text-align-end{ text-align: left;}
}
@media only screen and (max-width: 1200px){
.page-body .row .font-weight-normal { font-weight: 400!important;  font-size: 1.58rem;}
}
@media only screen and (max-width: 1100px){
.page-body .row{display:none;}
}
@media only screen and (max-width: 768px){
.text-center-xs {text-align: center!important;}
}
.page-body .service-block{margin-top:30px;margin-bottom:17px;float:left;width:100%}
.page-body .service-block .list{width:calc(100% - 313px);width:-moz-calc(100% - 313px);width:-webkit-calc(100% - 313px);float:left}
.page-body .service-block .list li{float:left;margin-right:10px;margin-bottom:10px;color:#fff;font-size:16px;height:104px;position:relative}
.page-body .service-block .list li a{width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:0 20px;word-break:break-all;float:left;position:relative;top:50%;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-moz-transform:translate(0,-50%)}
.page-body .service-block .list li a span{display:block}
.page-body .service-block .list li.b1{background-color:#7ed2a1}
.page-body .service-block .list li.b2{background-color:#85c1e9}
.page-body .service-block .list li.b3{background-color:#cfb66b}
.page-body .service-block .list li.b4{background:url(index-page-icon1.png) center no-repeat;background-color:#76d7c4;background-position-x:85%;background-size:53px 53px}
.page-body .service-block .list li.b5{background-color:#f4a7a1}
.page-body .service-block .list li.b6{background-color:#eba08a}
.page-body .service-block .list li.b7{background-color:#b5d28d}
.page-body .service-block .list li.b8{background-color:#d0768d}
.page-body .service-block .list li.b8 a{height:100%}
.page-body .service-block .list li.b9{background-color:#6ed3de}
.page-body .service-block .list li.b9 a{height:100%}
.page-body .service-block .list li.b10{background-color:#ee67b2}
.page-body .service-block .list li.b10 a{height:100%}
.page-body .service-block .list li.c,.page-body .service-block .list li.s{width:calc((100% - 50px)/ 6);width:-moz-calc((100% - 50px)/ 6);width:-webkit-calc((100% - 50px)/ 6)}
.page-body .service-block .list li.s img{position:absolute;left:calc(50% - 22px);left:-moz-calc(50% - 22px);left:-webkit-calc(50% - 22px);top:16px;width:44px}
.page-body .service-block .list li.s div{margin-top:66px;text-align:center;width:100%}
.page-body .service-block .list li.b{width:calc((100% - 50px)/ 6 * 2 + 10px);width:-moz-calc((100% - 50px)/ 6 * 2 + 10px);width:-webkit-calc((100% - 50px)/ 6 * 2 + 10px);margin-right:9px}
.page-body .service-block .list li.end{margin-right:0}
.page-body .service-block .form{width:303px;height:218px;float:right;background-color:#28b463}
.page-body .service-block .form .box{padding:16px 41px 0 41px}
.page-body .service-block .form li{margin-top:15px}
.page-body .service-block .form li.bottom{margin-top:16px}
.page-body .service-block .form input{padding:0;border:0}
.page-body .service-block .form input[type=text]{line-height:22px;height:22px;padding:0 2px}
.page-body .service-block .form .box .title{font-size:16px;color:#fff;margin-top:8px}
.page-body .service-block .form .box .name{width:215px;border:1px solid #bfccd2}
.page-body .service-block .form .box .qq{width:69px;margin-right:5px;border:1px solid #bfccd2}
.page-body .service-block .form .box .tel{width:135px;border:1px solid #bfccd2}
.page-body .service-block .form .box .other{width:221px;height:22px;border:1px solid #bfccd2}
.page-body .service-block .form .box .bottom input{line-height:25px;background-color:#000;color:#fff;padding:0 7px;margin-right:23px}
.page-body .service-block .form .box .bottom a{line-height:25px;color:#fff}
.page-body .article-block{float:left;width:100%;margin-bottom:32px}
.page-body .article-block .left-article{float:left;width:560px}
.page-body .article-block .left-article .title{line-height:38px;text-indent:12px;margin-right:8px;color:#fff;font-size:16px;background:url(index-page-article-more.png) no-repeat;background-color:#206fbc;background-position:right}
.page-body .article-block .left-article .tag-list{margin:20px 0 0 37px}
.page-body .article-block .left-article .tag-list a{display:inline-block;line-height:36px;padding:0 1em;background-color:#f7f7f7;border-radius:5px;margin-right:15px;margin-bottom:15px;font-size:16px;color:#595b59}
.page-body .article-block .left-article .tag-list a:hover{color:#0168b5}
.page-body .article-block .left-article .tag-list a:last-child{margin-right:0}
.page-body .article-block .left-article .article-list li{display:inline-block;margin-bottom:21px;width:100%}
.page-body .article-block .left-article .article-list li .l{float:left}
.page-body .article-block .left-article .article-list li .l a{width:36px;height:36px;border:1px solid #f0f0f0;border-radius:50%;display:block;background:url(index-page-article-up.png) center no-repeat}
.page-body .article-block .left-article .article-list li .l a:hover{border:1px solid #0168b5;background:url(index-page-article-up-1.png) center no-repeat;background-color:#0168b5}
.page-body .article-block .left-article .article-list li .r{float:right;width:calc(100% - 58px);width:-moz-calc(100% - 58px);width:-webkit-calc(100% - 58px)}
.page-body .article-block .left-article .article-list li .r .t{margin-top:9px;margin-bottom:12px;display:inline-block;width:100%}
.page-body .article-block .left-article .article-list li .r .t a{font-size:16px;display:inline-block;max-width:85%}
.page-body .article-block .left-article .article-list li .r .t a:hover{color:#0168b5}
.page-body .article-block .left-article .article-list li .r .t .icon{float:right;font-style:normal;position:relative;top:-5px;width:32px;height:32px;text-align:center;line-height:32px;display:none;transition:transform .3s;-moz-transition:transform .3s;-webkit-transition:transform .3s;-o-transition:transform .3s}
.page-body .article-block .left-article .article-list li .r .t .icon *{font-weight:400;position:absolute;left:0;top:0;width:100%;height:100%}
.page-body .article-block .left-article .article-list li .r .t .icon .a{background:url(index-article-add.png) center no-repeat;transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;-o-transition:opacity .3s}
.page-body .article-block .left-article .article-list li .r .t .icon .s{background:url(index-article-sub.png) center no-repeat;opacity:0;transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;-o-transition:opacity .3s}
.page-body .article-block .left-article .article-list li.open .r .t .icon{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.page-body .article-block .left-article .article-list li.open .r .t .icon .a{opacity:0}
.page-body .article-block .left-article .article-list li.open .r .t .icon .s{opacity:1}
.page-body .article-block .left-article .article-list li .r p{line-height:25px;margin:0;overflow:hidden}
.page-body .article-block .left-article .article-list li .r p a:hover{color:#0168b5}
.page-body .article-block .right-article{float:right;width:670px;min-height:590px;border:3px solid #f2f2f2;padding:0 38px 1px 22px;background-color:#fff}
.page-body .article-block .right-article .tab-list{margin:20px 0 38px 0}
.page-body .article-block .right-article .tab-list a{font-size:16px;margin-right:45px}
.page-body .article-block .right-article .tab-list a:last-child{margin-right:0}
.page-body .article-block .right-article .tab-list a.on{color:#206fbc}
.page-body .article-block .right-article .bod-list .bod .article-first{display:inline-block;width:100%;margin-bottom:15px;height:122px;overflow:hidden}
.page-body .article-block .right-article .bod-list .bod .article-first .img{float:left;width:222px;height:122px;overflow:hidden}
.page-body .article-block .right-article .bod-list .bod .article-first .right{float:right;width:calc(100% - 240px);width:-moz-calc(100% - 240px);width:-webkit-calc(100% - 240px)}
.page-body .article-block .right-article .bod-list .bod .article-first .right .t{font-size:16px;margin-bottom:1em;color:#000}
.page-body .article-block .right-article .bod-list .bod .article-first .right .t:hover{color:#0168b5}
.page-body .article-block .right-article .bod-list .bod .article-first .right p{line-height:2em;color:#666;margin:0}
.page-body .article-block .right-article .bod-list .bod .article-list{display:inline-block;width:100%}
.page-body .article-block .right-article .bod-list .bod .article-list li{float:left;line-height:52px;border-top:1px solid #f2f2f2;margin-right:26px;width:calc((100% - 27px)/ 2);width:-moz-calc((100% - 27px)/ 2);width:-webkit-calc((100% - 27px)/ 2)}
.page-body .article-block .right-article .bod-list .bod .article-list li:first-child,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li{border-top:0}
.page-body .article-block .right-article .bod-list .bod .article-list li.end{margin-right:0}
.page-body .article-block .right-article .bod-list .bod .article-list li i{display:inline-block;width:3px;height:5px;background:url(index-page-article-s.png);vertical-align:middle;margin-right:13px;color:#000}
.page-body .article-block .right-article .bod-list .bod .article-list li a:hover{color:#0168b5}
.page-body .case-block{float:left;width:100%}
.page-body .case-block .case-title{float:left;width:100%;margin-bottom:38px}
.page-body .case-block .case-title span{font-size:30px;margin:0 22px;float:left;text-align:center}
.page-body .case-block .case-title i{width:calc((100% - 624px)/ 2);width:-moz-calc((100% - 624px)/ 2);width:-webkit-calc((100% - 624px)/ 2);height:1px;background-color:#f2f2f2;margin-top:20px;float:left}
.page-body .case-block .show-data{float:left;width:100%;margin-bottom:61px}
.page-body .case-block .show-data li{position:relative;float:left;width:calc(20% - 20px);width:-moz-calc(20% - 20px);width:-webkit-calc(20% - 20px);padding:0 10px;text-align:center}
.page-body .case-block .show-data li .top{color:#f67524;font-size:60px;line-height:76px;font-family:"华文细黑"}
.page-body .case-block .show-data li .top .num{display:inline-block;height:76px;overflow:hidden;vertical-align:top}
.page-body .case-block .show-data li .top .num .bit{display:inline-block;position:relative;left:0;top:0;transition:top 1s;-moz-transition:top 1s;-webkit-transition:top 1s;-o-transition:top 1s}
.page-body .case-block .show-data li .top .num .bit div{width:100%;float:left;clear:left}
.page-body .case-block .show-data li .text{color:#333;line-height:30px;font-size:16px}
.page-body .case-block .show-data li .l{position:absolute;right:0;top:0;width:1px;height:100%;background-color:#eee}
.page-body .case-block .case-list{float:left;width:100%}
.page-body .case-block .case-list li{float:left;margin-right:29px;margin-bottom:40px;width:calc((100% - 88px)/ 4);width:-moz-calc((100% - 88px)/ 4);width:-webkit-calc((100% - 88px)/ 4)}
.page-body .case-block .case-list li.end{margin-right:0}
.page-body .case-block .case-list li .img{position:relative;overflow:hidden}
.page-body .case-block .case-list li .img img{width:100%}
.page-body .case-block .case-list li .img .mask{position:absolute;left:0;top:0;width:100%;height:50%;background-color:rgba(255,255,255,.4);-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(2,1.4,1) rotate3d(0,0,1,-70deg) translate3d(0,-200%,0);transform:scale3d(2,1.4,1) rotate3d(0,0,1,-70deg) translate3d(0,-200%,0)}
.page-body .case-block .case-list li .img:hover .mask{-webkit-transform:scale3d(2,1.4,1) rotate3d(0,0,1,-70deg) translate3d(0,200%,0);transform:scale3d(2,1.4,1) rotate3d(0,0,1,-70deg) translate3d(0,200%,0)}
.page-body .case-block .case-list li .title{color:#000;text-align:center;margin-top:10px;margin-bottom:.5em}
.page-body .case-block .case-list li .intro{color:#666;text-align:center}