/*首页 mobile*/
@media screen and (max-width:1800px){.page-body .case-block .show-data li{width:calc(25% - 20px);width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px)}
.page-body .case-block .show-data .d2{display:none}
}
@media screen and (max-width:1750px){.page-body .article-block .left-article{width:calc(50% - 100px);width:-moz-calc(50% - 100px);width:-webkit-calc(50% - 100px)}
.page-body .article-block .right-article{width:calc(50% - 66px);width:-moz-calc(50% - 66px);width:-webkit-calc(50% - 66px)}
.page-body .article-block .right-article .tab-list a{margin-right:2em;line-height:2em}
}
@media screen and (max-width:1600px){.page-body .service-block .list li a{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:0 10px}
}
@media screen and (max-width:1500px){.page-body .service-block .list li{font-size:14px}
.page-body .service-block .list li a{width:calc(100% - 16px);width:-moz-calc(100% - 16px);width:-webkit-calc(100% - 16px);padding:0 8px}
.page-body .article-block .left-article{width:calc(50% - 50px);width:-moz-calc(50% - 50px);width:-webkit-calc(50% - 50px)}
}
@media screen and (max-width:1420px){.page-body .article-block .left-article{width:calc(100% - 353px);width:-moz-calc(100% - 353px);width:-webkit-calc(100% - 353px)}
.page-body .article-block .left-article .tag-list{display:none}
.page-body .article-block .left-article .article-list{padding:0 1em;margin-top:2em}
.page-body .article-block .left-article .article-list li{margin-bottom:1em}
.page-body .article-block .left-article .article-list li .r .t .icon{display:block}
.page-body .article-block .right-article{width:253px;min-height:0;padding-right:22px}
.page-body .article-block .right-article .tab-list{margin-bottom:10px}
.page-body .article-block .right-article .tab-list a{font-weight:700}
.page-body .article-block .right-article .tab-list a+a{display:none}
.page-body .article-block .right-article .bod-list .bod .article-first{display:none}
.page-body .article-block .right-article .bod-list .bod .article-list li{margin-right:0;width:100%}
.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li+li+li+li+li+li,.page-body .article-block .right-article .bod-list .bod .article-list li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li{display:none}
}
@media screen and (max-width:1300px){.page-adv-banner .box .browsers .inner{width:90%}
.page-body .service-block .list li a{width:calc(100% - 8px);width:-moz-calc(100% - 8px);width:-webkit-calc(100% - 8px);padding:0 4px}
.page-body .case-block .show-data li .top{font-size:58px}
.page-body .case-block .show-data li .text{font-size:14px}
}
@media screen and (max-width:1200px){.page-body .service-block .list{width:100%}
.page-body .service-block .list li a{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:0 10px}
.page-body .service-block .form{display:none}
}
@media screen and (max-width:1100px){.page-adv-banner .box .browsers .inner{width:100%}
.page-body .case-block .show-data li{width:calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px)}
.page-body .case-block .show-data .d4{display:none}
}
@media screen and (max-width:1000px){.page-body .article-block .left-article{width:100%}
.page-body .article-block .right-article{display:none}
.page-body .case-block .case-list li{margin-right:3%;width:48.5%}
.page-body .case-block .case-list li.end-min{margin-right:0}
}
@media screen and (max-width:900px){.page-adv-banner .box .browsers .b1,.page-adv-banner .box .browsers .b3{width:50%}
.page-adv-banner .box .browsers .b2{width:77%}
.page-body .article-block .left-article .title{margin-right:0;background:#206fbc}
}
@media screen and (max-width:768px){.page-adv-banner{height:500px}
.page-body .service-block .list li a{width:calc(100% - 14px);width:-moz-calc(100% - 14px);width:-webkit-calc(100% - 14px);padding:0 7px}
}
@media screen and (max-width:740px){.page-body .service-block .list li a{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:0 10px}
.page-body .service-block .list li.c,.page-body .service-block .list li.s{width:calc((100% - 20px)/ 3);width:-moz-calc((100% - 20px)/ 3);width:-webkit-calc((100% - 20px)/ 3)}
.page-body .service-block .list li.c{margin-right:9px}
.page-body .service-block .list li.b{width:calc((100% - 20px)/ 3 * 2 + 10px);width:-moz-calc((100% - 20px)/ 3 * 2 + 10px);width:-webkit-calc((100% - 20px)/ 3 * 2 + 10px)}
.page-body .service-block .list li.end,.page-body .service-block .list li.end-min{margin-right:0}
.page-body .service-block .list li.m-h{display:none}
}
@media screen and (max-width:640px){.page-body .case-block .show-data{margin-bottom:30px}
.page-body .case-block .show-data li .top{font-size:24px;line-height:40px}
.page-body .case-block .show-data li .top .num{height:40px}
.page-body .case-block .show-data li .text{font-size:12px}
}
@media screen and (max-width:500px){.page-adv-banner{height:400px}
.page-adv-banner .box .top-text{font-size:20px;line-height:50px}
.page-adv-banner .box .top-text .s{font-size:26px}
.page-body .article-block .left-article{width:100%;overflow:hidden}
.page-body .case-block .case-title span{font-size:24px}
}
@media screen and (max-width:420px){.page-adv-banner{height:290px}
.page-adv-banner .box .top-text{font-size:15px;padding-top: 20px; line-height:44px}
.page-adv-banner .box .top-text .s{font-size:24px}
.page-body .service-block .list li{font-size:12px}
}
@media screen and (max-width:375px){.page-adv-banner{height:280px}
}
@media screen and (max-width:360px){.page-body .service-block .list li a{width:calc(100% - 10px);width:-moz-calc(100% - 10px);width:-webkit-calc(100% - 10px);padding:0 5px}
.page-body .case-block .case-title span{font-size:20px}
.page-body .case-block .show-data{margin-left:-4%;width:108%}
}
@media screen and (max-width:320px){.page-adv-banner{height:310px}
}