@charset "utf-8"; :root{ --focuscolor:#C50900; --bgcolor:#1B72B8; --danwei:30vw; } .wap{display:none}strong{font-weight:600} html,body{font-size:15px;background-color:#fff}ul,ol{list-style:none;margin:0;padding:0}th,td{font-size:1rem} .body{width:90%;margin:0 auto;position:relative;overflow:hidden}.mywrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}a{color:var(--bgcolor)} .ani{-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out} #topmenu{position:fixed;left:0;top:0;right:0;height:80px;background:rgba(0,0,0,.2);color:#fff;z-index:5}#topmenu a{color:#fff}#topmenu.color{background-color:var(--bgcolor)} .fangda{-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}.fangda:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} #topmenu>.body{height:100%}#topmenu .logo img{display:block;max-height:44px;margin:0;-webkit-filter:drop-shadow(0 0 2px #fff);filter:drop-shadow(0 0 2px #fff)} #topmenu li{height:100%}#topmenu li+li{margin-left:2rem}#topmenu li>a{display:block;height:100%;line-height:80px;font-size:1.05rem} #topmenu li:hover>a{color:var(--focuscolor);text-decoration:underline} #topmenu li>div{position:fixed;z-index:-1;opacity:0;left:0;top:80px;right:0;background-color:#fff;color:#333;-webkit-transform:translateY(-105%);-ms-transform:translateY(-105%);transform:translateY(-105%);box-shadow:0 0 5px rgba(0,0,0,.3);display:none} #topmenu li>div .body>div{padding:2rem 0}#topmenu li>div .body h2{margin-bottom:1rem}#topmenu li>div .body h2+p{border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem}#topmenu li>div .body>div p{text-align:justify;line-height:1.6;opacity:.8} #topmenu li>div .body>div:last-child{padding-left:2rem;margin-left:2rem;box-shadow:0 0 5px rgba(0,0,0,.3);max-width:40%;min-width:40%;text-align:right} #topmenu li>div .body>div:last-child img{max-width:100%;display:block;margin:0;padding:0} #topmenu li>div .body>div>div{display:inline-block} #topmenu li>div .body>div a{display:block;color:#333;line-height:2rem;}#topmenu li>div .body>div a:hover{text-decoration:underline;color:var(--focuscolor)} #topmenu li>div .body>div a:before{clear:both;content:"\00BB";color:var(--bgcolor);line-height:1.8rem;display:inline-block;width:1rem;} #topmenu li:hover>div{display:block;-webkit-animation-name:menushow;animation-name:menushow;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes menushow{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:.3}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes menushow{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:.3}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} @-webkit-keyframes menushow2{from{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes menushow2{from{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}} div.button,a.button{background-color:var(--bgcolor);border-radius:20px;font-size:.9rem;line-height:2rem;text-align:center;min-width:4rem} a.button.disabled{background-color:#ccc;color:#666} div.button{display:inline-block;min-width:inherit;padding:0 1rem;color:#fff} #showany{position:fixed;z-index:9;left:0;top:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3.5rem 5%;background-color:rgba(0,0,0,.4);-webkit-animation-name:opacityshow;animation-name:opacityshow;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#showany>div{width:100%;height:100%;overflow:hidden;-webkit-animation-name:upbit;animation-name:upbit;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:#f8f8f8;padding:0}#showany>div>*{max-width:100%;max-height:100%} #showany>div#yema{height:2.5rem;position:absolute;bottom:0;left:0;right:0;text-align:center;background:none} #showany a.showanyclose{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;text-align:center;line-height:1.9rem;cursor:pointer;color:#fff}#showany a.showanyclose:hover{color:yellow;border-color:yellow} #showany a.showanyclose:after{clear:both;content:"\e692";font-family:"iconfont";font-weight:600;font-size:.8rem} @-webkit-keyframes upbit{from{-webkit-transform:translate3d(0,40px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes upbit{from{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}} #showany>div#yema a,#showany>div#yema span{display:inline-block;margin-right:1rem;line-height:1.5rem;vertical-align:middle;color:#fff} #showany>div#yema a{width:1.5rem;height:1.5rem;border:1px solid #fff;border-radius:50%;position:relative;overflow:hidden;cursor:pointer} #showany>div#yema span{font-size:1.2rem} #showany>div#yema span:after{clear:both;content:"\3000/\3000"attr(data-num);color:#ccc;font-size:1rem} #showany>div#yema a:last-child{margin-right:0} #showany>div#yema a:before{clear:both;content:"\e64d";font-family:"iconfont"} #showany>div#yema a.prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} #showany>div img{border:.5rem solid var(--bgcolor);max-width:55%;max-height:80%} #showany>div img.load{border:0;width:20px;height:20px;-webkit-animation:e 1s steps(12) infinite;animation:e 1s steps(12) infinite} .date{position:relative;color:#999;font-size:.9rem;padding:.5rem 0} .date:before{clear:both;content:"\e656";font-family:"iconfont";display:inline-block;margin-right:.5rem} .desc{font-size:1rem;color:#666;line-height:1.8;text-align:justify} .video{position:relative;width:100%;height:100vh;overflow:hidden;z-index:1} .video:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2} .video video{min-width:100%;min-height:100%;position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)} .video div{position:absolute;width:100%;text-align:center;z-index:2;font-size:2.2rem;color:#fff;padding-top:30vh;line-height:2} .indexabout{padding:6rem 0}.indexabout>p{font-size:1.2rem;line-height:1.8;color:var(--bgcolor)}.indexabout>p:nth-child(2){margin-bottom:2rem} #about{text-align:center} #about .flex_item{position:relative;overflow:hidden;padding:1.5rem 0;color:#666} #about .flex_item span{font-size:2.2rem;display:inline-block;margin-right:.5rem} #about .flex_item:after{clear:both;content:"";position:absolute;left:0;right:0;bottom:0;border-top:1px solid #ddd} #about .flex:first-child .flex_item:before{clear:both;content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid #ddd} #about .flex_item:nth-child(2n){margin:0 3rem} .index_product{background-repeat:no-repeat;background-position:center top;background-size:cover;background-image:url("../img/index_product.jpg");padding:3rem 0;color:#fff;text-align:justify} .index_product h1,.index_product h2{margin-bottom:2rem}.index_product p{font-size:.9rem;line-height:1.6;opacity:.8} .index_product .flex>*+*{margin-left:4rem}.index_product img{max-width:25vw} .index_product .icon:not(.flex_item){background-color:var(--bgcolor)} .index_product .body+.body{margin-top:3rem} .index_product .icon{width:10rem;height:10rem;border-radius:50%;text-align:center;color:#fff;line-height:16rem;background-repeat:no-repeat;background-position:center 1.2rem;background-size:55%}.index_product a.icon:hover{background-color:var(--focuscolor);text-decoration:none;color:#fff} .index_product a{color:#fff}.index_product a:hover{text-decoration:underline;color:var(--focuscolor)} .index_rongyu{background-repeat:no-repeat;background-position:center top;background-size:cover;background-image:url("../img/index_rongyu.jpg")} .rongyu_box{background-color:#fff}.rongyu_box+div{height:30rem}.rongyu_box a{color:#333} .gaoxin{text-align:center} .gaoxin .flex_item{-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem 0;cursor:pointer;position:relative;overflow:hidden} .gaoxin .flex_item.focus:after{clear:both;content:"";position:absolute;left:0;right:0;bottom:0;width:100%;border-bottom:2px solid #1B72B8;-webkit-animation-name:menushow2;animation-name:menushow2;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .gaoxin .flex_item>div{background-repeat:no-repeat;background-position:top center;background-size:contain;margin:0 auto;background-image:url("../img/rongyu_bg.png");text-align:center;height:0;padding-bottom:46.66666667%;width:70%;position:relative} .gaoxin .flex_item>div img{width:40%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.gaoxin .flex_item>div p{margin-top:1rem} #gaoxinbox{width:40%;border:1rem solid #ddd;background-color:rgba(255,255,255,.9);padding:2rem} #gaoxinbox h2{font-size:1.4rem;font-weight:600;margin-bottom:1rem}#gaoxinbox h2 a{color:var(--bgcolor);font-weight:600}#gaoxinbox h2 a:hover{color:var(--focuscolor)} #gaoxinbox .pic{width:30%;margin-right:1rem}.gaoxinbox .pic img{width:100%;display:block} .index_news{padding:3rem 0;background-color:#f2f2f2} .index_newsbox>div{padding:2rem 0;width:50%;position:relative;overflow:hidden;padding-right:3rem}.index_newsbox>div:last-child{padding-bottom:0} .index_newsbox>div:nth-child(2n){padding-right:0} .index_newsbox a{font-weight:600;color:#333;font-size:1.1rem;line-height:1.3} .index_newsbox a:hover{color:var(--bgcolor)} .index_newsbox>div .pic{width:30%;margin-right:2rem;background-repeat:no-repeat;background-position:center;background-size:cover;height:0;padding-bottom:30%;border-radius:.5rem 0 1rem 0}.index_newsbox a.button{margin-top:1rem} .touzi{padding:3rem 0} .touzi>a h1{color:#fff} .touzi>.first{background-color:var(--bgcolor);color:#fff;padding:6rem 2rem 2rem 2rem;font-size:.9rem;position:relative;overflow:hidden} .touzi>.first h1{position:absolute;left:2rem;top:2rem} .touzi>.first>div{padding-right:4rem}.touzi>.first>div:last-child{padding-right:0;padding-top:1.8rem} .touzi>.first+div>div{padding:2rem 0;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .touziitem{text-align:center;color:#333}.touziitem:hover{color:#1B72B8} .touziitem img{display:block;margin:0 auto;height:50px} .button2{display:inline-block;border:1px solid rgba(255,255,255,.5);border-radius:3px;padding:.4rem;background-color:#1B72B8;position:relative;z-index:2} .zhongjian{text-align:center} .zhongjian:after{clear:both;content:"";display:block;width:20px;height:20px;background:url("../img/arrow-down.png");margin:0 auto 0 auto} .zhongjian:last-child:after{display:none} .zhongjian img{display:block;margin:0 auto;width:45px} .bt{display:inline-block;background-color:rgba(255,255,255,.8);color:#1B72B8;border-radius:15px;padding:0 .5rem;line-height:20px;height:20px;font-size:.8rem} .line:after{clear:both;content:"";position:absolute;right:0;left:50%;top:50;border-bottom:1px dotted rgba(255,255,255,.5);z-index:1} .line2:after{clear:both;content:"";position:absolute;left:0;top:1rem;bottom:1rem;border-left:1px dotted rgba(255,255,255,.5);z-index:1} .line2>div{position:relative} .line2>div:after{clear:both;content:"";position:absolute;left:-2rem;top:50%;width:2rem;border-bottom:1px dotted rgba(255,255,255,.5);z-index:1} .lvse{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/lvse.jpg");padding:10rem 0;color:#fff;text-align:center} .lvse h2{font-weight:400;margin-bottom:2rem} #copyright{background-color:#ddd}#copyright .body{padding:2rem 0}#copyright .body>div{text-align:right;line-height:2;font-size:.9rem;color:rgba(0,0,0,.6)} #copyright ul{margin-right:2rem} #copyright li+li{margin-left:1.5rem} #copyright li{font-weight:600}#copyright li div{margin-top:1rem} #copyright li a{display:block;color:rgba(0,0,0,.6);font-size:.9rem;line-height:2}#copyright li a:hover{color:rgba(0,0,0,1)} #copyright img{max-width:15vw} #copyright img.flex_item{max-width:7vw}#copyright img.flex_item+img.flex_item{margin-left:.5rem} #copyright a.iocn{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,#grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1)} #copyright a.iocn:hover{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:url("data:image/svg+xml;utf8,#grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0)} #copyright a.iocn+a.iocn{display:inline-block;margin-left:.3rem} .copyright{background-color:#333;color:rgba(255,255,255,.6);text-align:center;font-size:.85rem;padding:1.5rem 0;line-height:1.8rem} .copyright a{color:rgba(255,255,255,.8)}.copyright a:hover{color:rgba(255,255,255,1)} #topbg{height:66.66666667vh;overflow:hidden}#topbg .swiper-wrapper{height:100%} #topbg .swiper-slide{height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff} #topbg .swiper-slide .body{height:100%;font-size:2rem;line-height:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #topbg .swiper-slide.swiper-slide-active .body{-webkit-animation-name:leftshow;animation-name:leftshow;-webkit-animation-duration:2s;animation-duration:2s;animation-fill-mode:inherit} @-webkit-keyframes leftshow{from{-webkit-transform:translateX(-50px);opacity:0}to{-webkit-transform:translateX(0);opacity:1}} @keyframes leftshow{from{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @-webkit-keyframes bgup{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}} @keyframes bgup{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}} @-webkit-keyframes bgdown{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}} @keyframes bgdown{from{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}} /*分页区*/ #fenye{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-touch-callout:none;position:relative;overflow:hidden} .fenye{clear:both;overflow:hidden;text-align:right;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:1rem 0 1.5rem 0;font-size:.9rem;border-top:1px solid #ddd} .fenye>span{display:inline-block;line-height:40px}.fenye>span + span{margin-left:10px} .fenye cite{display:inline-block;margin:0 5px;font-style:normal;color:#333}.fenye cite:before{display:none} .fenye>span:first-child{transform:translateY(2px)} .fenye font,.fenye a,.fenye button{display:inline-block;height:28px;line-height:28px;position:relative;margin-left:3px;border-radius:3px;text-align:center;padding:0 10px;text-decoration:none;cursor:not-allowed!important;color:#fff;background-color:#ccc;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);vertical-align:middle} .fenye a,.fenye button{display:inline-block;background-color:var(--bgcolor)!important;color:#fff!important;cursor:pointer!important}.fenye a:hover{background-color:var(--focuscolor);color:#fff} .fenye button{outline:0;border:0} .fenye button:after,.fenye a:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px;opacity:0;-webkit-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out} .fenye button:hover:after{opacity:.8}.fenye button:active:after{opacity:.3} .fenye font:after{clear:both;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px} .fenye button{width:30px;padding:0;position:relative} .fenye button:before{clear:both;font-family:"iconfont";position:absolute;left:0;top:0;right:0;bottom:0} .fenye button.first:before{content:"\e6c1"}.fenye button.last:before{content:"\e6c1";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fenye button.shangye:before{content:"\e6c0"}.fenye button.xiaye:before{content:"\e6c0";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .menubox2{background-color:#f8f8f8} .menubox2 div.body{text-align:center;padding:2rem 0} .menubox2 h1.body{padding:2rem 0} .menubox2 .body>a{display:inline-block;font-size:1.2rem;color:#333;line-height:2.5rem;padding:0 2rem;border-radius:3rem} .menubox2 .body>a:hover{background-color:#fff}.menubox2 .body>a.focus{background-color:var(--bgcolor);color:#fff} .menubox2 .body>a+a{margin-left:1rem} .menubox2 ul{border-bottom:1px solid #ddd} .menubox2 li a{display:block;line-height:2.5rem;color:#333;padding:1rem 2rem;font-size:1.2rem} .menubox2 li:not(.flex_item){border-left:1px solid #ddd} .menubox2 li:nth-last-child(2){border-right:1px solid #ddd} .menubox2 .hsearch{margin:0 1rem;background-color:#fff;height:2.6rem;border-radius:2rem;overflow:hidden;margin-top:.9rem;padding:0 1rem;padding-right:.5rem;border:1px solid #ddd} .menubox2 .hsearch a{display:inline-block;height:2.6rem;text-align:center;padding:0 .5rem} .hsearch a:after{clear:both;content:"\e615";font-family:"iconfont";line-height:2.6rem;color:#ccc}.hsearch a:hover:after{color:var(--bgcolor)} .hsearch a.lost:after{color:#ccc} .menubox2 li input{border:0;min-width:inherit;width:10rem; background:none;height:2.6rem} .menubox2 li input:hover,.menubox2 li input:focus,.menubox2 li input:active{background:none!important} .menubox3{text-align:center;margin-bottom:2rem;border-bottom:1px solid #ddd;padding-bottom:2rem} .menubox3 a{display:inline-block;color:#333;font-size:1.1rem}.menubox3 a:hover{text-decoration:underline;color:var(--bgcolor)}.menubox3 a+a{margin-left:3rem} .menubox3 a.focus{color:var(--bgcolor)!important;font-weight:600} .about_page1{padding:5rem 0;text-align:justify} .about_page1>div:first-child{line-height:2;padding-right:1rem;height:300px;overflow:hidden;overflow-y:scroll} .about_page1>div+div{margin-left:2rem;overflow:hidden;width:45%} .about_page1>div+div>div{background-color:#000;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;width:100%;height:100%;overflow:hidden} .about_page1>div+div>div.f{background-image:url("/dist/img/about.png");-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .about_page1>div+div:hover>div.f{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} /*.about_page1>div+div:hover>div{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}*/ .about_page1>div+div>div video{width:100%;height:100%;margin:0} .about_page1>div+div a{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%} .about_page1>div+div a i{font-size:3rem;color:#fff} .about_page1>div:first-child::-webkit-scrollbar{width:3px;height:3px;border-radius:3px} .about_page1>div:first-child::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1);border:0;border-radius:5px} .about_page1>div:first-child::-webkit-scrollbar-thumb:vertical{background:var(--bgcolor);border-radius:5px} .about_page1>div:first-child::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.4)} .about_page1>div:first-child::-webkit-scrollbar-thumb:horizontal{background-color:rgba(0,0,0,.3)} .about_page1>div:first-child::-webkit-scrollbar-thumb:horizontal:hover{background-color:rgba(0,0,0,.6)} .about_page1>div:first-child::-webkit-scrollbar-corner{background-color:rgba(0,0,0,.1)} .about_page2{background-color:#f2f2f2;padding:5rem 0;color:var(--bgcolor);text-align:justify}.about_page2 p{line-height:1.8;margin:1rem 0} .about_page2 .body>div:first-child{width:20%;margin-right:3rem}.about_page2 .body>.flex_item{position:relative} .about_page2 .thenext{width:33.33333333%;margin-right:2rem;padding:2rem;cursor:pointer;border-radius:0 0 2rem 0;position:relative;overflow:hidden} .about_page2 .thenext:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;;border:5px solid var(--bgcolor);border-radius:0 0 2rem 0} .about_page2 .thenext:not(.hidd){-webkit-animation-name:width;animation-name:width;-webkit-animation-duration:.2s;animation-duration:.2s;animation-fill-mode:both;color:#fff;background-image:-o-linear-gradient(330deg,#54B3FF 0%,var(--bgcolor) 100%);background-image:-o-linear-gradient(330deg,#54B3FF 0%,var(--bgcolor) 100%);background-image:linear-gradient(120deg,#54B3FF 0%,var(--bgcolor) 100%)} .about_page2 .thenext:not(.hidd):after{display:none} .about_page2 .thenext:not(.hidd) a.button{background:#fff;color:var(--bgcolor)} @-webkit-keyframes width{from{width:33.33333333%}to{width:50%}}@keyframes width{from{width:33.33333333%}to{width:50%}} .about_page3{padding:10rem 0;position:relative;overflow:hidden;background-image:-o-linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);background-image:-o-linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);background-image:linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);text-align:center;color:#fff} .about_page3 h2{margin-top:1.5rem} .about_page3:before{clear:both;content:"";position:absolute;left:-150%;top:10%;bottom:-50%;right:-20%;background-color:rgba(255,255,255,.1);border-radius:50%} .about_page3:after{clear:both;content:"";position:absolute;left:40%;top:10%;bottom:-170%;right:-120%;background-color:rgba(255,255,255,.1);border-radius:50%} .about_page4{padding:5rem 0 0 0}.about_page4 h1{text-align:center;margin-bottom:3rem} .lichengbox{position:relative;text-align:center;padding:calc(var(--danwei) / 1.5) 0 5vw;overflow:hidden}#lichengswiper{margin-bottom:4rem;position:relative} #lichengswiper:after{clear:both;content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #ddd} #lichengswiper .swiper-slide{width:50%;padding:0 3.5rem;text-align:justify}#lichengswiper .img{width:100px;height:70px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:1rem}#lichengswiper .swiper-slide h2{margin-bottom:.5rem}#lichengswiper .desc{text-align:justify} .licheng_next,.licheng_prev{position:absolute;width:2rem;height:2rem;border:1px solid #ddd;border-radius:50%;text-align:center;line-height:2rem;top:50%;left:3px;box-shadow:0 0 5px rgba(0,0,0,.3);margin-top:-1rem;z-index:99;cursor:pointer} .licheng_prev{left:auto;right:3px}.licheng_next:before{clear:both;content:"\e64d";position:absolute;left:0;top:0;right:0;bottom:0;font-family:"iconfont";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.licheng_prev:before{clear:both;content:"\e64d";position:absolute;left:0;top:0;right:0;bottom:0;font-family:"iconfont"}.swiper-button-disabled:before{color:#ddd} #jobswiper{position:relative;margin-bottom:3rem}#jobswiper a{color:#333}#jobswiper a:hover{color:var(--bgcolor);text-decoration:underline} #jobswiper .img{width:100%;height:0;padding-bottom:50%;overflow:hidden;position:relative;margin-bottom:1rem} #jobswiper .img>div{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0} #jobswiper .licheng_next,#jobswiper .licheng_prev{top:35%}a h1{color:#333} #jobswiper p{line-height:1.8;text-align:justify} .lichengbox:before{clear:both;content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:5vw;background-color:var(--bgcolor);background-repeat:no-repeat;background-position:center 2vw;background-image:url(/dist/img/kedu.png)} .circle{width:var(--danwei);height:var(--danwei);border-radius:50%;background:var(--bgcolor);border:1rem solid #fff;position:absolute;z-index:1;left:50%;bottom:0;-webkit-transform:translate(-50%,calc(50% - 5vw));-ms-transform:translate(-50%,calc(50% - 5vw));transform:translate(-50%,calc(50% - 5vw))} .circle:before{clear:both;content:"";width:calc(var(--danwei) / 2);height:calc(var(--danwei) / 2);position:absolute;left:50%;top:50%;background-color:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1} .circle:after{clear:both;content:"";width:10vw;height:10vw;background-color:var(--bgcolor);border-radius:50%;position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .circle>div{position:absolute;width:1vw;height:2vw;left:50%;top:-1vw;-webkit-transform-origin:0 calc(var(--danwei) / 2);-ms-transform-origin:0 calc(var(--danwei) / 2);transform-origin:0 calc(var(--danwei) / 2);background:var(--bgcolor);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)} .circlar path{fill:none} .circlar text a{cursor:pointer} .circlar{width:calc(var(--danwei) + 4vw);height:calc(var(--danwei) + 4vw);font-size:2px;position:absolute;z-index:1;left:50%;bottom:0;font-weight:300;-webkit-transform:translate(-50%,calc(50% - 5vw));-ms-transform:translate(-50%,calc(50% - 5vw));transform:translate(-50%,calc(50% - 5vw))} .circlar a{fill:#999;font-size:.44rem} .circlar svg{display:block;overflow:visible} .jiangoubox{padding-top:3rem} .jiangoubox>div{width:calc((100% - 9rem) / 4);margin-right:3rem;margin-bottom:3rem;box-shadow:0 0 5px rgba(0,0,0,.3);position:relative;overflow:hidden;background-color:#f8f8f8} .jiangoubox>div:nth-child(4n){margin-right:0} .jiangoubox .pic{width:100%;height:0;padding-bottom:100%;background-color:#f2f2f2;position:relative;overflow:hidden} .jiangoubox .pic>a{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .jiangoubox>div:hover .pic>a{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .jiangoubox .txt{padding:1rem} .teamshow{background-color:#fff;overflow:hidden;font-size:1.1rem} .teamshow>div{padding:3rem;overflow:hidden;position:relative} .teamshow .pic{width:220px;height:275px;padding-right:0;overflow:hidden;padding:0;margin:3rem;margin-right:0} .teamshow .pic>a{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .teamshow .flex_item{margin-left:3rem;box-shadow:0 0 5px rgba(0,0,0,.3);text-align:justify} .teamshow .pic:hover>a{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} .teamshow p{margin:1rem 0;color:#333} .culture_img{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/culture_img.jpg");padding:3rem 0;position:relative;overflow:hidden} .culture_img:before{clear:both;content:"";position:absolute;z-index:1;left:-150%;top:70%;bottom:-150%;right:-20%;background-color:var(--bgcolor);background-image:-o-linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);background-image:linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);border-radius:50%;opacity:.3} .culture_img:after{clear:both;content:"";position:absolute;z-index:1;left:0;top:85%;bottom:-170%;right:-120%;background-color:var(--bgcolor);background-image:-o-linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);background-image:linear-gradient(45deg,#00CA92 0%,var(--bgcolor) 100%);border-radius:50%;opacity:.6} .culture_img .body{padding-left:43%;position:relative;z-index:2}.culture_img p{margin-bottom:.5rem;font-size:1.2rem}.culture_img h3{color:var(--bgcolor)} .culture_img .body>div{border-bottom:1px solid #999;padding-bottom:2rem}.culture_img .body>div:last-child{border:0;padding-bottom:0} .culture_img .body>div+div{margin-top:2rem} .culture_img .mywrap>div{width:50%;height:80px;margin-top:1.5rem;padding-left:100px;line-height:80px;font-size:1.2rem;position:relative} .culture_img .mywrap>div:before{clear:both;content:"";display:block;width:78px;height:78px;border:1px solid #ddd;border-radius:50%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:60%} .culture_img .mywrap>div:nth-child(1):before{background-image:url("../img/j_chx.png");background-size:65%} .culture_img .mywrap>div:nth-child(2):before{background-image:url("../img/j_gy.png");} .culture_img .mywrap>div:nth-child(3):before{background-image:url("../img/j_cx.png")} .culture_img .mywrap>div:nth-child(4):before{background-image:url("../img/j_ge.png")} .about_page5{padding:4rem 0} .about_page5>div{border:1px solid #ddd;padding:3rem 3rem 3rem 10rem;position:relative;min-height:11rem} .about_page5>div:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:5px solid #fff;z-index:0} .about_page5>div>*{position:relative;z-index:2;cursor:pointer}.about_page5>div>*:hover h3{color:var(--bgcolor)} .about_page5>div+div{margin-left:3rem} .about_page5>div:hover,.about_page5>div:hover:after{border-color:var(--bgcolor)} .about_page5>div:before{clear:both;content:"行业地位";display:block;width:6rem;height:8rem;text-align:center;position:absolute;left:2rem;top:1.8rem;background-repeat:no-repeat;background-position:top center;background-size:85%;background-image:url("../img/diwei.png");line-height:12rem;font-size:1.2rem;color:var(--bgcolor)} .about_page5>div:nth-child(2):before{content:"社会责任";background-image:url("../img/zeren.png");background-size:80%;top:2.2rem} .about_page5>div>div{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ddd;line-height:2} .about_page5>div>div:last-child{padding-bottom:0;margin-bottom:0;border:0} .qiye{padding:4rem 0;border-bottom:1px solid #ddd;line-height:1.8;text-align:justify;font-size:1.1rem;line-height:2}.qiye:last-child{border:0} .qiye>div+div{margin-left:3rem;position:relative;overflow:hidden} .qiye>div.img{margin-top:.6rem}.qiye h2{color:var(--bgcolor);margin-bottom:1rem} .qiye .img{width:400px;height:320px;position:relative;overflow:hidden;border-radius:2rem 0 5rem 0} .qiye .img>div{position:absolute;left:0;top:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover} .about_page7{padding-bottom:3rem} .contact{width:calc((100% - 6rem) / 3);margin-top:3rem;margin-right:3rem;background-color:#f8f8f8;box-shadow:0 0 5px rgba(0,0,0,.3)} .contact:nth-child(3n){margin-right:0} .contact .img{width:100%;height:0;padding-bottom:50%;position:relative;overflow:hidden} .contact .img>div{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0} .contact>div:last-child{padding:1rem;border-top:5px solid var(--focuscolor);font-size:1.05rem;line-height:2;color:#666} .contact p{font-weight:600;color:var(--bgcolor);margin-bottom:1rem;font-size:1.2rem} .contact .name,.contact .tel,.contact .fax,.contact .mail,.contact .addr{position:relative;padding-left:2rem} .contact .name:before,.contact .tel:before,.contact .fax:before,.contact .mail:before,.contact .addr:before{clear:both;content:"";display:inline-block;text-align:left;font-family:"iconfont";color:#ccc;position:absolute;left:0;top:0} .contact .name:before{content:"\e64e"}.contact .tel:before{content:"\e69f"}.contact .fax:before{content:"\e60a"}.contact .mail:before{content:"\e65c"}.contact .addr:before{content:"\e634"} .product_page1{padding:3rem 0}h1.center{text-align:center;margin-bottom:3rem} .news_page1{padding:3rem 0;padding-top:0;position:relative;overflow:hidden}.news_page1>div{padding-top:3rem} .news_page1>a{margin-top:3rem;width:calc((100% - 4rem) / 3);background-color:#f8f8f8;margin-right:2rem;position:relative;overflow:hidden;padding-bottom:3rem} .news_page1>a:nth-child(3n){margin-right:0} .news_page1>a .img{width:100%;position:relative;overflow:hidden;height:0;padding-bottom:50%} .news_page1>a .img div{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;left:0;top:0;right:0;bottom:0} .news_page1>a .img +div{padding:1.5rem;text-align:justify}.news_page1>a .img +div h3{margin:1rem 0;color:var(--bgcolor)}.news_page1>a .img +div div.button{display:none;margin-top:1rem} .news_page1>a:hover{background-color:var(--bgcolor);color:#fff}.news_page1>a:hover *{color:#fff!important} .news_page1>a:hover .desc,.news_page1>a:hover .date{opacity:.7} .news_page1>a:hover div.button{background-color:#fff;color:var(--bgcolor)!important} .news_page1>a:after{clear:both;content:"+";display:inline-block;background-color:var(--bgcolor);line-height:1.8rem;padding:0 1rem;position:absolute;left:1.5rem;bottom:1.5rem;border-radius:2rem;color:#fff} .news_page1>a:hover:after{color:var(--bgcolor);background-color:rgba(255,255,255,.8)} .contentshow{padding:3rem 0}.contentshow h2{text-align:center;margin-bottom:1rem}.contentshow2{text-align:left;padding:2rem;border:1px solid #ddd;margin-top:3rem} .editor{padding-bottom:1rem;text-align:center} .editor span{display:inline-block;color:#666!important}.editor span+span{margin-left:2rem} .editor span:before{clear:both;content:"";font-family:"iconfont";color:#999;display:inline-block;margin:0} span.edit:before{content:"\e63e\20发布:"}span.view:before{content:"\e600\20浏览:"}span.date:before{content:"\e656\20编辑:"} .viewbox{font-size:1.1rem;line-height:2.2;text-align:justify;padding:2rem 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:1rem} .viewbox img{margin:1rem 0} .shang,.xia{line-height:2.2;font-size:1.1rem}.shang a,.xia a{color:#333}.shang:empty:after,.shang:xia:after{clear:both;content:"已经没有了"} .shang:before{clear:both;content:"上一篇:";color:#666}.xia:before{clear:both;content:"下一篇:";color:#666} .shang a:hover,.xia a:hover{text-decoration:underline;color:var(--bgcolor)} .shang>span,.xia>span{color:#999} .job_page1{padding:3rem 0}.job_page1 div.mywrap{width:66.66666666%;margin-left:2rem} .job_block{background-color:#f2f2f2;position:relative;overflow:hidden;color:#333}.job_block .txt{padding:1.5rem;line-height:1.8} .job_page1 div.mywrap .job_block{width:calc(50% - 1rem);margin-right:2rem;margin-bottom:2rem} .job_page1 div.mywrap .job_block:nth-child(2n){margin-right:0} .job_page1 div.mywrap .job_block:nth-child(3),.job_page1 div.mywrap .job_block:nth-child(4){margin-bottom:0} .job_block .img{width:100%;height:0;padding-bottom:50%;position:relative;overflow:hidden} .job_block .img:before{clear:both;content:"";position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background-color:rgba(0,141,255,.7)} .job_block .img:after{clear:both;content:"";position:absolute;z-index:3;left:50%;top:50%;font-size:1.5rem;font-weight:300;color:#fff;transform:translate(-50%,-50%);-webkit-text-decoration:underline 1px;text-decoration:underline 1px;text-underline-offset:1rem;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;color:#fff} .job_block:nth-child(1) .img:after{content:"人才理念"} .fencaibox{padding:3rem 0;padding-bottom:0} .fencaibox>div{width:calc((100% - 6rem) / 3);margin:0 3rem 3rem 0;position:relative;overflow:hidden} .fencaibox>div:nth-child(3n){margin-right:0} .fencaibox>div>.pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden} .fencaibox>div .fangda{position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:cover} .fencaibox>div>p{height:3rem;line-height:3rem;padding:0 1rem;text-align:center;font-size:1.1rem; background-color:#eee} .mywrap .job_block:nth-child(1) .img>div{background-image:url("../img/job_2.jpg")} .mywrap .job_block:nth-child(2) .img>div{background-image:url("../img/job_3.jpg")} .mywrap .job_block:nth-child(3) .img>div{background-image:url("../img/job_4.jpg")} .mywrap .job_block:nth-child(4) .img>div{background-image:url("../img/job_5.jpg")} .mywrap .job_block:nth-child(1) .img:before{background-color:rgba(12,157,148,.5)} .mywrap .job_block:nth-child(2) .img:before{background-color:rgba(246,165,30,.5)} .mywrap .job_block:nth-child(3) .img:before{background-color:rgba(151,99,225,.5)} .mywrap .job_block:nth-child(4) .img:before{background-color:rgba(0,172,236,.5)} .mywrap .job_block:nth-child(1) .img:after{content:"人力资源愿景"} .mywrap .job_block:nth-child(1) .img:after{content:"人力资源愿景"} .mywrap .job_block:nth-child(2) .img:after{content:"人力核心价值观"} .mywrap .job_block:nth-child(3) .img:after{content:"人力资源精神"} .mywrap .job_block:nth-child(4) .img:after{content:"人力资源人才理念"} .job_page1>.job_block .img{padding-bottom:80%}.job_block .img>div{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/job_1.jpg");position:absolute;z-index:1;left:0;top:0;width:100%;height:100%} .job_page2{padding:3rem 0;background-color:#f2f2f2}.zhize{padding:2rem 0;line-height:2}.zhize h3{margin-bottom:1rem} .lvse_box{margin:2rem 0;text-align:justify;line-height:2;margin-bottom:3rem;position:relative;overflow:hidden} .lvse_box>*{position:relative;z-index:1} .lvse_box:nth-child(2n){background-image:-webkit-gradient(linear,left top, right top,from(#2686D0),to(#3ECFC6));background-image:-o-linear-gradient(left,#2686D0 0%,#3ECFC6 100%);background-image:linear-gradient(to right,#2686D0 0%,#3ECFC6 100%);color:#fff;padding:2rem 0} .lvse_box:nth-child(2n):before,.lvse_box:nth-child(2n):after{clear:both;content:"";position:absolute;z-index:0} .lvse_box:nth-child(2n):before{left:-150%;top:10%;bottom:-50%;right:-20%;background-color:rgba(255,255,255,.1);border-radius:50%} .lvse_box:nth-child(2n):after{left:40%;top:10%;bottom:-170%;right:-120%;background-color:rgba(255,255,255,.1);border-radius:50%} .lvse_box>.body>div:last-child{margin-left:2rem}.lvse_box .body>div{position:relative;overflow:hidden} .lvse_box .fadeInLeft{width:40%} .lvse_box .pic{width:100%;position:relative;overflow:hidden;height:0;padding-bottom:60%;margin-top:1rem} .lvse_box .fangda{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover} .msgbox{padding:3rem 0;padding-bottom:0}.msgbox input,.msgbox textarea{padding:.5rem;border-radius:3px} .msgbox .flex_item+.flex_item{margin-left:3rem} .msgbox label{line-height:2.2;width:6rem} .msgbox .flex{margin-bottom:1rem}.msgbox textarea{height:10rem} /*a[href$=".pdf"]:before{clear:both;content:"\e6a6";font-family:"iconfont";color:#999;display:inline-block;margin-right:.5rem}*/ #floatright{position:fixed;right:3px;bottom:5rem;width:60px;z-index:5;box-shadow:0 0 5px rgba(0,0,0,.3);background:#f8f8f8} #floatright>a{display:block;width:100%;height:60px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center;line-height:60px;color:#999;position:relative} #floatright>a:last-child{border-bottom:0} #floatright>a:before{clear:both;content:"";font-family:"iconfont";font-size:1.3rem;} #floatright>a:hover{background-color:var(--bgcolor);color:#fff} #floatright>a#toptop:before{content:"\e689"}#floatright>a#tophome:before{content:"\e620"}#floatright>a#topback:before{content:"\e645"} #floatright>a#qq:before{content:"\e876"}#floatright>a#wx:before{content:"\e66f"}#floatright>a#tel:before{content:"\e62d"} #floatright a>div{position:absolute;left:0;top:0;padding:1rem;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);transform:translateX(calc(-100% - 2px));color:#333} #floatright a>div.pic{width:100px;height:100px} #floatright a>div img{width:100%;height:100%;display:block;margin:0} @media(max-width:1200px){ :root{ --danwei:50vw; } html{font-size:14px}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}body{border-top:50px solid #f8f8f8} .body{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .pc{display:none}.wap{display:block}#floatright{bottom:2rem;width:3rem;display:none}#floatright>a{height:3rem;line-height:3rem} @keyframes ulopen{from{transform:translateX(-101%)}to{transform:translateX(0)}} @keyframes ulclose{from{transform:translateX(0)}to{transform:translateX(-101%)}} #topmenu{background-color:#fff;height:50px;padding:0 1rem;padding-right:0} #topmenu.color{background-color:#fff}#topmenu .logo img{max-height:inherit;height:40px} #wap_menu{line-height:50px;padding:0 1rem} #wap_menu:before{clear:both;content:"\e61f";font-family:"iconfont";color:#333} #wap_menu.close:before{content:"\e692"} #topmenu ul{display:block;position:fixed;left:0;top:50px;width:100%;bottom:0;z-index:9;background-color:rgba(0,0,0,.95);-webkit-transform:translateX(-101%);-ms-transform:translateX(-101%);transform:translateX(-101%);-webkit-animation-name:ulclose;animation-name:ulclose;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} #topmenu ul.open{-webkit-animation-name:ulopen;animation-name:ulopen;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both} #topmenu ul li div{display:none}#topmenu ul li+li{margin-left:0} #topmenu ul li{height:45px;text-align:center;border-bottom:1px solid rgba(255,255,255,.5)}#topmenu ul li a{line-height:45px;width:100%} .copyright{padding:1rem;line-height:1.8} .video{height:50vh;background-color:#f8f8f8} .indexabout{padding:1rem 0}#about .flex_item{font-size:.8rem;padding:1rem 0;color:#666}#about .flex_item span{font-size:1.3rem;color:#333} #about .flex_item:nth-child(2n){margin:0 1rem} .about_menu{border-bottom:1px solid #ddd} .about_menu a{width:25vw;line-height:normal;padding:1rem 0;text-align:center;border-right:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center} .about_menu a:nth-child(4n){border-right:0} .about_menu a:nth-child(-n+4){border-bottom:1px solid #ddd} .index_product{padding:1rem 0}.index_product .body{padding:0 1rem} .index_product h1,.index_product h2{margin-bottom:1rem}.index_product .flex>*+*{margin-left:1rem} .index_product .icon{width:20vw;height:20vw;line-height:20vw;font-size:.6rem} .gaoxin{font-size:.7rem}.gaoxin .flex_item{padding:1rem 0}.gaoxin .flex_item.focus:after{display:none} .index_news{padding:0} .index_news h1{padding:1rem} .index_newsbox>div{padding:1.5rem 1rem;width:100%;padding-right:1rem}.index_newsbox>div:nth-child(odd){background-color:#fff} .index_newsbox>div:nth-child(2n){padding-right:1rem}.index_newsbox>div .pic{margin-right:1rem}.index_newsbox a{color:var(--bgcolor)} .touzi{padding:0}.touzi>.first{padding:4rem 0 1rem 0;font-size:.9rem;position:relative;overflow:hidden} .touzi>.first h1{position:absolute;left:1rem;top:1rem}.lvse{padding:3rem 0}.lvse .body{padding:0 1rem} .fenye{padding:0 1rem;padding-bottom:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box} #topbg{height:40vh} #topbg .swiper-slide .body{font-size:1.1rem;padding:0 1rem;line-height:1.6;text-align:center} .product_page1{padding:0}.product_page1 a{color:var(--bgcolor)}.product_page1 h1{margin:1rem 0} .menubox2 div.body,.menubox2 h1.body{padding:1rem}.menubox2 .body>a{font-size:1rem}.menubox2 li a{padding:1rem .5rem;font-size:1rem;text-align:center} .menubox2 li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.menubox2 li.flex_item{display:none} .menubox2 li.flex_item+li{border-left:0}.menubox2 .body{font-size:1.2rem} .about_page1,.about_page2,.about_page4{padding:1rem 0}.about_page4 h1{margin-bottom:1rem} .about_page1{clear:both;padding:1rem;background:#fff;display:block;overflow:visible} .about_page1>div{width:100%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:auto;flex-basis:auto} .about_page1>div:first-child{line-height:2;padding-right:0;height:auto;overflow:visible} .about_page1>div+div{margin-left:0;overflow:visible;width:100%;height:40vh;margin-top:1rem} .about_page2 .thenext{width:33.33333333%;margin-right:1rem;padding:1rem;cursor:pointer;border-radius:0 0 2rem 0;position:relative;overflow:hidden} .about_page2 .thenext:last-child{margin-right:0} .about_page3{padding:3rem 1rem}.about_page3 h2{font-size:1rem} .about_page4{padding-bottom:0} #lichengswiper{margin-bottom:3rem;position:relative;padding:0}#lichengswiper h2{font-size:1rem} #lichengswiper .swiper-slide{padding:0 1rem}#lichengswiper .img{display:none}#lichengswiper .desc{line-height:1.5;font-size:.8rem} .licheng_next,.licheng_prev{bottom:-2.5rem;top:auto;margin-top:0;box-shadow:0 0 0 rgba(0,0,0,.3)} #lichengswiper .licheng_next{left:50%;margin-left:-5rem}#lichengswiper .licheng_prev{left:50%;margin-left:3rem} .lvse_box{margin:1rem 0;margin-bottom:0}.lvse_box .body{display:block} .lvse_box .body{padding:0 1rem} .lvse_box>.body>div:last-child{margin-left:0} .lvse_box .fadeInLeft{width:100%} .news_page1{display:block;padding:1rem 0} .news_page1{padding:0;padding-top:0;position:relative;overflow:hidden}.news_page1>div{padding-top:0} .news_page1>a{display:block;margin-top:0;width:100%;margin-right:0;position:relative;overflow:visible;padding-bottom:0} .news_page1>a:nth-child(odd){background:#fff} .news_page1>a .img +div{padding:1rem}.news_page1>a:after{display:none} .contentshow{padding:1rem}.editor{font-size:.8rem} .viewbox{text-indent:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.viewbox img{max-width:100%} .shang,.xia{line-height:1.6;font-size:1rem}.shang a,.xia a{color:var(--bgcolor)} h1.center{margin-bottom:1rem} .job_page1{padding:1rem 0;display:block} .fencaibox{padding:1rem 0;padding-bottom:0} .fencaibox>div{width:calc((100% - 2rem) / 3);margin:0 1rem 1rem 0} .contentshow2{text-align:left;padding:1rem;border:0;margin-top:1rem} #showany{padding:3.5rem 1rem}#showany>div img{max-width:80%;max-height:80%} .job_page1 div.mywrap{width:100%;margin-left:0}.job_page1>.job_block:first-child{margin-bottom:1rem} .job_block{display:block;background-color:#f2f2f2;position:relative;overflow:hidden;color:#333} .job_page1 div.mywrap .job_block{width:calc(50% - .5rem);margin-right:1rem;margin-bottom:1rem} .job_page1 div.mywrap .job_block:nth-child(2n){margin-right:0} .job_block .img:after{font-size:1rem;width:80%;left:10%;top:50%;text-align:center;transform:translate(0,-50%)} .job_block .img{padding-bottom:65%}.job_page1>.job_block:nth-child(1) .img{padding-bottom:50%}.job_page1>.job_block:nth-child(1) .img:after{font-size:1.6rem} .job_block .txt{padding:1rem;line-height:normal} }