@charset "utf-8"; @font-face { font-family: 'SourceHanSansCN_Regular'; src: url('./ziti/SourceHanSansCN_Regular.ttf') format('truetype'); } @font-face { font-family: 'CenturyGothic'; src: url('./ziti/CenturyGothic.ttf') format('truetype'); } @font-face { font-family: 'DIN_Medium'; src: url('./ziti/DIN_Medium.ttf') format('truetype'); } @font-face { font-family: 'SourceHanSansCN_Medium'; src: url('./ziti/SourceHanSansCN_Medium.otf'); } * {font-family: "SourceHanSansCN_Regular",Arial, Helvetica, sans-serif;-webkit-font-smoothing: subpixel-antialiased;} .wrap{width:1000px; margin:0 auto;} .blank36{margin-top: 36px;} .fl{float: left;} .fr{float: right;} .fz{font-size: 0;} .text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .over{overflow: hidden;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .fixed{position: fixed;z-index: 1;} .inline{display: inline;} .block{display: block;} .inline-block{display: inline-block;} .dis{display: inline-block;vertical-align: top;} .hide{display: none;} .max-w100{max-width: 100%;} .max-h100{max-height: 100%;} img{max-width: 100%;} .clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;} .img_vam{vertical-align: middle;} .span{vertical-align: middle;display: inline-block;height: 100%;} .relative{position: relative;z-index: 1;} .absolute{position: absolute;z-index: 1;} .middle{vertical-align: middle;} .trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} .c1{clear: both;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; } .trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .fz{font-size: 0;} .dis{display: inline-block;vertical-align: top;} .editor{color: #333;font-size: 16px;} .editor p, .editor div, .editor em, .editor b, .editor span{line-height: inherit;font-size: inherit;color: inherit;} .editor img{max-width: 100%!important;height: auto!important;} .border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} body{max-width:1920px;min-width:320px;overflow-x: hidden;} table{max-width: 100%;} .bd_weixin_popup{min-height: 333px!important;} .ab-style{top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .m_auto{} .box-img{vertical-align: middle;max-height: 100%;max-width: 100%;} .box-span{display: inline-block;vertical-align: middle;height: 100%;} .w1300{width: 1300px;margin: 0 auto;} .w1400{width: 1400px;margin: 0 auto;} @media (max-width: 1440px){ .w1400{width: 1200px;margin: 0 auto;} } @media (max-width: 1380px){ .w1300{width: 96%;} } .over{overflow: hidden;} /*头部*/ #header{background: #fff;height: 95px;position: relative;z-index: 2;} #header .logo{width: 152px;height: 60px;margin-top: 18px;} #header .menu{margin-left: 30px;cursor: pointer;display: none;width: 31px;height: 22px;margin-top: 29px;background: url(/images/menu_head.png) no-repeat center center;} #header .nav .dis{position: relative;margin-left: 60px;} #header .nav .one{color: #828282;font-size: 16px;line-height: 93px;border-bottom: 2px solid transparent;} #header .nav .one:hover{color: #02a33b;} #header .nav .one.on{color: #02a33b;border-color: #02a33b;} #header .nav .two{width: 210px;height: 0;overflow: hidden;background: rgba(255,255,255,.7);top: 95px;left: -15px;} #header .nav .two .child{padding-left: 10px;width: 190px;margin-bottom: 12px;color: #666;font-size: 14px;} #header .nav .two .child:first-child{margin-top: 12px;} #header .nav .two .child:hover{color: #02a33b;} #header .search{margin-left: 68px;overflow: hidden;width: 166px;height: 32px;margin-top: 32px;border-radius: 25px;background: #f4f4f4;} #header .search form{width: 166px;} #header .search .input{width: 100px;height: 32px;line-height: 32px;color: #666;background: transparent;margin-right: 16px;padding-left: 18px;} #header .search .submit{width: 14px;height: 32px;background: url(/images/search.png) no-repeat center center;} @media (max-width: 1440px){ #header .nav .dis{margin-left: 40px;} } @media (max-width: 1200px){ #header .logo{width: 120px;} #header{height: 80px;} #header .logo{margin-top: 10px;} #header .nav .dis{margin-left: 35px;} #header .nav .one{line-height: 78px;font-size: 14px;} #header .search{margin-top: 23px;margin-left: 35px;} } @media (max-width: 1015px){ #header .nav .one{font-size: 15px;} } @media (max-width: 981px){ #header .menu{display: block;} #header .nav{display: none;} #header .search{margin-left: 0;} #header .search.in{width: 32px;border-radius: 50%;} #header .search.in .input{display: none;} #header .search.in .submit{padding: 0 16px;} } @media (max-width: 750px){ #header{height: 60px;} #header .search, #header .search.in{margin-top: 13px;} #header .menu{margin-top: 19px;margin-left: 20px;} #header .logo{height: auto;margin-top: 5px;} } @media (max-width: 450px){ #header .menu{width: 26px;-webkit-background-size: 26px auto;background-size: 26px auto;} } #nav{z-index: 999;height: 0;overflow: hidden;background: #fff;position: absolute;top: 80px;left: 0;width: 100%;} #nav.on{border-top: 1px solid #f1f1f1;} #nav .n1{width: 96%;margin: 0 auto;border-bottom: 1px solid #f1f1f1;} #nav .n1 .one{height: 60px;line-height: 60px;} #nav .n1 .two .child:hover, #nav .n1 .one:hover{color: #02a33b;} #nav .n1 .one .fr{display: none;} #nav .n1.have-two .one .fr{width: 31px;height: 60px;background-image: url(/images/page_right.png);background-repeat: no-repeat;background-position: center center;display: block;} #nav .n1 .one a{width: 100%;color: #666;font-size: 18px;} #nav .n1.have-two .one a{width: 90%;} #nav .n1 .two{height: 0;overflow: hidden;} #nav .n1 .one.open{border-bottom: 1px solid #f1f1f1;} #nav .n1 .one.open a{color: #02a33b;} #nav .n1 .one.open .fr{background-image: url(/images/page_right3.png);} #nav .n1 .two .child{color: #828282;font-size: 14px;margin-bottom: 12px;margin-top: 12px;} @media (max-width: 750px){ #nav{top: 60px;} } /*底部*/ #footer{background: #f8f8f8;padding-top: 60px;} #footer .nav{padding-bottom: 60px;height: 235px;} #footer .nav .dis{min-width: 8.5%;padding-right: 2.1875%;padding-left: 5.77%;border-left: 1px solid #eeeeee;} #footer .nav .dis:nth-child(1){border-left: none;padding-left: 0;} #footer .nav .dis .one{color: #333333;font-size: 18px;margin-bottom: 15px;} #footer .nav .dis{height: 187px;} #footer .nav .dis .two .child{color: #828282;font-size: 14px;margin-bottom: 12px;} #footer .nav .dis .one:hover, #footer .nav .dis .two .child:hover{color: #02a33b;} #footer .copyright{background: #333333;padding: 22px 0;text-align: center;} #footer .copyright .w1300 *{color: #ffffff;font-size: 14px;margin-right: 5px;} #footer .copyright .w1300 a:hover{color: #02a33b;} @media (max-width: 1280px){ #footer .nav{text-align: center;} #footer .nav .dis{padding: 0;width: 12%;border-left: 1px solid #d5d5d5;padding-left: 2.5%;margin-right: 2.5%;} #footer .nav .dis:last-child{margin-right: 0;} #footer .nav .dis .two .child{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} } @media (max-width: 1050px){ #footer{padding-top: 40px;} #footer .nav{height: auto;padding-bottom: 40px;} #footer .nav .dis .one{font-size: 16px;} #footer .nav .dis .two .child{font-size: 13px;} } @media (max-width: 850px){ #footer .nav .two{display: none;} #footer{padding-top: 25px;} #footer .nav{height: auto;padding-bottom: 25px;} #footer .nav .dis{width: 14%;padding: 0;height: auto;border-left: none;} #footer .nav .dis .one{margin-bottom: 0;} } @media (max-width: 650px){ #footer .nav .dis{width: auto;margin-bottom: 6px;margin-right: 3%;} #footer .nav .dis .one{font-size: 14px;} #footer .nav .dis:nth-child(5){margin-right: 0;} #footer .nav .dis:last-child{display: none;} } /*公共*/ #main {margin: 80px 0 100px;} #main .big-title{margin-bottom: 30px;position: relative;color: #333333;font-size: 26px;font-family: 'SourceHanSansCN_Medium';padding-bottom: 12px;} #main .big-title:after{content: "";position: absolute;width: 20px;height: 4px;background: #02a33b;bottom: 0;left: 0;right: 0;margin: auto;} @media (max-width: 750px){ #main {margin: 50px 0 80px;} #main .big-title{font-size: 24px;} } @media (max-width:450px){ #main {margin: 40px 0 60px;} #main .big-title{font-size: 22px;} } /*面包屑-详细页*/ #bread{height: 70px;border-top: 1px solid #e7e7e7;box-shadow: 0px 0px 25px 5px #f5f5f5;} #bread .dis{color: #999999;font-size: 14px;} #bread .fl .dis:last-child, #bread .dis:hover{color: #02a33b;} #bread .dis{height: 70px;line-height: 70px;} #bread .fl .home{width: 14px;background-image: url(/images/home.png);background-repeat: no-repeat;background-position: center center;} #bread .fl .home:hover{background-image: url(/images/home2.png);} #bread .fl .b2{margin: 0 12px;width: 5px;background: url(/images/b_right.png) no-repeat center center;} #bread .fl .name{max-width: 300px;width: 300px;} #bread .return{padding-right: 23px;background-image: url(/images/back.png);background-position: center right;background-repeat: no-repeat;cursor: pointer;} #bread .return:hover{background-image: url(/images/back2.png);} @media (max-width: 750px){ #bread .fl .m1{display: none;} } /*二级导航-广告图下面*/ .top-bread{position: relative;height: 71px;} .top-bread:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #d7d7d7;} .top-bread .swiper-wrapper{justify-content: center;} .top-bread .swiper-slide{width: auto;} .top-bread .swiper-slide:last-child{margin-right: 0!important;} .top-bread .swiper-slide a{height: 69px;line-height: 69px;border-bottom: 2px solid transparent;color: #333333;font-size: 16px;} .top-bread .swiper-slide.on a, .top-bread .swiper-slide a:hover{color: #02a33b;} .top-bread .swiper-slide.on a{border-color: #02a33b;} @media (max-width: 750px){ .top-bread{position: relative;height: 51px;} .top-bread .swiper-slide a{height: 50px;line-height: 50px;font-size: 15px;} } @media (max-width: 450px){ .top-bread{display: none;} } #index_picture .mobile{display: none;} #index_picture .swiper-pagination{bottom: 40px;} #index_picture .swiper-pagination .swiper-pagination-bullet{transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;width: 10px;height: 10px;background: #fff;opacity: 1;margin: 0 6px;} #index_picture .swiper-pagination .swiper-pagination-bullet-active{width: 25px;border-radius: 25px;} @media (max-width: 750px){ #index_picture .pc{display: none;} #index_picture .mobile{display: inline-block;} } #inner-swiper .mobile{display: none;} @media (max-width: 750px){ #inner-swiper .pc{display: none;} #inner-swiper .mobile{display: inline-block;} } /*首页*/ #main.index-box{margin: 0;} #main.index-box .big-title.tit2{padding-bottom: 0;margin-bottom: 10px;} #main.index-box .big-title.tit2:after{display: none;} #main.index-box .big-desc{color: #828282;font-size: 16px;padding-bottom: 30px;position: relative;margin-bottom: 40px;} #main.index-box .big-desc:after{content: "";position: absolute;width: 23px;height: 4px;background: #02a33b;bottom: 0;left: 0;right: 0;margin: auto;} #main.index-box .ind-news, #main.index-box .ind-about, #main.index-box .ind-case, #main.index-box .ind-project{padding: 5.21% 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #main.index-box .more{position: relative;margin: 0 auto;cursor: pointer;font-size: 16px;height: 47px;line-height: 47px;background: transparent;width: 140px;border-radius: 50px;color: #fff;text-align: center;border: 1px solid #fff;} #main.index-box .more:after{position: absolute;right: -21px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #fff;content: "";top: 0;} #main.index-box .more:hover:after{border-color: #08a53f;} #main.index-box .more:hover{background: url(/images/more_bg.png) no-repeat center center;border-color: transparent;color: #fff;box-shadow:0 4px 25px -1px rgba(0,85,30,.3);} #main.index-box .swiper-pagination{position: static;margin-top: 20px;} #main.index-box .swiper-pagination .swiper-pagination-bullet-active{background: #02a33b;} #main.index-box .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;background: #fff;border: 1px solid #fff;opacity: 1;} #main.index-box .swiper-pagination .swiper-pagination-bullet-active{background: #02a33b;border-color: #02a33b;} @media (max-width: 768px){ #main.index-box .more{width: 120px;height: 35px;line-height: 35px;} #main.index-box .ind-news, #main.index-box .ind-about, #main.index-box .ind-case, #main.index-box .ind-project{padding: 40px 0 60px;} #main.index-box .big-desc{padding-bottom: 22px;margin-bottom: 30px;font-size: 15px;} } /*服务项目*/ .ind-project .swiper-slide{width: 22.92%;} .ind-project .swiper-slide:after{position: absolute;content: '';width: 1px;height: 100%;right: 0;bottom: 0;top: 0;margin: auto;background: #e9e9e9;z-index: 2;} .ind-project .swiper-slide .bg{height: 0;overflow: hidden;background-repeat: no-repeat;background-position: center center;} .ind-project .swiper-slide .p{width: 100%;padding-top: 378px;background: rgba(255,255,255,.5);} .ind-project .swiper-slide .p.pt{padding-top: 378px;} .ind-project .swiper-slide .ico{width: 23.48%;margin: 0 auto;} .ind-project .swiper-slide .hoversrc{display: none;} .ind-project .swiper-slide .con{padding-top: 134px;} .ind-project .swiper-slide .desc{width: 92%;margin: 0 auto;margin-bottom: 9.83%;display: none;color: #ffffff;font-size: 16px;line-height: 24px;} .ind-project .swiper-slide .name{margin: 25px 0 15px;color: #333333;font-size: 22px;} .ind-project .swiper-slide .more{display: none;} .ind-project .swiper-slide.on-slide{width: 31.3%;z-index: 2;} .ind-project .swiper-slide.on-slide:after{display: none;} .ind-project .swiper-slide.on-slide .con{padding-top: 60px;} .ind-project .swiper-slide.on-slide .p{padding-top: 378px;} .ind-project .swiper-slide.on-slide .name{color: #fff;} .ind-project .swiper-slide.on-slide .nosrc{display: none;} .ind-project .swiper-slide.on-slide .hoversrc{display: inline-block;} .ind-project .swiper-slide.on-slide .desc{display: block;} .ind-project .swiper-slide.on-slide .bg{height: 100%;} .ind-project .swiper-slide.on-slide .more{display: block;} @media (max-width: 981px){ .ind-project .swiper-slide .con{padding-top: 123px;} .ind-project .swiper-slide.on-slide .name{font-size: 20px;} .ind-project .swiper-slide.on-slide .desc{font-size: 14px;} #main.index-box .ind-project .swiper-slide .more{width: 120px;height: 35px;line-height: 35px;} .ind-project .swiper-slide.on-slide .p, .ind-project .swiper-slide .p.pt, .ind-project .swiper-slide .p{padding-top: 340px;} } @media (max-width: 650px){ .ind-project .swiper-slide .con{padding-top: 84px;} .ind-project .swiper-slide.on-slide .con{padding-top: 29px;} .ind-project .swiper-slide.on-slide .name{font-size: 18px;margin: 15px 0 10px;} .ind-project .swiper-slide.on-slide .desc{font-size: 14px;} .ind-project .swiper-slide.on-slide .p, .ind-project .swiper-slide .p.pt, .ind-project .swiper-slide .p{padding-top: 280px;} } @media (max-width: 410px){ /*.ind-project .swiper-slide .con{padding-top: 18%;}*/ .ind-project .swiper-slide .con{padding-top: 32px;} .ind-project .swiper-slide .ico{width: 15%;} .ind-project .swiper-slide .desc{margin-bottom: 6%;} .ind-project .swiper-slide .desc{height: 20px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .ind-project .swiper-slide.on-slide .p, .ind-project .swiper-slide .p.pt, .ind-project .swiper-slide .p{padding-top: 260px;} .ind-project .swiper-slide:after{display: none;} .ind-project .swiper-slide .name{color: #fff;font-size: 18px; } .ind-project .swiper-slide .nosrc{display: none;} .ind-project .swiper-slide .hoversrc{display: inline-block;} .ind-project .swiper-slide .desc{display: block;margin-bottom: 7%;} .ind-project .swiper-slide .bg{height: 100%;} .ind-project .swiper-slide .more{display: block;} } /*首页-威尼斯欢乐娱人城v3676*/ .ind-about .left{width: 41.54%;} .ind-about .left .company{width: 208px;color: #333333;font-size: 26px;line-height: 36px;font-family: 'SourceHanSansCN_Medium';} .ind-about .left .company:after{content:"";position: absolute;width: 5px;height: 5px;border: 2px solid #02a33b;border-radius: 50%;right: 0;top: 5px;} .ind-about .left .desc{margin: 15px 0 30px;padding-bottom: 30px;border-bottom: 1px solid #f1f1f1;color: #666666;font-size: 14px;} .ind-about .left .content{color: #666666;font-size: 14px;line-height: 28px;} #main.index-box .ind-about .left .more{margin-top: 0;margin-bottom: 0;} .ind-about .left .num-list{margin: 10.18% 0 18.51%;} .ind-about .left .num-list .dis.n1{width: 33%;} .ind-about .left .num-list .dis.n1:nth-child(2){position: relative;margin: 0 3.5%;padding: 0 3.5%;text-align: center;width: auto;} .ind-about .left .num-list .dis.n1:nth-child(2)::before, .ind-about .left .num-list .dis.n1:nth-child(2)::after{position: absolute;content:"";width: 1px;height: 66px;top: 0;bottom: 0;margin: auto;background: #f1f1f1;} .ind-about .left .num-list .dis.n1:nth-child(2)::before{left: 0;} .ind-about .left .num-list .dis.n1:nth-child(2)::after{right: 0;} .ind-about .left .num-list .number{text-align: left;color: #02a33b;font-size: 50px;font-weight: bold;font-family: 'DIN_Medium';} .ind-about .left .num-list .number.r1{padding-right: 20px;} .ind-about .left .num-list .desc2{color: #666666;font-size: 16px;line-height: 28px;} .ind-about .left .num-list .number .absolute{right: 0;top: 0;color: #02a33b;font-size: 26px;font-family: 'DIN_Medium';} .ind-about .right{width: 53.54%;} .ind-about .right.video{cursor: pointer;} .ind-about .right.video:before{content:"";position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;width: 100%;background: url(/images/about_black.png) repeat;} .ind-about .right.video:after{content:"";position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;width: 36px;height: 36px;background: url(/images/video_ico.png) no-repeat center center;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .ind-about .right.video:hover::after{} @media (max-width: 1350px){ .ind-about .left .num-list{margin-bottom: 15%;} .ind-about .left .num-list .number{font-size: 40px;} .ind-about .left .num-list .desc2{font-size: 14px;line-height: 26px;} } @media (max-width: 1200px){ .ind-about .left .company{font-size: 24px;line-height: 34px;} .ind-about .left .num-list{margin: 6% 0 12%;} .ind-about .left .num-list .dis.n1{width: auto;} .ind-about .left .desc{margin-bottom: 20px;padding-bottom: 20px;} .ind-about .left .num-list .number{font-size: 36px;} } @media (max-width: 1050px){ .ind-about .left{width: 44.54%;} .ind-about .left .company{font-size: 20px;line-height: 30px;} .ind-about .left .num-list .dis.n1{width: 25%;} .ind-about .left .num-list .desc2{font-size: 12px;line-height: 18px;} .ind-about .left .num-list{margin: 5% 0 8%;} .ind-about .left .num-list .number{font-size: 28px;} .ind-about .left .desc{margin-bottom: 15px;padding-bottom: 15px;} #main.index-box .ind-about .more{width: 120px;height: 35px;line-height: 35px;} } @media (max-width: 750px){ .ind-about .left, .ind-about .right{width: 100%;float: none;text-align: center;} .ind-about .right{font-size: 0;} .ind-about .left .company:after{display: none;} .ind-about .left .company{width: 100%;margin: 20px auto;} } /*首页-案例*/ #main.index-box .ind-case .swiper-slide{background: rgba(255,255,255,.7);border-radius: 5px;padding: 5% 0;} #main.index-box .ind-case .swiper-slide .ico{width: 83px;height: 83px;border: 1px solid #333333;border-radius: 50%;margin: 0 auto;} #main.index-box .ind-case .swiper-slide .ico .hoversrc{display: none;} #main.index-box .ind-case .swiper-slide .msg{width: 76.35%;margin: 35px auto 0;} #main.index-box .ind-case .swiper-slide .msg .tit{color: #333333;font-size: 24px;margin-bottom: 15px;} #main.index-box .ind-case .swiper-slide .msg .desc{overflow: hidden;height: 72px;color: #828282;font-size: 14px;margin-bottom: 35px;line-height: 24px;} #main.index-box .ind-case .swiper-slide .msg .border{width: 24px;height: 5px;background: #02a33b;margin: 0 auto;} #main.index-box .ind-case .swiper-slide:hover .ico{background: #02a33b;border-color: #02a33b;} #main.index-box .ind-case .swiper-slide:hover .ico .nosrc{display: none;} #main.index-box .ind-case .swiper-slide:hover .ico .hoversrc{display: inline-block;} @media (max-width: 1050px){ #main.index-box .ind-case .swiper-slide .msg{width: 83%;margin-top: 30px;} #main.index-box .ind-case .swiper-slide .msg .tit{font-size: 18px;} #main.index-box .ind-case .swiper-slide .ico{width: 65px;height: 65px;} } @media (max-width: 750px){ #main.index-box .ind-case .swiper-slide .msg .tit{font-size: 16px;} } /*首页-服务网络*/ #main.index-box .network{background: #fff;} #main.index-box .network .w1300{padding: 6% 0 45px;} #main.index-box .network .big-title{top: 10%;} /*首页新闻*/ #main.index-box .news-box .news-list, #main.index-box .news-box .news-list .li{margin-bottom: 0;} #main.index-box .news-box .news-list .li{margin-right: 0;background: rgba(255,255,255,.9);} #main.index-box .news-box .more, #main.index-box .ind-about .more{margin: 40px auto 0;border-color: #02a33b;color: #02a33b;} #main.index-box .news-box .more:after, #main.index-box .ind-about .more:after{border-color: #02a33b;} #main.index-box .ind-about .more:hover, #main.index-box .news-box .more:hover{color: #fff;} @media (max-width: 768px){ #main.index-box .news-box .more, #main.index-box .ind-about .more{margin-top: 20px;} } @media (max-width: 650px){ #main.index-box .news-box .more, #main.index-box .ind-about .more{margin-top: 40px;} } /*联系我们*/ .contact-box {} .contact-box .way-box{text-align: center;margin-bottom: 20px;padding: 3.71% 0 2.5%;border: 1px solid #d8d8d8;} .contact-box .way-box .way{margin-right: 3%;width: 251px;text-align: left;background: url(/images/center.jpg) no-repeat right 9px;} .contact-box .way-box .way.address{width: 287px;background: transparent;margin-right: 0;} .contact-box .way-box .way:first-child{padding-left: 0;} .contact-box .way-box .way .img{width: auto;margin-right: 5.7%;} .contact-box .way-box .way .msg{text-align: left;width: 75%;} .contact-box .way-box .way .msg .c1{color: #828282;font-size: 16px;} .contact-box .way-box .way .msg .c2{color: #828282;font-size: 14px;font-family: Arial;line-height: 20px;} .contact-box .way-box .way .msg a.c2:hover{color: #02a33b;} .contact-box .way-box .way.address .msg{width: 83%;} .contact-box .map{width: 100%;height: 545px;} .contact-box .map img{max-width: none;} @media (max-width: 1280px){ .contact-box .way-box .way{width: 220px;} .contact-box .way-box .way .img{max-width: 15%;height: 46px;padding-top: 6px;margin-right: 8px;} } @media (max-width: 1200px){ .contact-box .way-box{padding: 3.71% 0;} .contact-box .way-box .way{width: 28%;} .contact-box .way-box .way.website{margin-right: 0;background: transparent;} .contact-box .way-box .way .img{max-width: 15%;height: 46px;padding-top: 6px;margin-right: 8px;} .contact-box .way-box .way.address{width: 95.5%;text-align: left;padding-left: 4.5%;margin-top: 5%;} } @media (max-width: 750px){ .contact-box .way-box .way:first-child, .contact-box .way-box .way{width: 100%;padding-left: 4.5%;margin-bottom: 4%;} .contact-box .way-box .way .img{width: 40px;text-align: center;padding-top: 0;} .contact-box .way-box .way .img img{max-width: 25px;vertical-align: middle;} .contact-box .way-box .way.address .img img{max-width: 20px;} .contact-box .way-box .way.address{margin-top: 0;margin-bottom: 0;} .contact-box .map{height: 300px;} } @media (max-width: 375px){ .contact-box .way-box .way .img{width: 22px;} .contact-box .way-box .way.address .img img, .contact-box .way-box .way .img img{max-width: 18px;} } /*招贤纳士*/ .join-box .item{ width:100%;margin-top:3.3%;} .join-box .item td.n1{padding-left: 7.69%;width: 27.99%;} .join-box .item td.n2, .join-box .item td.n3{padding-left: 1.54%;width: 21.54%;} .join-box .item td.n3{text-align: right;} .join-box .item td.n3 img{margin-right: 16.5%;} .join-box .item .th td{ font-size: 16px;height:61px; font-weight:500; background:#02a33b; color:#fff;} .join-box .item .slide td{ cursor:pointer; height:61px; background:#f7f7f7;color: #333333;font-size: 14px;} .join-box .item .slide td .img2{ display:none;} .join-box .item .content td{ font-size: 16px;text-align:left; font-size:0; padding:0;} .join-box .item .content td .it{ display:none; padding:30px 70px; border-top:1px solid #e3e3e3;} .join-box .item .content td .it li{ width:100%; margin-bottom:26px;} .join-box .item .content td .it li.none{ margin-bottom:0;} .join-box .item .content td .it li .title{ font-size: 16px;width:100%; color:#666; margin-bottom:10px;} .join-box .item .content td .it li .brief{ width:100%; font-size: 14px; line-height:30px; color:#828282;} .join-box .item .content td .it li.no1{display: none;} .join-box .item .content td .it li.no1 .brief{ color: #666;font-size: 16px;} .join-box .item .content td .it li.no1 .brief .dis{ color: #828282;font-size: 14px;} .join-box .item .slide.in td{ background:#e6e6e6;} .join-box .item .slide.on td .img1{ display:none;} .join-box .item .slide.on td .img2{ display:inline-block;} @media (max-width: 1050px){ .join-box .item td.n1{width: 35%;} } @media (max-width: 750px){ .join-box .item td.n1{width: 45%;} .join-box .item .content td .it li.no1{display: inline-block;} .join-box .item .content td .it{padding: 20px 7.69%;} .join-box .item td.n2{display: none;} } /*新闻*/ .news-box{} .news-box .page{margin-top: 30px;} .news-box .news-list .li{width: 32.3%;margin-right: 1.54%;} .news-box .news-list .li:nth-child(3n){margin-right: 0;margin-bottom: 1.54%;} .news-box .news-list .li .img{width: 100%;} .news-box .news-list .li .img .p{width: 100%;padding-top: 79.04%;} .news-box .news-list .li .img .absolute{overflow: hidden;} .news-box .news-list .li .msg{padding: 4.52%;padding-bottom: 0;box-shadow: 0 0 0 1px #e9e9e9;} .news-box .news-list .li .msg .date{width: 73px;padding-right: 10px;border-right: 1px solid #e9e9e9;} .news-box .news-list .li .msg .fr{width: 72.5%;} .news-box .news-list .li .msg .d1{color: #666666;font-size: 50px;font-family: Arial;} .news-box .news-list .li .msg .d2{color: #999999;font-size: 14px;font-family: Arial;} .news-box .news-list .li .msg .tit{margin-bottom: 8px;color: #666666;font-size: 18px;} .news-box .news-list .li .msg .desc{color: #828282;font-size: 14px;line-height: 24px;} .news-box .news-list .li .msg .time{display: none;color: #828282;font-size: 14px;line-height: 24px;} .news-box .news-list .li .detail{margin-top: 18px;border-top: 1px solid #e9e9e9;height: 51px;line-height: 51px;} .news-box .news-list .li .detail .l1{color: #999999;font-size: 14px;font-family: Arial;} .news-box .news-list .li .detail .r2{width: 24px;height: 40px;background-repeat: no-repeat;background-image: url(/images/read_more.png);background-position: center center;} .news-box .news-list .li:hover .img img{transform: scale(1.1);} .news-box .news-list .li:hover .msg .tit{color: #3c904c;} .news-box .news-list .li:hover .detail .l1{color: #3c904c;} .news-box .news-list .li:hover .detail .r2{background-image: url(/images/read_more2.png);} @media (max-width: 1380px){ .news-box .news-list .li .msg .tit{font-size: 16px;} .news-box .news-list .li .msg .desc{font-size: 13px;} .news-box .news-list .li .msg .date{width: 66px;} .news-box .news-list .li .msg .d1{font-size: 40px;margin-bottom: 5px;} } @media (max-width: 1200px){ .news-box .news-list .li .msg .fr.d3{width: 100%;} .news-box .news-list .li .date{display: none;} .news-box .news-list .li .detail{height: 40px;line-height: 40px;margin-top: 14px;} .news-box .news-list .li .msg .time{display: block;} } @media (max-width: 750px){ .news-box .news-list .li:nth-child(3n), .news-box .news-list .li {width: 48%;margin-right: 4%;margin-bottom: 4%;} .news-box .news-list .li:nth-child(2n){margin-right: 0;} } @media (max-width: 450px){ #main.news-box .news-list .li:nth-child(3n), #main.news-box .news-list .li:nth-child(2n), #main.news-box .news-list .li {width: 100%;margin-bottom: 25px;margin-right: 0;font-size: 0;} #main.news-box .news-list .li .img{width: 34%;display: inline-block;vertical-align: top;} #main.news-box .news-list .li .msg{width: 62%;margin-left: 4%;padding: 0;box-shadow: inherit;display: inline-block;vertical-align: top;} #main.news-box .news-list .li .msg .desc{margin-top: 1%;} #main.news-box .news-list .li .detail{display: none;} } @media (max-width: 400px){ #main.news-box .news-list .li .msg .desc{margin-top: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} } /*详细*/ #main.news-detail .detail .top-title{color: #333333;font-size: 24px;} #main.news-detail .detail .top-time{margin: 16px 0 25px;} #main.news-detail .detail .top-time .date{padding-left: 26px;background: url(/images/time.jpg) no-repeat left center;color: #828282;font-size: 14px;} #main.news-detail .detail .top-time .visit{padding-left: 32px;background: url(/images/view.jpg) no-repeat left center;color: #828282;font-size: 14px;margin-left: 2.71%;} #main.news-detail .content {margin-bottom: 58px;} #main.news-detail .prev_next{height: 44px;margin-top: 70px;padding-top: 30px;border-top: 1px solid #e5e5e5;} #main.news-detail .prev_next .absolute{width: 133px;padding-left: 43px;color: #999999;background: url(/images/menu.png) no-repeat 85% center;font-size: 14px;height: 44px;line-height: 44px;border: 1px solid #e5e5e5;right: 0;left: 0;margin: auto;top: 30px;} #main.news-detail .prev_next .absolute:hover{color: #fff;background: #02a33b url(/images/menu2.png) no-repeat 85% center;border: 1px solid #02a33b;} #main.news-detail .prev_next .next a, #main.news-detail .prev_next .prev a{display: block;color: #999999;font-size: 14px;width: 82px;height: 42px;line-height: 42px;border: 1px solid #e5e5e5;} #main.news-detail .prev_next .next a{padding-right: 90px;text-align: right;background: url(/images/news_right.png) no-repeat 92% center;} #main.news-detail .prev_next .prev a{padding-left: 90px;background: url(/images/news_left.png) no-repeat 10% center;} #main.news-detail .prev_next .next.have:hover a{color: #02a33b;border-color: #02a33b;background: url(/images/news_right2.png) no-repeat 92% center;} #main.news-detail .prev_next .prev.have:hover a{color: #02a33b;border-color: #02a33b;background: url(/images/news_left2.png) no-repeat 10% center;} @media (max-width: 750px){ #main.news-detail .prev_next{margin-top: 60px;} #main.news-detail .detail .top-title{font-size: 22px;} } @media (max-width: 680px){ #main.news-detail .prev_next .absolute{width: 108px;padding-left: 19px;} #main.news-detail .prev_next .next a, #main.news-detail .prev_next .prev a{width: 64px;} #main.news-detail .prev_next .next a{padding-right: 50px;} #main.news-detail .prev_next .prev a{padding-left: 50px;} } @media (max-width: 410px){ #main.news-detail .detail .top-title{font-size: 18px;} #main.news-detail .prev_next .absolute{width: 95px;height: 35px;line-height: 35px;padding-left: 10px;} #main.news-detail .prev_next .next a, #main.news-detail .prev_next .prev a{width: 54px;height: 35px;line-height: 35px;} #main.news-detail .prev_next .next a{padding-right: 30px;} #main.news-detail .prev_next .prev a{padding-left: 30px;} } /*案例*/ #main .case-list .item{margin-bottom: 30px;} #main .case-list .item .info{width: 23.23%;height: 430px;background: url(/images/case_bg.jpg) no-repeat center center;} #main .case-list .item .info .pd{padding: 19.54% 9.6%;} #main .case-list .item .info .date{color: #e7e7e7;font-size: 14px;font-family: 'Century_Gothic';} #main .case-list .item .info .title{max-height: 48px;overflow: hidden;margin: 18.25% 0 7.94%;color: #ffffff;font-size: 18px;font-weight: bold;line-height: 24px;} #main .case-list .item .info .desc{margin: 9.5% 0 27%;color: #e5e5e5;font-size: 14px;line-height: 22px;} #main .case-list .item .info .h{display: none;color: #e7e7e7;font-size: 14px;} #main .case-list .item .info .more{position: relative;cursor: pointer;font-size: 16px;height: 47px;line-height: 47px;background: transparent;width: 140px;border-radius: 50px;color: #ffffff;text-align: center;border: 1px solid #fff;} #main .case-list .item .info .more:after{position: absolute;right: -21px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #fff;content: "";top: 0;} #main .case-list .item .info .more:hover{background: #ebfcf1;border-color: #ebfcf1;color: #02a33b;box-shadow:0 4px 25px -1px rgba(0,85,30,.3);} #main .case-list .item .pic-box{width: 76%;} #main .case-list .item .pic-box .ab-style{overflow: hidden;} #main .case-list .item .pic-box .big{width: 68.42%;} #main .case-list .item .pic-box .big .pd{width: 100%;padding-top: 63.61%;} #main .case-list .item .pic-box .small .p{width: 100%;padding-top: 69.53%;} #main .case-list .item .pic-box .small{width: 30.57%;} #main .case-list .item .pic-box .small .relative:nth-child(1){margin-bottom: 3.31%;} #main .case-list .item .pic-box img:hover{transform: scale(1.1);} #main .page{margin-top: 40px;} @media (max-width: 710px){ #main .page{margin-top: 25px;} } @media (max-width: 1200px){ #main .case-list .item .info .pd{padding: 15% 8%;} #main .case-list .item .info .title{font-size: 16px;margin: 7% 0;} } @media(max-width: 1050px){ #main .case-list .item .pic-box{width: 76%;} #main .case-list .item .info{width: 23%;} #main .case-list .item .info .desc{margin: 12% 0;} #main .case-list .item .info .more{width: 110px;font-size: 14px;height: 35px;line-height: 35px;} } @media(max-width: 950px){ #main .case-list .item .info .title{font-weight: normal;font-size: 15px;} #main .case-list .item .info .desc{font-size: 13px;} #main .case-list .item .info .more{height: 30px;line-height: 30px;font-size: 13px;width: 76px;} #main .case-list .item .info .pd{padding: 12% 6%;} #main .case-list .item .info .desc{height: 42px;overflow: hidden;margin-bottom: 0px;} #main .case-list .item .info .h{display: inline-block;margin-bottom: 12%;} } @media (max-width: 768px){ #main .case-list .item{margin-bottom: 3%;} #main .case-list .item .info, #main .case-list .item .pic-box{width: 100%;float: none;} #main .case-list .item .info{-webkit-background-size: 100% 100%;background-size: 100% 100%;} #main .case-list .item .pic-box .big{width: 68%;} #main .case-list .item .pic-box .small{width: 30.4%;} #main .case-list .item .info{margin-top: 1%;height: auto;} #main .case-list .item .info .title{font-size: 16px;font-weight: bold;margin: 15px 0;} #main .case-list .item .info .desc{height: auto;margin-top: 0;font-size: 14px;margin-bottom: 35px;} #main .case-list .item .info .pd{padding: 25px 3%;} #main .case-list .item .info .h{display: none;} } @media (max-width: 450px){ #dplayer{width: 100%;height: 300px;} } @media (max-width: 400px){ #main .case-list .item{margin-bottom: 35px;} #main .case-list .item .info{margin-top: 2%;} } @media (max-width: 375px){ #main .case-list .item .pic-box .big, #main .case-list .item .pic-box .small{width: 100%;float: none;} #main .case-list .item .pic-box .small{font-size: 0;} #main .case-list .item .pic-box .small .relative{width: 49%;margin-top: 2%;display: inline-block;vertical-align: top;} #main .case-list .item .pic-box .small .relative:first-child{margin-right: 2%;} } /*左图右文*/ .project-box .project-list .item{position: relative;} .project-box .project-list .item .info:after, .project-box .project-list .item .big:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border: 2px solid transparent;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} .project-box .project-list .item.one .info:after, .project-box .project-list .item.two .big:after{border-left: none;} .project-box .project-list .item.two .info:after, .project-box .project-list .item.one .big:after{border-right: none;} .project-box .project-list .item .big{width: 50.15%;} .project-box .project-list .item .big .pd{padding-top: 61.04%;} .project-box .project-list .item .info{width: 49.85%;padding-top: 30.61%;} .project-box .project-list .item .info .pd{padding: 14.4% 8.74% 0;} .project-box .project-list .item .big .pd{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} /*左文右图*/ .project-box .project-list .item.two .big{width: 49.85%;} .project-box .project-list .item.two .big .pd{padding-top: 61.44%;} .project-box .project-list .item.two .info{width: 50.15%;padding-top: 30.63%;} .project-box .project-list .item.two .info .pd{padding: 14.5% 8.79% 0;} .project-box .project-list .item .info{background: #f5f5f5;} .project-box .project-list .item .info .title{color: #333333;font-size: 24px;line-height: 26px;} .project-box .project-list .item .info .desc{margin: 3.68% 0 11.65%;color: #333333;font-size: 16px;line-height: 25px;} .project-box .project-list .item .info .more{position: relative;cursor: pointer;font-size: 16px;height: 47px;line-height: 47px;background: transparent;width: 140px;border-radius: 50px;color: #828282;text-align: center;border: 1px solid #999999;} .project-box .project-list .item .info .more:after{position: absolute;right: -21px;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #999999;content: "";top: 0;} .project-box .project-list .item .big .pd{width: 100%;} .project-box .project-list .item .big .absolute{overflow: hidden;} .project-box .project-list .item:hover .big img{transform: scale(1.1);} .project-box .project-list .item:hover .big:after, .project-box .project-list .item:hover .info:after{border-color: #02a33b;} .project-box .project-list .item .info .more:hover:after{border-color: #08a53f;} .project-box .project-list .item .info .more:hover{background: url(/images/more_bg.png) no-repeat center center;border-color: transparent;color: #fff;box-shadow:0 4px 25px -1px rgba(0,85,30,.3);} @media (max-width: 1200px){ .project-box .project-list .item .info .pd{padding-top: 10.5%;} .project-box .project-list .item.two .info .pd{padding-top: 10.6%;} } @media (max-width: 1050px){ .project-box .project-list .item .info .title{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size: 20px;} .project-box .project-list .item .info .desc{margin-bottom: 10%;} .project-box .project-list .item .info .more{width: 120px;height: 40px;line-height: 40px;} } @media (max-width: 981px){ .project-box .project-list .item .info .pd{padding-top: 8.5%;} .project-box .project-list .item.two .info .pd{padding-top: 8.6%;} .project-box .project-list .item .info .title{font-size: 18px;} .project-box .project-list .item .info .desc{font-size: 15px;margin-bottom: 5.5%;} .project-box .project-list .item .info .more{width: 110px;font-size: 14px;height: 32px;line-height: 32px;} } @media (max-width: 768px){ .project-box .project-list .item .info .pd{padding-right: 7%;padding-left: 7%;} .project-box .project-list .item.two .info .pd{padding-right: 7.1%;padding-left: 7.1%;} .project-box .project-list .item .info .title{font-size: 16px;} .project-box .project-list .item .info .desc{font-size: 14px;line-height: 18px;} } @media (max-width: 676px){ .project-box .project-list .item{margin-bottom: 35px;} .project-box .project-list .item .info .pd, .project-box .project-list .item.two .info .pd{padding: 0;position: relative;} .project-box .project-list .item .big{float: none;width: 100%!important;} .project-box .project-list .item .info{float: none;width: 88%!important;padding-top: 0!important;padding: 6% 6%!important;} .project-box .project-list .item:hover .big:after, .project-box .project-list .item:hover .info:after{border-color: transparent;} .project-box .project-list .item .info .more:hover:after{border-color: transparent;} .project-box .project-list .item .info .title{font-size: 18px;} .project-box .project-list .item .info .desc{line-height: 26px;} } /*威尼斯欢乐娱人城v3676*/ #main.about-box{margin-bottom: 0;} .about-box .about{width: 100%;overflow: hidden;margin-bottom: 6.15%;} .about-box .about .fl{width: 50%;} .about-box .about .fl .company{position: relative;color: #828282;font-size: 16px;line-height: 30px;} .about-box .about .fl .company:after{content:"";background: url(/images/title.jpg) no-repeat center center;width: 91px;height: 2px;left: -105px;margin: auto;position: absolute;width: 91px;height: 2px;top: 0;bottom: 0;} .about-box .about .fl .title{color: #02a33b;font-size: 26px;line-height: 40px;margin-bottom: 30px;} .about-box .about .fl .content{overflow-y: auto;color: #828282;padding-right: 4px;font-size: 14px;line-height: 26px;} .about-box .about .fl .content::-webkit-scrollbar {width: 4px;height: 1px;z-index: 8;position: relative;} .about-box .about .fl .content::-webkit-scrollbar-thumb {border-radius: 0;background: #02a33b;} .about-box .about .fl .content::-webkit-scrollbar-track {border-radius: 0;background: #f4f4f4;} .about-box .about .fl .content::-webkit-scrollbar:horizontal { height: 1px;} .about-box .about .fr{width: 46.46%;} .about-box .about .fr .p{width: 100%;padding-top: 89.73%;} @media (max-width: 1380px){ .about-box .about .fl .company:after{display: none;} .about-box .about .fl .title{font-size: 22px;margin-bottom: 18px;line-height: 26px;} .about-box .about .fl .content{font-size: 13px;} } @media (max-width: 1050px){ .about-box .about .fl .title{font-size: 18px;} } @media (max-width: 768px){ .about-box .about .fl .content{overflow: visible;} .about-box .about .fl, .about-box .about .fr{width: 100%;float: none;} .about-box .about .fl .content{font-size: 16px;line-height: 26px;padding-right: 0;} .about-box .about .fr{text-align: center;margin-top: 35px;} .about-box .about .fr .p{display: none;} .about-box .about .fr .absolute{position: static;} .about-box .about .fl .title{text-align: center;} .about-box .about .fl .company{display: none;} } /*服务网络*/ #main .network{background: #fafafa;} #main .network .w1300{padding: 6.92% 0 24px;} #main .network .big-title{position: absolute;margin-bottom: 0;top: 6.15%;width: 100%;left: 0;} #main .network .left{width: 30.77%;margin-top: 6.92%;} #main .network .right{width: 68.46%;} #main .network .right .dis{position: absolute;bottom: 0;right: 5%;color: #828282;font-size: 15px;padding-left: 23px;background: url(/images/sz.png) no-repeat left center;} #main .network .right .positmap{bottom: 28px;right: 0;} #main .network .right .map-big{right: 23%;bottom: 12%;padding-left: 23px;height: 18px;color: #828282;font-size: 15px;background: url(/images/sz.png) no-repeat left center;} #main .network .right .positmap div{color: #333333;font-size: 16px;margin-bottom: 12px;padding-left: 20px;} #main .network .right .positmap div.big{background: url(/images/start.jpg) no-repeat left center/15px 15px;} #main .network .right .positmap div.child{background: url(/images/ico.jpg) no-repeat left center/11px 15px;} #main .network .map-title .province{margin-left: 14px;line-height: 67px;color: #333333;font-size: 20px;} #main .network .list-map .tit{color: #666666;font-size: 16px;margin: 40px 0 18px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;} #main .network .list-map .m{margin-top: 20px;padding-left: 24px;background-repeat: no-repeat;background-position: left 3px;color: #828282;font-size: 15px;} #main .network .list-map .m.address{background-image: url(/images/address2.jpg);padding-left: 24px;background-repeat: no-repeat;background-position: left 3px;-webkit-background-size: 17px 16px;background-size: 17px 16px;} #main .network .list-map .m.phone{background-image: url(/images/n_phone.jpg);padding-left: 24px;background-repeat: no-repeat;background-position: left 3px;-webkit-background-size: 17px 17px;background-size: 17px 17px;} #main .network .list-map .m.email{background-image: url(/images/n_email.jpg);padding-left: 24px;background-repeat: no-repeat;background-position: left 3px;-webkit-background-size: 17px 13px;background-size: 17px 13px;} #main .network .list-map .m.email:hover{color: #02a33b;} #main .network .list-map .img{margin-top: 35px;} @media (max-width: 1680px){ #container-01:after,#container-01:before{display: table; content:''; } #container-01:after{clear: both;} #container-01{zoom:1;} #container-01 section{width: 96% !important;height: auto !important;float: right;} #container-01 section svg{width: 100% !important;height: auto !important;} } @media (max-width: 1200px){ #main .network .right .map-big{font-size: 12px;-webkit-background-size: 15px auto;background-size: 15px auto;} #main .network .right .positmap div{font-size: 12px;} #main .network .right .positmap div.big{-webkit-background-size: 12px auto;background-size: 12px auto;} #main .network .right .positmap div.child{-webkit-background-size: 10px auto;background-size: 10px auto;} #main .network .left{margin-top: 4%;} #main .network .list-map .tit{margin-top: 25px;} #main .network .list-map .img{margin-top: 30px;} } @media (max-width: 1050px){ #main .network .right .positmap{bottom: 10px;} } @media (max-width: 981px){ #main .network .right .positmap{bottom: 0px;} } @media (max-width: 786px){ #main .network .big-title{position: relative;top: 0;margin-bottom: 25px;} #main .network .left, #main .network .right{width: 100%;float: none;} #main .network .right .map-big, #main .network .right .positmap{display: none;} } @media (max-width: 750px){ #main .network .map-title .img{width: 61px;} #main .network .map-title .province{line-height: 50px;font-size: 18px;} } /*荣誉证书*/ .about-box .partner-list, .about-box .honor-list{margin-bottom: 7.69%;} .about-box .honor-list .dis{width: 24%;margin-right: 1.15%;margin-bottom: 1.15%;} .about-box .partner-list .dis:nth-child(6n), .about-box .honor-list .dis:nth-child(4n){margin-right: 0;} .about-box .honor-list .dis .p{padding-top: 135.67%;width: 100%;} .about-box .honor-list .dis .name{padding: 15px 0;color: #828282;font-size: 18px;} .about-box .honor-list .dis:hover .img{box-shadow: 0 15px 15px -12px #c2c2c2;} .about-box .honor-list .dis .img img{visibility: hidden;} /*合作伙伴*/ .about-box .partner-list .dis{width: 16%;box-shadow: 0 0 0 1px #e5e5e5;margin-right: 0.77%;margin-bottom: 0.77%;} .about-box .partner-list .dis .p{width: 100%;padding-top: 35.09%;} .about-box .partner-list .dis .absolute{padding: 2%;} @media (max-width: 1280px){ .about-box .honor-list .dis{width: 23%;margin-right: 2.15%;margin-bottom: 2.15%;} .about-box .honor-list .dis .name{font-size: 16px;} } @media (max-width: 981px){ .about-box .partner-list .dis:nth-child(6n), .about-box .partner-list .dis{width: 18.8%;margin-right: 1.5%;margin-bottom: 1.5%;} .about-box .partner-list .dis:nth-child(5n){margin-right: 0;} .about-box .partner-list .dis .p{padding-top: 40%;} } @media (max-width: 920px){ .about-box .honor-list .dis:nth-child(4n), .about-box .honor-list .dis{width: 32%;margin-right: 2%;margin-bottom: 2%;} .about-box .honor-list .dis:nth-child(3n){margin-right: 0;} } @media (max-width: 768px){ .about-box .partner-list .dis:nth-child(5n), .about-box .partner-list .dis:nth-child(6n), .about-box .partner-list .dis{width: 23%;margin-right: 2.6%;margin-bottom: 2.6%;} .about-box .partner-list .dis:nth-child(4n){margin-right: 0;} } @media (max-width: 680px){ .about-box .honor-list .dis:nth-child(4n), .about-box .honor-list .dis:nth-child(3n), .about-box .honor-list .dis{width: 48%;margin-right: 4%;margin-bottom: 4%;} .about-box .honor-list .dis:nth-child(2n){margin-right: 0;} .about-box .honor-list .dis .name{font-size: 14px;padding: 6px 0;} } @media (max-width: 550px){ .about-box .partner-list .dis:nth-child(5n), .about-box .partner-list .dis:nth-child(6n), .about-box .partner-list .dis:nth-child(4n), .about-box .partner-list .dis{width: 31.3%;margin-right: 3%;margin-bottom: 3%;} .about-box .partner-list .dis:nth-child(3n){margin-right: 0;} }