@charset "utf-8"; body{background-color:#fff;} *{ padding:0; margin:0; outline: none;} ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:15px;} code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;} address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;} a{ text-decoration:none; color:#333; transition: all 0.5s linear; -moz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;} a:hover{color:#333; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;} h1{font-size:36px;} h2{font-size:24px;} h3{font-size:22px;} h4{font-size:18px;} h5{font-size:14px;} h6{font-size:12px;} input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;} textarea{ resize:none; outline:0;} input{ outline:0;} article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} i{font-style:normal; display: block;} .clearfix{zoom:1} .clearfix:before,.clearfix:after{display:table;line-height:0;content:""} .clearfix:after{clear:both} .img-center{text-align:center;font-size:0} .img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle} .img-cover{overflow:hidden} .img-cover i{display:block;width:100%;background:no-repeat center/cover;-webkit-transition:all .5s;transition:all .5s} .elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .minHeight{min-height:500px;} .message1{display:none;} .message1{position:fixed; top:20%; left: 50%; background-color:rgba(255,255,255,0.95); width:781px;padding:20px; z-index: 99999; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);} .message1 .meForm{border:1px solid #0C7DF5; padding:24px 4.84% 40px 4.84%;} .message1 .formLogo{width:164px; display: block; margin: auto auto 32px auto;} .message1 .formList .list{width:48.66%; float:left; margin:0 2.68% 20px 0; border:1px solid #7b7b7b;padding:13px 15px; height: 49px; overflow: hidden;} .message1 .formList .list:nth-child(2n){margin-right:0;} .message1 .formList .list .H4{float:left; font-size:16px; color:#7b7b7b; line-height: 21px;} .message1 .formList .list .H4 .i1{color:#7b7b7b; } .message1 .formList .list .H4 .ico{width:21px; height: 21px; float:left; line-height: 0; margin-right:8px;} .message1 .formList .list .input{float:left; width:70%; height: 21px;font-size:14px; color:#666666; margin-left:10px; background-color:transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border-radius:0} .message1 .formList .listYzm {padding-right:0;} .message1 .formList .listYzm .input{width:35%;} .message1 .yzm{float:right; width:89px; height: 33px; overflow: hidden; margin: -6px 4px 0 0; line-height: 0; text-align: center;} .message1 .yzm img{vertical-align:middle; height: 100%;} .message1 .submit{width:217px; height:43px; border-radius: 30px; border:1px solid #0C7DF5; display: block; margin: auto; font-size:16px; color:#0C7DF5; margin-top:10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .message1 .submit:hover{background-color:#0C7DF5; color:#fff;} .message1 .close2{width:15px; height: 15px; position: absolute; top:0; right:0; line-height: 0; cursor: pointer;} @media screen and (max-width:991px){ .message1{width:90%;} .message1 .formList .list .input{width:68%;} .message1 .formList .listYzm .input{width:30%;} } @media screen and (max-width:767px){ .message1{width:98%; top:50%; padding:10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .message1 .meForm{padding:20px 10px;} .message1 .formLogo{width:120px; margin-bottom:20px;} .message1 .formList .list{width:100%; margin: 0 0 15px 0; padding:10px; height: 43px;} .message1 .formList .list .H4{font-size:14px;} .message1 .yzm{width:76px;} .message1 .submit{width:100%; height: 34px; background-color:#0C7DF5; color:#fff; margin: 0;} } .header{background-color:#fff} .header .topbar{line-height:33px;background-color:#f5f5f5;font-size:15px;border-bottom:1px solid #eee;color:#888} .header .topbar .city{ float: left; margin-right: 15px; position: relative; padding: 5px 0 0; z-index: 9999;} .header .topbar .city-btns{ display: flex; justify-content: center; align-items: center; padding: 0 10px; border-radius: 20px; line-height: 20px; border: 1px solid #666; } .header .topbar .city-btns i{ display: inline-block; background: url(../images/icon-wz.png) no-repeat center /50%; width: 20px; height: 20px; } .header .topbar .city-box{ display: none; font-size: 14px; line-height: 30px; position: absolute; left: 0; top:38px; width: 1200px; padding: 10px; background: #FFF; border: 1px solid #0b63d1; border-radius: 10px; } .header .topbar .city-box:after { content: ""; width: 17px; height: 12px; position: absolute; left: 25px; top: -12px; background: url(../images/top.png) no-repeat;} .header .topbar .city-menu{ margin-bottom: 7px; width: 100%; line-height: 36px; height: 82px; overflow: hidden; } .header .topbar .city-menu li{ float: left; margin-right: 8px; margin-bottom: 8px; } .header .topbar .city-menu li a{ display: block; color: #000; font-size: 14px; line-height: 35px; background: #ececec; /*border: 1px solid #d7d7d7;*/ padding: 0 13px;} .header .topbar .city-menu li.active a,.header .topbar .city-menu li a:hover{ background: #ffc000; } .header .topbar .city-con .content{ display: none; padding: 0 10px; } .header .topbar .city-con .content a{ display: inline-block; margin-right: 10px; } .header .topbar ul{float:right} .header .topbar li{float:left;color:#ddd; line-height:33px;} .header .topbar li.pipe{padding:0 10px} .header .logo{float:left;font-size:0;height:80px;line-height:80px;text-align:center;margin: 18px 0 0} .header .tel{float:right;background:url(../images/icon1.png) no-repeat 0 center;padding-left:55px;margin-top:31px} .header .tel strong{display:block;font-size:30px;font-family:Impact;line-height:1;color:#0b63d1} .header .text{float:left;font-size:20px;margin:20px 0 20px 30px;padding:5px 0 5px 30px;border-left:1px solid #ddd; color: #979797;} .header .text strong{display:block;font-size:30px; color: #0963d3;} .header .text strong span{color:#ff8700} .header .city2{ float: left; display: none; overflow-y: scroll; } .header .city-btns2{ display: flex; justify-content: center; align-items: center; padding: 0 10px; border-radius: 20px; line-height: 28px; border: 1px solid #666; } .header .city-btns2 i{ display: inline-block; background: url(../images/icon-wz.png) no-repeat center /50%; width: 20px; height: 20px; } .header .city-box2{ display: none; font-size: 16px; line-height: 30px; position: absolute; left: 0; top:50px; width: 100%; padding: 10px; background: #FFF; border: 1px solid #ddd; } .header .city-box2 dl{ margin-bottom: 10px; } .header .city-box2 dl dd a{ display: inline-block; margin-right: 10px; } .header .nav{font-size:0;background-color:#0b63d1;color:#fff} .header .nav li{display:inline-block;vertical-align:middle} .header .nav li a{display:block;font-size:20px;line-height:60px;padding:0 35px;color:#fff} .header .nav li .arr{float:right;height:40px;width:40px;position:relative;display:none} .header .nav li .arr:after{content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);right:15px} .header .nav li.dropdown{position:relative} .header .nav .dropdown-box{position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center} .header .nav .dropdown-box p{margin:0} .header .nav .dropdown-box a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:16px;background-color:rgba(0,0,0,.5)!important;line-height:40px;border-bottom:1px solid rgba(0,0,0,.2)} .header .nav .dropdown-box a:hover{background-color:#0b63d1!important} .header .nav li a:hover,.header .nav li.active a,.header .nav li.open a{color:#fff;background-color:#2058a3} .header .nav li.open .dropdown-box{display:block} .menu-btn{display:none;padding:6px 0;float:right;margin-left:15px} .menu-btn span,.menu-btn:after,.menu-btn:before{display:block;height:2px;background-color:#0b63d1;content:''} .menu-btn:before{width:24px} .menu-btn:after{width:18px;margin-left:6px} .menu-btn span{width:12px;margin:6px 0 6px 12px} .banner{ position: relative; z-index: 1; } .banner .swiper-slide img{display:block;width:100%;height:auto} .banner .swiper-pagination-bullet{width:44px;border-radius:5px} .banner .swiper-pagination-bullet-active{background-color:#0b63d1} .search{padding:10px 0;border-bottom:1px solid #eee;box-shadow:0 0 10px #eee} .search .hot{float:left;padding:5px 0} .search .hot a{margin-right:10px} .search .hot strong{color:#0b63d1} .search .hform{float:right} .search .hform input{float:left;font-size:12px;border:1px solid #eee;padding:6px 12px;line-height:16px;width:210px} .search .hform button{border:0;border-bottom:1px solid transparent;padding:0;float:left;cursor:pointer;outline:0;width:49px;height:30px;background:#0b63d1;color:#fff} .in-pro{ padding: 60px 0; } .in-pro-menu{ width: 100%; text-align: center; overflow: hidden; padding:30px 0; } .in-pro-menu a{ display: block; font-size: 16px; border: 1px solid #ddd; line-height: 38px; } .in-pro-menu .active a,.in-pro-menu a:hover{ background: #0b63d1; color: #FFF; } /*.in-pro-con ul{ margin:0 0 0 -15px; } .in-pro-con li{ float: left; width: 25%; } .in-pro-con li a{ display: block; text-align: center; margin:0 0 15px 15px; font-size: 16px; } .in-pro-con li .text{ line-height: 38px; } .in-pro-con li a:hover .text{ background: #115ab6; color: #FFF; }*/ .section-title2{ text-align: center; margin-bottom: 30px; } .section-title2 strong{ font-size: 36px; color: #207bed; } .section-title2 strong span{ color: #fe9901; } .section-title2 h3{ width: 500px; font-size: 28px; margin:10px auto; line-height: 48px; background: #217cee; color: #FFF; border-radius: 24px; } .section-title2 p{ font-size: 18px; } .list-sb{ margin:0 0 0 -15px; } .list-sb li{ float: left; width: 25%; } .list-sb li a{ display: block; text-align: center; margin:0 0 15px 15px; font-size: 16px; } .list-sb li .pic{ padding-top: 75%; background:no-repeat center /cover; } .list-sb li .text{ line-height: 38px; } .list-sb li a:hover .text{ background: #115ab6; color: #FFF; } @-webkit-keyframes test { 0% { transform:translate(0, 0) } 50% { transform:translate(0, 5px) } 100% { transform:translate(0, 0) } } .in-ys{ padding: 60px 0; } .in-ys ul{ margin:0 0 0 -58px; } .in-ys li{ float: left; width: 25%; } .in-ys li a{ display: block; margin:0 0 0 58px; border:2px solid #217cee; padding: 20px; text-align: center;} .in-ys li .icon{ display: flex; align-items: center; margin-bottom: 5px; transition: all 0.8s linear; } .in-ys li .icon span{ font-weight: bold; font-size: 28px; color: #217cee; margin-left: 15px; } .in-ys li .text{ font-size: 18px; margin-top: 5px; } .in-ys li .line{ background: #e7e7e7; height: 1px; margin-top: 2px; } .in-ys li a:hover .icon{ animation: test 0.2s ease-in 2; } .in-honor{ position: relative; width: 100%; padding:30px 70px;} .in-honor .swiper-slide{padding: 20px 10px} .in-honor a{ display: block; padding: 20px 20px 0; text-align: center; font-size: 18px; box-shadow: 0 0 10px rgba(0,0,0,0.1) } .in-honor a:hover{ background: #3186e0; color: #FFF; } .in-honor .text{ line-height: 35px; } .in-honor .swiper-button-prev{ width: 45px; height: 45px; background-size: 30%; border: 1px solid #b5b5b5; border-radius: 50%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b5b5b5'%2F%3E%3C%2Fsvg%3E") } .in-honor .swiper-button-next{ width: 45px; height: 45px; background-size: 30%; border: 1px solid #b5b5b5; border-radius: 50%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b5b5b5'%2F%3E%3C%2Fsvg%3E") } .in-liyou{ display: flex; background: #f1f1f1; margin-bottom: 60px; } .in-liyou .pic{ flex:0 0 50%; background: no-repeat right center / cover; } .in-liyou .text{ flex: 1; padding: 70px; } .in-liyou .text .tits{ position: relative; padding-bottom: 15px; } .in-liyou .text .tits:before{ position: absolute;left: 0; bottom: 0; width: 140px; height: 4px; background: #217be9; content:''; } .in-liyou .text .tits h2{ font-size: 28px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .in-liyou .text .tits h3{ font-size: 28px; margin-top: 10px; } .in-liyou .text .tits h3 span{ font-weight: bold; } .in-liyou .text .desc{ padding: 30px 0; } .in-liyou .text .desc p{ display: flex; align-items: center; height: 50px; font-size: 16px; } .in-liyou .text .desc p i{ margin-right: 20px; } .in-liyou .text .line{ display: flex; } .in-liyou .text .line span{ width: 80px; height: 2px; background:rgba(33,123,233,0.5); margin-right: 10px; } .in-liyou .text .btns{ margin-top: 35px; } .in-liyou .text .btns a{ font-size: 16px; background: url(../images/btns.png) no-repeat center /cover; display: inline-block; margin-right: 20px; width: 176px; height: 44px; line-height: 44px; text-align: center; } .in-liyou .text .btns a:hover{ background-image: url(../images/btns-h.png); } @media screen and (max-width:991px){ body{min-width:320px;} .container{width:auto} .header{padding:10px 0;position:fixed;z-index:10;width:100%;top:0;left:0;box-shadow:0 0 10px #ddd} .header .tel,.header .text,.header .topbar{display:none} .header .logo{height:30px;line-height:30px;float:none;padding:0; margin:0;} .header .nav{margin:10px 0 -10px;text-align:left;display:none;background-color:transparent} .header .nav ul{margin:0 -15px} .header .nav li{display:block;margin:0;border-top:1px solid #eee} .header .nav li a{line-height:40px;padding:0 15px;color:#333} .header .nav li .arr{display:block} .header .nav li a:hover,.header .nav li.active a,.header .nav li.open a{background-color:transparent;color:#0b63d1} .header .nav li.open .arr:after{border-color:#0b63d1;-webkit-transform:rotate(225deg);transform:rotate(225deg)} .header .nav .dropdown-box{position:static;background-color:#f5f5f5;min-width:auto;text-align:left} .header .nav .dropdown-box a{color:#333!important;border-top:1px dotted #ddd;padding:0 15px;line-height:40px;background-color:transparent!important;border-bottom:0} .menu-btn{display:block} .header .city2{ display: block; } .banner{margin-top: 50px;} .banner .swiper-pagination-bullet{width:24px;height:4px} .search{padding:0} .search .container{padding:0} .search .hot{display:none} .search .hform{float:none;position:relative} .search .hform input{font-size:14px;border-color:transparent;width:100%;box-sizing:border-box;line-height:20px;padding:9px 60px 9px 15px;border-radius:0} .search .hform button{position:absolute;right:0;top:0;width:50px;height:40px;font-size:14px} .in-pro{ padding: 20px 0; } .in-pro-menu li{ width: 20%; } .in-pro-con li{ width: 50%; } .list-sb li{ width: 50%; } .section-title2 strong{ font-size: 20px; } .section-title2 h3{ width: 100%; font-size: 18px; line-height: 30px; border-radius: 15px; } .section-title2 p{ font-size: 14px; } .in-ys{ padding: 30px 0; } .in-ys ul{ margin:0 0 0 -10px; } .in-ys li{ width: 50%; } .in-ys li a{ margin:0 0 10px 10px; padding: 10px;} .in-ys li .icon img{ width: 25px; } .in-ys li .icon span{ font-size: 20px; margin-left: 5px; } .in-ys li .text{ font-size: 14px; } .in-liyou{ flex-wrap: wrap; margin-bottom: 30px; } .in-liyou .pic{ flex:100%; height:300px; background: no-repeat right center / cover; } .in-liyou .text{ flex: 100%; padding:20px; } .in-liyou .text .tits:before{ height: 2px; } .in-liyou .text .tits h2{ font-size: 20px; } .in-liyou .text .tits h3{ font-size: 20px; } .in-liyou .text .desc{ padding: 20px 0; } .in-liyou .text .desc p{ font-size: 14px; } .in-liyou .text .desc p i{ margin-right: 10px; } .in-liyou .text .line span{ width: 50px; height: 2px; margin-right: 10px; } .in-liyou .text .btns{ margin-top: 25px; } .in-liyou .text .btns a{ font-size: 16px; margin-right: 10px; width: 120px; height: 30px; line-height: 30px; } } .index2{} .title{float:left;} .title .H4{float:left; font-size:26px; color:#161616; line-height: 32px;} .title .H4 .color{color:#0C7DF5;} .title .H5{float:left;line-height: 32px; font-size:18px; color:#9b9b9b; margin-left:19px;} .more{width:125px; height: 32px; text-align: center; line-height: 30px; float:right; position: relative; border:1px solid #8c8c8c; font-size:14px; color:#666666; text-transform: uppercase;} .more::after{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; left: -5px;} .more::before{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; right: -5px;} .more:hover{color:#0C7DF5; border-color:#0C7DF5;} .more:hover::after, .more:hover::before{ background-color:#0C7DF5;} .index2Tab{margin-top:60px;} .index2Nav{width:12.5%; float:left; text-align: center;} .index2Nav .list{height:120px; line-height: 120px; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; cursor: pointer;} .index2Nav .slick-slide:first-child .list{border-top:1px solid #e1e1e1;} .index2Nav .list .H5{display:inline-block; font-size:16px; color:#262626; position: relative;} .index2Nav .list .H5::after{width:18px; height: 1px; background-color:#0C7DF5; content: ""; position: absolute; top:50%; left: -25px; opacity: 0;} .index2Nav .list .H5::before{width:18px; height: 1px; background-color:#0C7DF5; content: ""; position: absolute; top:50%; right: -25px; opacity: 0;} @media screen and (min-width:992px){ .index2Nav .list:hover{background-color:#fff; } .index2Nav .list:hover .H5{ color:#0C7DF5;} .index2Nav .list:hover .H5::after, .index2Nav .list:hover .H5::before{opacity:1;} } .index2Nav .list.on{background-color:#fff; } .index2Nav .list.on .H5{ color:#0C7DF5;} .index2Nav .list.on .H5::after, .index2Nav .list.on .H5::before{opacity:1;} .index2R{width:87.5%; float:right;} .index2RList{overflow:hidden;} .index2RList .pic{width:62.67%; float:left;} .index2RList .text{width:37.33%; float:left; background-color:#141414; text-align: center; padding:160px 4.16% 0 4.16%;} .index2RList .text .H4 a{font-size:30px; color:#fff;} .index2RList .text .H4{ margin-bottom:15px} .index2RList .text .H5{font-size:24px; color:#fff; font-family: Arial; text-transform: uppercase; margin: 25px 0 35px 0} .index2RList .text .p{font-size:14px; color:#fff; line-height: 36px; height: 108px; opacity: 0.3; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .index2RList .slick-dots{bottom:10%;width:37.32%; right:0; text-align: center; line-height: 0;} .index2RList .slick-dots li{width:11px; height: 11px; background-color:#444444; border-radius: 50%; margin: 0 6px;} .index2RList .slick-dots li.slick-active{background-color:#0C7DF5;} .index2Nav .slick-prev, .index2Nav .slick-next{width:20px; height: 20px; left: 0; background:url(../images/p11.png) center no-repeat; background-size:100%;} .index2Nav .slick-next{left:auto; right:0; background-image:url(../images/p12.png)} @media screen and (max-width:1700px){ .index2RList .slick-dots{bottom:20%;} } @media screen and (max-width:1199px){ .index2Nav .list{height:80px; line-height: 80px;} .index2RList .text{padding:60px 4% 0 4%;} .index2RList .text .H4{font-size:22px;} .index2RList .text .H5{font-size:18px;} .index2RList .slick-dots{bottom:20px;} } @media screen and (max-width:991px){ .index2Nav{width:100%;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} .index2Nav .list{border:none !important; line-height: 40px; height:40px;} .index2Nav .list .H5{font-size:14px;} .index2R{width:100%; margin-top:20px;} .index2RList .text, .index2RList .pic{height:340px;} } @media screen and (max-width:767px){ .title .H4{font-size:20px; width:100%;} .title .H5{width:100%; margin: 0; font-size:14px; line-height: normal;} .index2Tab{margin-top:25px;} .index2Nav{padding:0 20px;} .index2Nav .list{background-color:transparent;} .index2Nav .list.on .H5::after, .index2Nav .list.on .H5::before{display:none;} .more{font-size:12px; margin: 10px 0 0 0; width:100px;} .index2RList .pic{width:100%; height:auto; background:none !important; } .index2RList .text{width:100%; height: auto; padding:20px 10px 40px 10px;} .index2RList .text .H4{font-size:18px;} .index2RList .text .H5{font-size:14px; margin: 15px 0;} .index2RList .text .p{font-size:13px; line-height: 22px; height: 66px;} .index2RList .slick-dots{width:100%; bottom:10px;} .index2RList .slick-dots li{width:8px; height: 8px; margin: 0 4px;} } .index3{padding:100px 0 0 0;} .index3 .img{float:left; line-height: 0; width:16.66%; position: relative; overflow: hidden;} .index3 .img img{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .index3 .img2{width:33.3%;} .index3 .img3{width:16.7%;} .index3 .designMore{width:166px; height: 41px; position: absolute; top:50%; left: 50%; border:1px solid #fff; line-height: 39px; font-size:16px; color:#fff; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .index3 .img4{width:16.65%;} .index3 .img5{width:33.4%;} .index3 .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .index3Ph{display:none; padding:30px 0 0 0;} .index3Ph .slick-dots{bottom:-20px;width:100%; right:0; text-align: center; line-height: 0; z-index: 99;} .index3Ph .slick-dots li{width:8px; height: 8px; background-color:#444444; border-radius: 50%; margin: 0 4px;} .index3Ph .slick-dots li.slick-active{background-color:#0C7DF5;} @media screen and (max-width:1199px){ .index3{padding:60px 0 0 0;} } @media screen and (max-width:767px){ .index3{display:none;} .index3Ph{display:block;} .index3Ph .list{width:96%; margin: auto;} } .index4{padding:100px 0; position: relative; background:url(../images/j18.jpg) center no-repeat; background-size:cover;} .index4 .text{width:48%; float:left; padding:25px 0 35px 0;} .index4 .text .H4{font-size:36px; color:#0C7DF5; text-transform: uppercase; font-weight: bolder; font-family: Arial;} .index4 .text .bold{font-weight: bolder;} .index4 .text .thin{font-weight:normal;} .index4 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;} .index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;} .index4 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 170px; margin: 30px 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#0C7DF5; text-align: center; font-size:14px; color:#fff;} .more2:hover{background-color:transparent; border:1px solid #0C7DF5; color:#0C7DF5;} .index4Num{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; } .index4Num .list{font-weight:bolder; float:left; } .index4Num .list:nth-child(2){float:right;} .index4Num .big{font-size:80px; color:#0C7DF5; font-family: Arial; font-weight: bolder; line-height: 58px; display: inline-block;} .index4Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#0C7DF5; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;} .index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; } .videoR{position:absolute; top:100px; right:0; width:47.34%;padding:0 0 52px 7.81%; background:url(../images/p13.png) left bottom no-repeat; background-size: 93% 91.58% ;} .videoR .pic{height:542px;} .videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer;} .videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;} .videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;} .videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;} @media screen and (max-width:1549px){ .index4Num .big{font-size:60px;} } @media screen and (max-width:1199px){ .index4{padding:60px 0;} .index4Num .big{font-size:50px;} .index4Num .p2{display:block;} .videoR{padding:0 0 30px 30px;} .videoR .playBtn{width:60px; height: 60px; left: 0px;} .index4Num{margin-top:30px; padding-top:30px;} .index4 .text .H4{font-size:28px;} .index4 .text .H5{font-size:22px;} .videoBox2{width:90%;} } @media screen and (max-width:767px){ .index4{padding:40px 0 30px 0;} .index4 .text{padding:0; width:100%;} .videoR{position:relative;} .index4 .text .H4{font-size:20px;} .index4 .text .H5{font-size:16px; padding:10px 0;} .index4 .text .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;} .more2{width:120px; font-size:12px;} .index4Num{margin-top:20px; padding-top:20px;} .index4Num .big{font-size:30px; line-height: 30px;} .index4Num .p2{font-size:13px; margin-top:5px;} .videoR{width:100%; top:auto; margin-top:20px; padding:0 0 20px 20px;} .videoR .pic{background:none !important; height: auto;} .videoR .playBtn{width:30px; height: 30px; top:50%; margin-top:-15px; left: 5px;} } .section-title3{ text-align: center; margin-bottom: 30px; margin-top: 30px; } .section-title3 strong{ font-size: 36px; } .section-title3 strong span{ color: #217beb; } .section-title3 p{ font-size: 16px; margin-top: 10px; position: relative; padding-bottom: 10px; } .section-title3 p:before{ position: absolute; left: 50%; bottom: 0; margin-left: -50px; width: 100px; height: 1px; background: #ff8601; content:''; } .index5{padding:60px 0; position:relative; overflow: hidden;} .in-liucheng a{ font-size: 18px; color: #FFF; background: #217be9; display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; border-radius: 50%; text-align: center; margin:auto;} .in-liucheng a:hover{ background: #ff8601; color: #FFF; } .in-liucheng .text{ margin-top: 10px; } @media screen and (max-width:1199px){ .section-title3{ margin-bottom: 20px; } .section-title3 strong{ font-size: 20px; } .section-title3 p{ font-size: 14px; } .index5{padding:60px 0;} .index5 .line{bottom:130px;} .index5List .listBox{width:100px; height: 100px;} } @media screen and (max-width:767px){ .in-ys{padding:30px 0;} .index5{padding:30px 0;} .index5List{margin-top:25px; padding:0;} .index5List .listBox{width:80px; height: 80px;} .index5List .H6{font-size:13px; margin-top:10px;} .index5List .slick-prev, .index5List .slick-next{width:30px; height: 30px; left: -10px;} .index5List .slick-next{right:-10px; left: auto;} .index5 .line{bottom:75px;} } .index6{padding:60px 0 80px 0; background-color:#f8f7f7;} .index6Tab .hd{text-align: right; font-size:0;} .index6Tab .hd li{display:inline-block; font-size:16px; color:#262626; line-height: 32px; margin-left:40px; width:110px; border-radius: 30px; text-align: center; cursor: pointer;} .index6Tab .hd li:first-child{margin:0;} .index6Tab .hd li.on{background-color:#0C7DF5; color:#fff;} .index6Tab .bd{padding-top:23px;} .index6Tab .bdList .list{width:49.34%; margin: 30px 1.32% 0 0; border-radius: 8px; background-color:#fff; float:left; box-shadow: 0 0 20px rgba(0,0,0,0.05); padding:20px 30px 20px 20px; position: relative;} .index6Tab .bdList .list:nth-child(2n){margin-right:0;} .index6Tab .bdList .list .pic{width:200px; height: 160px; float:left; overflow: hidden;} .index6Tab .bdList .list .pic img{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .index6Tab .bdList .list .text{margin-left:235px;} .index6Tab .bdList .list .text .H4{font-size:18px; color:#333333; padding: 18px 0 13px 0;} .index6Tab .bdList .list .text .p{font-size:14px; color:#333333; line-height: 24px; height: 48px; opacity: 0.66; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .index6Tab .bdList .list .text .time{font-size:14px; color:#333333; opacity: 0.6; text-align: right; margin-top:8px;} .index6Tab .bdList .list .ico{width:28px; height: 28px; position: absolute; bottom:25px; right:30px; opacity: 0; line-height: 0;} @media screen and (min-width:992px){ .index6Tab .bdList .list:hover{background-color:#0C7DF5;} .index6Tab .bdList .list:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .index6Tab .bdList .list:hover .H4{color:#fff;} .index6Tab .bdList .list:hover .p{color:#fff;} .index6Tab .bdList .list:hover .time{color:#fff; opacity: 1; text-align: left;} .index6Tab .bdList .list:hover .ico{opacity:1;} } @media screen and (max-width:1199px){ .index6Tab .hd li{margin-left:0; font-size:14px;} .index6Tab .bdList .list{padding:10px;} .index6Tab .bdList .list .text{margin-left:210px;} } @media screen and (max-width:767px){ .index6{padding:30px 0;} .index6Tab { clear: both; padding-top:25px;} .index6Tab .hd{text-align:center;} .index6Tab .hd li{width:25%; border-radius: 4px;} .index6Tab .bd{padding-top:10px;} .index6Tab .bdList .list{width:100%; margin: 10px 0 0 0;} .index6Tab .bdList .list .pic{width:130px;} .index6Tab .bdList .list .text{margin-left:140px;} .index6Tab .bdList .list .text .H4{font-size:16px; margin: 0 0 5px 0;} .index6Tab .bdList .list .text .time{font-size:12px; margin: 4px 0 0 0; text-align: left;} } .bottom{padding:80px 0 40px 0; background:url(../images/j26.jpg) center no-repeat; background-size:cover;} .bTitle .H4{font-size:30px; color:#fff; display: inline-block;} .bTitle .H5{font-size:18px; color:#9b9b9b; display: inline-block; vertical-align: bottom; margin-left:20px;} .bMessage{width:46.25%; float:right;} .bMessage .meForm{margin-top:30px;} .bMessage .formList .list{width:44.95%; float:left; margin:0 10.1% 0 0; border-bottom:1px solid #777777;padding:13px 0; height: 49px; overflow: hidden;} .bMessage .formList .list:nth-child(2n){margin-right:0;} .bMessage .formList .list .H4{float:left; font-size:16px; color:#a3abb1; line-height: 21px;} .bMessage .formList .list .input{float:left; width:70%; height: 21px;font-size:14px; color:#a3abb1; margin-left:10px; background-color:transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border-radius:0} .bMessage .formList .list2{width:100%; margin: 0;} .bMessage .yzm{float:right; width:84px; height: 30px; overflow: hidden; margin: -4.5px 4px 0 0; line-height: 0; text-align: center;} .bMessage .yzm img{vertical-align:middle; height: 100%;} .bMessage .textarea{ border:none; line-height: 21px; float: left;width: 88%; height: 60px; font-size: 14px;color: #a3abb1;margin-left: 10px; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border-radius: 0;} .bMessage .submit{width:100%; height:43px; display: block; font-size:18px; color:#fff; margin-top:35px; background-color:#0C7DF5; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .bMessage .submit:hover{background-color:#0C7DF5;} @media screen and (max-width:991px){ .bMessage .formList .listYzm .input{width:32%;} } @media screen and (max-width:767px){ .bMessage{width:100%;} .bMessage .meForm{margin-top:10px;} .bMessage .formList .list{width:100%; padding:7px 0; height: 35px;} .bMessage .formList .list .H4{font-size:14px;} .bMessage .formList .listYzm .input{width:30%;} .bMessage .yzm{width:70px;} .bMessage .formList .list3{height:77px;} .bMessage .textarea{height:63px;} .bMessage .submit{font-size:12px; margin-top:15px;height: 34px;} } .bCon{width:32.56%; float:Left;} .bCon .p{font-size:18px; color:#fff; margin: 30px 0 45px 0;} .bEwm2{width:25.25%; float:Left; text-align: center;} .bEwm2 .pic{display:block; padding:5px; background-color:#fff;} .bEwm2 .H6{font-size:14px; color:#a3abb1; margin-top:20px;} .bAddress{width:65%; float:right;} .bAddress .list{margin-bottom:25px;} .bAddress .list:last-child{margin:0;} .bAddress .ico{width:18px; height: auto; float:left; line-height: 0; margin: 3px 0 0 0;} .bAddress .p2{margin-left:40px; font-size:14px; color:#a3abb1; line-height: 20px;} .bottom2{background-color:#2b2b2b; padding:15px 0;} @media screen and (max-width:1549px){ .bCon{width:40%;} .bMessage .textarea{width:85%;} } @media screen and (max-width:1199px){ .bottom{padding:40px 0;} .bTitle .H4{font-size:20px;} .bCon{width:49%;} .bMessage .textarea{width:80%;} .bMessage .formList .list .input{width:60%;} .bLink .list{font-size:12px;} .bSearch{width:200px; margin-top:70px;} .bLink .i1{margin:0 5px;} } @media screen and (max-width:991px){ .bLink{text-align:center;} .bMessage .textarea{width:75%;} .bShare{width:100%; text-align: center;} .bShare .list{margin:0 5px 10px 5px !important;} .bottom2 .bLeft{width:100%;} .cr{text-align:center;} .bMessage .formList .list .input{width:55%;} .bShare .list.active{background-color:#0C7DF5;} .bShare .list.active .bEwm{height:100px;} .bLink{width:180px; height: 34px; background-color:#3d3d3d; position: relative; margin: auto;} .bLink .top{width:100%; height: 34px; line-height: 34px; padding:0 40px 0 10px; position: relative; text-align: left;} .bLink .top .ico{width:20px; height: 20px; position: absolute; top:7px; right:10px; display: block; line-height: 0;} .bLink .scrollBox{width:100%; height: 0;overflow-x: hidden; overflow-y: auto; position: absolute; bottom:35px; left: 0; background-color:#3d3d3d;} .bLink .scrollBox .scrol{ margin: 10px;} .bLink .i1{display:none;} .bLink .scrollBox .scrol .a{display:block; line-height: 30px; text-align: left;} .bLink.active .scrollBox{height:140px;} .bLink .top.active .ico{transform: rotate(180deg);} } @media screen and (max-width:767px){ .bCon{display:none;} .bottom{padding:20px 0;} .bTitle .H4{font-size:16px;} .bTitle .H5{font-size:13px; margin-left:5px;} .bottom2{padding:10px 0 75px 0;} .cr{margin-top:10px;} .cr .p{width:100%; text-align: center; font-size:10px; line-height: 20px; margin: 0} } /*底部漂浮*/ .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;} .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} .pf_down li .ico{ width:100%; float:left; height:30px;} .pf_down li .ico img{ height:36px;} .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;} .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #0C7DF5; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} /*右漂浮*/ .f_r_box{position:fixed; top:245px; right:8px; z-index: 99;} .f_r{padding:10px 0; border-radius: 12px 0 0 12px; background-color:rgba(48,48,48,0.8); width:55px; } .fEwm{width:0; height: 84px; position: absolute; top:50%; margin-top:-42px; right:57px;background-color:rgba(12,125,245,0.8); border-radius: 6px; overflow: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .fEwm .span{width:87px; height: 84px; padding:5px; display: block; box-sizing: border-box;} .f_r li{cursor:pointer; position: relative;} .frNum{position:absolute; top:0; right:-250px;height: 100%;background-color:rgba(12,125,245,0.8);width:177px; overflow: hidden; border-radius: 8px 0 0 8px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .frNum .frNumIco{float:left; width:55px;} .frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;} .frNum2 .p{line-height:55px; margin: 0;} @media screen and (min-width:992px){ .f_r li:hover .frNum{right:0} .f_r li:hover{background-color:rgba(12,125,245,0.8)} .f_r li:hover .fEwm{width:87px;} .f_r li:hover .imgNone{opacity:0;} .f_r_box .c_close{display:none;} } .f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999; border-radius: 50%; cursor: pointer;} @media screen and (max-width:991px){ .f_r li .frNum{display:none;} .f_r_box{bottom:100px; right:10px; top:auto;} .f_r li.hover{background-color:rgba(12,125,245,0.8)} .fEwm{right:40px;} .f_r li.hover .fEwm{width:87px;} .f_r{width:40px; padding:10px 0;} .f_r_box .c_close{bottom:-30px;} .frNum .frNumIco{width:40px;} .frNum .p{font-size:12px; margin-top:3px;} } /*关于我们*/ .pageBox{background-color:#f6f6f6;} .pageNav{float:left; line-height: 60px; margin-left:3.94%;} .pageNav a{font-size:16px; color:#333333; margin: 0 10px 0 0; float:left;padding:0 30px; position: relative; text-align: center;} .pageNav a:last-child{margin:0;} .pageNav a:hover{background-color:#0C7DF5; color:#fff;} .pageNav a:hover::after{width:15px; height: 8px; content: ""; position: absolute; bottom:0;left: 50%; margin-left:-7.5px; background:url(../images/p50.png) center no-repeat;background-size:100%;} .pageNav a.on{background-color:#0C7DF5; color:#fff;} .pageNav a.on::after{width:15px; height: 8px; content: ""; position: absolute; bottom:0;left: 50%; margin-left:-7.5px; background:url(../images/p50.png) center no-repeat;background-size:100%;} .local{float:right; font-size:14px; color:#6b6b6b; line-height: 60px;margin-right:3.94%; letter-spacing: 1px; white-space: nowrap;} .local a{color:#6b6b6b;} .local a:hover{color:#0C7DF5;} .local .ico{width:16px; height: 16px; float:left; margin: 22px 0 0 0; line-height: 0; margin-right:10px;} .banner-sub{ background:no-repeat center / cover; height: 400px; } @media screen and (max-width:1549px){ .pageNav,.local{margin:0;} } @media screen and (max-width:1549px){ .pageNav a{font-size:14px;} } @media screen and (max-width:991px){ .pageBox{display:none;} .banner-sub{ height: 250px; } } /*内页下拉*/ .babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#f6f6f6;} .babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;} .babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px; color:#333333; font-size:16px; line-height:40px; } .babyser h2 .imgr{ float:right; margin:10px 0 0 0;} @media screen and (max-width:991px){ .babyser h2 .imgr{ float:right; margin:12px 0 0 0; transition: all 0.2s linear; } .babyser h2.active .imgr{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } } .pz_SideLayerph{ display:none; background-color:#f6f6f6;} .pz_SideLayerph .l1{} .pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;} .pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;} .pz_SideLayerph .l1 h3.active a{ color:#337ab7;} .pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;} .pz_SideLayerph .l1 h3 img.img3{ display:block;} .pz_SideLayerph .l1 h3 img.img3h{ display:none;} .pz_SideLayerph .l1 h3.active img.img3{ display:none;} .pz_SideLayerph .l1 h3.active img.img3h{ display:block;} .pz_SideLayerph .l1 .l1ul{ display:none;} .pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;} .pz_SideLayerph .l1 .l1ul li:last-child{ border:0;} .pz_SideLayerph .l1 .l1ul li a{color:#999999;} @media screen and (max-width:991px){ .babyserBox{display:block;} } .about1{padding:100px 0;} .pTitle{text-align:center; font-weight:bolder;} .pTitle .H4{font-size:40px; font-family: Arial; text-transform: uppercase; font-weight: bolder; color:#000000;} .pTitle .H5{font-size:26px; color:#555555; margin-top:17px;} .about1 .p{margin-top:40px; font-size:16px; line-height: 32px;} @media screen and (max-width:1199px){ .about1{padding:60px 0;} .pTitle .H4{font-size:30px;} .pTitle .H5{font-size:20px;} } @media screen and (max-width:767px){ .about1{padding:30px 0;} .pTitle .H4{font-size:20px;} .pTitle .H5{font-size:16px; margin-top:10px;} .about1 .p{font-size:14px; line-height: 24px; margin-top:20px; text-align: justify;} .about1 .p br{display:none;} } .abou2{padding:110px 0; background:url(../images/j27.jpg) center no-repeat; background-size:cover; position: relative;} .abou2 .line{width:2px; height: 80px; background-color:#0C7DF5; position: absolute; top:-40px; left: 50%; margin-left:-1px;} .pTitle2 .H4, .pTitle2 .H5{color:#fff;} .abou2Mar{margin:0 -20px;} .plan_scroll{margin-top:85px;} .plan_scroll .p{height:137px;width:77%; margin: auto;font-size:14px; color:#fff; opacity: 0.6; line-height: 24px; padding:16px 0 16px 0; box-sizing: border-box; overflow-y: hidden;} .plan_m{width:100%; height: auto;} .plan_date_box{width:78px; height: 78px; border-radius: 50%; border:1px solid rgba(255,255,255,0);margin:59px auto auto auto;} .plan_date{width:72px; height: 72px; border-radius: 50%; background-color:#0C7DF5; margin:2px 0 0 2px; text-align: center; position: relative; } .plan_date h3{font-size:22px; color:#fff; font-family: Arial; font-weight: bold; padding-top:18px;} .plan_date h4{font-size:16px; color:#fff; font-family: Arial;} .plan_date::after{height:60px; width: 2px; background-color:#0C7DF5; content: " "; position: absolute; top:-62px; left: 50%; margin-left:-1px;} .plan_date::before{height:10px; width: 10px; background-color:#27282c; content: " "; position: absolute; top:-77px; left: 50%; margin-left:-5px; border-radius: 50%;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-62px; top:auto;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-77px; top:auto;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 59px auto;} .plan_scroll .slick-slide:nth-child(2n) > li .p{padding:30px 0 10px 0;} .plan_scroll li:hover .plan_date_box{border:1px solid #0C7DF5;} .plan_scroll .slick-prev{width:38px; height: 66px; background:url(../images/p53.png); background-size:cover; left: -80px;} .plan_scroll .slick-next{width:38px; height: 66px; background:url(../images/p54.png); background-size:cover; right: -80px;} /* .plan_scroll .slick-prev:hover{background-image:url(../images/p56.png);} .plan_scroll .slick-next:hover{background-image:url(../images/p55.png);} */ @media screen and (max-width:1600px){ .plan_scroll .slick-prev{left:0; z-index: 200;} .plan_scroll .slick-next{right:0;z-index: 200;} } @media screen and (max-width:1199px){ .plan_scroll .p{width:100%;} .abou2{padding:60px 0;} .plan_date::before{top:-80px;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-80px;} .abou2Mar{margin:0;} } @media screen and (max-width:991px){ .plan_date::before{top:-77px;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-77px;} .plan{margin-top:40px; padding:40px 0;} .plan_scroll{margin-top:50px;} .plan_scroll .p{font-size:13px; line-height: 22px;} } @media screen and (max-width:767px){ .abou2{padding:30px 0;} .plan_scroll{margin-top:25px;} .plan_date_box{width:60px; height: 60px; border:1px solid #0C7DF5; margin: 40px auto auto auto;} .plan_date{width:54px; height: 54px;} .plan_date h3{font-size:16px; padding-top:14px;} .plan_date h4{font-size:13px;} .plan_date::after{height:40px; top:-42px;} .plan_date::before{width:6px; height: 6px; top:-56px; margin-left:-3px;} .plan_scroll .p{height:96px; margin-bottom:5px;padding:0; font-size:12px; line-height: 20px;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::after{bottom:-42px; top:auto;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date::before{bottom:-56px; top:auto;} .plan_scroll .slick-slide:nth-child(2n) > li .plan_date_box{margin: auto auto 40px auto;} .plan_scroll .slick-slide:nth-child(2n) > li .p{margin:10px 0 0 0; height: 90px; padding:0;} .plan_scroll .slick-prev{width:20px; height: 35px; left: -15px;} .plan_scroll .slick-next{width:20px; height: 35px; right: -15px;} .abou2 .line{width:1px; height: 40px; top:-20px; margin: 0;} } .abou3{padding:100px 0 90px 0; position: relative; overflow: hidden;} .abou3D{margin-top:60px;} .abou3D .pic{width:71.71%; float:left; height:639px; position: relative;} .abou3D .pic::after{width:171px; height: 4px; background-color:#0C7DF5; content: ""; position: absolute; bottom:112px; left: -100px;} .abou3D .text{position:absolute; bottom:163px; right:0; background-color:#f6f5f1; width:50%; padding:40px 10.41% 40px 3.12%; min-height: 487px; z-index: 1;} .abou3D .text .ab3Ti{font-weight: bolder;} .abou3D .text .H4{font-size:45px; font-weight: bolder; font-family: Arial; text-transform: uppercase; margin-left:-184px;} .abou3D .text .H4 .coloe{color:#fff;} .abou3D .text .H5{font-weight:normal; font-size:24px; color:#3f3f3d; position:relative; margin: 23px 0 28px 0;} .abou3D .text .H5::after{width:71px; height: 5px; position: absolute; top:50%; margin-top:-2.5px; left: -96px; content: ""; background-color:#fff;} .abou3D .text .p{font-size:16px; line-height: 32px; } @media screen and (max-width:1549px){ .abou3D .text .H4{margin-left:-168px;} .abou3D .text {width:40%;} } @media screen and (max-width:1199px){ .abou3{padding:60px 0;} .abou3D .text .H4{margin-left:-134px; font-size:35px;} .abou3D .text{bottom:130px;} } @media screen and (max-width:991px){ .abou3D .text .H4{margin-left:-128px;} } @media screen and (max-width:767px){ .abou3{padding:30px 0;} .abou3D .text{width:100%; position: static; min-height: inherit; padding:20px 10px;} .abou3D{margin-top:25px;} .abou3D .text .H4{font-size:20px; margin: 0;} .abou3D .text .H4 .coloe{color:#0C7DF5;} .abou3D .text .H5{font-size:18px; margin: 15px 0;} .abou3D .text .p{font-size:13px; line-height: 22px;} .abou3D .pic{width:100%; height: auto; background:none !important;} .abou3D .pic::after{bottom:20px; height: 2px;} } .abou4{padding:80px 0 90px 0; background:url(../images/j29.jpg) center no-repeat; background-size:cover;} .abou4Mar{margin:0 -30px;} .abou4List{margin-top:55px; width:74.49%; float:left;} .abou4List .list{width:32.71%; margin: 0 0.93% 10px 0; position: relative; background-color:#000; float:left;} .abou4List .list:nth-child(3n){margin-right:0;} .abou4List .list img{opacity:0.4;} .abou4List .list .textOn{width:100%; left: 0; top:50%; position: absolute; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .abou4List .list .textOn .H5{font-size:18px; color:#fff; font-weight: bold;} .abou4List .list .textOn .H6{font-size:12px; color:#fff; font-family: Arial; opacity: 0.6; margin-top:10px;} .abou4List .list:hover img{opacity:0.3;} .abou4List .list:hover{ background-color:#0C7DF5;} @media screen and (min-width:992px){ .abou4List .list:hover .H5{font-size:22px;} } .abou4R{width:24.36%; float:right; background-color:#000; margin-top:55px; position: relative;} .abou4R img{opacity:0.3;} .abou4R .text{position:absolute; top:50%; left: 0; width:100%; padding:0 10.38%; font-size:16px; line-height: 30px; color:#fff; text-align: justify; max-height: 100%; overflow-y: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .abou4R:hover img{opacity:0.3;} .abou4R:hover{ background-color:#0C7DF5;} @media screen and (max-width:1549px){ .abou4R .text{line-height:24px;} } @media screen and (max-width:1199px){ .abou4R .text{font-size:14px; padding:0 10px;} .abou4List .list .textOn .H5{font-size:16px;} .abou4{padding:60px 0 50px 0;} .abou4Mar{margin:0;} } @media screen and (max-width:767px){ .abou4{padding:30px 0;} .abou4List{width:100%; margin-top:25px;} .abou4List .list{width:49%; margin:0 2% 10px 0;} .abou4List .list:nth-child(3n){margin-right:2%;} .abou4List .list:nth-child(2n){margin-right:0%;} .abou4List .list .textOn .H5{font-size:12px;} .abou4List .list .textOn .H6{display:none;} .abou4R{width:100%; margin-top:0;} } /*合作伙伴*/ .par .pageNav a{width:177px; margin: 0;} .partner{padding:100px 0 70px 0;} .pagePadding{padding:0 3.94%;} .partnerList{margin-bottom:70px; border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;} .partnerList .list{width:25%; border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; position: relative; float:left;} .partnerList .list .pic{padding-bottom:60.23%; position: relative;} .partnerList .list .pic img{width:100%; height: 100%; top:0; left: 0; position: absolute;} .partnerList .list .textOn{position:absolute; width:100%; height: 100%; top:0; left: 0; background-color:rgba(12,125,245,0.95); transform: scale(0); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .partnerList .list .textOnBox{position:absolute; top:50%; left: 0; width:100%; text-align: center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .partnerList .list .textOnBox .H5{font-size:20px; color:#fff;} .partnerList .list .textOnBox .H6{font-size:14px; color:#fff; margin-top:5px; text-transform: uppercase;} @media screen and (min-width:992px){ .partnerList .list:hover .textOn{transform: scale(1);} } .paging{text-align:center; font-size:0;} .paging a{display:inline-block; vertical-align: middle; width:30px; height: 30px; border-radius: 30px; line-height: 28px; text-align: center; font-size:14px; color:#272727; margin: 0 8px; border:1px solid #e1e1e1; box-sizing: border-box; background-color:#fff;} .paging .pageup{width:100px; background:url(../images/p60.png) center no-repeat #fff; background-size:100%;} .paging .pagedown{width:100px; background:url(../images/p59.png) center no-repeat #fff; background-size:100%;} .paging .pageup:hover{background-image:url(../images/p57.png);} .paging .pagedown:hover{background-image:url(../images/p58.png);} .paging .pagedown.hover{background-image:url(../images/p58.png);} .paging .pageup.hover{background-image:url(../images/p57.png);} .paging a.hover{background-color:#0C7DF5; color:#fff; border-color:#0C7DF5;} .paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;} @media screen and (min-width:992px){ .paging a:hover{background-color:#0C7DF5; color:#fff; border-color:#0C7DF5;} } @media screen and (max-width:767px){ .paging .a{display:none;} .paging .aPh{display:inline-block;} } @media screen and (max-width:1549px){ .pagePadding{padding:0;} } @media screen and (max-width:1199px){ .partner{padding:60px 0;} } @media screen and (max-width:767px){ .partner{padding:30px 0;} .partnerList{margin-bottom:30px;} .partnerList .list{width:50%} } /*联系我们*/ .contact{padding:100px 0 80px 0; overflow: hidden;} .contactLeft{background-color:#ebebeb; padding-bottom:40px; width:64.28%; float:left;} .contactLeft .name{padding:57px 8.88% 40px 8.88%;} .contactLeft .name .H3{font-size:30px; color:#151515; line-height: 46px} .contactLeft .name .H4{font-size:16px; color:#9c9c9c; text-transform: uppercase; letter-spacing: 12px; line-height: 46px;} .infor .list{padding:30px 6.11%;} .infor .list{background-color:#f6f6f6; } .infor .list:nth-child(2n){background-color:#ebebeb;} .infor .list .div{width:46.83%; float:left; margin: 0 6.34% 0 0;} .infor .list .div:nth-child(2n){margin:0;} .infor .list .div .span{width:42px; height: 42px; border-radius: 50%; background-color:#0C7DF5; line-height: 0; margin: 16px 0 0 0; float:left;} .infor .list .div .p{margin:10px 0 0 4% ; font-size:16px; line-height: 28px; color:#444444; width:62%; float:left; } .infor .list .div .pEwm{width:79px; height: 79px; border:2px solid #0C7DF5; padding:3px; float:right;} .infor .list:last-child .div{width:100%; margin: 0;} .infor .list:last-child .div .pEwm {display:none;} .contactR{width:31.92%;height: 481px; float:right;border:2px solid #ededed; padding:25px 2.14% 20px 2.14%;} .contactR .H3{text-align:center; font-size:24px; color:#333333; padding-bottom:15px;} .conForm .formList{margin-top:8px;} .conForm .H4{line-height:30px;font-size:14px; color:#666666;} .conForm .inputBox{ background-color:#f7f7f7; border-radius: 2px;} .conForm .input{display:block; width:100%; height: 44px; padding:0 10px;font-size:14px; color:#666666;background-color:#f7f7f7; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .conForm .textarea{display:block; width:100%; height: 116px; background-color:#f7f7f7; border-radius: 2px; padding:10px;font-size:14px; color:#666666; border:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .formList2 .input{width:66.77%; float:left;} .formList2 .yzm{width:95px; height: 40px; float:right; margin:2px 2px 0 0; overflow: hidden;} .conForm .submit{width:229px; height: 44px; background-color:#0C7DF5; border-radius: 30px; font-size:16px; color:#fff; display: block; margin:30px auto auto auto; border:none; appearance: none; -moz-appearance: none; -webkit-appearance: none;} .conForm .submit:hover{background-color:#0C7DF5;} @media screen and (max-width:1549px){ .infor .list, .contactLeft .name{padding:25px 2%;} .infor .list .div .pEwm{width:70px; height: 70px;} .contactR{height:585px;} } @media screen and (max-width:1199px){ .contact{padding:60px 0;} .contactLeft .name .H3{font-size:24px;} .infor .list .div .p{float:none; margin: 3px 0 0 50px; width:auto;} .infor .list .div .pEwm{float:left; margin: 10px 0 0 50px;} .contactR{padding:40px 2% 20px 2%} .formList2 .input{width:60%;} } @media screen and (max-width:991px){ .contactLeft{width:100%;} .contactR{width:100%; margin-top:20px;} } @media screen and (max-width:767px){ .contact{padding:30px 0;} .infor .list, .contactLeft .name{padding:10px;} .contactLeft .name .H3{font-size:18px; line-height: 24px;} .contactLeft .name .H4{font-size:13px; line-height: 22px;} .infor .list .div{width:100%; margin:10px 0 0 0!important;} .infor .list .div .span{margin:0 0 0 0;} .infor .list .div .p{font-size:14px; line-height: 22px; margin-top:0;} .contactR{padding:20px 10px; height: auto;} .contactR .H3{font-size:18px; padding: 0;} .conForm .input{height:34px;} .formList2 .yzm{margin:0;} .conForm .submit{width:100px; height: 34px; font-size:13px;} } .contact2{margin:60px 0; position: relative;} .contact2 .textOn{position:absolute; width:100%;top:50%; left: 50%; padding:0 15px; box-sizing: border-box; font-size:18px; line-height: 42px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width:1199px){ .contact2 .textOn{font-size:16px;} } @media screen and (max-width:767px){ .contact2{margin:20px 0;} .contact2 .textOn{font-size:10px; line-height: 18px;} } .contact3{margin-top:65px;} .conTi{text-align:center;} .conTi .H2{font-size:110px; font-family: Arial; font-weight: bold; text-transform: uppercase; color:#f6f6f6; line-height: 80px;} .conTi .H4{font-size:38px; color:#333333; font-weight: bold; margin:-70px 0 40px 0; position: relative; z-index: 1;} .conTi .p{font-size:16px; color:#666666; line-height: 36px; } .joinList{margin:25px 0 60px 0;} .joinList .list{width:32.21%; margin: 35px 1.68% 0 0; box-shadow: 0 0 16px rgba(0,0,0,0.2); padding:34px; float:left; border-radius: 12px; position: relative;} .joinList .list:nth-child(3n){margin-right:0;} .joinList .list .listTop .H4{font-size:24px; color:#333333; position: relative; padding-bottom:18px;} .joinList .list .listTop .H4::after{width:29px; height: 1px; position: absolute; bottom:0; left: 0; content: ""; background-color:#b2b2b2;} .joinList .list .H3{font-size:37px; color:#f0f0f0; font-weight: bold; text-transform: uppercase;position: absolute; top:25px; right:22px; } .joinList .scrollBox{height:224px;margin-top:15px; } .joinList .scroll{padding:0 10px 0 0; height: 100%;} .nicescroll-rails{width:2px !important; height: 100%; background-color:#dddddd;} .joinList .scrollBox .p{font-size:16px; color:#666666; line-height: 28px;} .joinList .scrollBox .p .H6{font-weight:bold;font-size:16px;line-height: 28px;} @media screen and (min-width:992px){ .joinList .list:hover{background-color:#0C7DF5;} .joinList .list:hover .listTop .H4, .joinList .list:hover .p{color:#fff;} .joinList .list:hover .listTop .H4::after{background-color:#fff; opacity: 0.5;} .joinList .list:hover .H3{color:#fff;} } #ascrail2000 div{margin-right:-1px;} .contact3 .text1{text-align:center; font-size:16px; line-height: 30px; color:#666666;} .contact3 .text1 .bold{font-size:18px; font-weight: bold;} .contact3 .text1 .color{color:#0C7DF5;font-size:18px; font-weight: bold;} @media screen and (max-width:1199px){ .joinList .list{padding:20px ;} .joinList .list .H3{top:15px;} .conTi .H2{font-size:80px;line-height: 60px;} .conTi .H4{font-size:28px; margin: -50px 0 20px 0} } @media screen and (max-width:991px){ .join{padding:50px 0;} .joinList .list .listTop .H6{width:100%; margin: 10px 0;} } @media screen and (max-width:767px){ .contact3{margin-top:20px;} .conTi .H2{font-size:40px; line-height: 40px;} .conTi .H4{font-size:20px; line-height: 40px; margin:-40px 0 10px 0;} .conTi .p{font-size:12px; line-height: 22px; text-align: justify;} .conTi .p br{display:none;} .joinList .list{width:100%; margin:20px 0 0 0; padding:15px;} .joinList .scrollBox .p, .joinList .scrollBox .p .H6{font-size:13px; line-height: 24px; } .joinList .scrollBox{height:192px;} .joinList{margin:0 0 20px 0;} .contact3 .text1{font-size:14px;} } /*设计案例*/ @media screen and (max-width:1199px){ .par .pageNav a{width:auto; padding:0 10px;} } .case{padding:50px 0 50px 0;} .caseList{padding-bottom:24px;} .caseList .list{width:23.5%; margin:0 2% 25px 0; float:left; box-shadow: 0 0 27px rgba(0,0,0,0.1); padding:20px; } .caseList .list:nth-child(4n){margin-right:0;} .caseList .list .pic{padding-bottom:100%; position: relative; overflow: hidden;} .caseList .list .pic::after{width:33px; height: 15px; position: absolute; bottom:0; left: 50%; margin-left:-16.5px; content: ""; background:url(../images/p66.png) center no-repeat; background-size:100%; } .caseList .list .pic img{width:100%; height: 100%; top:0; left: 0; position: absolute; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .caseList .list .text{padding:30px 10px 15px 10px; text-align: center;} .caseList .list .text .H4{ font-size:18px; color:#363636; margin-bottom: 20px;} .caseList .list .text .p{font-size:14px; line-height: 26px; height: 52px; margin: 20px 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .caseList .list .text .more3{ width:106px; height: 38px; line-height: 38px; display: block; margin: auto; border-radius: 4px; background-color:#e1e1e1; font-size:14px; color:#0C7DF5;} .caseList .list:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } .caseList .list:hover .H4{color:#0C7DF5;} .caseList .list:hover .more3{background-color:#0C7DF5; color:#fff;} @media screen and (max-width:1199px){ .case{padding:60px 0;} } @media screen and (max-width:767px){ .case{padding:30px 0;} .caseList .list{width:48%; margin: 0 4% 20px 0; padding:10px ;} .caseList .list:nth-child(3n){margin-right:4%;} .caseList .list:nth-child(2n){margin-right:0;} .caseList .list .pic::after{width:20px; height: 9px; margin-left:-10px;} .caseList .list .text{padding:15px 0 0 0;} .caseList .list .text .H4{font-size:16px;} .caseList .list .text .p{font-size:13px; line-height: 22px; height: 44px ; margin: 10px 0;} .caseList{padding-bottom:10px;} .caseList .list .text .more3{height:30px; line-height: 30px;} } /*案例详细*/ .caseDe{padding:40px 0 40px 0;} .caseDe1List{width:690px; float:left;} .caseDe1List .homedown{margin-top:20px; padding:0 35px;} .caseDe1List .homedown .list{width:92.3%; margin: auto; border:1px solid rgba(255,255,255,0);} .caseDe1List .homedown .slick-current .list{border:1px solid #0C7DF5;} .caseDe1List .homedown .slick-prev, .caseDe1List .homedown .slick-next{width:25px; height: 25px; left: 0; background:url(../images/p70.png) center no-repeat; background-size:100%;} .caseDe1List .homedown .slick-next{background-image:url(../images/p69.png); left: auto; right:0;} .caseDe1List .homedown .slick-prev:hover{background-image:url(../images/p67.png);} .caseDe1List .homedown .slick-next:hover{background-image:url(../images/p68.png);} .caseDe1R{margin-left: 720px;} .caseDe1R .H3{font-size:32px; color:#333333; margin: 35px 0 25px 0;} .caseDe1R .p{font-size:16px; line-height: 30px; color:#666666;} .caseDe1R .p2{font-size:14px; line-height: 30px; color:#666666; padding:15px 0 20px 0; margin: 27px 0 17px 0; border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;} .caseDe1R .p3{font-size:14px; color:#666666;} .btnBox .pageBtn{width:185px; height: 40px; line-height: 40px; float:left; border-radius: 4px; background-color:#0C7DF5; margin: 28px 20px 0 0; font-size:16px; color:#fff; text-align: center; cursor: pointer;} .btnBox .pageBtn:nth-child(2){margin-right:0;} .btnBox .pageBtn:hover{background-color:#0C7DF5;} .caseDe2Con{width:76.42%; float:left; margin-top:40px;} .conH3{width:100%; text-align: center; line-height: 63px; background-color:#0C7DF5; font-size:20px; color:#fff;} .caseDe2Con .p{padding:30px 0 85px 0; font-size:16px; line-height: 30px; color:#666666;} .caseDe2Con .p .p2{padding:0 2.8%;} .caseDe2Con .p .img{text-align:center;} .caseDe2Con .p table td{ padding-left: 15px; } .zan{width:80px; height: 80px; border-radius: 50%; border:1px solid #bfbfbf; margin: auto; cursor: pointer;} .zan .ico{width:37px; height: 25px; display: block; margin: 20px auto 5px auto; background:url(../images/p73.png) center no-repeat; background-size:100%;} .zan .H5{font-size:12px; color:#8f9499; text-align: center;} .zan.on .ico{background-image:url(../images/p74.png);} .zan.on .H5{color:#0C7DF5;} .zan.on{border-color:#0C7DF5;} .pageShare{padding:27px 0 51px 0; margin-bottom:30px; border-bottom:1px solid #d9d9d9; text-align: center; line-height: 0;} .pageShare .H6{display:inline-block; line-height: 26px; font-size:14px; color:#666666; vertical-align: top;} .pageShare .bdsharebuttonbox{display:inline-block; vertical-align: top;} .pageShare .bdsharebuttonbox a{width:26px; height: 26px; margin: 0 0 0 17px; padding:0;background:url(../images/p75.png) center no-repeat; background-size:100%; } .pageShare .bdsharebuttonbox .bds_sqq{background-image:url(../images/p76.png);} .pageShare .bdsharebuttonbox .bds_qzone{background-image:url(../images/p77.png);} .pageShare .bdsharebuttonbox .bds_tqq{background-image:url(../images/p78.png);} .pageShare .bdsharebuttonbox .bds_tsina{background-image:url(../images/p79.png);} .pageA{ position: relative;} .pageA a{font-size:12px; color:#666666; line-height: 20px;} .pageA a:hover{color:#0C7DF5;} .pageUp{float:left;width: 40%} .pageDown{float:right; width: 40%; text-align: right;} .pageA .backUp{position:absolute; bottom:0; left: 50%;font-size:16px; color:#666; white-space: nowrap; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%,0); transform: translate(-50%, 0);} .backUp .span{width:20px; height: 20px; float:left; margin-right:5px; background:url(../images/p80.png) center no-repeat; background-size:100%;} .backUp:hover .span{background-image:url(../images/p81.png);} @media screen and (max-width:767px){ .pageA{padding-top:40px;} .pageA a{width:100%; text-align: center;} .pageA .backUp{width:auto; top:10px; bottom:auto;} } .tuijian{width:21%; float:right; margin-top:38px;} .tjList .list{margin-top:37px;} .tjList .list .pic{width:100%; overflow: hidden;} .tjList .list .pic img{ -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .tjList .list .text{padding:18px 66px 0 18px; position:relative;} .tjList .list .text .H5{font-size:16px; color:#333333;} .tjList .list .text .H6{font-size:14px; color:#999999; margin-top:10px;} .tjList .list .text .ico{width:38px; height: 20px; position: absolute; top:30px; right:24px; background:url(../images/p71.png) center no-repeat; background-size:100%;} .tjList .list:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .tjList .list:hover .H5{color:#0C7DF5;} .tjList .list:hover .ico{background-image:url(../images/p72.png);} @media screen and (max-width:1199px){ .caseDe{padding:60px 0;} .caseDe1List{width:50%;} .caseDe1R{width:47%;} .caseDe1R .H3{font-size:26px; margin: 20px 0;} } @media screen and (max-width:991px){ .caseDe1List{margin:auto; float:none; width:70%;} .caseDe1R{width:100%; margin-left: 0;} .caseDe2Con{width:62%;} .tuijian{width:34%;} .pageShare .H6, .pageShare .bdsharebuttonbox{display:none;} .pageShare{ margin: 30px 0; padding: 0;} } @media screen and (max-width:767px){ .caseDe{padding:30px 0;} .caseDe1List{width:100%;} .caseDe1R .H3{font-size:20px; margin: 20px 0 10px 0;} .caseDe1R .p{font-size:13px; line-height: 22px;} .caseDe1R .p2{font-size:13px; line-height: 22px; margin: 15px 0; padding:10px 0;} .btnBox .pageBtn{width:48%; margin: 15px 4% 0 0; fotn-size:13px; line-height: 34px; height: 34px;} .caseDe2Con{width:100%; margin-top:20px;} .conH3{font-size:16px; line-height: 34px;} .caseDe2Con .p{padding:30px 0; font-size:13px; line-height: 22px;} .pageShare{ margin: 10px 0;} .tuijian{width:100%; margin-top:20px;} .tjList .list{width:48%; float:left; margin: 15px 4% 0 0;} .tjList .list:nth-child(2n){margin-right:0;} .tjList .list .text .ico{display:none;} .tjList .list .text{padding:10px 0 0 0;} } /*设计团队*/ .par3 .pageNav a{width:159px;} .design{padding:100px 0 70px 0;} .designList .list{width:30.64%; margin: 0 4% 60px 0; float:left;} .designList .list:nth-child(3n){margin-right:0;} .designList .list .pic{width:229px; height: 229px; margin: auto; border-radius: 50%; padding:10px; background-color:#f5f5f5; border:1px solid #eeeeee;} .designList .list .text{ background-color:#f5f5f5; border-radius: 8px; padding:120px 40px 70px 40px; margin-top:-90px;border:1px solid #eeeeee;} .designList .list .text .H4{font-size:21px; color:#333333; text-align: center; position: relative; padding-bottom:24px;} .designList .list .text .H4::after{width:180px; height: 1px; background-color:#dcdcdc; content: ""; bottom:0; left: 50%; margin-left:-90px; position: absolute;} .designList .list .text .H4::before{width:20px; height: 3px; background-color:#0C7DF5; content: ""; bottom:1px; left: 50%; margin-left:-10px; position: absolute;} .designList .list .text .p{font-size:14px; line-height: 28px; color:#666666; margin-top:24px; height: 84px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;} .designList .list .text .p .H5{display:block; font-size:16px;} .designList .list .ico{width:50px; height: 50px; background-color:#0C7DF5; border-radius: 50%; margin: -25px auto auto auto; display: block; box-shadow: 0 5px 9px rgba(215,0,15,0.1);} .designList .list:hover .pic, .designList .list:hover .text{background-color:#0C7DF5;border-color:#0C7DF5;} .designList .list:hover .ico{background-color:#0C7DF5;} .designList .list:hover .H4, .designList .list:hover .p{color:#fff;} .designList .list:hover .H4::before{background-color:#fff;} .designList .list:hover .H4::after{background-color:#0C7DF5;} @media screen and (max-width:1199px){ .design{padding:60px 0;} .designList .list .pic{width:160px; height: 160px;} } @media screen and (max-width:767px){ .design{padding:30px 0;} .designList .list{width:100%; margin: 0 0 20px 0 !important;} .designList .list .pic{width:100px; height: 100px; padding:5px;} .designList .list .text{padding:60px 10px 20px 10px; margin-top:-50px;} .designList .list .text .H4{font-size:16px; padding-bottom:15px;} .designList .list .text .p{font-size:13px; line-height: 22px; height: 66px; margin-top:15px;} .designList .list .text .p .H5{font-size:13px; line-height: 22px;} .designList .list .ico{width:30px; height: 30px; margin-top:-15px;} } /*设计详情*/ .designDe{padding:100px 0 35px 0;} .designDe1 .pic{/*width:46.78%;*/ float:left;} .designDe1 .text{width:48.21%; float:right;} .deName .H4{display:inline-block; font-size:36px; color:#0C7DF5; line-height: 36px;} .deName .H5{display:inline-block; font-size:18px; color:#0C7DF5; padding:0 20px; border-radius: 20px; line-height: 32px; vertical-align: bottom; background-color:#f0f0f0; margin-left:20px;} .designDe1 .p{font-size:18px; line-height: 30px; padding:33px 0 24px 0 ; color:#444444; border-bottom:5px solid #f3f3f3;} .designDe1 .p2{font-size:16px; line-height: 32px; height: 448px; overflow-y: auto; color:#444444; margin-top:25px;} .designDe1 .p2 .H6{font-size:18px; line-height: 40px; display: block;} .pageA2{margin-top:58px; padding:15px 0 48px 0; border-top:1px solid #e9e9e9; text-align: center;} .pageA2 a{display:inline-block; font-size:16px; color:#5a4e4a; margin: 0 10px;} .pageA2 .ico{width:16px; height: 11px; display: inline-block; line-height: 0; background:url(../images/p87.png) center no-repeat; background-size:100%;} .pageA2 .pU .ico{margin-left:35px;} .pageA2 .pD .ico{margin-right:35px; background-image:url(../images/p88.png);} .pageA2 a:hover{color:#0C7DF5;} .pageA2 a.pU:hover .ico{background-image:url(../images/p90.png);} .pageA2 a.pD:hover .ico{background-image:url(../images/p89.png);} .zuopin .H4{font-size:21px; color:#0C7DF5;} .zuopin .caseList{margin-top:45px;} @media screen and (max-width:1549px){ .designDe1 .p2{height:360px;} } @media screen and (max-width:1199px){ .designDe{padding:60px 0 15px 0;} .designDe1 .p2{height:260px;} .deName .H4{font-size:30px;} } @media screen and (max-width:991px){ .designDe1 .p2{height:140px;} } @media screen and (max-width:767px){ .designDe{padding:30px 0 10px 0;} .designDe1 .pic{width:100%; padding:0 20%;} .designDe1 .text{width:100%; margin: 20px 0 0 0;} .deName .H4{font-size:20px;line-height: 22px;} .deName .H5{margin:10px 0 0 5px; font-size:12px; padding:0 5px; line-height: 24px;} .designDe1 .p{font-size:13px; line-height: 22px; padding:15px 0;} .designDe1 .p2{height:auto;font-size:13px; line-height: 22px; margin-top:10px;} .pageA2{margin-top:20px; padding:15px 0 25px 0;} .pageA2 a{font-size:13px;} .pageA2 .pU .ico{margin-left:10px;} .pageA2 .pD .ico{margin-right:10px;} .zuopin .H4{font-size:18px;} .zuopin .caseList{margin-top:20px;} } /*新闻中心*/ .news{padding:30px 0 20px 0;} .newList{width:73.14%; float:left; padding-bottom:47px;} .newList .list{padding:25px 0; background-color:#f7f7f7; margin-bottom:20px;} .newList .time{width:180px; text-align: center; float:left; padding-top:24.5px;} .newList .time .H5{font-size:72px; color:#c2c2c2; font-family: Arial; font-weight: bold;} .newList .time .H6{font-size:20px; color:#4c4c4c; font-family: Arial;} .newList .pic{width:240px; height: 185px; float:left; overflow: hidden; margin-left:25px} .newList .pic img{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .newList .text{margin-left:270px; padding:10px 25px 0px 20px} .newList .text .H4{font-size:18px; color:#333333;} .newList .text .p{font-size:14px; line-height: 26px; height: 78px; margin-top:20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .newList .list:hover{background-color:#0C7DF5;} .newList .list:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);} .newList .list:hover .H4, .newList .list:hover .H5, .newList .list:hover .H6{color:#fff;} .newList .list:hover .p{color:#fff;opacity: 0.5;} .newsL{width:23.57%; float:right; background-color:#f7f7f7} .nlTi{width:100%;padding:55px 0; background:url(../images/j62.jpg) center no-repeat; background-size:cover; text-align: center; overflow: hidden;} .nlTi .H5{display:inline-block; font-size:36px; color:#0C7DF5; font-weight: bold; position: relative;} .nlTi .H5::after{width:60px; height: 1px; background:url(../images/p91.png) center no-repeat; background-image:100%; content: ""; position: absolute; top:50%; left: -85px;} .nlTi .H5::before{width:60px; height: 1px; background:url(../images/p92.png) center no-repeat; background-size:100%; content: ""; position: absolute; top:50%; right: -85px;} .newsList2{margin-top:30px;} .newsList2 .list{padding:0 25px;} .newsList2 .list a{display:block; padding:20px 0; border-bottom:1px solid #e7e7e7; -webkit-transition: all 0s ease-out 0s; -moz-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s;} .newsList2 .list .pic{width:95px; height: 80px; float:right; overflow: hidden;} .newsList2 .list .pic img{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .newsList2 .list .text{margin-right:110px;} .newsList2 .list .text .H4{font-size:14px; line-height: 20px; height: 40px; margin: 8px 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .newsList2 .list .text .time{font-size:12px; color:#666666;} .newsList2 .list:hover{background-color:#0C7DF5;} .newsList2 .list:hover a{border-color:#0C7DF5;} .newsList2 .list:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } .newsList2 .list:hover .text .H4, .newsList2 .list:hover .text .time{color:#fff;} @media screen and (max-width:1199px){ .news{padding:30px 0;} .newList .time{width:120px;} .newList .time .H5{font-size:50px;} .newList .time .H6{font-size:16px;} .newList .pic{width:200px;} .newList .text{margin-left:320px; padding:10px 20px 0 20px;} .newsList2 .list{padding:0 10px;} .nlTi .H5{font-size:30px;} } @media screen and (max-width:991px){ .newList{width:100%} .newsL{width:100%; margin: 20px 0 30px 0} .newsList2{margin:0;} .newsList2 .list{width:48%; margin-right:4%; float:left;} .newsList2 .list:nth-child(2n){margin-right:0;} } @media screen and (max-width:767px){ .news{padding:30px 0;} .newList .list{padding:10px 0; position: relative;} .newList .pic{width:130px; height: 100px; margin-left:10px} .newList .text{margin-left:130px; padding: 10px 10px 0 20px;} .mnone{ display:none} .newList .text .H4{font-size:16px;} .newList .text .p{font-size:13px; line-height: 22px; height: 44px; margin:0 0 0 0;-webkit-line-clamp: 2;} .newList .time{position:absolute; bottom:5px; right:5px; padding:0; width:100px } .newList .time .H5{float:left; font-size:20px; line-height: 20px; margin-right:10px;} .newList .time .H6{float:left; font-size:14px; line-height: 20px;} .newList .list{margin-bottom:15px;} .newList{padding:0;} .nlTi{padding:20px 0;} .nlTi .H5{font-size:20px;} .newsList2 .list{width:100%;} .newsList2 .list a{padding:10px 0;} .newsList2 .list:last-child a{border:none;} } /*新闻详细*/ .newDeR{width:72.85%; float:left;} .newDeR .H2{font-size:30px; color:#333333;} .newDeR .deInfor{padding:22px 0 17px 0; border-bottom:1px solid #e2e2e2;} .newDeR .deInfor .H6{display:inline-block; font-size:14px; color:#777777; margin-right:0.98%;} .newDeR .deInfor .H6:last-child{margin-right:0;} .newDeR .p{padding:30px 0 45px 0; font-size:16px; line-height: 30px; color:#666666;} .newDeR .img{width:48.23%; margin-right:3.54%; float:left;} .newDeR .img:nth-child(2n){margin:0;} .pageA3 a{font-size:14px; color:#8b8b8b; font-weight: bold;} .pageA3 a .newTitle{display:block; font-size:14px; color:#232323; font-weight: normal;} .pageA3 a:hover .newTitle{color:#0C7DF5;} .pageA3 .backUp{bottom:10px;} @media screen and (max-width:1199px){ .newDeR .H2{font-size:22px; text-align: center;} .newDeR .deInfor{text-align: center;} } @media screen and (max-width:991px){ .newDeR{width:100%;} } @media screen and (max-width:767px){ .newDeR .H2{font-size:18px;} .newDeR .deInfor{ padding:15px 0;} .newDeR .deInfor .H6{font-size:12px;} .newDeR .p{padding:20px 0;} .newDeR .p{font-size:13px; line-height: 22px;} .pageA3 .backUp{bottom:auto;} .newsDe .newsL{margin-bottom:0;} } .width2 .pageNav{margin-left:0;} .width2 .local{margin-right:0;} .case2{padding:0 5px;} .case2 .caseList .list .text{padding:50px 20px 30px 20px;} @media screen and (max-width:767px){ .case2 .caseList .list .text{padding:20px 0;} .ddqt_ly{ display:none} } .ddqt_ly { padding: 32px 10px 32px 120px; border: 1px #f78485 dotted; text-indent: 0; background: url(../images/say.jpg) no-repeat 0 50%; margin-top: 10px; } .joblist{ margin:0 0 0 -20px; } .joblist li{ float: left; width: 50%; } .joblist li a{ display: block; overflow: hidden; margin:0 0 20px 20px; background: #FFF; border:1px solid #eaeaea; padding: 20px; } .joblist li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); } .joblist li .text{ float: left; width: 345px; } .joblist li .text h2{ font-weight: bold; font-size: 24px; } .joblist li .text h3{ font-weight: normal; font-size: 14px; margin:10px 0; color: #666; } .joblist li .text .jj{ color: #666; line-height: 22px; font-size: 14px; } .joblist li .pic{ float: right; width: 150px; text-align: right;} .joblist li .pic .img{ padding:24px 0 60px; } .joblist li .pic .btns{ display: block; text-align: left; line-height: 42px; border-radius: 3px; border:1px solid #6b6b6b; position: relative;} .joblist li .pic .btns span{ padding-left: 30px; } .joblist li .pic .btns i{font-weight:400;transform:rotate(45deg); border-top:1px solid #666;border-right:1px solid #666;display:block;width:8px;height:8px;position:absolute;top:18px;right:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .joblist li a:hover .pic .btns{ background: #0c4da2; border-color: #0c4da2; color: #FFF; } .joblist li a:hover .pic .btns i{ border-color: #FFF; } @media screen and (max-width:767px){ .joblist{ margin:0; } .joblist li{ float: none; width: 100%; } .joblist li a{ margin:0 0 15px 0;} .joblist li .text{ float: none; width: auto; } .joblist li .text h2{ font-size: 20px; } .joblist li .pic{ display: none; } } .n_jltd{width:100%;background:#f9f9f9;padding:70px 0;margin-top:40px; overflow: hidden;} .n_jltd01{max-width:1180px;margin:0 auto} .n_jltd02{width:100%;font-size:25px;color:#333} .n_jltd03{width:100%;float:left;padding-top:20px} .jld form{overflow:hidden} .jld table{margin-bottom:30px} .jld table tbody{display:block;width:48%} .jld table tbody tr{display:block;width:100%;margin-bottom:15px} .jld table tbody td{display:block;width:100%} .jld table tbody input{height:50px;display:block;width:100%;border:none;padding-left:15px} .jld table tbody select{height:50px;display:block;width:100%;border:none;padding-left:15px} .jld table tbody textarea{display:block;width:100%;min-height:180px;max-height:180px;border:none;padding:15px} .jld .tjiao{display:block;width:150px;height:40px;color:#fff;margin-left:442px;border:1px solid #4369ab;background:#4369ab;float:left} .jld .qxiao{display:block;width:150px;height:40px;color:#fff;margin-left:15px;border:1px solid #909090;background:#909090;float:left} .btnss{height:46px;line-height:46px;padding:0 50px;display:block;font-size:16px;border:1px solid #e5e5e5;color:#000;float:right;transition:all .5s;-webkit-transition:all .5s} .btnss:hover{border:1px solid #e59738;background:#e59738;color:#fff} @media screen and (max-width:767px){ .n_jltd{padding:20px 0;margin-top:10px} .n_jltd01{width:94%} .n_jltd03{float:none} .jld table tbody{width:100%;float:none!important} .jld table{margin-bottom:10px} .jld .tjiao{margin-left:0} } .pages { padding:20px; overflow:hidden; clear:both; text-align: center;} .pages li{ display: inline-block; } .pages li a { display: block; background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pages li a:hover { color: #333; border: 1px solid #333; } .pages li.active a { color: #fff; background: #333; border: 1px solid #333; } #maximg img{ max-width:100%; height:auto !important} .lanmu{ text-align: center; font-size: 0; margin-top: 30px;} .lanmu li{ display: inline-block; } .lanmu li a{ display: block; padding: 0 20px; line-height: 38px; border: 1px solid #eee; margin:0 10px; font-size: 16px; } .lanmu li.active a,.lanmu li a:hover{ background: #0b63d1; color: #FFF; border-color: #0b63d1; } .prod-menu{ border-bottom: 1px solid #eee; font-size: 0; } .prod-menu li{ display: inline-block; } .prod-menu li a{ display: block; padding: 0 20px; line-height: 45px; font-size: 20px; position: relative; } .prod-menu li a:before{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #0b63d1; content:''; } .prod-menu li.active a{ color: #0b63d1 } .prod-menu li.active a:before{ display: block; } .tuijian .tits{ display: block; text-align: center; font-size: 20px; position: relative; border-bottom: 1px solid #eee; } .tuijian .tits span{ border-bottom: 2px solid #0b63d1; display: inline-block; padding: 0 20px; line-height: 45px; } .pc-slide{width:670px; height: 540px;float:left; overflow: hidden; } .view{ float: right; width: 550px; } .view .swiper-slide .img-center{width:100%;} .view .swiper-container{width:100%} .preview{position:relative; float:left; width:100px; margin-right: 20px; } .preview .swiper-container{margin:0 0 50px 0; height: 480px;} .preview .swiper-slide .img-center{border:2px solid #ddd;cursor:pointer;position:relative; width: 100%;} .preview .arrow-left{background:url(../images/feel4.png) no-repeat center ;position:absolute;left:0;bottom:0;width:50px;height:40px;z-index:10} .preview .arrow-right{background:url(../images/feel3.png) no-repeat center ;position:absolute;right:0;bottom:0;width:50px;height:40px;z-index:10} .preview .active-nav .img-center{border-color:#089dd7} .preview .arrow-left:hover{background-image:url(../images/feel2.png) } .preview .arrow-right:hover{background-image:url(../images/feel1.png) } div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0} div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1} .links{ color: #FFF; margin-bottom: 20px; } .links h2{ border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 35px; font-size: 20px; margin-bottom: 10px;} .links h2 span{ display: inline-block; border-bottom: 2px solid #0b63d1; } .links p a{ display: inline-block; margin-right: 10px; color: #FFF; font-size: 14px; } .copyright{ display: flex; justify-content: space-between; align-items: center; color: #FFF; font-size: 14px; } .copyright a{ color: #FFF; } @media screen and (max-width:767px){ .lanmu{ display: none; } .copyright{ display: inline; } .pc-slide{float:none;width:100%; height: auto; display: block;} .view{ width: 100%;} .preview{ width:100%; margin-right: 0; margin-top: 20px; } .preview .swiper-container{margin:0; height: auto;} .preview .arrow-left,.preview .arrow-right{ display: none; } }