/*除首页外的其他所有页面 mobile*/
@media screen and (max-width:1600px){
    .not-find-page .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){
    .custom-made-page .page-body .division.cpyfw .division-body .round{
        border:0;
        margin-right:0;
        padding-left:5px;
        padding-right:5px;
        padding-top:0;
        width: calc(20% - 10px);
        width: -moz-calc(20% - 10px);
        width: -webkit-calc(20% - 10px);
        height:auto;
    }
    .custom-made-page .page-body .division.zycld .division-body .step{
        width:160px;
        margin-right: calc((100% - 160px * 6) / 5 - 1px);
        margin-right: -moz-calc((100% - 160px * 6) / 5 - 1px);
        margin-right: -webkit-calc((100% - 160px * 6) / 5 - 1px);
    }
    .not-find-page .service-block .list li{font-size:14px}
    .not-find-page .service-block .list li a{width:calc(100% - 16px);width:-moz-calc(100% - 16px);width:-webkit-calc(100% - 16px);padding:0 8px}
}
@media screen and (max-width: 1440px){
    .article-page .page-body .left-area .article-container .article-related .list li{
        padding:0 42px;
        width: calc(50% - 84px);
        width: -moz-calc(50% - 84px);
        width: -webkit-calc(50% - 84px);
    }
}
@media screen and (max-width: 1300px){
    .company-page .page-body .left-area .division .division-body .row .col .bod{
        width: calc(100% - 95px);
        width: -moz-calc(100% - 95px);
        width: -webkit-calc(100% - 95px);
        padding:0 20px 0 15px;
    }
    .custom-made-page .page-body .division.zycld .division-body .step{
        margin-left:0;
        margin-right: calc((100% - 160px * 3) / 2 - 1px);
        margin-right: -moz-calc((100% - 160px * 3) / 2 - 1px);
        margin-right: -webkit-calc((100% - 160px * 3) / 2 - 1px);
        margin-bottom:40px;
    }
    .custom-made-page .page-body .division.zycld .division-body .step:first-child+.step+.step{
        margin-right:0;
    }
    .bottom-comment-block .bottom-container{
        width:100%;
    }
    .bottom-comment-block .about{
        display:none;
    }
    .bottom-comment-block .comment{
        float:none;
        margin:0 auto;
    }
    .not-find-page .service-block .list li a{width:calc(100% - 8px);width:-moz-calc(100% - 8px);width:-webkit-calc(100% - 8px);padding:0 4px}
    .illustrate_con ul{
        width:calc(100% - 120px);width:-moz-calc(100% - 120px);width:-webkit-calc(100% - 120px);
    }
    .illustrate_con .bt{
        margin-top:17px;
        width:auto;
    }
}
@media screen and (max-width: 1200px){
    .custom-made-page .page-body .division.zycld{
        margin-top:80px;
    }
    .mobile-page .page-body .bottom-block .list li{
        width:100px;
        margin-right: calc((100% - 100px * 7) / 6 - 1px);
        margin-right: -moz-calc((100% - 100px * 7) / 6 - 1px);
        margin-right: -webkit-calc((100% - 100px * 7) / 6 - 1px);
    }
    .not-find-page .service-block .list{width:100%}
    .not-find-page .service-block .list li a{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:0 10px}
    .not-find-page .service-block .form{display:none}
}
@media screen and (max-width: 1150px){
    .case-page .page-body .left-area{
        width:100%;
    }
    .case-page .page-body .right-area{
        display:none;
    }
}
@media screen and (max-width: 1100px){
    .article-page .page-body .left-area .article-container{
        padding:0;
    }
}
@media screen and (max-width: 1000px){
    .left-area{
        width:100% !important;
    }
    .right-area{
        display:none;
    }
    .case-page .page-body .left-area .case-list .case{
        padding:25px;
    }
    .article2-page .page-body .related-articles .list li{
        padding-right:40px;
        width: calc(50% - 40px);
        width: -moz-calc(50% - 40px);
        width: -webkit-calc(50% - 40px);
    }
    .about-page .page-body .declaration .nav{
        display:none;
    }
    .about-page .page-body .wmss-block .wmss-container{
        padding:25px 0 0 0;
    }
    .about-page .page-body .item-block .block-title{
        padding:0;
    }
    .mobile-page .page-body .top-block{
        margin-bottom:2em;
    }
    .mobile-page .page-body .top-block .left{
        width:100%;
    }
    .mobile-page .page-body .top-block .left img{
        max-width:100%;
    }
    .mobile-page .page-body .top-block .right{
        clear:left;
        width:100%;
    }
    .mobile-page .page-body .content-block{
        margin-bottom:50px;
    }
    .mobile-page .page-body .bottom-block{
        display:none;
    }
    .mall-page .page-body .filter-area .right{
        display:none;
    }
    .custom-made-page .page-body .division.cpyfw .division-body{
        margin-top:20px;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round{
        border:0;
        padding:0;
        margin:0;
        width:100%;
        text-align:left !important;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round .title{
        line-height:40px;
        text-indent:1em;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round .title:after{
        float:right;
        margin-right:1em;
        content:"";
        width:20px;
        height:20px;
        margin-top:10px;
        border-radius:50%;
        background:url(custom-made-page-down.png) #1394ff no-repeat 4px 4px;
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round .intro{
        height:0;
        line-height:28px;
        padding:0 1em;
        overflow:hidden;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round.open{
        margin-bottom:0.5em;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round.open .title{
        background-color:#1394ff;
        color:white;
    }
    .custom-made-page .page-body .division.cpyfw .division-body .round.open .title:after{
        background:url(custom-made-page-up.png) white no-repeat 4px 4px;
    }
}
@media screen and (max-width: 900px){
    .not-find-page .mes-block .r1,
    .not-find-page .mes-block .r3{
        font-size:30px;
    }
    .not-find-page .mes-block .r2 {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px){
    .demo-page .page-body .demo-area .demo-list{
        width: 103%;
    }
    .demo-page .page-body .demo-area .demo-list .demo{
        margin-right:3%;
        width: 22%;
    }
    .mall-page .page-body .demo-area .demo-list{
        width: 103%;
    }
    .mall-page .page-body .demo-area .demo-list .demo{
        margin-right:3%;
        width: 30.33%;
    }
    .not-find-page .mes-block .r1,
    .not-find-page .mes-block .r3{
        font-size:26px;
    }
    .not-find-page .mes-block .r2 {
        font-size: 20px;
    }
    .not-find-page .service-block .list li a{width:calc(100% - 14px);width:-moz-calc(100% - 14px);width:-webkit-calc(100% - 14px);padding:0 7px}
    .illustrate_con ul{
        width:100%;
    }
    .illustrate_con ul h1{
        margin-top:63px;
    }
    .illustrate_con .bt{
        position:absolute;
        top:20px;
        right:0;
        margin-right:0;
    }
}
@media screen and (max-width:740px){
    .not-find-page .mes-block .r1,
    .not-find-page .mes-block .r3{
        font-size:20px;
    }
    .not-find-page .mes-block .r2 {
        font-size: 14px;
    }
    .not-find-page .service-block .list li a{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);padding:0 10px}
    .not-find-page .service-block .list li.c,.not-find-page .service-block .list li.s{width:calc((100% - 20px)/ 3);width:-moz-calc((100% - 20px)/ 3);width:-webkit-calc((100% - 20px)/ 3)}
    .not-find-page .service-block .list li.c{margin-right:9px}
    .not-find-page .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)}
    .not-find-page .service-block .list li.end,.not-find-page .service-block .list li.end-min{margin-right:0}
    .not-find-page .service-block .list li.m-h{display:none}
}
@media screen and (max-width: 640px){
    .bottom-comment-block .comment{
        width:100%;
    }
    .bottom-comment-block .comment .submit-row .left{
        display:none;
    }
    .article-page .page-body .left-area .article-container{
        margin-bottom:4em;
    }
    .article-page .page-body .left-area .article-container .article-bottom .l{
        margin:0; width:100%;
    }
	 .article-page .page-body .left-area .article-container .article-bottom .r{ display:none}
    .article-page .page-body .left-area .article-container .article-bottom .l a{
        width:100%;
        margin:0;
    }
    .article-page .page-body .left-area .article-container .article-related{
        margin-bottom:0;
    }
    .article-page .page-body .left-area .article-container .article-related .list li{
        padding:0;
        width:100%;
    }
    .case-page .page-body .left-area .case-list .case .img{
        width:100%;
        height:auto;
        margin-bottom:25px;
    }
    .case-page .page-body .left-area .case-list .case .bod{
        width:100%;
    }
    .case-page .page-body .left-area .case-list .case .bod .title2{
        height:31px; display:none;
    }
    .case-page .page-body .left-area .case-list .case .bod .title1 { font-size: 16px;}
    .case-page .page-body .left-area .case-list .case .bod{
        height:190px;
    }
    .case-page .page-body .left-area .case-list .case .bod .bottom .zx{
        float:right;
    }
    .article-list-page .page-body .left-area .article-list{
        padding:0;
    }
    .demo2-page .page-body .filter-area .left span{
        display:inline-block;
        vertical-align: middle;
        margin-top:13px;
    }
    .demo2-page .page-body .filter-area .left .color-list{
        margin-top:13px;
    }
    .demo2-page .page-body .filter-area .right{
        display:none;
    }
    .demo2-page .page-body .demo-area .demo-list{
        width:100%;
    }
    .demo2-page .page-body .demo-area .demo-list .demo{
        margin-right:0;
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }
    .demo2-page .page-body .demo-area .demo-list .demo .mobile-img{
        display:none;
    }
    .article2-page .page-body .related-articles .list li{
        padding:0;
        width:100%;
    }
    .custom-made-page .page-body .division.zycld{
        margin-top:50px;
        margin-bottom:50px;
    }
    .custom-made-page .page-body .division.zycld .division-body{
        margin-top:30px;
    }
    .custom-made-page .page-body .division.zycld .division-body .step{
        margin:0;
        width:100%;
        padding:0.5em 0;
        border-bottom: 1px solid #E8E8E8;
    }
    .custom-made-page .page-body .division.zycld .division-body .step:last-child{
        border-bottom: 0;
    }
    .custom-made-page .page-body .division.zycld .division-body .step .img{
        float:left;
        width:50px;
    }
    .custom-made-page .page-body .division.zycld .division-body .step .img img{
        width:100%;
    }
    .custom-made-page .page-body .division.zycld .division-body .step .bod{
        float:right;
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }
    .custom-made-page .page-body .division.zycld .division-body .step .bod .title{
        margin-top:0;
        margin-bottom:5px;
        text-align:left;
    }
    .about-page .page-body .bottom-block{
        margin-bottom:80px;
    }
    .contact-page .page-body .bottom-block{
        margin-bottom:80px;
    }
    .company-page .page-body .left-area .division .division-body .row{
        border-bottom:0;
        padding:0;
    }
    .company-page .page-body .left-area .division .division-body .row .col{
        width:100%;
        border-bottom: 1px dotted #ddd;
        padding:25px 0;
    }
    .company-page .page-body .left-area .division .division-body .row .col .bod{
        width: calc(100% - 80px);
        width: -moz-calc(100% - 80px);
        width: -webkit-calc(100% - 80px);
        padding-right:0;
    }
    .demo-page .page-body .filter-area .left .row.cat{
        margin-bottom:7px;
    }
    .demo-page .page-body .filter-area .left .row.color .label{
        display:inline-block;
        margin-top:13px;
        vertical-align: middle;
    }
    .demo-page .page-body .filter-area .left .row .color-list a{
        margin-top:13px;
    }
    .demo-page .page-body .filter-area .right{
        display:none;
    }
    .demo-page .page-body .demo-area .demo-list .demo{
        width: 47%;
    }
    .mall-page .page-body .filter-area .left .row.color .label{
        display:inline-block;
        margin-top:13px;
        vertical-align: middle;
    }
    .mall-page .page-body .filter-area .left .row .color-list a{
        margin-top:13px;
    }
    .mall-page .page-body .demo-area .demo-list .demo{
        width: 97%;
    }

    .appraisal li .img{width:44%; }
    .appraisal li .info{width:55%; margin-left:1%; }
}
@media screen and (max-width: 500px){
    .article-page .page-body{
        margin-top:40px;
    }
    .demo2-page .page-body .demo-area .demo-list .demo{
        margin-bottom:20px;
    }
    .contact-page .page-body .top-block{
        font-size:15px;
    }
    .contact-page .page-body .top-block .pdaddress{
    padding-left:65px;
}
}
@media screen and (max-width:420px){
    .not-find-page .mes-block{
        padding-left:2%;
        padding-right:2%;
    }
    .not-find-page .mes-block .r1,
    .not-find-page .mes-block .r3{
        font-size:16px;
    }
    .not-find-page .mes-block .r2 {
        font-size: 12px;
    }
    .not-find-page .service-block .list li{font-size:12px}
}
@media screen and (max-width: 400px){
    .case-page .page-body .left-area .case-list .case{
        padding:1em;
    }
    .case-page .page-body .left-area .case-list .case .img{
        margin-bottom:1em;
    }
    .case-page .page-body .left-area .case-list .case .bod{
        height:180px;
    }
    .contact-page .page-body .top-block{
        font-size:14px;
    }
    .container1{ width: 90%; margin:0 auto;}
    .contact-page .page-body .top-block .pdaddress{
    padding-left:60px;
}
}
@media screen and (max-width:360px) {.not-find-page .service-block .list li a {width: calc(100% - 10px);width: -moz-calc(100% - 10px);width: -webkit-calc(100% - 10px);padding: 0 5px;}
.contact-page .page-body .top-block .pdaddress{
    padding-left:52px;
}
}