:root { --Color: #24318F; } @font-face { font-family: 'FuturaBT-Medium'; src: url(./FuturaBT_Medium.TTF) format("truetype"); } @font-face { font-family: 'Gilroy_Bold'; src: url(./Gilroy_Bold.ttf) format("truetype"); } @font-face { font-family: 'Gilroy_Medium'; src: url(./Gilroy_Medium.ttf) format("truetype"); } @font-face { font-family: 'Nexa_Bold'; src: url(./Nexa_Bold.otf); } @font-face { font-family: "iconfont"; src: url('./font_2323319_szmk2o1vzj.eot'); /* IE9 */ src: url('./font_2323319_szmk2o1vzj.eot') format('embedded-opentype'), /* IE6-IE8 */ url('./cfd6257b3e1a4d44ad6a59439db2c4ec.woff') format('woff2'), url('./font_2323319_szmk2o1vzj.woff') format('woff'), url('./font_2323319_szmk2o1vzj.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('./font_2323319_szmk2o1vzj.svg') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-jiameng:before { content: "\e6f8"; } .icon-xianaixin:before { content: "\e600"; } .icon-xiangmu:before { content: "\e611"; } [body] { max-width: 100%; overflow-x: hidden; width: 100%; } .text-line, [text-line] { overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .text-line.line3, [text-line][line3] { -webkit-line-clamp:3; } .text-line.line4, [text-line][line4] { -webkit-line-clamp:4; } .text-line.line5, [text-line][line5] { -webkit-line-clamp:5; } /*头部*/ #header { width: 100%; top: 0; left: 0; height: 70px; /*background: #24318f;*/ z-index: 999; } #header.up {height: 0; overflow: hidden; background: #FFF; color: #000; } #header.up .nav .child .one { color: #000; font-size: 16px; line-height: 90px; } #header .logo { width: 270px; *height: 58px; margin-top: 15px; } #header .nav { width: 65.25%; margin-left: 8.25%; } #header .nav .ww { width: 100%; } /*#header .nav .child{margin-right: 7.36%;}*/ #header .nav .child { padding: 0 3.18%; } #header .nav .child:hover, #header .nav .child.cur { background: rgba(114, 110, 110, .5);; } #header .nav .child:hover .one, #header .nav .child.cur .one { color: #fff; } /*#header .nav .child:last-child{margin-right: 0;}*/ #header .nav .child .one { color: #FFF; font-size: 16px; line-height: 70px; } /*#header .nav .child.cur .one{font-weight: bold;color: #333;}*/ /*#header .nav .child:hover .one{font-weight: bold;color: #E51E2E;}*/ /*#header .nav .line1{width: 32px;height: 4px;bottom: 0;left: 0;background: var(--Color);z-index: 2;}*/ #header .nav .two { width: 160px; height: 0; overflow: hidden; left: 50%; top: 100%; background: rgba(255, 255, 255, .5); transform: translateX(-50%); } #header .nav .two .t2 { color: #FFF; font-size: 15px; padding: 20px; } #header .nav .two .t2:hover { color: #E51E2E; background: #fff; } #header .nav-pro .two { width: 100%; max-height: 100%; background: #f2f2f2; position: fixed; max-width: 1600px; left: 0; right: 0; margin: auto; } #header .nav-pro .two.oy { overflow-y: auto; } #header .nav-pro .two .tab1 { padding-top: 52px; width: 11.25%; } #header .nav-pro .two .tab1 .t2 { padding-right: 25px; } #header .nav-pro .two .tab1 .t2.cur { color: #E51E2E; background: #fff url(/static/images/icon25.png) no-repeat 92% center; } #header .nav-pro .two .tab2 { width: 88.75%; height: 100%; padding: 41px 0; background: #fff; } #header .nav-pro .two .list { width: 94.22%; margin: 0 auto; } #header .nav-pro .two .li .p { width: 17.937%; margin-right: 2.579%; } #header .nav-pro .two .li .p .m-pic:after { padding-top: 75%; } #header .nav-pro .two .li .p:nth-child(1), #header .nav-pro .two .li .p:nth-child(2), #header .nav-pro .two .li .p:nth-child(3), #header .nav-pro .two .li .p:nth-child(4), #header .nav-pro .two .li .p:nth-child(5) { margin-bottom: 2.579%; } #header .nav-pro .two .li .p:nth-child(5n) { margin-right: 0; } #header .nav-pro .two .li .p .name { bottom: 0; width: 100%; padding: 0 10%; line-height: 40px; height: 40px; color: #ffffff; font-size: 14px; background: rgba(0,0,0,.65); z-index: 2; } #header .nav-pro .two .li .p:hover .name { background: var(--Color); } #header .btns { } #header .btns .s { margin-right: 20px; width: 24px; } #header .btns .s .i { opacity: .5; width: 24px; height: 70px; background-repeat: no-repeat; background-position: center center; } #header .btns .s:hover .i { opacity: 1; } #header .btns .s1 .i { background-image: url(/static/images/share1.png); } #header .btns .s2 .i { background-image: url(/static/images/share2.png); } #header .btns .s3 .i { background-image: url(/static/images/share3.png); } #header .btns .search { margin-right: 0; } #header .btns .search .i { opacity: 1; background-image: url(/static/images/icon3.png); } #header .btns .code { width: 180px; height: 0; overflow: hidden; top: 79px; left: -75px; } #header .btns .code .m-pic { width: 180px; height: 180px; margin-top: 11px; background: #fff; box-shadow: 0 0 20px -15px #0f0f0f; padding: 10px; } #header .btns .code .m-pic:before { content: ""; position: absolute; top: -11px; right: 0; left: 0; margin: auto; width: 21px; height: 11px; background: url(/static/images/icon4.png) no-repeat center center; } #header .btns .s:hover .code { height: 191px; } #header .btns .menu { display: none; } @media (max-width: 1680px){ /*#header .nav .child{margin-right: 6%;}*/ #header .nav-pro .two{max-width: 90%;} } @media (max-width: 1550px){ #header .nav{ width: 780px;} #header .nav .child{ padding: 0 2.18%;} } @media (max-width: 1440px){ #header .nav{margin-left: 6%;} /*#header .nav .child{margin-right: 5.2%;}*/ } @media (max-width: 1280px){ #header .nav{margin-left: 8%;width: 70%;} #header .btns .s{display: none;} #header .btns .search{display: inline-block;} } @media (max-width: 1200px){ #header .nav .child .one{font-size: 14px;} } @media (max-width: 1100px){ #header .nav-pro .two .li .p .m-pic:after{padding-top: 85%;} } @media (max-width: 1050px){ #header .nav{display: none;} #header .btns .menu{display: inline-block;vertical-align: top;margin-left: 40px;width: 35px;height: 90px;background: url(/static/images/menu.png) no-repeat center center;} } #menu{width: 100%;height: 0;overflow: hidden;margin: 0 auto;top: 0;left: 0;right: 0;margin: auto;background: rgba(36,49,143,0.93);z-index: 1000;} #menu::-webkit-scrollbar {width: 8px;height: 8px;} #menu::-webkit-scrollbar-track{background: #f5f5f5;} #menu::-webkit-scrollbar-thumb{background: #666666;} #menu.open{height: 100%;} #menu.scr{overflow-y: scroll;} #menu .nav{width: 96%;} #menu .close{width: 80px;height: 80px;background: url(/static/images/close.png) no-repeat center center;} #menu .child{border-bottom: 1px solid #fff;} #menu .child:first-child{border-top: 1px solid #fff;} #menu .child .one{padding: 30px 0;;color: #fff;font-size: 22px;width: 95%;margin: 0 auto;} #menu .child.l2 .one{background: url(/static/images/icon2.png) no-repeat 99% center;} #menu .child.in .one{background-image: url(/static/images/icon2_2.png);} #menu .child .two{width: 88%;margin: 0 auto;height: 0;overflow: hidden;} #menu .child .two .t2{color: #fff;opacity: .8;font-size: 18px;margin-bottom: 20px;} /*底部*/ #footer{padding-top: 30px;background: /*url(/static/images/bg3.jpg) no-repeat center center */var(--Color);}/*#0d0d0d*/ #footer .links{/*margin-bottom: 45px;*/} #footer .links .t{margin-bottom: 15px; font-size: 16px;line-height: 26px; color: rgba(255,255,255,0.55);} #footer .links .rows{width: 85%;} #footer .links .rows .slide{width: auto;margin-right: 30px;} #footer .links .t2{/*margin-right: 25px;*/font-size: 14px;} #footer .links .t2:last-child{margin-right: 0px;} #footer .links [href]:hover{color: #FFF;} #footer .nav{padding-bottom: 90px;} #footer .nav .child{width: 15%;padding-right: 3%;} #footer .nav .one{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 25px;} #footer .nav .two .t2{color: rgba(255,255,255,0.55);font-size: 16px;margin-bottom: 20px;} #footer .nav .two .t2:hover{color: #fff;} #footer .nav .last{width: auto;padding-right: 0;} #footer .nav .last .s{width: 24px;margin-right: 24px;} #footer .nav .last .s .i{width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;opacity: 1;} #footer .nav .last .s:hover .i{opacity: 1;} #footer .nav .last .s3{margin-right: 0;} #footer .nav .last .s1 .i{background-image: url(/static/images/share1.png);} #footer .nav .last .s2 .i{background-image: url(/static/images/share2.png);} #footer .nav .last .s3 .i{background-image: url(/static/images/share3.png);} #footer .nav .last .code{width: 180px;height: 0;overflow: hidden;top: 35px;left: -75px;} #footer .nav .last .m-pic{width: 180px;height: 180px;margin-top: 11px;background: #fff;box-shadow: 0 0 20px -15px #0f0f0f;padding: 10px;} #footer .nav .last .m-pic:before{content: "";position: absolute;top: -11px;right: 0;left: 0;margin: auto;width: 21px;height: 11px;background: url(/static/images/icon4.png) no-repeat center center;} #footer .nav .last .s:hover .code{height: 191px;} #footer .bottom{padding: 30px 0 43px;border-top: 1px rgba(255,255,255,0.2) solid;;} #footer .bottom .msg2 .t2, #footer .bottom .msg *{color: rgba(255,255,255,.3); font-size: 16px;line-height: 18px; } #footer .bottom .msg .add{margin-bottom: 15px;} #footer .bottom .msg .cr{margin: 0 10px;width: 1px;height: 18px;background: #656565;} #footer .bottom .msg2 .t2 a:hover, #footer .bottom .msg a:hover{color: var(--Color);} #footer .bottom .msg2 .tel{margin-bottom: 15px;padding-left: 28px;background: url(/static/images/icon-phone.png) no-repeat left center;color: rgba(255,255,255);font-size: 28px;font-family: 'FuturaBT-Medium';} @media (max-width: 1440px){ #footer .nav .child{width: 14%;} } @media (max-width: 1280px){ #footer .nav .two .t2{font-size: 14px;} } @media (max-width: 981px){ #footer{padding-top: 40px;} #footer .nav{padding-bottom: 40px;} #footer .nav .child{width: 100%;margin-bottom: 25px;border-bottom: 1px solid #000;} #footer .nav .last{border-bottom: none;text-align: center;margin-top: 40px;} #footer .nav .child .one{cursor: pointer;margin-bottom: 25px;background: url(/static/images/info_add.png) no-repeat 100% center;} #footer .nav .child.in .one{background-image: url(/static/images/info_jess.png);} #footer .nav .child .one{font-size: 22px;} #footer .nav .two .t2{font-size: 18px;} #footer .nav .last .one{background: transparent;} #footer .nav .child .two{height: 0;overflow: hidden;} #footer .nav .last .code{width: 160px;} #footer .nav .last .m-pic{width: 160px;height: 160px;} } @media(max-width: 850px){ #footer .bottom{padding: 40px 0;} #footer .bottom .msg2, #footer .bottom .msg{width: 100%;float: none;text-align: center;} #footer .bottom .msg2{margin-top: 20px;} #footer .bottom .msg2 .tel{display: inline-block;} #footer .nav .child{margin-bottom: 30px;} #footer .nav .child .one{font-size: 26px;margin-bottom: 30px;} #footer .nav .last{margin: 0;padding-top: 10px;} #footer .nav .last .one{font-size: 20px;} #footer .nav .last .s{margin: 0 20px;} #footer .nav .two .t2{font-size: 24px;margin-bottom: 25px;} #footer .links{ display: none;} #footer .links .t{font-size: 26px;} #footer .links .t2, #footer .bottom .msg2 .t2, #footer .bottom .msg *{font-size: 24px;line-height: 36px;} #footer .bottom .msg .cr{height: 30px;margin-top: 3px;} #footer .links .rows{width: 100%;margin-top: 15px;} } /*广告图*/ #inner-swiper .m-pic:after{padding-top: 31.25%;} #inner-swiper .m-pic:before{content: "";width: 100%;position: absolute;top: 0;left: 0;z-index: 2;/*background-image: url(/static/images/shadow.png);*/background-repeat: no-repeat;background-position: center bottom;background-color: rgba(0,0,0,.1);} #inner-swiper.pic-project .m-pic:before{background-color: rgba(0,0,0,.1);} #inner-swiper .m-pic .bg2{display: none;} #inner-swiper .cate2{border-top: 1px solid rgba(255,255,255,.12);height: 80px;bottom: 0;width: 100%;left: 0;right: 0;margin: auto;z-index: 10;} #inner-swiper .cate2 .cate{border-top: 1px solid transparent;color: #cccccc;font-size: 16px;margin: 0 2.857%;line-height: 80px;} #inner-swiper .cate2 .cate:hover, #inner-swiper .cate2 .cate.cur{color: #fff;} #inner-swiper .cate2 .cate.cur{border-color: #fff;} @media (max-width: 1050px){ #inner-swiper .cate2 .cate{font-size: 14px;} } @media (max-width: 750px){ #inner-swiper .m-pic:after{padding-top: 80%;} #inner-swiper .m-pic .bg1{display: none;} #inner-swiper .m-pic .bg2{display: inline-block;} #inner-swiper .cate2{display: none;} } /*首页*/ /* #fullpage .section{height: 100vh;} */ #myMenu{position: fixed;top: 0;bottom: 0;margin: auto;height: 182px;right: 30px;z-index: 1000;} #myMenu li{height: 16px;margin-bottom: 10px;} #myMenu li .t{width: 28px;margin-right: 13px;color: var(--Color);font-size: 0px;} #myMenu li .line1{margin-top: 10px;width: 30px;height: 1px;} #myMenu li .line2{margin-top: 10px;width: 25px;height: 1px;background: #fff;} #myMenu.clo2 li .line2{background: #0d0d0d;} #myMenu li:hover .t, #myMenu .active .t{font-size: 14px;} #myMenu.clo2 li:hover .line2, #myMenu li:hover .line2, #myMenu li:hover .line1, #myMenu.clo2 .active .line2, #myMenu .active .line2, #myMenu .active .line1{background: var(--Color);} #fullpage .more1{position: relative;width: 180px;height: 50px;line-height: 50px;background: #1a1a1a;margin: 0 auto;} #fullpage .more1:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: var(--Color);transition: 0.5s all;} #fullpage .more1 .t{color: #ffffff;font-size: 14px;font-family: 'Gilroy_Medium';text-transform: uppercase;z-index: 2; background:var(--Color);} #fullpage .more1:hover::after{width: 100%;} #fullpage .more1.m2{background: var(--Color);} #fullpage .more1.m2{margin: 0;} #fullpage .more1 .i{margin-left: 9px;width: 5px;height: 50px;background: url(/static/images/icon30.png) no-repeat center center;} #fullpage .pub-top{top: 17.02%;left: 0;right: 0;margin: auto;z-index: 10;} #fullpage .pub-top .t-en{color: #ffffff;font-size: 36px;text-transform: uppercase;font-family: 'Gilroy_Medium';} #fullpage .pub-top .t-cn{color: #ffffff;font-size: 30px;font-weight: lighter;margin-top: 10px;} #fullpage .w160{max-width: 1600px;margin: 0 auto;width: 92%;} #fullpage .in-page .pn{width: 70px;height: 7px;background-repeat: no-repeat;background-position: center center;opacity: .5;} #fullpage .in-page .pn:hover{opacity: 1;} #fullpage .in-page .prev{margin-right: 20px;background-image: url(/static/images/icon28.png);} #fullpage .in-page .next{margin-left: 20px;background-image: url(/static/images/icon29.png);} #fullpage .in-page .p-list{} #fullpage .in-page .p-list span{margin: 0 6px;width: 8px;height: 8px;background: #cccccc;opacity: 1;} #fullpage .in-page .p-list .swiper-pagination-bullet-active{background: var(--Color);} #fullpage .section:last-child .fp-tableCell{display: block;} [f777]{background: #f7f7f7;} /*广告图*/ .ind-swiper{height: 100%;} .ind-swiper .pc, .ind-swiper .pc .container{height: 100%;} .ind-swiper .mobile{display: none;} .ind-swiper .slide .m-pic{height: 100%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} .ind-swiper .bottom{z-index: 10;bottom: 0;width: 100%;left: 0;right: 0;margin: auto;} .ind-swiper .bottom .pn{width: 70px;height: 7px;opacity: .3;background-repeat: no-repeat;background-position: center center;} .ind-swiper .bottom .pn:hover{opacity: 1;} .ind-swiper .bottom .prev{background-image: url(/static/images/icon27.png);} .ind-swiper .bottom .next{background-image: url(/static/images/icon26.png);} .ind-swiper .bottom .page{width: auto;margin: 0 22px;} .ind-swiper .bottom .page span{width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0 6px;} .ind-swiper .bottom .page .swiper-pagination-bullet-active{background: var(--Color);} .ind-swiper .bottom .cate{margin-top: 45px;height: 90px;background: #ECE9E7;} .ind-swiper .bottom .cate .d{width: 16.66%;height: 90px;opacity: .6;} .ind-swiper .bottom .cate .d .i{width: 36px;height: 36px;margin: 12px auto;} .ind-swiper .bottom .cate .d .i img{ top: 0; left: 0; opacity: 1;} .ind-swiper .bottom .cate .d .i img:first-child{ z-index: 1;} .ind-swiper .bottom .cate .d .t{width: 90%;margin: 0 auto;color: #333;font-size: 16px;} .ind-swiper .bottom .cate .d:hover{background: var(--Color);opacity: 1;} .ind-swiper .bottom .cate .d:hover .i img:first-child{ opacity: 0;} .ind-swiper .bottom .cate .d:hover .t{ color: #E51E2E;} /*首页显示产品*/ .ind-show{padding: 4.6875% 0;} .ind-show .in1{padding: 0 0 4.6875%;} .ind-show .in1 .btns{bottom: 0;width: 100%;left: 0;} .ind-show .container{overflow: visible;width: 86.458%;} .ind-show .container .slide .left{width: 38.55%;} .ind-show .container .slide .tit-en{color: #333/*#1c1c1c*/;font-size: 35px;font-family: 'Gilroy_Medium';} .ind-show .container .slide .tit-cn{color: #333/*#1c1c1c*/;font-size: 50px;margin-bottom: 5.61%;} .ind-show .container .slide .tit-en2{color: var(--Color);font-size: 26px;font-family: 'Gilroy_Bold';line-height: 60px;text-transform: uppercase;} .ind-show .container .slide .tit-cn2{color: #333/*#1a1a1a*/;font-size: 30px;font-weight: lighter;margin-bottom: 3%;} .ind-show .container .slide .desc{color: #333/*#1a1a1a*/;font-size: 18px;line-height: 30px;margin-bottom: 17%;} .ind-show .container .slide .more2{font-size: 14px;line-height: 24px;text-transform: uppercase;font-family: Arial;color: #282828;padding-right: 7px;background: url(/static/images/icon33.png) no-repeat right 9px;} .ind-show .container .slide .more2:hover{color: var(--Color);background-image: url(/static/images/icon34.png);} .ind-show .container .slide .m-pic{width: 57.83%;} .ind-show .container .slide .m-pic:after{padding-top: 64.58%;} /*推荐*/ .ind-recom{padding: 4.6875% 0;} .ind-recom .tit-en{color: #333/*#1a1a1a*/;font-size: 36px;text-transform: uppercase;font-family: 'Gilroy_Medium';margin-bottom: 12px;} .ind-recom .tit-cn{margin-bottom: 2.9%;color: #333/*#1a1a1a*/;font-size: 30px;font-weight: lighter;} .ind-recom .container{max-width: 1630px;margin: 0 auto;} .ind-recom .container .slide{width: 23.926%;margin-right: 7px;padding: 15px;} .ind-recom .container .slide .center{padding: 15px 15px 21.79%;} .ind-recom .container .slide .center:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;transition: 0.5s all;width: 100%;height: 0px;overflow: hidden;background: var(--Color);} .ind-recom .container .slide .m-pic{width: 100%;} .ind-recom .container .slide .m-pic:after{padding-top: 66.67%;} .ind-recom .container .slide .con{padding-top: 50px;} .ind-recom .container .slide .name{color: #333/*#1a1a1a*/;font-size: 18px;margin-bottom: 15px;} .ind-recom .container .slide .desc{color: #999999;font-size: 16px;} .ind-recom .container .slide:hover .center{box-shadow: 0 0 20px 2px #eeeeee;} .ind-recom .container .slide:hover .center:after{height: 6px;} .ind-recom .in-page{margin: 3.75% 0 3.4%;} /*工程*/ .ind-project, .ind-project .swiper1, .ind-project .swiper1 .slide .m-pic{height: 100%;} .ind-project .swiper1 .slide:after{content:"";position: absolute;width: 49.479%;height: 100%;top: 0;left: 0;background: url(/static/images/shadow2.png) no-repeat center center/100% 100%;} /*.ind-project .swiper1 .m-pic:after{padding-top: 48.95%;}*/ .ind-project .swiper1 .con{left: 0;top: 37.23%;right: 0;margin: auto;z-index: 2;} .ind-project .swiper1 .con .left{width: 47%;} .ind-project .swiper1 .name{color: #ffffff;font-size: 45px;margin-bottom: 15px;} .ind-project .swiper1 .desc{color: #ffffff;font-size: 16px;line-height: 30px;margin-bottom: 7.44%;max-height: 60px;} .ind-project .swiper2{left: 0;bottom: 5.31%;right: 0;margin: auto;z-index: 2;} .ind-project .swiper2 .pn{width: 14px;height: 24px;background-repeat: no-repeat;background-position: center center;opacity: .3;bottom: -12px;} .ind-project .swiper2 .pn:hover{opacity: 1;} .ind-project .swiper2 .prev{left: 0;background-image: url(/static/images/icon31.png);} .ind-project .swiper2 .next{right: 0;background-image: url(/static/images/icon32.png);} .ind-project .swiper2 .container{width: 96%;margin: 0 2%;} .ind-project .swiper2 .slide{width: 13.61%;margin-right: 7px;border-bottom: 4px solid rgba(255,255,255,.5);} .ind-project .swiper2 .slide .m-pic img{display: none;height: 0;overflow: hidden;} .ind-project .swiper2 .slide .m-pic:after{padding-top: 89px;} .ind-project .swiper2 .slide .name{width: 100%;height: 100%;display: none;top: 0;left: 0;z-index: 2;background: rgba(0,0,0,.7);} .ind-project .swiper2 .slide .name .t{width: 90%;margin: 0 auto;line-height: 89px;color: #fff;font-size: 16px;} .ind-project .swiper2 .slide:hover .m-pic img, .ind-project .swiper2 .swiper-slide-thumb-active .m-pic img{display: block;height: auto;} .ind-project .swiper2 .slide:hover .name, .ind-project .swiper2 .swiper-slide-thumb-active .name{display: block;} .ind-project .swiper2 .slide:hover, .ind-project .swiper2 .swiper-slide-thumb-active{border-bottom: 4px solid var(--Color);} /*视频*/ .ind-video.vio:after{content: "";position: absolute;top: 0;width: 100%;height: 100%;left: 0;transition: 0.7s all;background: rgba(0,0,0,.5) url(/static/images/icon-play.png) no-repeat center center;z-index: 2;} .ind-video.play:after{display: none;} .ind-video, .ind-video .m-pic, .ind-video .vid{height: 880px;} /* .ind-video .video:after{padding-top: 48.96%;} */ .ind-video .video .vid{width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .ind-video .video .vid iframe video, .ind-video .video .vid video{max-width: 100%;height: 100%;object-fit: fill;} .ind-video .video .vid iframe{width: 100%;height: 100%;} /*链接板块*/ .ind-link{padding: 4.6875% 0; } .ind-link .right, .ind-link .big{width: 49.375%;} .ind-link .big .m-pic:after{padding-top: 91.01%;} .ind-link .con{z-index: 2;width: 89.87%;left: 0;right: 0;margin: auto;bottom: 4.86%;} .ind-link .con .tit{color: #ffffff;font-size: 24px;font-weight: bold;margin-bottom: 12px;} .ind-link .con .desc{color: #ffffff;font-size: 16px;} .ind-link .lnk:nth-child(2){margin-top: 2.41%;} .ind-link .lnk .con{bottom: 9.5%;} @media screen and (max-width: 750px) { .index-xwzx .xwzx-content .right .info-box .info-right .mb-time { display: block } } .index-produce { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden } .index-produce .produce-box { display: block; width: 27.8125%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; height: 654px; cursor: pointer } @media screen and (max-width: 750px) { .index-produce .produce-box { height: 270px } } @media screen and (max-width: 500px) { .index-produce .produce-box { height: 150px } } .index-produce .produce-box .active { display: none; position: relative; height: 100%; width: 100%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; background-size: cover } .index-produce .produce-box .active .img-bk { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; opacity: .6 } .index-produce .produce-box .active .img-bk img { width: 100%; height: 100% } .index-produce .produce-box .active .dsc { position: absolute; left: 79px; bottom: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99; width: 100% } @media screen and (max-width: 1400px) { .index-produce .produce-box .active .dsc { left: 30px; bottom: 30px } } @media screen and (max-width: 750px) { .index-produce .produce-box .active .dsc { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom:10px; } } .index-produce .produce-box .active .dsc .icon { position: relative; display: block; width: 58px; height: 58px; background: -webkit-gradient(linear, left top, left bottom, from(#101c96), to(#ece9e9)); background: -webkit-linear-gradient(#101c96, #ece9e9); background: -moz-linear-gradient(#101c96, #ece9e9); background: -o-linear-gradient(#101c96, #101c96); background: linear-gradient(#101c96, #101c96) } @media screen and (max-width: 750px) { .index-produce .produce-box .active .dsc .icon { width:.15px; height:15px; } } .index-produce .produce-box .active .dsc .icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size:30px; color: #fff } @media screen and (max-width: 500px) { .index-produce .produce-box .active .dsc .icon:before { font-size: 20px } } .index-produce .produce-box .active .dsc .r-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 15px } .index-produce .produce-box .active .dsc .r-box .name { font-size: 24px; line-height: 32px; color: #fff } @media screen and (max-width: 750px) { .index-produce .produce-box .active .dsc .r-box .name { white-space: nowrap; font-size: 24px; line-height: 24px } } @media screen and (max-width: 750px) { .index-produce .produce-box .active .dsc .r-box .name { font-size: 24px; line-height: 24px } } .index-produce .produce-box .active .dsc .r-box .sm { font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.4) } @media screen and (max-width: 750px) { .index-produce .produce-box .active .dsc .r-box .sm { display: none } } .index-produce .produce-box .static { width: 100%; height: 100%; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s } @media screen and (max-width: 750px) { .index-produce .produce-box .static { background: url(/static/image/staticbk2.png) !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important } } .index-produce .produce-box .static .icon { font-size: 60px; color: #666; margin-top: 220px } @media screen and (max-width: 750px) { .index-produce .produce-box .static .icon { margin-top: 70px } } @media screen and (max-width: 500px) { .index-produce .produce-box .static .icon { margin-top: 34px; font-size: 30px } } .index-produce .produce-box .static .dsc-box { margin-top: 115px } @media screen and (max-width: 750px) { .index-produce .produce-box .static .dsc-box { margin-top: 40px } } @media screen and (max-width: 500px) { .index-produce .produce-box .static .dsc-box { margin-top: 30px } } .index-produce .produce-box .static .dsc-box .name { text-align: center; font-size: 24px; line-height: 24px; color: #444 } @media screen and (max-width: 750px) { .index-produce .produce-box .static .dsc-box .name { font-size: 26px; line-height: 26px } } @media screen and (max-width: 500px) { .index-produce .produce-box .static .dsc-box .name { font-size: 16px; line-height: 18px } } .index-produce .produce-box .static .dsc-box .cn { font-size: 16px; line-height: 24px; color: #a2a2a2; font-family: Arial; text-align: center } @media screen and (max-width: 500px) { .index-produce .produce-box .static .dsc-box .cn { font-size: 12px; line-height: 16px } } @media screen and (max-width: 750px) { .index-produce .produce-box:nth-of-type(2) .static { background: url(/static/image/staticbk.png) !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important } } .index-produce .on { width: 44.375% } .index-produce .on .active { display: block } .index-produce .on .static { display: none } /*新闻*/ [f555]{background: #f5f5f5;} [f000]{background: rgba(36,49,143)/*#0d0d0d*/;} #fullpage .ind-news .pub-top .t-en, #fullpage .ind-news .pub-top .t-cn{color: #333/*#1a1a1a*/;} .ind-news{padding: 4.6875% 0;} .ind-news .right{width: 52.5%;margin-top: 50px;} .ind-news .right .cate{max-width: 21.7%;margin-right: 4.4%;padding: 6px 22px;line-height: 28px;color: #333/*#1a1a1a*/;font-size: 18px;} .ind-news .right .cate:nth-child(4n){margin-right: 0;} .ind-news .right .cate:hover{color: var(--Color);} .ind-news .right .cate.cur{background: var(--Color);color: #fff;} .ind-news .boxs{margin-top: 3.75%;background: #fff;padding: 30px 0;margin-bottom: 4.0625%;} .ind-news .boxs [news-list]{width: 97.06%;margin: 0 auto;height: 440px;} .ind-news .boxs .info1{width: 43.144%;display: block;} .ind-news .boxs .info1 .m-pic:after{padding-top: 440px;} .ind-news .boxs .info1 .m-pic img{width: 100%;} .ind-news .boxs .info1 .con{background: rgba(0,0,0,.4);width: 100%;bottom: 0;left: 0;padding: 20px 0;z-index: 10;} .ind-news .boxs .info1 .con .date{margin-left: 4.328%;} .ind-news .boxs .info1 .con .date .d{color: #ffffff;font-size: 42px;font-family: 'Gilroy_Bold';} .ind-news .boxs .info1 .con .date .d2{color: #ffffff;font-size: 16px;font-family: 'Gilroy_Medium';} .ind-news .boxs .info1 .con .ri{width: 81.34%;margin-right: 2.328%;padding-left: 24px;border-left: 1px solid #fff;} .ind-news .boxs .info1 .con .tit{color: #ffffff;font-size: 18px;font-weight: bold;margin-bottom: 10px;} .ind-news .boxs .info1 .con .desc{color: #ffffff;opacity: .5;font-size: 16px;line-height: 26px;max-height: 52px;} .ind-news .boxs .info2{width: 52.8%;} .ind-news .boxs .info2 .h{overflow-y: auto;height: 440px;} .ind-news .boxs .info2 .h::-webkit-scrollbar {width: 8px;height: 8px;} .ind-news .boxs .info2 .h::-webkit-scrollbar-track{background: #f5f5f5;} .ind-news .boxs .info2 .h::-webkit-scrollbar-thumb{background: #666666;} .ind-news .boxs .info2 .li{width: 92.68%;padding: 18px 0;border-bottom: 1px solid #e6e6e6;} .ind-news .boxs .info2 .li .date .d{color: #cccccc;font-size: 42px;font-family: 'Gilroy_Bold';} .ind-news .boxs .info2 .li .date .d2{color: #999999;font-size: 16px;font-family: 'Gilroy_Medium';} .ind-news .boxs .info2 .li .con{width: 78.947%;margin-top: 10px;} .ind-news .boxs .info2 .li .tit{color: #1a1a1a;font-size: 18px;margin-bottom: 15px;} .ind-news .boxs .info2 .li .desc{color: #999999;font-size: 16px;} .ind-news .boxs .info2 .li:hover{border-bottom: 1px solid var(--Color);} .ind-news .boxs .info2 .li:hover .tit, .ind-news .boxs .info2 .li:hover .date .d{color: var(--Color);} .ind-news .boxs .info2 .li:hover .date .d2{color: #333/*#000000*/;} .ind-news .boxs .info2 .li:hover .desc{color: #333333;} @media (max-width: 1750px){ #myMenu{right: 10px;} #myMenu li .t{margin-right: 6px;} #myMenu li .line1{width: 10px;} #myMenu li .line2{width: 20px;} } @media (max-width: 1460px){ .ind-news .right{width: 54.5%;} .ind-news .right .cate{font-size: 16px;max-width: 24%;} .ind-news .boxs .info1 .con .ri{width: 79%;} } @media (max-width: 1300px){ #fullpage .pub-top{top: 12%;} #fullpage .pub-top .t-en{font-size: 32px;} #fullpage .pub-top .t-cn{font-size: 28px;} .ind-project .swiper1 .name{font-size: 30px;} .ind-swiper, .ind-swiper .container, .ind-swiper .slide .m-pic{height: auto;} .ind-swiper .slide .m-pic:after{padding-top: 48.96%;} #fullpage .ind-show, #fullpage .section.pt{padding: 90px 0;} .ind-project .swiper1 .m-pic:after{padding-top: 48.95%;} .ind-video .video:after{padding-top: 48.96%;} .ind-show .container{width: 92%;float: none;margin: 0 auto;} .ind-show .container .slide .tit-en2{font-size: 48px;line-height: 50px;} .ind-show .container .slide .tit-cn2{font-size: 32px;} .ind-project .swiper2 .slide .name .t{font-size: 14px;} } @media (max-width: 1280px){ .ind-news .right .cate{padding: 6px 15px;} } @media (max-width: 1200px){ #fullpage .ind-show, #fullpage .section.pt{padding: 80px 0;} .ind-link { padding-bottom: 4.6875% ; margin:-40px 0;} .ind-recom .container{max-width: 92%;} .ind-show .container .slide .tit-en, .ind-show .container .slide .tit-en2{font-size: 30px;line-height: 38px;} .ind-show .container .slide .tit-cn2{margin-top: 5px;font-size: 22px;} .ind-show .container .slide .desc{margin-bottom: 10%;} } @media (max-width: 1050px){ .ind-swiper .bottom{bottom: 30px;} .ind-news .right, .ind-swiper .bottom .cate{display: none;} .ind-project .swiper1 .desc{margin-bottom: 4%;font-size: 14px;line-height: 26px;max-height: 52px;} .ind-project .swiper1 .name{font-size: 26px;} .ind-link .con .tit{font-size: 18px;} .ind-news .left{width: 100%;} .ind-news .boxs .info2, .ind-news .boxs .info1{float: none;width: 100%;} .ind-news .boxs .info2 .h, .ind-news .boxs [news-list]{height: auto;} .ind-news .boxs .info2 .li{margin-left: auto;margin-right: auto;} .ind-news .boxs .info1 .m-pic:after{padding-top: 50%;} .ind-news .boxs .info1 .con .ri{margin-right: 6%;} .ind-news .boxs{margin-top: 0;margin-bottom: 60px;} .ind-news .boxs .info2 .li .con{margin-top: 0;} } @media (max-width: 981px){ .ind-show .in1{padding-bottom: 70px;} .ind-show .container .slide .left, .ind-show .container .slide .m-pic{text-align: center;width: 100%;float: none;} .ind-show .container .slide .m-pic{margin-bottom: 30px;} .ind-show .container .slide .desc{margin-bottom: 30px;} .ind-recom .container .slide .center{box-shadow: 0 0 20px 2px #eeeeee;} #fullpage .pub-top{text-align: center;margin-bottom: 60px;position: static;} #fullpage .pub-top .t-en, #fullpage .pub-top .t-cn{color: #1a1a1a;} #fullpage .ind-project .swiper2{position: static;margin-top: 60px;} .ind-project{background: #f7f7f7;padding: 80px 0;margin-bottom: 80px;} .ind-project .swiper2 .slide{border-bottom: 4px solid rgba(177,177,177,.85);} .ind-project .swiper2 .slide:hover, .ind-project .swiper2 .swiper-slide-thumb-active{border-color: var(--Color);} .ind-project .swiper2 .slide .m-pic img{display: inline-block;height: auto;} .ind-project .swiper2 .slide .name{display: block;} .ind-project .swiper2 .pn{bottom: 0;top: 0;margin: auto;} .ind-project .swiper2 .container{width: 90%;margin-left: 5.6%;} .ind-project .swiper2 .prev{background-image: url(/static/images/icon9.png);} .ind-project .swiper2 .next{background-image: url(/static/images/icon10.png);} .ind-project .swiper1 .con .left{left: 57%;} .ind-project .swiper1 .con{top: 29%;} .ind-video{height: auto;} .ind-video .m-pic, .ind-video .vid{height: 380px;} .ind-video:after{display: none;} /*.ind-video .video:after{width: 100%;transition: 0.7s all;background: rgba(0,0,0,.5) url(/static/images/icon-play.png) no-repeat center center/70px;z-index: 10;position: relative;}*/ .ind-video.vio:after{display: none;} .ind-video.vio .video:after{width: 100%; height: 100%; padding: 0; transition: 0.7s all;background: rgba(0,0,0,.5) url(/static/images/icon-play.png) no-repeat center center/70px;z-index: 10;position: relative;} .ind-video.play #video1{display: none;} .ind-video.play #video2{display: block;} .ind-video.play .video:after{background: transparent;z-index: 0;} .ind-video.play .video .vid{z-index: 10;} } @media (max-height: 800px){ #fullpage .pub-top{top: 12%;} #fullpage .pub-top .t-en{font-size: 32px;} #fullpage .pub-top .t-cn{font-size: 28px;} .ind-project .swiper1 .name{font-size: 30px;} .ind-swiper, .ind-swiper .container, .ind-swiper .slide .m-pic{height: auto;} .ind-swiper .slide .m-pic:after{padding-top: 48.96%;} #fullpage .ind-show, #fullpage .section.pt{padding: 90px 0;} .ind-project .swiper1 .m-pic:after{padding-top: 48.95%;} .ind-video .video:after{padding-top: 48.96%;} .ind-show .container{width: 92%;float: none;} .ind-show .container .slide .tit-en2{font-size: 27px;line-height: 50px; margin-bottom:2%;} .ind-show .container .slide .tit-cn2{font-size: 32px;} .ind-project .swiper2 .slide .name .t{font-size: 14px;} } @media(max-width: 750px){ .ind-link .right, .ind-link .big{width: 100%;} .ind-link .big{margin-bottom: 2.41%;} .ind-swiper .pc{display: none;} .ind-swiper .mobile{display: block;} .ind-swiper .mobile .m-pic:after{padding-top: 93.33%;} #fullpage .in-page .p-list span, .ind-swiper .bottom .page span{width: 12px;height: 12px;margin: 0 10px;} .ind-show .container .slide .tit-cn2{font-size: 26px;} .ind-show .container .slide .more2, .ind-show .container .slide .desc{font-size: 24px;line-height: 36px;} .ind-show .container .slide .more2{background-position: right 16px;} .ind-link .con .tit, .ind-recom .container .slide .name{font-size: 26px;} .ind-link .con .desc, #fullpage .more1 .t, .ind-news .boxs .info1 .con .desc, .ind-project .swiper1 .desc, .ind-news .boxs .info1 .con .date .d2, .ind-project .swiper2 .slide .name .t, .ind-news .boxs .info2 .li .desc, .ind-news .boxs .info2 .li .date .d2, .ind-recom .container .slide .desc{font-size: 24px;} .ind-link .con .desc{line-height: 38px;} .ind-news .boxs .info1 .con .desc, .ind-project .swiper1 .desc{line-height: 38px;max-height: 76px;} .ind-project .swiper1 .con .left{width: 100%;} .ind-project .swiper1 .con{top: 22%;} .ind-project .swiper1 .slide:after{width: 100%;background: rgb(0,0,0,.25);} .ind-news .boxs .info2 .li .tit, .ind-news .boxs .info1 .con .tit{font-size: 26px;} .ind-news .boxs .info1 .con .ri{width: 73%;} #fullpage .more1 .i{width: 11px;background-image: url(/static/images/icon4_2.png);background-position: center 16px;-webkit-background-size: 9px auto;background-size: 9px auto;} .ind-show .container .slide .more2{padding-right: 20px;background-image: url(/static/images/icon4_3.png);background-position: right 6px;} .ind-show .container .slide .more2:hover{background-image: url(/static/images/icon4_4.png);} .ind-news .boxs .info1{margin-bottom: 30px;} .ind-news .boxs{background: transparent;padding-top: 0;} .ind-news .boxs [news-list]{width: 100%;} .ind-news .boxs .info1 .con{position: static;background-color: #1a1a1a;} .ind-news .boxs .info1 .con .date .d{margin-top: 12px;} .ind-news .boxs .info1 .con .date .d2{margin-top: 12px;} .ind-news .boxs .info2{background: #fff;padding-bottom: 18px;} } /*公用*/ .public .en{color: #cccccc;font-size: 50px;font-family: 'Gilroy_Bold';text-transform: uppercase;} .public .tit{color: #1a1a1a;font-size: 42px;} .public-page .more{color: #999999;font-size: 16px;line-height: 30px;} .public-page .load{margin-right: 15px;width: 30px;height: 30px;background: url(/static/images/loading.gif) no-repeat center center;} .public-page.is-end .more{height: 0;overflow: hidden;} @media (max-width: 1200px){ .public .en{font-size: 40px;} .public .tit{font-size: 32px;} } @media(max-width: 750px){ .public-page .load{width: 36px;height: 36px;} .public-page .more{font-size: 26px;line-height: 36px;} } /*关于我们*/ #about .public{padding-top: 100px;} #about .public .key1{top: -100px;} #about .about1 .m-pic{margin-bottom: 60px;} #about .about1 .public{margin-bottom: 80px;} #about .about1 .left{width: 32.857%;} #about .about1 .left .num{width: 43.48%;margin-right: 13.04%;margin-bottom: 13.04%;border-right: 1px solid #e6e6e6;padding-right: 3%;} #about .about1 .left .num:nth-child(2n){margin-right: 0;} #about .about1 .left .num:nth-child(2n){border-right: none} #about .about1 .left .num .n{color: var(--Color);font-size: 50px;font-family: 'Gilroy_Bold';} #about .about1 .left .num .siz{color: var(--Color);font-size: 16px;font-weight: bold;margin-top: 28px;margin-left: 5px;} #about .about1 .left .num .t{color: #1a1a1a;font-size: 16px;margin-top: 10px;} #about .about1 .company, #about .about1 .content{width: 65%;} #about .about1 .company{margin-bottom: 30px;color: #333333;font-size: 24px;font-weight: bold;} #about .about1 .content .desc{color: #333333;font-size: 16px;line-height: 32px;} #about .about1 .intro{margin-top: 80px;background: url(/static/images/img-map-bg.png) no-repeat center center/cover;padding: 90px 0 110px;} #about .about1 .intro .con{width: 43.57%;} #about .about1 .intro .li{margin-bottom: 60px;} #about .about1 .intro .li:last-child{margin-bottom: 0px;} #about .about1 .intro .t{color: #e60013;font-size: 24px;font-weight: bold;} #about .about1 .intro .d{color: #ffffff;font-size: 16px;line-height: 28px;margin-top: 20px; text-indent: 2em;} #about .about1 .intro .map{width: 50%;} #about .about1 .intro .map .relative{height: 100%;} #about .about1 .intro .map:after{padding-top: 100%;} #about .about1 .intro .map .relative:before{content: "";position: absolute;right: -14.29%;bottom: 0px;width: 14.29%;height: 128px;border: 1px solid rgba(255,255,255,.3);background: url(/static/images/map2.png) no-repeat center center;} #about .about1 .intro .map .pic{width: 100%;height: 82.14%;top: 0;bottom: 0;margin: auto;left: 0;background: url(/static/images/map3.png) no-repeat center center/100% 100%;} #about .about1 .intro .map .d1{display: none;bottom: 12.17%;right: 24.57%;} #about .about1 .intro .map .d2{display: none;bottom: 40.35%;right: 18.57%;} #about .about1 .intro .map .a1{color: var(--Color);font-size: 18px;font-weight: bold;} #about .about1 .intro .map .a2{margin-top: 10px;color: var(--Color);font-size: 14px;font-weight: bold;} #about .about1 .intro .map .d1 .a2{margin: 10px 0;} #about .about1 .intro .map .cir{position: relative;margin: auto;padding-bottom: 10px;width: 16px;height: 30px;background: url(/static/images/icon-dingwen.png) no-repeat center top;} #about .about1 .intro .map .d2 .cir{margin-top: 5px;margin-left: 6px;} #about .about1 .intro .map .cir:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 8px;height: 8px;border-radius: 50%;background: var(--Color);} #about .about2{background: #f5f5f5;} #about .about2 .public{margin-bottom: 30px;} #about .about2 .img{width: 36.357%;} #about .about2 .con{width: 57.14%;margin-top: 60px;} #about .about2 .con:after{content: "";position: absolute;top: -10px;left: -95px;background: url(/static/images/icon7.png) no-repeat center center;width: 58px;height: 45px;} #about .about2 .con .t1{font-size: 28px;color: var(--Color);margin-bottom: 25px;line-height: 32px;} #about .about2 .con .name{color: #333333;font-size: 16px;font-weight: bold;line-height: 28px;margin-bottom: 10px;} #about .about2 .con .desc{color: #999999;font-size: 16px;line-height: 28px;padding-bottom: 38px;margin-bottom: 38px;border-bottom: 1px solid #d9d9d9;text-indent: 2em;} #about .about2 .con .talk{color: #333333;font-size: 16px;line-height: 28px;padding-bottom: 40px;} #about .about3{padding: 0px 0 160px;} #about .about3 .public{margin-bottom: 65px;} #about .about3 .slide{width: 23.43%; border:1px solid #d5cdcd;} #about .about3 .slide .bg{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #about .about3 .slide:hover::after{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background: var(--Color);opacity: .8;z-index: 2;transition: 0.4s all;} #about .about3 .slide .bg:after{padding-top: 161.09%;} #about .about3 .slide .con{top: 33.019%;left: 0;right: 0;margin: auto;width: 90%;z-index: 10;} #about .about3 .slide .circle{width: 93px;height: 93px;border-radius: 50%;margin: 0 auto 12.19%;background: #fff;} #about .about3 .slide .t1{color: #000;font-size: 22px;} #about .about3 .slide .t2{color: #000;font-size: 16px;text-transform: uppercase;padding-bottom: 32px;margin: 10px 0 15px;} #about .about3 .slide .desc{color: #000;font-size: 18px;line-height: 30px;} #about .about3 .slide:hover .con{top: 26.98%;} #about .about3 .slide:hover .t2{background: url(/static/images/icon8.png) no-repeat center bottom;} #about .about3 .slide:hover .desc{display: block;} /* #about .about4{background: #f5f5f5;padding: 0px 0 100px;} #about .about4 .honor-outer{margin: 0 auto;padding: 85px 0 60px;width: 100%;overflow: hidden;} .scroll-outer{ bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(0,0,0,.15);} .scroll-btn{ height: 100%; background: var(--Color); cursor: pointer;} */ /*#about .about4 .scroll-outer{width: 90px;}*/ /* #about .about4 .honor-list{display: flex;justify-content: start;align-items: center;position: relative;} #about .about4 .honor-list .item{width: 470px;flex-shrink: 0;perspective: 470px;transform-style: preserve-3d;} #about .about4 .honor-list .item-in{width: 100%;margin: 0 auto;background: #fff;box-shadow: 0 0 10px #aaa;padding: 75px 0 40px;} #about .about4 .honor-list .m-pic{width: 77.08%;margin: 0 auto;} #about .about4 .honor-list .m-pic:after{padding-top: 71.27%;} #about .about4 .honor-list .t1{padding: 0 20px;margin-top: 40px;color: #333333;font-size: 0px;} #about .about4 .honor-list .t1.in{font-size: 18px;} */ .scroll-outer{ bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(0,0,0,.15);} .scroll-btn{ height: 100%; background: var(--Color); cursor: pointer;} .example .frame ul{display: flex;justify-content: start;align-items: center;position: relative;} .example .frame ul .item{ float: none; width: 470px;flex-shrink: 0;/*perspective: 470px;*/transform-style: preserve-3d;position: relative;} .example .frame ul .item .item-in{width: 100%;margin: 0 auto;background: #fff;box-shadow: 0 0 10px #aaa;padding: 75px 0 40px;} .example .frame ul .item .m-pic{width: 77.08%;margin: 0 auto;} .example .frame ul .item .m-pic:after{padding-top: 71.27%;} .example .frame ul .item .t1{padding: 0 20px;margin-top: 40px;color: #333333;font-size: 0px;} /*.example .frame ul .item.active{ margin: 0 -100px;}*/ .example .frame ul .item.active .t1{font-size: 18px;} #about .about4 .pn{width: 66px;height: 66px;background-color: #fff;background-repeat: no-repeat;background-position: center center;top: 0;bottom: 0;margin: auto;box-shadow: 0 0 15px -3px #ccc;border-radius: 50%;} #about .about4 .prev{left: 65px;background-image: url(/static/images/icon9.png);} #about .about4 .pn:hover{background-color: var(--Color);} #about .about4 .prev:hover{background-image: url(/static/images/icon11.png);} #about .about4 .next{right: 65px;background-image: url(/static/images/icon10.png);} #about .about4 .next:hover{background-image: url(/static/images/icon12.png);} #about .about4 .mobile{display: none;} #about .about5{padding: 0px 0 30px;} #about .about5 .public{margin-bottom: 75px;} #about .about5 .history1{padding: 0 50px;margin-bottom: 70px;} #about .about5 .history1:after{content: "";width: 98%;background: #d8d8d8;height: 2px;position: absolute;top: 11px;left: 0;right: 0;margin: auto;} #about .about5 .history1 .year{line-height: 49px;padding-top: 65px;color: #333333;font-size: 30px;font-family: 'Nexa_Bold';} #about .about5 .history1 .year:after{content: "";position: absolute;top: 0px;left: 0;right: 0;margin: auto;width: 20px;height: 20px;border: 2px solid #d8d8d8;border-radius: 50%;} #about .about5 .history1 .year:before{content: "";position: absolute;top: 6px;left: 0;right: 0;margin: auto;width: 12px;height: 12px;background: #d8d8d8;border-radius: 50%;} #about .about5 .history1 .swiper-slide-thumb-active .year{color: var(--Color);font-size: 40px;} #about .about5 .history1 .swiper-slide-thumb-active .year:before{background: var(--Color);} #about .about5 .history1 .swiper-slide-thumb-active .year:after{border-color: var(--Color);} #about .about5 .history1 .pn{width: 50px;height: 50px;background: #fff;border-radius: 50%;top: -13px;z-index: 2;background-repeat: no-repeat;background-position: center center;} #about .about5 .history1 .pn:hover{background-color: var(--Color);} #about .about5 .history1 .prev{box-shadow: 3px 0 18px 3px #eee;left: 0;background-image: url(/static/images/icon6.png);} #about .about5 .history1 .next{box-shadow: -3px 0 18px 3px #eee;right: 0;background-image: url(/static/images/icon6_2.png);} #about .about5 .history1 .prev:hover{background-image: url(/static/images/icon5_2.png);} #about .about5 .history1 .next:hover{background-image: url(/static/images/icon5.png);} #about .about5 .history2{width: 87.71%;margin: 0 auto;}/*1228*/ #about .about5 .history2 .con{width: 49.267%;} #about .about5 .history2 .con .dd{padding: 0 0 20px 54px;color: #1a1a1a;font-size: 16px;line-height: 26px;} #about .about5 .history2 .con .dd:first-child{padding-top: 10px;} #about .about5 .history2 .con .dd:before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #d8d8d8;left: 4.9px;} #about .about5 .history2 .con .dd:after{content: "";position: absolute;left: 0;top: 9px;width: 10px;height: 10px;border-radius: 50%;background: var(--Color);border-radius: 50%;} #about .about5 .history2 .con .dd:first-child::after{top: 9px;} #about .about5 .history2 .m-pic{width: 42.345%;margin-top: 23px;} #about .about5 .history2 .m-pic:after{padding-top: 61.538%;} #about .about6{padding: 0px 0 112px;background: #f5f5f5;} #about .about6 .public{margin-bottom: 60px;} #about .about6 .video{width: 78.57%;height: 618px;} #about .about6 .video video{object-fit: fill;display: inline-block;height: 100%;} #about .about6 .video video.hide{display: none;} #about .about6 .video iframe{width: 99%;height: 100%;} #about .about6 .list{width: 21.43%;height: 618px;background: #fff;} #about .about6 .list .in{width: 96.67%;padding: 0 5%;margin: 18px auto 0;height: 584px;overflow-y: auto;} #about .about6 .list .in::-webkit-scrollbar {width: 5px;height: 5px;} #about .about6 .list .in::-webkit-scrollbar-track{border-radius:25px;background: #e5e5e5;} #about .about6 .list .in::-webkit-scrollbar-thumb{border-radius:25px;background: #333333;} #about .about6 .list .in .vid{margin-bottom: 18px;} #about .about6 .list .in .vid .df{display: flex;align-items: center;} #about .about6 .list .in .m-pic{width: 55.769%;margin-right: 5.771%;} #about .about6 .list .in .m-pic:after{padding-top: 57.75%;} #about .about6 .list .in .con{width: 38.46%;} #about .about6 .list .in .con .t{color: #333333;font-size: 14px;line-height: 26px;} #about .about6 .list .in .vid.cur .con .t, #about .about6 .list .in .vid:hover .con .t{color: var(--Color);} @media (max-width: 1680px){ #about .about1 .intro .map .pic{width: 87%;} #about .about1 .intro .map .d1{bottom: 16.17%;} #about .about3 .slide .con{top: 26%;} #about .about3 .slide:hover .con{top: 24%;} } @media (max-width: 1280px){ #about .public{padding-top: 80px;} #about .about1 .intro .con, #about .about1 .intro .map, #about .about1 .left, #about .about1 .company, #about .about1 .content{float: none;width: 100%;} #about .about1 .left{width: 80%;text-align: center;margin: 60px auto 0;} #about .about1 .left .num{width: 50%;padding: 0 8%;margin-right: 0;margin-bottom: 10%;} #about .about1 .public{margin-bottom: 40px;} #about .about1 .intro .map{margin-bottom: 0;} #about .about1 .intro{margin-top: 40px;padding-bottom: 60px;} #about .about1 .intro .map .relative:before{width: 99px;} #about .about1 .intro .map .pic{width: 55%;right: 0;} #about .about1 .intro .map:after{padding-top: 50%;} #about .about1 .intro .con{margin-bottom: 60px;} #about .about2 .con .t1{font-size: 24px;} #about .about2 .con .name, #about .about2 .con .desc, #about .about2 .con .talk{font-size: 14px;} #about .about2 .con .desc{padding-bottom: 20px;margin-bottom: 30px;text-indent: 2em;} #about .about2 .img{margin-top: 8%;} #about .about3{padding-bottom: 100px;} #about .about3 .slide .con{top: 25%;} #about .about3 .slide:hover .con{top: 22%;} #about .about3 .slide .circle{width: 80px;height: 80px;} #about .about3 .slide .t1{font-size: 18px;} #about .about3 .slide .desc, #about .about3 .slide .t2{font-size: 15px;} #about .about3 .slide .t2{margin-bottom: 10px;padding-bottom: 20px;} #about .about4{padding-bottom: 60px;} #about .about6 .video{width: 74%;} #about .about6 .list{width: 26%;} } @media (max-width: 1050px){ #about .about2 .img, #about .about2 .con{width: 100%;float: none;} #about .about2 .con{margin-top: 30px;} #about .about2 .con .name, #about .about2 .con .desc, #about .about2 .con .talk{font-size: 18px;line-height: 30px;} #about .about2 .img{margin-top: 2%;} #about .about2 .img img{max-height: 600px;} #about .about3 .slide .circle{width: 60px;height: 60px;} #about .about3 .slide .circle img{max-width: 35px;max-height: 35px;} #about .about6 .list, #about .about6 .video{height: 480px;} #about .about6 .list .in{height: 456px;} #about .about6 .list .in .con .t{line-height: 25px;} } @media (max-width: 1024px){ #about .about4 .example{display: none;} #about .about4 .honor-list2{display: block;margin-top: 50px;} #about .about4 .honor-list2 .m-pic:after{padding-top: 70%;} #about .about4 .honor-list2 .t{margin-top: 20px;font-size: 16px;color: #333;} #about .about4 .pn{z-index: 2;width: 50px;height: 50px;} #about .about4 .prev{left: -20px;} #about .about4 .next{right: -20px;} #about .about5 .history2{width: 90%;} #about .about5 .history1 .year{padding-top: 50px;} } @media (max-width: 981px){ #about .about1 .intro{padding: 80px 0 60px;} #about .about1 .intro .con{margin-bottom: 40px;} #about .about1 .intro .map .relative:before{right: -30%;} #about .about3{padding-bottom: 80px;} #about .about3 .swiper-pagination{display: block;position: static;margin-top: 30px;} #about .about3 .swiper-pagination span{width: 10px;height: 10px;margin: 0 10px;} #about .about3 .swiper-pagination .swiper-pagination-bullet-active{width: 20px;border-radius: 25px;background: var(--Color);} #about .about5 .history1 .swiper-slide-thumb-active .year{font-size: 36px;} } @media(max-width: 920px){ #about .about5 .history2 .m-pic{width: 68%;float: none;margin-top: 30px;} #about .about5 .history2 .con .dd{padding-bottom: 15px;} #about .about5 .history2 .con{width: 100%;float: none;} } @media (max-width: 850px){ #about .about6 .video{display: none;} #about .about6 .list, #about .about6 .list .in{height: auto;overflow: visible;} #about .about6 .list .in{margin-top: 0;padding: 0;width: 100%;} #about .about6 .list .in .vid .df{} #about .about6 .list{width: 100%;float: none;background: transparent} #about .about6 .list .in .m-pic{width: 18%;margin-right: 4%;} #about .about6 .list .in .m-pic:after{width: 100%;position: relative;background: rgba(0,0,0,.5) url(/static/images/icon-play.png) no-repeat center center/20px;z-index: 2;} #about .about6 .list .in .con{width: 78%;} #about .about6 .list .in .con .t{font-size: 16px;} } @media(max-width: 750px){ #about .about1 .company{font-size: 30px;} #about .about1 .content .desc{font-size: 26px;line-height: 38px;} #about .about1 .left .num .siz{font-size: 26px;margin-top: 18px;margin-left: 10px;} #about .about5 .history2 .con .dd, #about .about1 .intro .d, #about .about1 .left .num .t{font-size: 26px;line-height: 38px;} #about .about1 .intro .d { text-indent: 2em;} #about .about1 .intro .t{font-size: 28px;} #about .about2 .con .t1{font-size: 28px;line-height: 40px;} #about .about2 .con .name, #about .about2 .con .desc, #about .about2 .con .talk{font-size: 26px;line-height: 36px;} #about .about3 .slide .circle{width: 90px;height: 90px;} #about .about3 .slide .t1{font-size: 26px;} #about .about3 .slide .desc, #about .about3 .slide .t2{font-size: 24px;} #about .about4 .pn{width: 42px;height: 42px;-webkit-background-size: 12px auto;background-size: 12px auto;} #about .about4 .honor-list2 .t{font-size: 24px;} #about .about6 .list .in .vid{margin-bottom: 30px;} #about .about6 .list .in .vid:last-child{margin-bottom: 0px;} #about .about6 .list .in .m-pic{width: 21.79%;} #about .about6 .list .in .con .t{font-size: 26px;} } /*新闻*/ #news{padding-bottom: 160px;} #news .public{padding: 100px 0 80px;} #news .hot-news{margin-bottom: 75px;background: #f7f7f7;} #news .hot-news .m-pic{width: 50%;} #news .hot-news .m-pic:after{padding-top: 62.57%;} #news .hot-news .con{width: 42.14%;margin-right: 3.93%;padding-top: 7.14%;} #news .hot-news .date .d{color: #333333;font-size: 48px;font-family: 'Gilroy_Bold';} #news .hot-news .date .d2{color: #333333;opacity: 0.74;font-size: 16px;margin-top: 10px;font-family: 'Gilroy_Bold';} #news .hot-news .right{width:83.898%;} #news .hot-news .tit{color: #333333;font-size: 24px;line-height: 36px;max-height: 72px;font-weight: bold;margin-bottom: 20px;} #news .hot-news .desc{color: #333333;font-size: 14px;line-height: 24px;height: 72px;} #news .hot-news .page{z-index: 2;right: 0;width: 38.93%;bottom: 18.26%;} #news .hot-news .page .pn{width: 44px;height: 44px;border-radius: 50%;background-color: #fff;background-repeat: no-repeat;background-position: center center;} #news .hot-news .slide:hover .date .d, #news .hot-news .slide:hover .tit{color: var(--Color);} #news .hot-news .page .prev{background-image: url(/static/images/icon13.png);} #news .hot-news .page .next{background-image: url(/static/images/icon14.png);} #news .hot-news .page .prev:hover{background-image: url(/static/images/icon15.png);} #news .hot-news .page .next:hover{background-image: url(/static/images/icon16.png);} #news .hot-news .page .pn:hover{background-color: var(--Color);} #news .hot-news .page .p-list{width: auto;line-height: 44px;margin: 0 22px;} #news .hot-news .page .p-list, #news .hot-news .page .p-list span{color: #333333;font-size: 16px;font-family: 'Gilroy_Bold';} #news .news-list .info .cw1400{padding: 45px 0;border-bottom: 1px solid #eaeaea;} #news .news-list .info .date .d{color: #999999;font-size: 42px;font-family: 'Gilroy_Bold';} #news .news-list .info .date .d2{color: #999999;font-size: 16px;margin-top: 10px;font-family: 'Gilroy_Bold';} #news .news-list .info .con{width: 84.29%;} #news .news-list .info .title{color: #333333;font-size: 20px;font-weight: bold;margin-bottom: 20px;} #news .news-list .info .desc{color: #999999;font-size: 16px;line-height: 28px;max-height: 84px;} #news .news-list .info:hover{background: #f8f8f8;} #news .news-list .info:hover .title, #news .news-list .info:hover .date .d{color: var(--Color);} #news .news-list .info:hover .date .d2{color: #333333;} #news .news-list .info:hover .cw1400{border-bottom: 1px solid var(--Color);} #news .news-list .faq{padding: 44px 0;border-bottom: 2px solid #ededed;} #news .news-list .faq:first-child{border-top: 2px solid #ededed;} #news .news-list .faq .con{width: 87.14%;} #news .news-list .faq .con .tit2{width: 100%;color: #2d3339;font-size: 18px;line-height: 26px;padding: 10px 0 10px 110px;} #news .news-list .faq .con .tit2:after{content: "";position: absolute;top: 0;left: 39px;width: 46px;height: 46px;border-radius: 50%;background: #333333 url(/static/images/icon19.png) no-repeat center center;} #news .news-list .faq .con .desc{width: 100%;height: 0;overflow: hidden;padding-left: 110px;} #news .news-list .faq .con .desc .h{margin-top: 30px;min-height: 46px;padding-top: 10px;color: #2d3339;font-size: 16px;line-height: 30px;} #news .news-list .faq .con .desc:after{content: "";position: absolute;top: 30px;left: 39px;width: 46px;height: 46px;border-radius: 50%;background: var(--Color) url(/static/images/icon20.png) no-repeat center center;} #news .news-list .faq .btn{width: 46px;height: 46px;background: #f5f5f5 url(/static/images/icon17.png) no-repeat center center;margin-right: 2.786%;} #news .news-list .faq.open .tit2, #news .news-list .faq:hover .tit2{color: var(--Color);} #news .news-list .faq:hover .btn{background-color: var(--Color);background-image: url(/static/images/icon17_2.png);} #news .news-list .faq.open .tit2:after{background-color: var(--Color);} #news .news-list .faq.open .btn{background-color: var(--Color);background-image: url(/static/images/icon18.jpg);} #news .paging{ margin-top: 50px;} #news .paging .a:first-child, #news .paging .a:last-child{ font-size: 0 !important;} #news .paging[type='default'] .a:first-child:before, #news .paging[type='default'] .a:last-child:after{ margin: 0 !important; background-position: center;} #news .paging[type='default'] .a:first-child, #news .paging[type='default'] .a:last-child{ position: relative;} #news .paging[type='default'] .a:first-child:before, #news .paging[type='default'] .a:last-child:after{ display: block !important; content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/static/images/page-l.png) no-repeat center;} #news .paging[type='default'] .a:last-child:after{ transform: rotate(180deg)!important;} #news .paging[type='default'] .a:hover, #news .paging[type='default'] .a.cur{ background: var(--Color) !important;} /* #news .page{margin-top: 60px;} #news .page.is-end{margin-top: 0;} */ .editor img{max-width: 100%;max-height: 100%;height: auto;} /*详细*/ #news.in-detail{padding: 60px 0 112px;} #news.in-pro{padding-bottom: 0;} #news.in-detail .bread{margin-bottom: 60px;} #news.in-detail .bread .d{color: #333;font-size: 16px;} #news.in-detail .bread .s{color: #666;margin: 0 10px;font-size: 16px;} #news.in-detail .bread .d:hover{color: var(--Color);} #news.in-detail .top{margin-bottom: 45px;padding-bottom: 30px;border-bottom: 1px solid #eeeeee;} #news.in-detail .name{color: #333333;font-size: 40px;font-weight: bold;margin-bottom: 48px;} #news.in-detail .msg .t{color: #999999;font-size: 16px;background-repeat: no-repeat;background-position: left center;} #news.in-detail .msg .time{padding-left: 23px;background-image: url(/static/images/icon-date.png);} #news.in-detail .msg .view{padding-left: 32px;margin-left: 15px;background-image: url(/static/images/icon-liulan.png);} #news.in-detail .share .t{color: #999999;font-size: 16px;line-height: 26px;margin-right: 20px;} #news.in-detail .share .s{width: 26px;height: 26px;margin-right: 15px;background-repeat: no-repeat;background-position: center center;opacity: .5;} #news.in-detail .share .s:hover{opacity: 1;} #news.in-detail .share .s1{background-image: url(/static/images/weixin.png);} #news.in-detail .share .s2{background-image: url(/static/images/weibo.png);} #news.in-detail .share .s3{background-image: url(/static/images/facebook.png);} #news.in-detail .share .s4{background-image: url(/static/images/twitter.png);} #news.in-detail .share .s5{background-image: url(/static/images/linkedin.png);margin-right: 0;} #news.in-detail .editor{margin-bottom: 95px;} #news.in-detail .editor p{margin-bottom: 15px;line-height: 30px;font-size: 14px;color: #777;} #news.in-detail .editor img{display: block;margin: 0 auto;} #news.in-detail .prev-next .li{width: 50%;background-color: #f5f5f5;padding: 65px 0;} #news.in-detail .prev-next .li .w{width: 70%;} #news.in-detail .prev-next .li .t1{color: #333333;font-size: 18px;margin-bottom: 15px;} #news.in-detail .prev-next .li .t2{color: #333333;font-size: 16px;} #news.in-detail .prev-next .prev .w{margin-right: 6.857%;} #news.in-detail .prev-next .next .w{margin-left: 6.857%;} #news.in-detail .prev-next .prev{background-image: url(/static/images/icon21.png);background-repeat: no-repeat;background-position: 45px center;} #news.in-detail .prev-next .next{background-image: url(/static/images/icon22.png);background-repeat: no-repeat;background-position: 85.71% center;} #news.in-detail .prev-next .li:hover{background-color: var(--Color);} #news.in-detail .prev-next .li:hover .t2, #news.in-detail .prev-next .li:hover .t1{color: #fff;} #news.in-detail .prev-next .prev:hover{background-image: url(/static/images/icon23.png);} #news.in-detail .prev-next .next:hover{background-image: url(/static/images/icon24.png);} #news.in-detail .title2{margin-top: 60px;color: #333;font-size: 20px;margin-bottom: 30px;} #news.in-detail .about-list .li{width: 23%;margin-right: 2.6%;border: 1px solid #e5e5e5;padding: 20px;} #news.in-detail .about-list .li:nth-child(4n){margin-right: 0;} #news.in-detail .about-list .li .tit{color: #333;font-size: 16px;line-height: 30px;height: 60px;margin-bottom: 10px;} #news.in-detail .about-list .li .desc{color: #999;font-size: 14px;line-height: 28px;height: 56px;} #news.in-detail .about-list .li:hover{border-color: var(--Color)} #news.in-detail .about-list .li:hover .tit{color: var(--Color)} @media (max-width: 1400px){ #news .hot-news .con{padding-top: 5%;} #news .hot-news .tit{font-size: 20px;line-height: 32px;max-height: 64px;margin-bottom: 15px;} #news .hot-news .date .d2{margin-top: 5px;} #news .hot-news .date .d{font-size: 46px;} #news .hot-news .right{width: 82%;} #news.in-detail .name{font-size: 32px;} } @media (max-width: 1280px){ #news .public{padding: 80px 0;} #news .hot-news .tit{font-size: 16px;line-height: 28px;max-height: 56px;} #news .hot-news .date2{display: block;margin-top: 12px;color: #666;font-size: 14px;} #news .hot-news .desc{max-height: 48px;-webkit-line-clamp: 2;} #news .hot-news .page{bottom: 6%;width: 46.93%;} #news .hot-news .con{padding-top: 3%;width: 44.14%;margin-right: 3%;} #news .hot-news .date{display: none;} #news .hot-news .right{width: 100%;} #news.in-detail .bread{margin-bottom: 40px;} } @media (max-width: 1024px){ #news.in-detail .about-list .li:nth-child(4n), #news.in-detail .about-list .li{width: 48%;margin-right: 4%;margin-bottom: 4%;} #news.in-detail .about-list .li:nth-child(2n){margin-right: 0;} #news.in-detail .about-list .li .tit{font-size: 18px;} #news.in-detail .about-list .li .desc{font-size: 16px;} } @media (max-width: 981px){ #news.in-detail .prev-next .li{padding: 30px 0;} #news.in-detail .prev-next .li{width: 100%;margin-bottom: 20px;background: #f5f5f5;} #news.in-detail .prev-next .li:hover{background: var(--Color);} #news.in-detail .prev-next .prev .w{float: left;margin-left: 6.857%;margin-right: 0;text-align: left;} #news.in-detail .bread{margin-bottom: 60px;} } @media (max-width: 850px){ #news .hot-news .con{padding-top: 2%;} #news .hot-news .tit{margin-bottom: 10px;} #news .hot-news .page{bottom: 3%;} #news.in-detail .top{text-align: center;} #news.in-detail .top .msg, #news.in-detail .top .share{float: none;} #news.in-detail .top .share{margin-top: 20px;} #news.in-detail .msg .view{margin-left: 30px;} } @media (max-width: 780px){ #news .hot-news{margin-bottom: 30px;} #news .hot-news .m-pic, #news .hot-news .con{width: 100%;float: none;} #news .hot-news .con{padding: 30px 3%;} #news .hot-news .slide{padding-bottom: 60px;} #news .hot-news .page{width: 90%;margin: auto;left: 0;text-align: center;bottom: 4%;} } @media (max-width: 750px){ #news .hot-news .slide{padding-bottom: 80px;} #news .hot-news .tit{font-size: 28px;line-height: 38px;max-height: 76px;margin-bottom: 20px;} #news .hot-news .desc{font-size: 26px;line-height: 36px;max-height: 72px;} #news .hot-news .date2{font-size: 24px;} #news .hot-news .page .pn{width: 60px;height: 60px;} #news .hot-news .page .prev{background-image: url(/static/images/icon6.png);} #news .hot-news .page .prev:hover{background-image: url(/static/images/icon5_2.png);} #news .hot-news .page .next{background-image: url(/static/images/icon6_2.png);} #news .hot-news .page .next:hover{background-image: url(/static/images/icon5.png);} #news .hot-news .page .p-list, #news .hot-news .page .p-list span{font-size: 26px;line-height: 60px;} #news.in-detail .about-list .li:nth-child(2n), #news.in-detail .about-list .li{width: 100%;display: block;margin-right: 0;margin-bottom: 6%;} #news .news-list .info .date .d{font-size: 40px;} #news.in-detail .about-list .li .tit, #news .news-list .info .date .d2{font-size: 26px;} #news.in-detail .about-list .li .tit{line-height: 40px;max-height: 80px;height: auto;margin-bottom: 20px;} #news .news-list .info .con{width: 82%;} #news .news-list .faq .con .tit2, #news .news-list .info .title{font-size: 28px;line-height: 38px;} #news .news-list .faq .con .tit2{padding-top: 0;} #news .news-list .faq .con .desc .h, #news .news-list .info .desc{font-size: 26px;line-height: 36px;} #news .news-list .info .desc{max-height: 108px;} #news.in-detail .about-list .li .desc, #news.in-detail .editor p{font-size: 24px;line-height: 36px;} #news.in-detail .about-list .li .desc{height: 72px;} #news.in-detail{padding: 80px 0 100px;} #news.in-pro{padding-bottom: 0;} #news.in-detail .share .t, #news.in-detail .bread .d, #news.in-detail .bread .s, #news.in-detail .msg .t{font-size: 26px;} #news.in-detail .top .share{margin-top: 25px;} #news.in-detail .prev-next .li{padding: 45px 0;} #news.in-detail .prev-next .li .t1{font-size: 28px;} #news.in-detail .prev-next .li .t2{font-size: 26px;} #news.in-detail .prev-next .li .w{width: 90%;margin: 0 auto;float: none;} } /*产品*/ #products {padding-bottom: 60px;} #products .public{padding: 100px 0 80px;} #products .pro-list .pro{width: 33%;margin-right: 0.33%;margin-bottom: 0.33%;} #products .pro-list .pro:nth-child(3n){margin-right: 0;} #products .pro-list .pro:after{padding-top: 63.09%;} #products .page{margin: 50px 0;} #products .page.is-end{margin: 0;} /*详细*/ #products.in-detail{padding: 100px 0;} #products.in-detail .name{color: #333333;font-size: 36px;font-weight: bold;} #products.in-detail .desc1{margin: 30px 0 20px;} #products.in-detail .desc1 .d{color: #999999;font-size: 16px;line-height: 30px;margin-right: 3.93%;margin-bottom: 20px;} #products.in-detail .desc1 .d:last-child{margin-right: 0;} #products.in-detail .desc2{color: #1a1a1a;font-size: 16px;line-height: 30px;margin-bottom: 65px;} #products.in-detail .picture .img{width: 100%;} #products.in-detail .picture .img:after{padding-top: 41.67%;} #products.in-detail .picture .cw1400{left: 0;right: 0;top: 0;height: 100%;margin: auto; z-index: 2;transform: inherit;} #products.in-detail .picture .w100{width: 100%;height: 100%;} #products.in-detail .picture .con{width: 40.29%;text-align: left;right: 0;top: 0;bottom: 0;margin: auto;background: rgba(0,0,0,.8);} #products.in-detail .picture .scr .con{overflow-y: auto;} #products.in-detail .picture .scr .con::-webkit-scrollbar {width: 8px;height: 8px;} #products.in-detail .picture .scr .con::-webkit-scrollbar-track{background: #f5f5f5;} #products.in-detail .picture .scr .con::-webkit-scrollbar-thumb{background: #000;} #products.in-detail .picture .con .h{padding: 50px 45px;} #products.in-detail .picture .list .img:nth-child(2n) .con{left: 0;right: auto;} #products.in-detail .picture .t{padding-bottom: 30px;margin-bottom: 30px;color: #ffffff;font-size: 36px;font-weight: bold;} #products.in-detail .picture .t:after{content: "";position: absolute;bottom: 0;left: 0;width: 35px;height: 3px;background: var(--Color);} #products.in-detail .picture .d{color: #ffffff;font-size: 18px;line-height: 36px;} .in-detail .tit2{margin: 70px 0 40px;color: #1a1a1a;font-size: 24px;font-weight: bold;} .in-detail .project-about{padding: 70px 0 140px;} .in-detail .project-about .tit2{margin-top: 0;} .in-detail .pro-list2 .pro{width: 32%;margin-right: 2%;} .in-detail .pro-list2 .pro:nth-child(3){margin-right: 0;} .in-detail .pro-list2 .pro:after{padding-top: 62.94%;} @media (max-width: 1440px){ #products.in-detail .picture .t{font-size: 30px;} #products.in-detail .picture .con{width: 47%;} } @media (max-width: 1280px){ #products{padding-bottom: 70px;} #products .public{padding-top: 80px;} #products.in-detail{padding: 80px 0;} } @media (max-width: 1280px){ #products.in-detail .picture .d{font-size: 16px;line-height: 28px;} #products.in-detail .picture .t{font-size: 26px;padding-bottom: 20px;margin-bottom: 20px;} .in-detail .project-about{padding-bottom: 100px;} } @media (max-width: 981px){ #products.in-detail .picture .img{/*margin-bottom: 30px;*/font-size: 0;} #products.in-detail .picture .img:after{display: none;} #products.in-detail .picture .img img, #products.in-detail .picture .absolute{position: static;} #products.in-detail .picture .con{width: 100%;} #products.in-detail .picture .cw1400{width: 100%;} } @media (max-width: 850px){ #products .pro-list .pro:nth-child(3n), #products .pro-list .pro{width: 49%;margin-right: 2%;margin-bottom: 2%;} #products .pro-list .pro:nth-child(2n){margin-right: 0;} .in-detail .pro-list2 .pro:nth-child(3n), .in-detail .pro-list2 .pro{width: 49%;margin-right: 2%;margin-bottom: 2%;} .in-detail .pro-list2 .pro:nth-child(2n){margin-right: 0;} .in-detail .pro-list2 .pro.hide{display: inline-block;vertical-align: top;} .in-detail .project-about{padding-bottom: 80px;} } @media (max-width: 750px){ #products.in-detail .desc2, #products.in-detail .picture .d, #products.in-detail .desc1 .d{font-size: 26px;line-height: 38px;} #products.in-detail .picture .t{font-size: 28px;margin-bottom: 30px;padding-bottom: 30px;} } /*工程*/ #project{padding: 100px 0 80px;} #project .public{margin-bottom: 80px;} #project .public-page{margin-top: 50px;} #project .hot-project .pn{top: 0;bottom: 0;margin: auto;width: 100px;height: 100px;background-repeat: no-repeat;background-position: center center;z-index: 2;opacity: .8;} #project .hot-project .pn:hover{opacity: 1;} #project .hot-project .prev{left: 0;background-image: url(/static/images/icon37.png);} #project .hot-project .next{right: 0;background-image: url(/static/images/icon38.png);} #project .hot-project .m-pic{width: 100%;} #project .hot-project .m-pic:after{padding-top: 49.07%;} #project .hot-project .con{width: 100%;left: 0;bottom: 0;z-index: 2;background: rgba(0,0,0,.6);padding: 30px 0 30px 35px;} #project .hot-project .con .tit{color: #ffffff;font-size: 20px;font-weight: bold;width: 80%;} #project .hot-project .slide:hover .con .tit{color: var(--Color);} #project .hot-project .swiper-pagination{right: 38px;left: auto;width: auto;bottom: 35px;} #project .hot-project .swiper-pagination span{width: 10px;height: 10px;background: #fff;opacity: .55;margin: 0 8px;} #project .hot-project .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;} #project .project-list .ject{width: 32.21%;margin-right: 1.43%;margin-top: 20px;} #project .project-list .ject:nth-child(3n){margin-right: 0;} #project .project-list .ject .m-pic:after{padding-top: 62.08%;} #project .project-list .ject .con{padding: 30px 40px 30px 20px;background: #f4f4f4 url(/static/images/icon35.png) no-repeat 96% center;} #project .project-list .ject .title{color: #1a1a1a;font-size: 16px;} #project .project-list .ject:hover .con{background-image: url(/static/images/icon36.png);} #project .project-list .ject:hover .title{color: var(--Color);} /*联系我们*/ #project.in-contact{padding-bottom: 135px;} #project.in-contact .public{margin-bottom: 60px;} #project.in-contact .intro{margin-bottom: 50px;color: #333333;font-size: 18px;line-height: 30px;} #project.in-contact .right, #project.in-contact .left{width: 50%;} #project.in-contact .left{background: #fafafa;padding: 65px 0;} #project.in-contact .left .center{width: 85.71%;margin: 0 auto;} #project.in-contact .left .cn1{border-bottom: 2px solid #f0f0f0;margin-bottom: 33px;padding-bottom: 35px;} #project.in-contact .left .t1{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 35px;} #project.in-contact .left .dd{color: #333333;font-size: 16px;margin-bottom: 25px;padding-left: 35px;background-repeat: no-repeat;background-position: left center;} #project.in-contact .left a.dd:hover{text-decoration: underline;} #project.in-contact .left .add{background-image: url(/static/images/dizhi.png);} #project.in-contact .left .tel{background-image: url(/static/images/dianhua.png);} #project.in-contact .left .serv{background-image: url(/static/images/rexian.png);} #project.in-contact .left .fax{background-image: url(/static/images/chuanzhen.png);} #project.in-contact .left .mail{background-image: url(/static/images/youxiang.png);} #project.in-contact .left .web{background-image: url(/static/images/wangzhi.png);} #project.in-contact .left .dd:last-child{margin-bottom: 0;} #project.in-contact .left .lf{width: 66.67%;margin-top: 15px;} #project.in-contact .left .code .m-pic{width: 133px;height: 133px;background: #ffffff;border: 1px solid #e5e5e6;} #project.in-contact .right .map{width: 100%;height: 512px;} @media (max-width: 1200px){ #project .hot-project .con, #project .project-list .ject .con{padding-top: 20px;padding-bottom: 20px;} #project .hot-project .con .tit{font-size: 18px;} #project .hot-project .swiper-pagination{bottom: 25px;} #project.in-contact .left .center{width: 88%;} } @media (max-width: 1050px){ #project{padding: 80px 0 40px;} #project .public{margin-bottom: 60px;} #project .hot-project .pn{width: 75px;height: 75px;} #project.in-contact{padding-bottom: 100px;} #project.in-contact .left .center{width: 92%;} #project.in-contact .right, #project.in-contact .left{width: 100%;float: none;} } @media (max-width: 750px){ #project .project-list .ject:nth-child(3n), #project .project-list .ject{width: 48%;margin-right: 4%;margin-top: 4%;} #project .project-list .ject:nth-child(2n){margin-right: 0;} #project .hot-project .con .tit{font-size: 26px;width: 75%;} #project .project-list .ject .title{font-size: 24px;} #project .hot-project .con, #project .project-list .ject .con{padding-top: 25px;padding-bottom: 25px;} #project .hot-project .swiper-pagination{bottom: 34px;} #project.in-contact .public{margin-bottom: 40px;} #project.in-contact .intro{font-size: 24px;line-height: 36px;} #project.in-contact .left .t1{font-size: 26px;} #project.in-contact .left .dd{font-size: 24px;} } /*品牌服务-体验店*/ .in-service .public{margin-bottom: 40px;} .in-service .fillter-form{ width: 100%;} .in-service .fillter-form .address{ width: 75%;} .in-service .fillter-form .address .sel-item{ width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; position: relative;} .in-service .fillter-form .address .sel-item select{ width: 100%; border: 1px solid #dcdcdc; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; height: 65px; line-height: 65px; font-size: 15px; color: #666; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .in-service .fillter-form .address .sel-item:after{ display: block; position: absolute; content: ''; width: 0; height: 0; border-top: 8px solid #747474; border-right: 6px solid transparent; border-left: 6px solid transparent; top: 50%; margin-top: -4px; right: 20px;} .in-service .fillter-form .address .sel-item:first-child{ padding-left: 0;} .in-service .fillter-form .address .sel-item select::-ms-expand { display: none;} .in-service .fillter-form .submit:hover{ background-color: #06529b;} @media screen and (max-width: 480px) { .in-service .fillter-form{ flex-direction: column;} .in-service .fillter-form .address{ flex-direction: column; width: 100%; margin-bottom: 5px;} } @media screen and (max-width: 480px) { .in-service .fillter-form .address .sel-item { width: 100%; padding-left: 0; margin-bottom: 5px;} } @media screen and (max-width: 750px) { .experience-stores-wrap .dealer-select { padding-left:.1rem;} .experience-stores-wrap .dealer-select .customSelectInner:after { right:.1rem;} } @media screen and (max-width: 480px) { .experience-stores-wrap .dealer-select { height: 40px; line-height: 40px;} } .in-service .fillter-form .btn{ padding-left: 5px; width: 25%;} .in-service .fillter-form .submit{ display: block; width: 100%; height: 65px; line-height: 65px; border: none; background-color: #646464; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; text-align: center; cursor: pointer; color: #fff;} .in-service .store-list{ margin-top: 50px;} .in-service .store{border-bottom: 1px solid #e5e5e5;} .in-service .store .top{padding: 40px 0;} .in-service .store .name{width: 32.857%;margin-right: 4.28%;color: #333333;font-size: 18px;font-weight: bold;} .in-service .store .dd{color: #333333;font-size: 16px;line-height: 30px;} .in-service .store .btns{color: #333333;font-size: 16px;padding-left: 52px;line-height: 32px;background: url(/static/images/icon39.png) no-repeat left center;margin-top: 15px;} .in-service .store .con{width: 45.71%;} .in-service .store .map{height: 0;overflow: hidden;width: 100%;} .in-service .store .boxs{height: 500px;} .in-service .store.cur{border-color: var(--Color);} .in-service .store.cur .dd{color: var(--Color);} .in-service .store.cur .btns, .in-service .store:hover .btns{color: var(--Color);background-image: url(/static/images/icon40.png);} .in-service .store.cur .map{height: 540px;} /*品牌服务-反馈*/ .in-feedback .public{margin-bottom: 70px;} .in-feedback .rows{width: 45.71%;margin-bottom: 20px;} .in-feedback .rows .tit{color: #333333;font-size: 16px;margin-bottom: 15px;} .in-feedback .rows .tit .fc{color: #ff0000;font-size: 16px;} .in-feedback .rows .ipt{border: 1px solid #999999;font-size: 16px;height: 51px;line-height: 51px;width: 100%;padding: 0 24px;} .in-feedback .area{width: 100%;margin-bottom: 70px;} .in-feedback .area .ipt{height: 210px;padding: 15px 24px;resize: none;line-height: 28px;} .in-feedback .rows .ipt::-webkit-input-placeholder{color:#999;font-size: 16px;} .in-feedback .rows .ipt::-moz-placeholder{color:#999;font-size: 16px;} .in-feedback .rows .ipt::-moz-placeholder{color:#999;font-size: 16px;} .in-feedback .rows .ipt::-ms-input-placeholder{color:#999;font-size: 16px;} .in-feedback .rows .ipt:hover{border-color: #1a1a1a;} .in-feedback .sub{width: 186px;height: 50px;line-height: 50px;color: #ffffff;font-size: 18px;margin: 0 auto;background: #333333;} .in-feedback .sub:hover{background: var(--Color);} @media (max-width: 1280px){ .in-service .store.cur .map{height: 420px;} .in-service .store.cur .map .boxs{height: 390px;} .in-service .store .dd{font-size: 14px;} } @media (max-width: 1200px){ .in-service .store .name{width: 31%;} .in-service .store .btns{padding-left: 40px;} } @media(max-width: 1050px){ .in-feedback form{padding-bottom: 60px;} } @media(max-width: 920px){ .in-service .store .name, .in-service .store .con{width: 100%;} .in-service .store .con{margin: 20px 0 30px;} .in-service .store .btns{padding-left: 50px;} .in-service .store .name, .in-service .store .con, .in-service .store .btns{float: none;} } @media (max-width: 750px){ #project .public{margin-bottom: 30px;} .in-service .store .con{margin-bottom: 25px;} .in-service .store .name{font-size: 26px;} .in-service .store .btns, .in-service .store .dd{font-size: 24px;line-height: 38px;} .in-feedback .rows .tit{margin-bottom: 20px;} .in-feedback .rows{width: 100%;float: none;margin-bottom: 40px;} .in-feedback .rows .tit .fc, .in-feedback .rows .tit{font-size: 26px;} .in-feedback .sub, .in-feedback .rows .ipt{height: 60px;line-height: 60px;font-size: 24px;} .in-feedback .area .ipt{height: 260px;line-height: 36px;} .in-feedback .rows .ipt::-webkit-input-placeholder{font-size: 24px;} .in-feedback .rows .ipt::-moz-placeholder{font-size: 24px;} .in-feedback .rows .ipt::-moz-placeholder{font-size: 24px;} .in-feedback .rows .ipt::-ms-input-placeholder{font-size: 24px;} } /*加盟*/ #join{padding: 100px 0;} #join .public{margin-bottom: 80px;} /*公共*/ #join .pub-tit{color: #1a1a1a;font-size: 36px;font-weight: bold;} #join .tit-en{color: #ffffff;font-size: 50px;font-family: 'Gilroy_Bold';} #join .pub-pic{bottom: -50px;right: 0;width: 40%;} #join .pub-pic .m-pic:after{padding-top: 110.54%;} #join .pub-pic .con{width: 380px;background: var(--Color);bottom: 50px;left: -140px;color: #ffffff;font-size: 50px;font-family: 'Gilroy_Bold';padding: 30px 35px;text-align: left;} #join .join-list .info{width: 32.357%;margin-right: 1.4645%;margin-bottom: 1.4645%;} #join .join-list .info:nth-child(3n){margin-right: 0;} #join .join-list .info .m-pic:after{padding-top: 61.81%;} #join .join-list .info .con{background: #f4f4f4 url(/static/images/icon41.png) no-repeat 96% center;padding: 29px 0;} #join .join-list .info:hover .con{background-image: url(/static/images/icon42.png);} #join .join-list .info .tit{width: 78.587%;margin-left: 4.415%;color: #1a1a1a;font-size: 16px;} #join .public-page{margin-top: 50px;} #join .public-page.is-end{margin-top: 0px;} #join .advantage{margin-top: 100px;} #join .advantage:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #f5f5f5;} #join .advantage .cw1400{z-index: 2;padding-top: 100px;padding-bottom: 160px;} #join .advantage .left{width: 51.79%;} #join .advantage .pub-tit{margin-bottom: 70px;} #join .advantage .li{margin-bottom: 50px;width: 44.14%;margin-right: 11%;} #join .advantage .li:nth-child(2n){margin-right: 0;} #join .advantage .li .t1{margin-bottom: 15px;color: #1a1a1a;font-size: 22px;} #join .advantage .li .desc{color: #333333;font-size: 16px;line-height: 30px;} #join .witness{margin: 185px 0 120px;} #join .witness .pub-pic .con{right: -100px;left: auto;} #join .witness .right{width: 43.21%;} #join .witness .right .pub-tit{margin-bottom: 60px;} #join .witness .right .li{color: #333333;font-size: 16px;margin-bottom: 25px;} #join .witness .right .h{height: 500px;overflow-y: auto;} #join .witness .right .h::-webkit-scrollbar {width: 5px;height: 5px;} #join .witness .right .h::-webkit-scrollbar-track{border-radius:25px;background: #e5e5e5;} #join .witness .right .h::-webkit-scrollbar-thumb{border-radius:25px;background: #333333;} #join .shop .container .m-pic{background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;} #join .shop .container .m-pic:after{padding-top: 41.67%;} #join .shop .title{top: 70px;left: 13.54%;z-index: 2;} #join .shop .tit-cn{color: #ffffff;margin-bottom: 15px;} #join .shop .pn{background-color: #fff;border-radius: 50%;top: 0;bottom: 0;margin: auto;background-repeat: no-repeat;background-position: center center;margin: auto;z-index: 2;width: 66px;height: 66px;} #join .shop .prev{left: 13.54%;background-image: url(/static/images/icon9.png);} #join .shop .next{right: 13.54%;background-image: url(/static/images/icon10.png);} #join .shop .pn:hover{background-color: var(--Color);} #join .shop .prev:hover{background-image: url(/static/images/icon11.png);} #join .shop .next:hover{background-image: url(/static/images/icon12.png);} #join .condition{padding: 90px 0 130px;} #join .condition .tit-en{margin: 10px 0 75px;color: #cccccc;} #join .condition .slide{width: 19.5%;margin-right: 0.64%;background: #f5f5f5;height: 100%;} #join .condition .slide .m-pic:after{padding-top: 58.6%;} #join .condition .slide .num{left: 0;right: 0;bottom: -27px;margin: auto;width: 55px;height: 55px;background: #fff;border-radius: 50%;color: var(--Color);font-size: 30px;font-family: 'Gilroy_Bold';line-height: 55px;} #join .condition .slide .con{padding-top: 60px;min-height: 240px;padding-bottom: 60px;} #join .condition .slide .desc{color: #333333;font-size: 16px;line-height: 30px;width: 84.25%;margin: 0 auto;} #join .process{background: #f5f5f5;padding: 100px 0 150px;} #join .process .tit-en{color: #cccccc;margin-bottom: 100px;} #join .process .swiper-pagination{display: none;} #join .process .slide{width: 240px;} #join .process .slide .circle{width: 172px;height: 172px;margin: 0 auto;padding: 10px;background: #fff;border-radius: 50%;} #join .process .slide .circle .m-pic{width: 48px;height: 48px;margin: 25px auto 20px;} #join .process .slide .circle:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 156px;height: 156px;border-radius: 50%;border: 2px solid var(--Color);} #join .process .slide .circle .tit{color: #333333;font-size: 20px;font-weight: lighter;width: 125px;margin: 0 auto;} #join .process .slide .num{margin: 58px auto 0;width: 50px;height: 50px;border: 2px solid #9ea6a7;background: #f5f5f5;border-radius: 50%;} #join .process .slide .num .n{line-height: 50px;color: #ffffff;font-size: 20px;font-family: 'Gilroy_Bold';width: 40px;line-height: 40px;border-radius: 50%;background: var(--Color);margin: 3px auto 0;} #join .process .slide .num:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: -58px;height: 58px;width: 2px;background: #b3baba;} #join .process .swiper:after{content: "";position: absolute;left: 0;bottom: 26px;background: #9ea6a7;width: 100%;height: 2px;} #join .process .swiper .dian{width: 8px;height: 8px;border-raius: 50%;bottom: 23px;background: #9ea6a7;border-radius: 50%;} #join .process .swiper .d1{left: 0;} #join .process .swiper .d2{right: 0;} #join .message{padding: 100px 0;} #join .message .left{width: 45.93%;} #join .message .pub-pic{} #join .message .tit-en{color: #cccccc;margin-bottom: 70px;} #join .message .rows{margin-bottom: 30px;} #join .message .rows .tt{color: #333333;font-size: 16px;margin-bottom: 10px;} #join .message .rows .ipt{border: 1px solid #666666;width: 100%;padding: 0 17px;height: 51px;line-height: 51px;color: #828282;font-size: 16px;} #join .message .rows .ipt::-webkit-input-placeholder{color:#828282;font-size: 16px;} #join .message .rows .ipt::-moz-placeholder{color:#828282;font-size: 16px;} #join .message .rows .ipt::-moz-placeholder{color:#828282;font-size: 16px;} #join .message .rows .ipt::-ms-input-placeholder{color:#828282;font-size: 16px;} #join .message .rows.code .ipt{width: 220px;margin-right: 20px;text-transform: uppercase;} #join .message .rows select{width: 32.348%;margin-right: 1.478%;border: 1px solid #666666;padding-left: 17px;height: 51px;color: #828282;font-size: 16px;} #join .message .rows select:nth-child(3){margin-right: 0;} #join .message .rows select:hover, #join .message .rows .ipt:hover{border-color: #000;} #join .message .sub{width: 150px;height: 53px;line-height: 53px;background: var(--Color);color: #ffffff;font-size: 18px;} #join .message .sub:hover{background: #000;} #join .swiper-pagination{position: static;margin-top: 60px;} #join .swiper-pagination span{width: 8px;height: 8px;background: #ccc;opacity: 1;margin: 0 6px;} #join .swiper-pagination .swiper-pagination-bullet-active{background: var(--Color);} @media (max-width: 1680px){ #join .shop .title{top: 60px;} #join .shop .prev, #join .shop .title{left: 4.54%;} #join .shop .next{right: 4.54%;} #join .shop .prev, #join .shop .next{top: auto;bottom: 30%;} } @media (max-width: 1440px){ #join{padding: 80px 0;} #join .advantage{margin-top: 80px;} #join .advantage .cw1400{padding: 80px 0 140px;} #join .pub-pic .con{font-size: 36px;width: 300px;left: -100px;} #join .witness{margin: 160px 0 80px;} #join .witness .pub-pic .con{right: -80px;} } @media (max-width: 1350px){ #join .process{padding: 80px 0;} #join .process .tit-en{margin-bottom: 60px;} #join .process .swiper-pagination{display: block;} #join .process .swiper:after{bottom: 99px;} #join .process .swiper .dian{bottom: 97px;} #join .shop .title{position: static;width: 92%;margin: 0 auto 40px;} #join .shop .pn{width: 50px;height: 50px;} #join .shop .title .tit-cn{color: #1a1a1a;} #join .shop .title .tit-en{color: #ccc;} } @media (max-width: 1280px){ #join .pub-tit{font-size: 32px;} #join .tit-en{font-size: 42px;} #join .condition{padding: 80px 0 100px;} #join .condition .tit-en{margin-bottom: 60px;} #join .witness .right{width: 47%;} #join .witness{margin-bottom: 80px;} #join .witness .right .h{height: 400px;} #join .message{padding: 80px 0;} #join .message .pub-pic{width: 46%;} #join .message .tit-en{margin-bottom: 40px;} #join .pub-pic{position: static;} #join .advantage .cw1400{padding-bottom: 100px;} #join .advantage .left{float: left;} #join .pub-pic .con{left: -30px;} #join .advantage .pub-pic{float: right;} #join .witness .right .pub-tit{margin-bottom: 40px;} #join .witness .pub-pic .con{right: -40px;padding: 20px 25px;width: 240px;} #join .witness .right{width: 51%;} #join .witness .right .h{height: 318px;padding-right: 15px;} #join .witness .right .li{font-size: 14px;} } @media (max-width: 1050px){ #join .message .rows select, #join .message .sub, #join .message .rows .ipt{height: 45px;line-height: 45px;} } @media (max-width: 981px){ #join .message .rows{margin-bottom: 20px;} #join .message .rows.code .ipt{width: 150px;} #join .message .left{width: 50%;} #join .advantage .li{width: 46%;margin-right: 6%;margin-bottom: 30px;} #join .pub-pic .con{font-size: 30px;width: 260px;} #join .advantage .left{width: 48%;} #join .advantage .pub-pic{width: 45%;margin-top: 60px;} #join .advantage .pub-tit{margin-bottom: 60px;} #join .witness{margin-top: 80px;} #join .witness .pub-pic{width: 69%;float: none;margin: 40px auto 0;} #join .witness .right .h{max-height: 510px;height: auto;} #join .witness .right{float: none;width: 100%;} } @media (max-width: 920px){ #join .join-list .info:nth-child(3n), #join .join-list .info{width: 48%;margin-right: 4%;margin-bottom: 4%;} #join .join-list .info:nth-child(2n){margin-right: 0;} } @media (max-width: 850px){ #join .message{padding-bottom: 20px;} #join .advantage .pub-pic, #join .message .pub-pic{width: 73.9%;float: none;margin: 40px auto 0;} #join .advantage .left, #join .message .left{width: 100%;float: none;} #join .advantage .li{margin-bottom: 45px;} } @media (max-width: 750px){ #join{padding: 80px 0 60px;} #join .public{margin-bottom: 60px;} #join .join-list .info .tit{font-size: 24px;} #join .message .rows select, #join .message .sub, #join .message .rows .ipt{height: 60px;line-height: 60px;} #join .message .rows.code .ipt{width: 60%;} #join .message .sub{width: 200px;font-size: 26px;} #join .message .rows .ipt::-webkit-input-placeholder{font-size: 24px;} #join .message .rows .ipt::-moz-placeholder{font-size: 24px;} #join .message .rows .ipt::-moz-placeholder{font-size: 24px;} #join .message .rows .ipt::-ms-input-placeholder{font-size: 24px;} #join .message .rows select, #join .message .rows .ipt{font-size: 24px;} #join .message .rows .tt{font-size: 26px;margin-bottom: 20px;} #join .message .rows{margin-bottom: 35px;} #join .process .slide .circle .tit{font-size: 24px;} #join .process .slide .circle{width: 200px;height: 200px;} #join .process .slide .circle:after{width: 180px;height: 180px;} #join .process .slide .circle .tit{width: 152px;} #join .condition{padding: 80px 0;} #join .advantage .li .desc, #join .witness .right .li, #join .condition .slide .desc{font-size: 24px;line-height: 36px;} #join .condition .slide .num{font-size: 28px;} #join .condition .slide .con{padding: 50px 0;} #join .advantage .li{width: 100%;margin-right: 0;} #join .advantage .li .t1{font-size: 28px;} } /*全站搜索*/ #global-search{width:100%; padding-bottom:40px;padding-top: 80px;} #global-search .form{margin-bottom:22px;margin-top: 20px;} #global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #global-search .form .submit{height: 49px;width: 59px;border:1px solid #ddd;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #333 url(/static/images/icon3.png) no-repeat center center;color: #fff;font-size: 16px;} #global-search .list{width:100%; margin-bottom:50px;} #global-search .list .info .cate{padding-left:15px;} #global-search .list .new .cate{} #global-search .list .know .cate{} #global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #global-search .list .info li:first-child{border-top:1px solid #dddddd;} #global-search .list .info .title{margin-right:16px; line-height:22px; color:#333; font-size:16px; font-weight:bold;} #global-search .list .info .day,#global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #global-search .list .info .day{margin:0;} #global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #global-search .list .info .title:hover{color: var(--Color);} #global-search .list .info .title:hover:after{width: 100%;right: auto;left: 0;} /*#global-search .list .info .title:after{content: "";position: absolute;right: 0;bottom: 0;width: 0;overflow: hidden;height: 8px;background: var(--Color);transition: 0.5s all;}*/ #global-search .list .info .title span.relative{z-index: 2;} @media (max-width: 1024px){ /*全站搜索*/ #global-search .form .text{font-size: 26px;} #global-search .form .submit{width: 75px;font-size: 26px;} #global-search .list .info .title{font-size: 28px;line-height: 1.6;} #global-search .list .info .day, #global-search .list .info .cate{font-size: 28px;line-height: 1.6;} #global-search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} } /*重写*/ .paging[type='default'] .a{display: inline-block!important;width: 50px!important;height: 50px!important;line-height: 50px!important;text-align: center!important;border-radius: 3px!important;font-size: 16px!important;border: unset!important;background-color: #f7f7f7!important;margin-bottom: 20px!important;} .paging[type='default'] .a.cur, .paging[type='default'] .a:hover{background-color: #333!important;color: #fff!important;} .paging[type='default'] .a:first-child, .paging[type='default'] .a:last-child{width: unset!important;padding: 0 25px!important;} .paging[type='default'] .a:first-child:before{content: url("/static/images/page-l.png")!important;display: inline-block!important;margin-right: 10px!important;vertical-align: middle!important;margin-top: -5px;} .paging[type='default'] .a:last-child:after{content: url("/static/images/page-r.png")!important;display: inline-block!important;transform: rotate(0deg)!important;margin-left: 10px!important;vertical-align: middle!important;margin-top: -5px;} .paging[type='default'] .a:first-child:hover:before{content: url("/static/images/page-l1.png")!important;transform: rotate(0deg)!important;} .paging[type='default'] .a:last-child:hover:after{content: url("/static/images/page-r1.png")!important;} @media (max-width: 1024px){ .paging[type="default"] .a{font-size: 26px !important;} } /*搜索框*/ .search_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;opacity: 0; pointer-events: none; z-index: 100; transform: scale(1.5);} .search_outer .boxs{width: 100%; height: 100%; } .search_outer .black{width: 100%; height: 100%; background: rgba(0, 0, 0, .9); top: 0;left: 0;} .search_outer.show{ opacity: 1; pointer-events: visible; transform: scale(1);} .search_outer .search_in{ z-index: 2;display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 650px; height: 100%;} .search_outer .search_in .search_form{ width: 100%; border-bottom: 1px solid #e4e4e4;} .search_outer .search_in .search_form input[name=Keyword]{ padding-right: 60px; width: 100%; height: 96px; line-height: 96px; font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-webkit-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]::-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-moz-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form input[name=Keyword]:-ms-input-placeholder{ font-size: 28px; color: #fff;} .search_outer .search_in .search_form .submit{ right: 0; top: 50%; width: 24px; height: 24px; background: url(/static/images/icon3.png) no-repeat center center;cursor: pointer; transform: translateY(-50%);} @media (max-width: 756px){ .search_outer .search_in{width: 80%;} .search_outer .search_in .search_form input[name=Keyword]{padding-right: 20%;} .search_outer .search_in .search_form .submit{width: 18%;height: 60px;} }