/*全局样式*/ @charset "utf-8"; html { overflow-x: hidden; } body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea, select {margin: 0;padding: 0} body {font: 14px/1.5 "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;} input:required, input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance: none; -o-appearance: none;outline: none; } textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;} *{margin:0; padding:0;} a {text-decoration: none !important;cursor: pointer !important;color: #000;} a:focus {outline: none !important;} ul,li,dl,dt,dd{list-style-type:none;} i{font-style:normal} ul {margin: 0;} li {list-style: none;} img{max-width:100%;} .container-fluid {max-width:1230px !important;} .tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;} .tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} .overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial} .bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} header{z-index: 111;position: fixed;left: 0;top:0;width: 100%;transition: all .3s;background:#1A57B9;} header.active1{box-shadow: 0 3px 8px rgba(0,0,0,.05);} header.active2{margin-top: 0;transition: all .5s;} header .box{overflow: hidden;} header .box .logo{line-height:92px;height: 92px;font-size: 0;} header .box .logo img{max-height:88%;} header .box .txt{width:88px;height: 92px;line-height: 92px;text-align: right;position: relative;cursor: pointer;} header .box .txt span{display: block;font-size: 15px;color: #fff;width: 120px;position: absolute;top:0;right:-120px;text-align: left;padding-left: 8px;} header .box .txt:hover{width:40px;margin-right:106px;} /*pc导航*/ header nav a{transition: all .1s !important;} header nav .ul{font-size: 0;margin:0;} header nav .ul > li{position: relative;display: inline-block;vertical-align: top;} header nav .ul > li > a{position: relative; line-height:92px; display:block; color: #fff;font-size: 15px;padding:0 18px;} header nav .ul > li > a:after{content: "";width:0;height: 2px;background: #fff;position: absolute;left:15px;bottom: 22px;transition: all .4s;} header nav .ul > li:hover > a:after{width: calc(100% - 30px);} header nav .ul > li.active > a:after{width: calc(100% - 30px);} .banner{position: relative;z-index: 1;overflow: hidden;} .banner .swiper-button-prev{width: 60px;height: 60px;background:rgba(255,225,255,.2) url("../images/tu2.png") no-repeat center center;border:1px solid #fff;border-radius: 50%;overflow: hidden;left: 4%;margin-top:10px;} .banner .swiper-button-next{width: 60px;height: 60px;background:rgba(255,225,255,.2) url("../images/tu2.png") no-repeat center center;border:1px solid #fff;border-radius: 50%;overflow: hidden;right: 4%;transform:rotate(180deg);margin-top:10px;} .banner .swiper-button-prev:hover{background-color: rgba(255,255,255,.4);} .banner .swiper-button-next:hover{background-color: rgba(255,255,255,.4);} .banner2{margin-top: 92px;width: 100%;overflow: hidden;position: relative;z-index: 1;} .banner .xx{position: absolute;left: 0;right: 0;bottom:6%;z-index: 2;width: 22px;height: 32px;margin: 0 auto;cursor: pointer;} .banner .xx:after{content: "";width:9px;height: 19px;background: url("../images/tu3-1.png") no-repeat center center;position: absolute;left: 1px;right: 0;top:100%;margin: 0 auto;-webkit-animation: arrowMove 2s infinite;opacity: .6;} @-webkit-keyframes arrowMove { to {-webkit-transform: translateY(1.25rem);transform: translateY(1.25rem);opacity: 0;} } .main88{padding-top: 88px;padding-bottom: 88px;} .title{text-align: center;margin-bottom:50px;} .title .div1{font-size: 30px;font-weight: bold;color: #000;} .title .div2{font-size: 40px;font-weight: bold;color: #000;font-family: 'Arial';text-transform: uppercase;line-height: 110%;} .title .div3{font-size: 14px;color: #999;line-height: 25px;max-width: 1000px;margin: 18px auto 0;} .gd{display: block;width: 180px;line-height: 44px;background: #2f72e3;border: 1px solid #2f72e3;margin: 50px auto 0;font-size: 16px;text-align: center;color: #fff;border-radius: 25px;box-shadow: 0 0 10px rgba(0,0,0,.1);} .gd:hover{background-color: #005fff;color: #fff;letter-spacing: 2px;} .title{text-align: center;margin-bottom:50px;} .title .div1{font-size: 30px;font-weight: bold;color: #000;} .title .div2{font-size: 40px;font-weight: bold;color: #000;font-family: 'Arial';text-transform: uppercase;line-height: 110%;} .title.titlebs .div1{color: #fff;} .title.titlebs .div2{color: #fff;} .title.titlebs .div3{color: #fff;} /*服务项目*/ .main2 .box1 .list{display: block;width: 33.33%;float: left;position: relative;} .main2 .box1 .list .img{position: relative;z-index: 1;} .main2 .box1 .list .img .bjcover{padding-top: 125%;} .main2 .box1 .list:after{content: "";width: 100%;height: 100%;background: rgba(76,76,76,.8);position: absolute;left: 0;top:0;z-index: 2;transition: all 0.3s;} .main2 .box1 .list .ttbox{z-index: 3;position: absolute;left: 0;bottom:12%;width: 100%;right: 0;font-size: 0;text-align: center;} .main2 .box1 .list .ttbox .tt{display: inline-block;vertical-align: top;padding-left: 78px;min-height: 60px;position: relative;text-align: left;max-width: 100%;} .main2 .box1 .list .ttbox .tt img{display: block;position: absolute;left: 0;top:0;bottom: 0;margin: auto 0;max-height: 60px;max-width: 60px;} .main2 .box1 .list .ttbox .tt1{font-size: 20px;color: #fff;line-height:36px;} .main2 .box1 .list .ttbox .tt2{font-size: 14px;color: rgba(255,255,255,.6);font-family: 'Arial';text-transform: uppercase;line-height: 20px;} .main2 .box1 .list:hover:after{background: rgba(0,0,0,.7);} .main2 .box1 .list.active:after{background: rgba(0,0,0,.7);} .main2 .box2 .list{width: 25%;float: left;padding: 44px 15px;text-align: center;display: block;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .main2 .box2 .list .img{height: 40px;line-height: 40px;font-size: 0;} .main2 .box2 .list .img img{max-height: 100%;position: relative;top:0;} .main2 .box2 .list .tt1{font-size: 20px;color: #000;margin-top: 20px;} .main2 .box2 .list .tt2{font-size: 12px;font-family: 'Arial';color: rgba(0,0,0,.5);text-transform: uppercase;} .main2 .box2 .list:nth-child(4){border-right:0;} .main2 .box2 .list:nth-child(8){border-right:0;} .main2 .box2 .list:nth-child(n+5){border-bottom: 0;} .main2 .box2 .list:hover .img img{top:-5px;} /*关于我们*/ .main3 .box{font-size: 15px;text-align: center;line-height: 30px;color: #000;margin: -8px 0;} .main3 .gd{background: #fff;border: 1px solid #e5e5e5;color: #000;} .main3 .gd:hover{background-color: #2f72e3;border-color: #2f72e3;color: #fff;} .main3 .container-fluid{padding-bottom: 100px;} .main4 .box {padding: 44px 0;background:#1750B2;margin-top: -100px;} .main4 .box .list{width: 25%;float: left;text-align: center;border-left: 1px solid rgba(255,255,255,.3);padding: 16px 10px;} .main4 .box .list .tt1{font-size: 18px;color: #fff;line-height: 30px;} .main4 .box .list .tt1 b{font-family: 'Arial';font-size: 44px;padding-right: 6px;text-shadow: 2px 2px 6px rgba(0,0,0,.1);position: relative;top:2px;line-height: 46px;} .main4 .box .list .tt2{font-size: 18px;color: #fff;line-height: 30px;margin-top:4px;} .main4 .box .list:nth-child(1){border:0;} /*成功案例*/ .main5 .box{margin: -16px -8px 0;} .main5 .box .list{display: block;width: calc(33.33% - 16px);margin: 16px 8px 0;float: left;position: relative;} .main5 .box .list .bjcover{padding-top: 76.92307692307692%;} .main5 .box .list:hover .bjcover{transform:scale(1.06);} .main5 .box .list .tt1{position: absolute;left: 0;bottom: 0;font-size: 18px;line-height: 66px;background: rgba(0,0,0,.6);text-align: center;width: 100%;color: #fff;padding: 0 5px;} /*服务流程*/ .main6 .list{width: 25%;float: left;} .main6 .list .tt{width: 166px;border: 1px solid #e5e5e5;margin: 0 auto;background: #fff;border-radius: 15px;text-align: center;padding:35px 12px 26px;position: relative;box-shadow: 0 0 8px rgba(0,0,0,.1);top:0;max-width:96%;} .main6 .list .tt .tt1{width: 26px;height: 26px;border-radius: 50%;font-family: 'Arial';background:#2f72e3;color: #fff;font-weight: bold;line-height: 26px;position: absolute;left: 10px;top:10px;} .main6 .list .tt .tt2{height: 56px;line-height:56px;font-size: 0;} .main6 .list .tt .tt2 img{max-height: 100%;} .main6 .list .tt .tt3{font-size: 18px;font-weight: bold;margin-top: 28px;color: #000;} .main6 .list .tt .tt4{font-size: 13px;color: #999;line-height: 22px;height:44px;overflow: hidden;margin-top: 8px;} .main6 .list:hover .tt{top:-8px;box-shadow: 0 0 8px rgba(47,114,227,.3);} /*荣誉资质*/ .main7 .list{display: block;padding-top: 141.4179104477612%;position: relative;border: 1px solid #e5e5e5;background: #fff;} .main7 .list img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height: 92%;max-width: 92%;} .main7 .list:hover img{transform:scale(1.06);} .main7 .lb7{position: relative;padding-bottom: 80px;} .main7 .lb7 .swiper-button-prev{width: 46px;height: 46px;border-radius: 50%;border: 1px solid #D8D8D8;opacity:1 !important;line-height: 46px;font-size: 24px;background: fixed;text-align: center;color: #D8D8D8;top:auto;left:calc(50% - 100px);margin:0;bottom: 0;display: none;} .main7 .lb7 .swiper-button-next{width: 46px;height: 46px;border-radius: 50%;border: 1px solid #D8D8D8;opacity:1 !important;line-height: 46px;font-size: 24px;background: fixed;text-align: center;color: #D8D8D8;top:auto;right:calc(50% - 100px);margin:0;bottom: 0;display: none;} .main7 .lb7 .swiper-pagination{text-align: center;left: 0;bottom:6px;width: 100%;} .main7 .lb7 .swiper-pagination span{margin: 0 4px !important} .main7 .lb7 .swiper-pagination-bullet{background:fixed;opacity: 1;width: 22px;height: 22px;border-radius: 50%;border:1px solid #fff;position: relative;} .main7 .lb7 .swiper-pagination-bullet:after{content: "";width: 6px;height: 6px;background: #ccc;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;border-radius: 50%;overflow: hidden;} .main7 .lb7 .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #2f72e3;} .main7 .lb7 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color: #2f72e3;} /*大宇优势*/ .main8 .box{margin:-30px -15px 0;} .main8 .box .list{width: calc(50% - 30px);margin: 30px 15px 0;padding: 40px 15px 40px 200px;border: 1px solid rgba(255,255,255,.6);float: left;border-radius: 30px;position: relative;} .main8 .box .list .img{width: 110px;height: 110px;line-height: 110px;font-size: 0;background:rgba(255,255,255,.3);border-radius: 50%;border: 1px solid #fff;position: absolute;left:50px;top:0;bottom: 0;margin: auto 0;text-align: center;} .main8 .box .list .img img{max-height: 55%;} .main8 .box .list .tt1{font-size: 24px;font-weight: bold;color: #fff;} .main8 .box .list .tt1 span{font-size: 14px;font-weight: 500;color: #fff;font-family: 'Arial';padding-left: 6px;text-transform: uppercase;} .main8 .box .list .tt2{width: 26px;height: 1px;background: #fff;margin-top: 18px;} .main8 .box .list .tt3{margin-top: 18px;font-size: 16px;color: #fff;padding-bottom:6px;} .main8 .box .list:nth-child(1){border-bottom-right-radius: 0;} .main8 .box .list:nth-child(2){border-bottom-left-radius: 0;} .main8 .box .list:nth-child(3){border-top-right-radius: 0;} .main8 .box .list:nth-child(4){border-top-left-radius: 0;} /*新闻资讯*/ .main9 .box .zuo{width: calc(26% + 95px);float: left;} .main9 .box .you{width: calc(74% - 95px);float: left;padding-left:10px;} .main9 .box .zuo .list{display: block;border: 1px solid #f6f5f5;padding: 10px 10px 0;box-shadow: 0 0 8px rgba(0,0,0,.1);} .main9 .box .zuo .list .bjcover{height: 340px;} .main9 .box .zuo .list:hover .bjcover{transform:scale(1.06);} .main9 .box .zuo .list .tt{padding-left: 12px;position: relative;} .main9 .box .zuo .list .tt div{line-height:70px;font-size: 17px;color: #373737;font-weight: bold;padding-right: 25px;} .main9 .box .zuo .list .tt div:after{content: "";width: 19px;height: 15px;background: url("../images/tu10.png") no-repeat center center/contain;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 1;} .main9 .box .zuo .list .tt div:before{content: "";width: 19px;height: 15px;background: url("../images/tu10-1.png") no-repeat center center/contain;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;opacity: 0;} .main9 .box .zuo .list:hover .tt div:after{opacity: 0;} .main9 .box .zuo .list:hover .tt div:before{opacity: 1;} .main9 .box .zuo .list:hover .tt div{color: #C3251C;} .main9 .box .you .list{display: block;box-shadow: 1px 4px 6px rgba(0,0,0,.1);border: 1px solid #f6f5f5;padding: 22px 20px 25px 180px;position: relative;} .main9 .box .you .list:nth-child(n+2){margin-top: 10px;} .main9 .box .you .list .tt1{padding-left: 28px;font-weight: bold;font-size: 17px;color: #000;line-height:40px;position: relative;} .main9 .box .you .list .tt1:after{content: "";width: 18px;height: 20px;background: #a5a5a5;position: absolute;left:0;top:0;bottom: 0;margin: auto 0;z-index: 1;transition: all 0.3s;} .main9 .box .you .list .tt1:before{content: "";width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 5px solid #fff;position: absolute;left: 7px;top:0;bottom: 0;margin: auto 0;z-index: 2;} .main9 .box .you .list:hover .tt1:after{background-color: #C3251C;} .main9 .box .you .list .tt3{width: 18px;height: 2px;background: #D3D3D3;margin-left: 28px;} .main9 .box .you .list .tt4{font-size: 13px;color: #999;line-height: 30px;padding-left: 28px;} .main9 .box .you .list .tt5{height: 7px;position: relative;margin-top: 6px;margin-left: 28px;} .main9 .box .you .list .tt5:after{content: "";width: 42px;height: 7px;background: url("../images/tu11.png") no-repeat center center/contain;position: absolute;left: 0;top:0;opacity: 1;transition: all 0.3s;} .main9 .box .you .list .tt5:before{content: "";width: 42px;height: 7px;background: url("../images/tu11-1.png") no-repeat center center/contain;position: absolute;left: 0;top:0;opacity: 0;transition: all 0.3s;} .main9 .box .you .list:hover .tt5:after{opacity: 0;left: 10px;} .main9 .box .you .list:hover .tt5:before{opacity: 1;left: 10px;} .main9 .box .you .list:hover .tt1{color: #C3251C;padding-left: 34px;} .main9 .box .you .list .tt2{font-size: 14px;color: #ababab;text-align: center;position: absolute;left: 0;top:0;width: 144px;height: 100%;border-right: 1px solid #e5e5e5;padding-top: 32px;} .main9 .box .you .list .tt2:after{content: "";width: 28px;height: 28px;background:#F3F3F3;position: absolute;left: 0;top:0;} .main9 .box .you .list .tt2 b{font-size:38px;color: #000;display: block;line-height: 48px;} footer{background: #081C3F;} footer .ul{font-size: 0;padding:30px 0 20px;border-bottom: 1px solid rgba(255,255,255,.1);text-align: center;} footer .ul a{font-size: 14px;color: rgba(255,255,255,.5);line-height: 30px;display: inline-block;vertical-align: top;padding: 0 20px;transition: all .2s;} footer .ul a:hover{color: #fff;} footer .box {padding: 50px 0;} footer .box .list{width: 33.33%;float: left;font-size: 14px;line-height: 25px;color: rgba(255,255,255,.5);} footer .box .list:nth-child(2){text-align: center;padding:22px;} footer .box .list:nth-child(3){text-align: right;} footer .footer{color: #5e7398;padding: 20px 15px;text-align: center;font-size: 14px;border-top: 1px solid rgba(255,255,255,.1);} .title1{padding: 30px 0;border-bottom: 1px solid #e5e5e5;margin-bottom:33px;} .title1 .div1{float: left;font-size: 0;} .title1 .div1 a{font-size: 16px;color: #000;display: inline-block;vertical-align: top;line-height: 30px;padding-right:22px;position: relative;transition: all .2s;} .title1 .div1 a:after{content: "";width: 2px;height: 14px;background:#8D8D8D;border-right: 1px solid #424242;position: absolute;right:10px;top:1px;bottom: 0;margin: auto 0;} .title1 .div1 a:nth-last-child(1){padding-right: 0;} .title1 .div1 a:nth-last-child(1):after{display: none;} .title1 .div1 a:hover{color: #2f72e3;} .title1 .div1 a.active{color: #2f72e3;} .title1 .div2{float: right;padding-left: 28px;background:#F4F4F4 url("../images/tu4.png") no-repeat left 4px;font-size: 14px;color: #999;line-height: 26px;margin-top: 4px;} .title1 .div2 a{font-size: 14px;color: #999;transition: all .2s;} .title1 .div2 span{color: #000;} .title1 .div2 a:hover{color: #2f72e3;} .ny.main88{padding-top:0;} .nycp{margin: 0 -15px;} .nycp .list{width: calc(33.33% - 30px);margin: 0 15px 30px;display: block;float: left;border: 1px solid #e5e5e5;} .nycp .list .img{padding: 9px;} .nycp .list .img .bjcover{padding-top: 72.22222222222222%;} .nycp .list:hover .img .bjcover{transform:scale(1.06);} .nycp .list .tt{font-size:18px;font-weight: bold;color: #000;line-height: 66px;padding-right: 66px;padding-left:20px;border-top: 1px solid #e5e5e5;position: relative;} .nycp .list .tt i{width: 36px;height: 36px;border: 1px solid #D8D8D8;border-radius: 50%;font-weight: 500;text-align: center;line-height: 36px;display: block;color: #D8D8D8;position: absolute;right: 20px;top:0;bottom: 0;margin: auto 0;} .nycp .list:hover .tt{color: #2f72e3;} .nycp .list:hover .tt i{color: #2f72e3;border-color: #2f72e3;} .nycp.nyanli .list{border: 0;} .nycp.nyanli .list .img{padding: 0;} .nycp.nyanli .list .tt {border: 0;border-bottom: 1px solid #e5e5e5;font-weight: 500;font-size: 16px;} .nycp.nyanli .list .tt i{border: 0;font-size:26px;transform:rotate(225deg);} .nyzizhi{margin: 0 -15px;} .nyzizhi .list{width: calc(25% - 30px);margin: 0 15px 30px;display: block;float: left;border: 1px solid #e5e5e5;background: #fff;position: relative;} .nyzizhi .list .img{display: block;padding-top: 141.4179104477612%;position: relative;z-index: 1;} .nyzizhi .list .img img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height: 92%;max-width: 92%;} .nyzizhi .list .tt{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2;opacity: 0;} .nyzizhi .list .tt .tt1{position: absolute;left: 0;right: 0;top:50%;width: 100%;transform:translateY(-50%);font-size: 20px;color: #fff;text-align: center;padding: 0 10px;} .nyzizhi .list .tt .tt1 img{display: block;width: 40px;height: 40px;margin: 0 auto 28px;} .nyzizhi .list:hover .tt{opacity: 1;} .nyxw .list{display: block;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;} .nyxw .list .img{width: 355px;height: 178px;float: right;} .nyxw .list .img .bjcover{height: 100%;} .nyxw .list:hover .img .bjcover{transform:scale(1.06);} .nyxw .list .tt{width: calc(100% - 355px);float: left;padding-right: 30px;} .nyxw .list .tt .tt1{font-size: 14px;color: #999;} .nyxw .list .tt .tt2{font-size: 18px;color: #000;font-weight: bold;margin-top:4px;} .nyxw .list .tt .tt3{font-size: 14px;color: #999;line-height: 25px;height: 50px;overflow: hidden;margin-top: 8px;} .nyxw .list .tt .tt4{font-size: 14px;color: #000;line-height: 36px;width: 112px;border: 1px solid #D7D7D7;background: #E7E7E7;text-align: center;margin-top:20px;} .nyxw .list:hover .tt .tt4{background-color: #2f72e3;color: #fff;border-color: #2f72e3;} .danye{font-size: 16px;line-height: 32px;color: #000;} .danye .tt1{font-weight: bold;font-size: 32px;color: #000;margin-bottom: 22px;line-height:130%;} .danye .tt2{font-size: 16px;color: #999;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 10px 0;margin-bottom: 18px;} .danye .tt2 span{color: #000;} /*transition: all 0.3s;*/ /*2f72e3*/ /*transform:scale(1.06);*/ /*媒体查询开始*/ @media (max-width:1230px){ header .box .txt{width:40px;} } @media (max-width:1199px){ header nav .ul > li > a{padding:0 15px;} .banner .swiper-button-prev{width: 40px;height:40px;background-size: 10px !important;} .banner .swiper-button-next{width: 40px;height:40px;background-size: 10px !important;} .banner .xx{display: none;} .banner2 img{width: 150%;max-width: 150%;margin-left: -25%;} .main88{padding-top:70px;padding-bottom:70px;} .title{margin-bottom:40px;} .title .div1{font-size: 26px;} .title .div2{font-size: 30px;} .title .div3{margin-top: 15px;} /*大宇优势*/ .main8 .box .list{padding: 40px 15px 40px 150px;} .main8 .box .list .img{width:90px;height:90px;line-height: 90px;left: 35px;} .main8 .box .list .tt1{font-size: 20px;} .main8 .box .list .tt3{font-size:14px;} /*新闻资讯*/ .main9 .box .zuo .list .bjcover{height: 269px;} .main9 .box .zuo .list .tt{padding:0 6px;} .main9 .box .zuo .list .tt div{font-size: 15px;padding-right: 0;font-weight: 500;line-height: 60px;} .main9 .box .zuo .list:hover .tt {padding-left: 6px;} .main9 .box .you .list{padding: 18px 15px 18px 110px;} .main9 .box .you .list .tt1{padding-left: 24px;font-size: 15px;line-height:30px;font-weight: 500;} .main9 .box .you .list .tt3{display: none;} .main9 .box .you .list .tt4{line-height: 26px;padding-left: 24px;} .main9 .box .you .list .tt2{width: 94px;padding-top: 22px;font-size: 14px;} .main9 .box .you .list .tt2:after{width: 15px;height: 15px;} .main9 .box .you .list .tt2 b{font-size:26px;line-height: 36px;} .title1{padding:15px 0;margin-bottom: 20px;} .title1 .div1{float: none;} .title1 .div1 a{font-size:14px;padding-right: 30px;} .title1 .div1 a:after{right: 15px;height: 12px;background: #aaa;} .title1 .div1 a:nth-last-child(1){padding-right: 0;} .title1 .div1 a:nth-last-child(1):after{display: none;} .title1 .div1 a:hover{color: #ED3301;} .title1 .div2{float: none;display: none;} .nycp .list .tt{padding: 0 5px;text-align: center;line-height: 60px;} .nycp .list .tt i{display: none;} .nyzizhi .list{width: calc(33.33% - 30px);} .nyxw .list .img{width: 333px;} .nyxw .list .tt{width: calc(100% - 333px);} } @media (max-width:991px) { header nav{display: none;position: absolute;right:0;top:100%;width:160px;margin: 0;background: #fff;padding:10px 0;margin-bottom: 70px;z-index: 11;box-shadow: 0 4px 8px rgba(0,0,0,0.1);} header nav .ul{margin: 0;} header nav .ul > li{width:100%;} header nav .ul > li > a{width:100%;padding: 0 10px;text-align: center;display: block;color: #333;line-height:38px;border-top: 1px solid #e5e5e5;} header nav .ul > li > a:after{display: none;} header nav .ul > li:hover > a{color: #2F72E3;} header nav .ul > li.active > a{color: #2F72E3;} header nav .ul > li:nth-child(1) > a{border-top:0;} /*移动导航*/ header .lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;bottom:35px;cursor: pointer;z-index: 2;} header .lanmu i{display: inline-block;width: 100%;height: 3px;background: #fff;border-radius: 3px;transition: all 0.6s;} header .lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;} header .lanmu i:nth-child(2){margin-right: 10%;} header .lanmu i:nth-child(3){margin-left: 10%;} header .lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);} header .lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);} header .lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;} header .lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;} .main88{padding-top:55px;padding-bottom:55px;} .title{margin-bottom:36px;} .gd{margin-top:36px;} .title .div2{font-size:26px;} .title .div3{margin-top: 12px;} /*服务项目*/ .main2 .box1 .list .ttbox .tt{padding-left:40px;min-height: 40px;} .main2 .box1 .list .ttbox .tt img{max-height: 30px;max-width:30px;} .main2 .box1 .list .ttbox .tt1{font-size: 15px;color: #fff;line-height:26px;} .main2 .box1 .list .ttbox .tt2{font-size: 12px;line-height: 16px;} .main4 .box {padding: 30px 0;} .main4 .box .list .tt2{font-size: 16px;margin-top: 0;} .main4 .box .list .tt1{font-size: 16px;} .main4 .box .list .tt1 b{font-size: 30px;line-height: 34px;} /*成功案例*/ .main5 .box .list .tt1{font-size: 16px;line-height: 50px;} /*大宇优势*/ .main8 .box{margin:-20px -10px 0;} .main8 .box .list{width: calc(50% - 20px);margin: 20px 10px 0;padding:20px 10px 20px 96px;border-radius: 18px;} .main8 .box .list .img{width: 60px;height: 60px;line-height:60px;left: 20px;} .main8 .box .list .tt1{font-size:18px;} .main8 .box .list .tt1 span{font-size: 12px;} .main8 .box .list .tt2{width: 22px;margin-top: 10px;} .main8 .box .list .tt3{margin-top: 10px;font-size: 13px;} /* 新闻*/ .main9 .box .zuo{display: none;} .main9 .box .you{width: 100%;padding-left: 0;} .nycp{margin: 0 -6px;} .nycp .list{width: calc(33.33% - 12px);margin: 0 6px 12px;} .nycp .list .tt{font-size:16px;font-weight: 500;line-height: 50px;} .nyzizhi{margin: 0 -6px;} .nyzizhi .list{width: calc(33.33% - 12px);margin: 0 6px 12px;} .nyzizhi .list .tt{display: none;} .nyxw .list .img{width:290px;} .nyxw .list .tt{width: calc(100% - 290px);padding-right: 20px;} .danye .tt1{font-size: 26px;} } @media (max-width:767px) { header{background:#2F72E3 !important;margin:0 !important;} header .box .logo{max-width: calc(100% - 44px);line-height: 88px;height: 88px;} header .box .logo img{max-height:66%;} .banner{margin-top: 88px;} .banner2{margin-top: 88px;} .banner .img{width: 100%;overflow: hidden;} .banner .img img{width:130%;max-width:130%;margin-left: -15%;} .banner2 img{width: 190%;max-width:190%;margin-left: -45%;} footer .ul{padding:20px 0 10px;text-align: left;} footer .ul a{line-height:28px;padding: 0 20px 0 0;} footer .box {padding:10px 0;} footer .box .list{width:100%;float: none;text-align: left !important;padding:20px 0 !important;} footer .box .list:nth-child(3){display: none;} footer .footer{padding: 15px;} .main88{padding-top:33px;padding-bottom:33px;} .title{margin-bottom:26px;} .gd{margin-top:26px;width:140px;line-height: 38px;font-size: 15px;box-shadow: 0 0 5px rgba(0,0,0,.1);} .title .div1{font-size:22px;} .title .div2{font-size:18px;} .title .div3{margin-top:8px;} .main2 .box2 .list{padding:30px 10px;} .main2 .box2 .list .tt1{font-size:16px;margin-top:15px;} .main2 .box2 .list .tt2{font-size:10px;} .main3 .box{font-size: 14px;line-height:28px;} .main4 .box .list .tt1{font-size: 14px;} .main4 .box .list .tt2{font-size: 14px;} /*成功案例*/ .main5 .box{margin: -12px -6px 0;} .main5 .box .list{width: calc(50% - 12px);margin: 12px 6px 0;} .main5 .box .list .tt1{font-size: 14px;line-height: 32px;} .main5 .box .list:nth-child(n+9){display: none;} /*服务流程*/ .main6 .list .tt .tt3{font-size: 17px;margin-top: 20px;} /*荣誉资质*/ .main7 .lb7{padding-bottom:50px;} .main7 .lb7 .swiper-pagination span{margin: 0 1px !important} .main7 .lb7 .swiper-pagination-bullet{width: 16px;height: 16px;} /*大宇优势*/ .main8 .box{margin-top: -10px;} .main8 .box .list{width: calc(100% - 20px);margin-top: 10px;border-radius: 15px !important;} .main8 .box .list .img{left: 20px;} .main8 .box .list .tt3{font-size:14px;text-overflow:inherit;white-space:inherit;} .nycp .list{width: calc(50% - 12px);} .nyzizhi .list{width: calc(50% - 12px);} .nyxw .list{padding-bottom: 20px;margin-bottom: 20px} .nyxw .list .img{width: 100%;height: auto;float: none;} .nyxw .list .img .bjcover{height:auto;padding-top: 50%;} .nyxw .list .tt{width:100%;padding-right: 0;margin-top:12px;} .nyxw .list .tt .tt3{max-height: 75px;height: auto;} .nyxw .list .tt .tt4{width: 90px;line-height: 32px;font-size: 14px;margin-top: 12px;} .danye{font-size:15px;line-height:28px;} .danye .tt1{font-size:20px;margin-bottom:18px;line-height:140%;} .danye .tt2{font-size:15px;padding: 8px 0;margin-bottom:15px;} } @media (max-width:600px) { /*服务项目*/ .main2 .box1 .list .img .bjcover{padding-top: 125%;min-height: 200px;} .main2 .box1 .list .ttbox .tt{min-height: inherit;text-align: center;padding: 0 5px;} .main2 .box1 .list .ttbox .tt img{position: relative;left: auto;top:auto;bottom:auto;margin: 0 auto;max-height: inherit;max-width: inherit;width: 30px;} .main2 .box1 .list .ttbox .tt1{font-size: 16px;margin: 12px 0 2px;} .main2 .box1 .list .ttbox .tt2{font-size: 12px;} .main2 .box2 .list{width: 33.33%;border-right: 1px solid #e5e5e5 !important;;border-bottom: 1px solid #e5e5e5 !important;;} .main2 .box2 .list:nth-child(3){border-right:0 !important;;} .main2 .box2 .list:nth-child(6){border-right:0 !important;;} .main2 .box2 .list:nth-child(n+7){border-bottom: 0 !important;;} .main3 .container-fluid{padding-bottom: 121px;} .main4 .box {padding:30px 0;margin-top: -121px;} .main4 .box .list{width:50%;padding: 12px 5px;} .main4 .box .list:nth-child(n+3){border-top: 1px solid rgba(255,255,255,.3);} /*服务流程*/ .main6 .box{margin:-12px -6px 0;} .main6 .list{width:50%;} .main6 .list .tt{margin-top: 12px;width:calc(100% - 12px);max-width:inherit;box-shadow: 0 0 0;} .main6 .list:hover .tt{box-shadow: 0 0 0;} .main6 .list:hover .tt{top:0;} .main6 .list .tt .tt2{height: 38px;line-height: 38px;margin-top:6px;} .main6 .list .tt .tt3{margin-top:14px;} .main6 .list .tt .tt4{margin-top:4px;} /* 新闻*/ .main9 .box .you .list{padding:24px 15px;} .main9 .box .you .list .tt1{line-height: 24px;} .main9 .box .you .list:hover .tt1{padding-left: 24px;} .main9 .box .you .list .tt4{text-overflow:inherit;white-space:inherit;line-height: 22px;max-height: 44px;overflow: hidden;margin-top: 6px;} .main9 .box .you .list .tt1:after{bottom: auto;top:2px;} .main9 .box .you .list .tt1:before{bottom: auto;top:8px;} .main9 .box .you .list .tt5{margin-top: 10px;} .main9 .box .you .list .tt2{text-align: left;position: relative;left: auto;top:auto;width: 100%;height:auto;border-right: 0;padding-top: 0;padding-left: 24px;margin-top: 6px;} .main9 .box .you .list .tt2:after{display: none;} .main9 .box .you .list .tt2 b{display:none;} .nycp .list .img{padding: 0;} .nycp .list .tt{font-size:14px;line-height: 42px;} .nycp.nyanli .list .tt {font-size: 14px;} } @media (max-width:479px) { .main2 .box2 .list{width:50%;border-right: 1px solid #e5e5e5 !important;;border-bottom: 1px solid #e5e5e5 !important;padding: 20px 10px;} .main2 .box2 .list:nth-child(3){border-right: 1px solid #e5e5e5 !important;} .main2 .box2 .list:nth-child(6){border-right: 1px solid #e5e5e5 !important;} .main2 .box2 .list:nth-child(even){border-right:0 !important;} .main2 .box2 .list:nth-child(n+7){border-bottom: 0 !important;} } /*手机底部*/ @media (max-width:991px) { footer{margin-bottom:50px;} .sjdibu{height:50px;background:#1A57B9;position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;} .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;} .sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;} .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;} .sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;} .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} }