锘緻media screen and (max-width:1550px) { .submenu li a { margin:0 15px } .submenu li a img { width:200px; height:auto } .advantage-list { padding:0 } .project-list li { width:31.33% } .database-list li { width:30.33%; margin:40px 1.5% 0 } .container1 { padding:0 50px } }@media screen and (max-width:1200px) { .header { padding:0 20px } .footer .footerWrap,.header .menu-wrap { width:100% } .header .menu li a { padding:0 25px } .submenu li a img { width:150px } .six-feature .feature li { display:block } .six-feature .feature li .circle-icon { margin:0 auto } .six-feature .feature li .info { width:100%; padding-left:0 } .six-feature .feature li .info .icon-title { text-align:center } .advantage-list li .text p { margin-bottom:30px } .container2 { width:100%; padding:0 50px; box-sizing:border-box } .group-module .group-intro .left { padding-right:5% } .group-cultur li,.group-cultur li:first-child { width:46%; margin:20px 2% } .company-info li { width:50% } .courseWrap .course-list { margin:0 50px } .courseWrap .arrow { right:20px } .courseWrap .course-list ul li { padding-right:50px } .client-list li div { width:25% } .zizhi-list img { height:280px } .zizhi-list.zhizhi2 img { height:185px } .ideal { padding:0 } .client-list { margin:0 } }@media screen and (max-width:992px) { .header .companyName,.menu-wrap .menu-icon { display:block } .header { padding:0 20px } .submenuBox .tool-nav-icon li .icon.icon-email:before { background-position:0 -23px; transition:all .3s ease 0s } .submenuBox .tool-nav-icon li .icon.icon-map:before { background-position:-25px -23px; transition:all .3s ease 0s } .submenuBox .tool-nav-icon li .icon.icon-star:before { background-position:-50px -23px; transition:all .3s ease 0s } .submenuBox .tool-nav-icon li .icon.icon-declare:before { background-position:-125px -23px; transition:all .3s ease 0s } .submenuBox,.submenuBox.active { transition:all .7s ease 0s; top:0 } .header.fix .menu-wrap .menu-icon { margin-top:13px } .menu-wrap .menu { display:none; float:none; width:100% } .menu-wrap .menu li { float:none; width:100% } .menu-wrap .menu li a { height:40px; line-height:40px } .submenuBox { background:#fff; display:block; position:fixed; left:-100%; height:100%; overflow-y:auto } .submenuBox.active { left:0 } .tool-nav-icon { display:none } .submenuBox .tool-nav-icon { display:flex; padding:20px 0; justify-content:flex-start; border-bottom:1px solid #f5f5f5 } .submenuBox .footer-nav { display:block; float:none; margin:20px 0 30px; text-align:center } .submenuBox .footer-nav a { color:#777; padding:0 10px } .header.fix .submenuBox { top:0 } .submenu li { display:block; padding:20px; border-bottom:1px solid #f5f5f5 } .submenu li .first-child { display:block; line-height:30px; color:#555; font-size:16px; font-weight:500; width:100%; margin:0 } .header.colours .submenu li .submenu-box,.submenu li .submenu-box { justify-content:flex-start; background:0 0; padding:0 } .submenu li a span { color:#777 } .submenu li a { width:33.33%; margin:20px 0 0 } .submenu li a img { display:none; opacity:1; width:120px } .project-list li { width:48%; padding:20px 0 } .project-list li h4 { font-size:24px; margin-bottom:10px } .province .unfold { display:block } .group-title { font-weight:700 } .footer { padding:10px 20px } .footer .left,.footer .left .copyright { width:100%; margin:0; text-align:center; display:block; float:none; line-height:20px } .courseWrap .arrow,.footer a,.footer-nav { display:none } .project-list li .info { bottom:10px } .courseWrap .course-list { margin:0 20px } .ideal { padding-left:0; padding-right:0 } .client-list li div { width:25% } .client-list { margin:0 } .client-list li { display:flex } .client-list-wrap .arrow { display:none } .client-description { width:auto } .zizhi-list .item { width:100% } .zizhi-list img,.zizhi-list.zhizhi2 img { height:auto; width:100% } }@media screen and (max-width:776px) { .tool-warp .tool-box li,.tool-warp .tool-box li:nth-child(3) { width:100%; padding:20px; box-sizing:border-box } .tool-warp .tool-box .inp-wrap,.tool-warp .tool-box .textarea-wrap { width:100%; margin-left:0 } .tool-warp .close { right:5px; margin:0 } .tool-warp .tool-box .company-info .column { width:100%; margin-right:0 } body.onePage .header { background:rgba(0,0,0,.2) } .entranceBox .slogan { display:none } .entrance-module { margin:0 auto } .entrance-module li .iconWrap { width:70px; height:70px; border:1px solid #fff } .entrance-module li .iconWrap path { opacity:1; color:#fff } .entrance-module li .title { margin:10px 0; letter-spacing:5px } .entrance-module li .description { padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:2px } .container1 { padding:0 20px } .introduce { display:block; padding-top:20px } .introduce li { width:100%; margin:0 0 40px } .slide-module { height:400px } .slide-module .slide-box,.slide-module .slide-box ul,.slide-module ul li,.slide-module ul li video,.slide-module ul li>img { height:100% } .slide-module .nav { top:auto; bottom:10px; width:100%; left:0; display:flex; flex-wrap:wrap; justify-content:center } .slide-module .nav span { margin:0 5px; padding:4px; border-width:1px } .module { padding-top:40px } .module .info { width:100% } .six-feature .feature li { width:50%; margin-top:30px } .six-feature .feature li .circle-icon { margin:0 auto } .six-feature .feature li .info { width:100%; padding-left:0 } .six-feature .feature li .info .icon-title { text-align:center; font-size:18px } .advantage-list li { margin-top:50px } .advantage-list li .advantage-img,.advantage-list li .text,.advantage-list li:nth-child(2n) .text { width:100%; padding:0 } .advantage-list li .text p { margin-left:0 } .products-explain li .explain-text { column-count:1 } .products-explain li { padding:20px 10px } .products-explain li .unfold { right:20px; top:19px } .project-list li h4 { font-size:20px; margin-bottom:10px } .project-list li .info { padding:0 10px } .slide-project ul li .text h4 { font-size:24px; letter-spacing:normal; line-height:42px } .slide-project ul li .text span { margin-top:10px } .group-module .group-intro .left,.group-module .group-intro .right { width:100%; padding-right:0 } .slide-module .submenu-box { padding:5px 0; justify-content:space-between } .slide-module .submenu-box a { box-sizing:border-box; padding:0; display:inline-block; margin:8px 0; flex:1 } .slide-module .submenu-box a span { font-size:16px } .database-list li { width:47%; margin:40px 1.5% 0 } .ideal li { width:100%; padding:0 } .client-list li div { width:33.33% } .zizhi-list img { height:auto; width:100% } }@media screen and (max-width:480px) { .footer-nav li a { padding:0 10px } .six-feature .feature li { width:100% } .slide-module { height:250px } .slide-module .title-box { display:none } .project-list li { width:100%; margin:20px 0 0 } .page a,.page span { margin:0 4px } .entrance-module li { width:100%; padding:0 20px; box-sizing:border-box; display:flex; flex-wrap:wrap; margin-bottom:40px } .entrance-module li:last-child { margin-bottom:0 } .entrance-module li .title { margin:0 0 6px } .entrance-module li .iconWrap { margin:0 30px 0 0 } .entrance-module .text-content { flex:1; text-align:left } .container2 { margin-top:20px; padding:0 20px } .group-title { font-size:20px } .group-module>.title { margin-top:40px } .group-cultur li,.group-cultur li:first-child { margin:10px 2% } .contact-our { padding-top:0 } .contact-our .company-name { padding-top:10px } .contact-our .company-info li { width:100% } .group-cultur li .cultur-title { padding:8px 10px } .database-list li { width:100%; margin:40px 0 0 } .province .province-list li { margin-right:20px } .client-title { margin-top:0 } .headline { padding-top:20px } .client-list li span { width:90px; height:90px } }@media screen and (max-width:320px) { .slide-module .submenu-box a { width:50%; flex:auto } .slide-module .submenu-box a:nth-child(2n+1) { border-left:none } }