@media all and (orientation : portrait){
    
    .page-index nav{ margin-top: 20px; height: 400px;}
    nav {margin-top: 0;}
    nav.fix-float{ position: unset ;}
    nav .home-menu .show-mask{position: static;}
    nav .home-menu .show-mask #cate-register section{ width: 100%;}

    header h2{ float:none; width: 100%; text-align: center; }
    header h2 img{width: 180px;}
    header .telphone { display:none; }

    .home-banner{ display:none !important;}
    .home-menu .spin{display: none;}
    
    .show-mask{ display:block !important; }
    #cate-register, #cate-tax, #cate-design { position: unset !important; display: block !important; }

    .menu { float: left; margin-left: 0; }


    div.main { width: 100%; }

    div.home-title h2 {font-size: 24px;}
    div.home-services ul li { margin-left: 29px; padding: 0; }

    div.home-solution ul{width:100%; margin: 0;}
    div.home-solution ul li{width:100%; margin-left: 0;}
    div.home-solution ul li section h3 { background-position: right top !important;}
    div.home-solution ul li.list-2 section h3 {background-color: #ffae14;}
    div.home-solution ul li.list-1 section h3 {background-color: rgb(39, 154, 235);}
    div.home-solution ul li.list-3 section h3 {background-color: rgb(76, 176, 80);}
    div.home-solution ul li.list-4 section h3 {background-color: rgb(244, 87, 80);}
    div.home-solution ul li.list-5 section h3 {background-color: rgb(70, 211, 107);}
    div.home-solution ul li.list-6 section h3 {background-color: rgb(35, 110, 251);}

    div.home-process .container{margin-left:0;}
    div.home-process .container>div.link-1{display:none;}
    div.home-process .container>div.link-2{display:none;}
    div.home-process .container>div.link-3{display:none;}
    div.home-process .container section{width: 100%; margin-left: 0;}
    div.home-process .container section p{font-size: 16px; margin-bottom: 20px;}

    div.guarantee div.main{background:  none;}
    div.guarantee div.main div.container{margin-left: 30px;}
    div.guarantee div.main section p {font-size: 16px; line-height: 2em;}

    div.home-assess div.l{display: none;}
    div.home-assess div.r{display: none;}

    #usersay ul li{margin: 0;}
    #usersay ul li dl{margin-left: 0;}

    .news-title{display: none;}
    #telephone, #weixin{display: none;}

    #news .wapper {width: 100% !important;}
    #news .wapper .ll {height: auto;}
    #news .wapper .ll dl dt span { float: none; margin-left: 160px; }
    #news .wapper .ll dl dt a { float: none; margin-left: 160px; }
    #news .wapper .ll dl dd {margin-left: 20px;}
    #news dl{float: none !important; display: block !important; width: 100% !important;}

    .page-about { padding: 1em;}
    .page-about .about-content{ border: none !important; width: 100% !important; }
    .page-about blockquote{ margin: 0 !important; width: 100% !important; }
    .page-about blockquote div{padding-left: 0 !important;}
}

@media all and (max-width: 700px) {
    .menu ul li { width: 80px; }
    .menu a{ font-size: 14px; }
    div.home-services ul li {margin-left: 14px;}
}