/*全局样式*/ /*@font-face{*/ /* font-family:'Bahnschrift';*/ /* src:url("font/Bahnschrift.ttf") format("truetype");*/ /* font-weight:normal;*/ /* font-style:normal;*/ /*}*/ /*@font-face{*/ /* font-family:'Bebas';*/ /* src:url("font/Bebas.ttf") format("truetype");*/ /* font-weight:normal;*/ /* font-style:normal;*/ /*}*/ /*@font-face{*/ /* font-family:'Biaosong';*/ /* src:url("font/Biaosong.otf") format("truetype");*/ /* font-weight:normal;*/ /* font-style:normal;*/ /*}*/ /*@font-face{*/ /* font-family:'heit';*/ /* src:url("font/heit.ttf") format("truetype");*/ /* font-weight:normal;*/ /* font-style:normal;*/ /*}*/ html{overflow-x:hidden;font-family: '黑体';} body,a{color:#333;font-family: '黑体';} body #nav ul li a{font-family: '黑体';} .wrapper{width:1280px;} .wrap-white{padding:70px 0; background:#fff;} .wrap-white.bt{position:relative;} .wrap-white.bt:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:1px; background:#e0e0e0;} .wrap-gray{padding:70px 0; background:#f3f4f8;} .wrap-gray.bt{position:relative;} .wrap-gray.bt:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:1px; background:#e5e6e9;} .wrap-gray.light{background:#f6f6f6;} /*头部样式*/ #top{height:60px; background:#f2f2f2; overflow:hidden;} #top .weo-flex{height:60px;} #tel{display:flex; align-items:center;} #tel span{height:16px; line-height:16px; font-size:14px; color:#535353; overflow:hidden;} #tel em{height:20px; line-height:20px; font-family:'Bahnschrift'; font-size:18px; letter-spacing:1px; color:#535353; overflow:hidden;} #search{width:216px; height:34px; margin-left:24px; padding:0 10px; border:1px solid #d2d2d2; border-radius:4px; overflow:hidden;} #search .item{height:32px; display:flex; align-items:center;} #search .item input{flex:1; height:18px; line-height:18px; padding:0; background:none; border:none; font-size:14px; color:#707070;} #search .item input::-moz-placeholder{color:#a0a0a0;} #search .item input::-webkit-input-placeholder{color:#a0a0a0;} #search .item input::-ms-input-placeholder{color:#a0a0a0;} #search .item button{width:18px; height:18px; margin-left:10px; padding:0; background:url(img/search.png) no-repeat center; border:none;} #language{display:flex; margin-left:24px;} #language a{height:18px; line-height:18px; font-size:15px; text-transform:uppercase; color:#939393; overflow:hidden;} #language a:hover{color:#da251c;} #language a.current{color:#da251c;} #language em{height:18px; line-height:18px; font-size:15px; color:#939393; overflow:hidden;} #header{height:122px; background:#fff;} #logo{left:0; top:16px;} #logo img{width:116px; height:92px;} #nav{right:0; top:0;} #nav ul li{position:relative; float:left; height:122px; line-height:122px; margin-left:72px; font-size:17px;} #nav ul li:first-child{margin-left:0;} #nav ul > li:after{content:''; position:absolute; left:100%; right:100%; bottom:0; display:none; height:4px; background:#0193de;} #nav ul li a{display:block;} #nav ul > li:hover:after{display:block; animation:navline 0.5s; animation-fill-mode:forwards;} @keyframes navline{100%{left:-10px; right:-10px;}} #nav ul li:hover > a{color:#0193de;} #nav ul li.current:after{display:block; left:-10px; right:-10px;} #nav ul li.current > a{color:#0193de;} #nav ul li ul{position:absolute; left:-80px; right:-80px; top:142px; z-index:99; display:none; padding:6px 0; background:rgba(255,255,255,.95);} #nav ul li:hover ul{display:block; animation:navslideup 0.5s; animation-fill-mode:forwards;} @keyframes navslideup{100%{top:122px;}} #nav ul li ul li{float:none; margin-left:0; height:54px; line-height:54px; font-size:15px; text-align:center; overflow:hidden;} #nav ul li ul li:before{content:''; position:absolute; left:0; top:100%; bottom:100%; display:none; width:4px; background:#0193de;} #nav ul li ul li:after{content:''; position:absolute; left:16px; right:16px; bottom:0; display:block; height:1px; background:#dcdcdc;} #nav ul li ul li:last-child:after{display:none;} #nav ul li ul li:hover:before{display:block; animation:subnavline 0.5s; animation-fill-mode:forwards;} @keyframes subnavline{100%{top:12px; bottom:12px;}} #nav ul li ul li a{padding:0 16px; color:#5f5e5e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #sub-nav{left:0; right:0; top:182px; z-index:99; display:none; padding:50px 0; background:rgba(1,147,222,.97);} #sub-nav dl{width:182px;} #sub-nav dl dt{height:18px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden;} #sub-nav dl dt a{display:block; padding-right:28px; background:url(img/arrow-b.png) no-repeat right center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #sub-nav dl dd{height:16px; line-height:16px; margin-top:20px; font-size:14px; overflow:hidden;} #sub-nav dl dt + dd{margin-top:28px;} #sub-nav dl dd a{display:block; color:rgba(255,255,255,.68); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #sub-nav dl dd:hover a{color:#fff;} /*首页样式*/ #links{ padding-top: 20px; color: #fff; display: block; position: absolute; bottom: -45px; } #links a{ color: #fff; cursor: pointer; margin-right: 15px; } #banner,#banner-item,#banner-item ul li,#banner-item ul li a{width:100%; height:748px;} #banner-item ul li{float:left; overflow:hidden;} #banner-item ul li a{display:block;} #banner-btn{left:50%; transform:translateX(-50%); bottom:44px;} #banner-btn dl{display:flex;} #banner-btn dl dd{width:40px; margin-left:14px; cursor:pointer;} #banner-btn dl dd:first-child{margin-left:0;} #banner-btn dl dd em{display:none; height:18px; line-height:18px; font-family:'Arial'; font-size:15px; color:#fff; opacity:0; overflow:hidden;} #banner-btn dl dd i{display:block; height:4px; margin-top:10px; background:rgba(255,255,255,.58);} #banner-btn dl dd.on{width:160px;} #banner-btn dl dd.on em{opacity:1;} #banner-btn dl dd.on i{position:relative;} #banner-btn dl dd.on i:after{content:''; position:absolute; left:0; right:100%; top:0; bottom:0; display:block; background:#0193de; animation:speed 4s; animation-fill-mode:forwards;} @keyframes speed{100%{right:0;}} .title{position:relative;} .title h2{height:38px; line-height:38px; font-size:35px; font-weight:bold; overflow:hidden;} .title p{width:660px; line-height:26px; margin-top:20px; font-size:15px; color:#908f8f; overflow:hidden;} .title a{position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:148px; height:48px; line-height:46px; border:1px solid #dcdcdc; border-radius:16px 0 16px 0; font-size:15px; text-align:center; color:#8b8b8b; overflow:hidden;} .title a:hover{border-color:#0193de; color:#0193de;} #product{margin-top:46px;} #product-item{position:relative; width:1278px; height:574px; margin:0 auto; overflow:hidden;} #product-item:before{content:''; position:absolute; left:0; top:0; bottom:0; z-index:99; display:block; width:1px; background:#ececec;} #product-item ul li{position:relative; float:left; width:426px; height:574px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; overflow:hidden;} #product-item ul li:after{content:''; position:absolute; right:0; top:0; bottom:0; display:block; width:1px; background:#ececec;} #product-item ul li a{display:block; padding:20px 20px 70px 20px;} #product-item ul li span{display:block; width:386px; height:386px; overflow:hidden;} #product-item ul li img{width:386px; max-width:none; height:386px;} #product-item ul li section{height:76px; margin-top:20px; padding:0 20px; overflow:hidden;} #product-item ul li section h4{display:flex; justify-content:center; height:32px; overflow:hidden;} #product-item ul li section h4 em{height:32px; line-height:32px; padding:0 20px; background:#f5f6f8; border-radius:16px; font-size:14px; text-align:center; color:#5b5b5b; overflow:hidden;} #product-item ul li section h3{height:24px; line-height:24px; margin-top:20px; font-size:22px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product-item ul li .item{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:142px 60px 148px 60px; background:rgba(11,17,36,.75); overflow:hidden;} #product-item ul li .item h4{height:18px; line-height:18px; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #product-item ul li .item h3{height:24px; line-height:24px; margin-top:24px; font-size:22px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product-item ul li .item p{height:84px; line-height:28px; margin-top:32px; font-size:14px; color:rgba(255,255,255,.8); -webkit-line-clamp:3;} #product-item ul li .item h5{width:130px; height:46px; line-height:46px; margin:56px auto 0 auto; background:#0193de; border-radius:14px 0 14px 0; font-size:14px; text-align:center; color:#fff; overflow:hidden;} #product-item ul li:hover section{display:none;} #product-item ul li:hover .item{display:block;} #product-item ul li span img{text-align: center;transition: 1s;transition: all 0.5s;} #product-item ul li:hover span img{transform: scale(1.1);transition: all 0.5s;} #about{position:relative; height:632px; margin-top:90px; margin-bottom:50px} #about .item{position:absolute; left:-320px; bottom:0; z-index:99; width:1058px; height:592px; padding:90px 178px 104px 320px; background:url(img/about-bg.png) no-repeat right top; overflow:hidden;} #about .item h2{height:38px; line-height:38px; font-size:35px; font-weight:bold; color:#fff; overflow:hidden;} #about .item i{display:block; width:36px; height:4px; margin-top:24px; background:#fff;} #about .item .text{height:192px; line-height:32px; margin-top:36px; font-size:14px; color:#fff; overflow:hidden;} #about .item h4{width:148px; height:48px; line-height:48px; margin-top:56px; background:#0193de; border-radius:16px 0 16px 0; font-size:15px; text-align:center; overflow:hidden;} #about .item h4 a{display:block; color:#fff;} #about .img{position:absolute; right:-320px; top:0; width:1008px; height:592px; overflow:hidden;} #about .img img{width:1008px; height:592px;} #video{height:536px; margin:90px 0 70px 0; cursor:pointer; overflow:hidden; } #video img{width:1280px; max-width:none; height:536px;} #video-play{left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:960px; height:540px;} #video-play i{position:absolute; right:-40px; top:-40px; width:30px; height:30px; background:url(img/close.png) no-repeat center; cursor:pointer;} #video-play video{display:block; width:960px; height:540px;} #video-play video:focus{outline:none;} #technology{margin-top:46px;} #technology ul li{position:relative; float:left; width:274px; height:522px; margin-left:10px; border-radius:30px 0 30px 0; overflow:hidden;} #technology ul li:first-child{margin-left:0;} #technology ul li img{width:274px; max-width:none; height:522px; text-align: center;transition: 1s;transition: all 0.5s;} #technology ul li:hover img{transform: scale(1.1);transition: all 0.5s;} #technology ul li em{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(11,17,36,.4);} #technology ul li section{position:absolute; left:44px; right:44px; bottom:52px; height:138px;} #technology ul li section i{display:block; height:44px; background-repeat:no-repeat; background-position:center;} #technology ul li section i.t-icon1{width:44px; background-image:url(img/t-icon1.png);} #technology ul li section i.t-icon2{width:46px; background-image:url(img/t-icon2.png);} #technology ul li section i.t-icon3{width:40px; background-image:url(img/t-icon3.png);} #technology ul li section h3{height:24px; line-height:24px; margin-top:22px; font-size:22px; color:#fff; overflow:hidden;} #technology ul li section h4{display:none; height:18px; line-height:18px; margin-top:30px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #technology ul li.current,#technology ul li.current img{width:712px;} #technology ul li.current h4{display:block;} #number{margin-top:70px;} #number dl{display:flex; justify-content:space-between;} #number dl dd{width:168px; cursor:pointer; overflow:hidden;} #number dl dd i{display:block; width:100px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:1px solid #dfdfdf; border-radius:50%;} #number dl dd i.n-icon1{background-image:url(img/n-icon1.png);} #number dl dd i.n-icon2{background-image:url(img/n-icon2.png);} #number dl dd i.n-icon3{background-image:url(img/n-icon3.png);} #number dl dd i.n-icon4{background-image:url(img/n-icon4.png);} #number dl dd i.n-icon5{background-image:url(img/n-icon5.png);} #number dl dd h2{display:flex; justify-content:center; margin-top:28px;} #number dl dd h2 span{height:42px; line-height:42px; font-family:'Bebas'; font-size:39px; font-weight:bold; overflow:hidden;} #number dl dd h2 em{height:32px; line-height:32px; margin-left:4px; font-family:'Bebas'; font-size:29px; font-weight:bold; overflow:hidden;} #number dl dd p{height:48px; line-height:24px; margin-top:16px; font-size:14px; text-align:center; color:#575656;} #number dl dd:hover i{background-color:#0193de; border-color:#0193de;} #number dl dd:hover i.n-icon1{background-image:url(img/n-icon1-h.png);} #number dl dd:hover i.n-icon2{background-image:url(img/n-icon2-h.png);} #number dl dd:hover i.n-icon3{background-image:url(img/n-icon3-h.png);} #number dl dd:hover i.n-icon4{background-image:url(img/n-icon4-h.png);} #number dl dd:hover i.n-icon5{background-image:url(img/n-icon5-h.png);} #number dl dd:hover h2{color:#0193de;} #view-more{width:148px; height:48px; line-height:46px; margin:50px auto 0 auto; border:1px solid #dcdcdc; border-radius:16px 0 16px 0; font-size:15px; text-align:center; overflow:hidden;} #view-more a{display:block; color:#8b8b8b;} #view-more:hover{border-color:#0193de;} #view-more:hover a{color:#0193de;} #wrap-application{padding:90px 0 180px 0; background:url(img/application-bg.png) no-repeat bottom center #f3f4f8;} #wrap-application .title h2{color:#fff;} #wrap-application .title p{color:rgba(255,255,255,.67);} #application{height:480px; margin-top:50px;} #application-item{height:480px; overflow:hidden;} #application-item ul li{position:relative; float:left; width:410px; height:480px; margin-right:25px; overflow:hidden;} #application-item ul li span{display:block; width:410px; height:286px; overflow:hidden;} #application-item ul li img{ width: 100%; height: 286px; text-align: center;transition: 1s;transition: all 0.5s;} #application-item ul li:hover img { transform: scale(1.1);transition: all 0.5s; } #application-item ul li i{position:absolute; left:48px; top:262px; display:block; width:88px; height:48px; background-repeat:no-repeat; background-position:center; background-color:#004088; border-radius:16px 0 16px 0;} #application-item ul li section{height:194px; padding:60px 48px 46px 48px; background:#fff; overflow:hidden;} #application-item ul li section h3{height:22px; line-height:22px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #application-item ul li section p{height:48px; line-height:24px; margin-top:18px; font-size:14px; color:#787d89;} #application-item ul li:hover i{background-color:#0193de;} #application-item ul li:hover section h3{color:#0193de;} #app-prev,#app-next{top:50%; transform:translateY(-50%); width:60px; height:60px; background-repeat:no-repeat; background-position:center; border:1px solid rgba(255,255,255,.6); border-radius:50%; cursor:pointer;} #app-prev{left:-86px; background-image:url(img/prev.png);} #app-next{right:-86px; background-image:url(img/next.png);} #app-prev:hover,#app-next:hover{background-color:#0193de; border-color:#0193de;} #news{display:flex; justify-content:space-between; margin-top:46px;} #news-rmd{position:relative; width:536px; height:450px; overflow:hidden;} #news-rmd img{width: 100%; max-width:none; height:450px;transition: 1s;transition: all 0.5s;} #news-rmd:hover img { transform: scale(1.1);transition: all 0.5s; } #news-rmd section{position:absolute; left:32px; right:32px; bottom:32px;} #news-rmd section h3{height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-rmd section h4{height:16px; line-height:16px; margin-top:16px; font-family:'Bebas'; font-size:14px; color:#fff; overflow:hidden;} #news-item ul li{float:left; width:350px; height:450px; margin-left:20px; overflow:hidden;} #news-item ul li:first-child{margin-left:0;} #news-item ul li span{display:block; width:350px; height:230px; overflow:hidden;} #news-item ul li img{width: 100%; height: 230px; text-align: center;transition: 1s;transition: all 0.5s;} #news-item ul li :hover img { transform: scale(1.1);transition: all 0.5s; } #news-item ul li section{height:220px; padding:28px 30px 32px 30px; background:#fff; overflow:hidden;} #news-item ul li section h3{height:56px; line-height:28px; font-size:19px; font-weight:bold;} #news-item ul li section p{height:48px; line-height:24px; margin-top:14px; font-size:14px; color:#666;} #news-item ul li section h4{height:16px; line-height:16px; margin-top:26px; font-family:'Bebas'; font-size:13px; color:#616161; overflow:hidden;} #news-item ul li:hover section h3{color:#0193de;} #partner{margin-top:46px;} #partner ul{margin:-16px 0 0 -16px;} #partner ul li{float:left; width:200px; height:114px; margin:16px 0 0 16px; background:#fff; border-radius:6px; cursor:pointer; overflow:hidden;} #partner ul li img{width:200px; max-width:none; height:114px;} /*内页样式*/ #lm-banner{display:flex; justify-content:center; align-items:center; height:460px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;} #lm-banner.product{background-image:url(img/lm-product.jpg);} #lm-banner.application{background-image:url(img/lm-application.jpg);} #lm-banner.rd{background-image:url(img/lm-rd.jpg);} #lm-banner.about{background-image:url(img/lm-about.jpg);} #lm-banner.contact{background-image:url(img/lm-contact.jpg);} #lm-banner h2{height:42px; line-height:42px; font-size:40px; font-weight:bold; color:#fff; text-shadow:2px 0 6px rgba(0,0,0,.44);} #lm-banner h3{height:20px; line-height:20px; margin-top:26px; font-size:17px; color:#fff; text-shadow:2px 0 6px rgba(0,0,0,.28);} #location{height:74px; line-height:74px; background:#f7f7f7; font-size:15px; color:#696868; overflow:hidden;} #location .wrapper{padding-left:26px; background:url(img/home.png) no-repeat left center;} #location a{color:#696868;} #location a:hover{color:#0193de;} #location em{color:#0193de;} .lm-title h2{height:38px; line-height:38px; font-size:35px; text-align:center; overflow:hidden;} .weo-page{margin-top:70px;} .weo-page a{min-width:42px; height:42px; line-height:40px; margin-left:10px; padding:0 16px; border-color:#dcdcdc; border-radius:0; font-size:14px; color:#666;} .weo-page a:hover{border-color:#0193de; color:#0193de;} .weo-page .current{background:#0193de; border-color:#0193de; color:#fff;} /*产品中心*/ #p-menu{display:flex; justify-content:center; height:50px; margin-top:50px; overflow:hidden;} #p-menu a{width:150px; height:50px; line-height:50px; margin-left:12px; background:#eceef0; border-radius:16px 0 16px 0; font-size:16px; text-align:center; overflow:hidden;} #p-menu a:first-child{margin-left:0;} #p-menu a:hover{color:#0193de;} #p-menu a.current{background:#0193de; color:#fff;} #product-list{margin-top:60px;} #product-list ul{margin:-40px 0 0 -40px;} #product-list ul li{position:relative; float:left; width:620px; height:400px; margin:40px 0 0 40px; border:2px solid #edeef0; overflow:hidden;} #product-list ul li:after{content:''; position:absolute; right:0; top:0; display:block; width:396px; height:396px; background:url(img/product-shape.png) no-repeat left center;} #product-list ul li a{position:relative; z-index:99; display:flex; justify-content:space-between; align-items:center; padding:50px 20px 50px 40px;} #product-list ul li section{width:240px; height:278px; overflow:hidden;} #product-list ul li section h4{display:flex; width:210px; height:32px; overflow:hidden;} #product-list ul li section h4 em{height:32px; line-height:32px; padding:0 20px; background:#f5f6f8; border-radius:16px; font-size:14px; text-align:center; color:#5b5b5b; overflow:hidden;} #product-list ul li section h3{height:26px; line-height:26px; margin-top:18px; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #product-list ul li section p{width:210px; height:84px; line-height:28px; margin-top:24px; font-size:15px; color:#595b5f; -webkit-line-clamp:3;} #product-list ul li section h5{width:130px; height:46px; line-height:46px; margin-top:48px; background:#0193de; border-radius:14px 0 14px 0; font-size:14px; text-align:center; color:#fff; overflow:hidden;} #product-list ul li span{width:296px; height:296px; overflow:hidden;} #product-list ul li img{width: 100%; height: 296px; text-align: center;transition: 1s;transition: all 0.7s;} #product-list ul li:hover img { transform: scale(1.1);transition: all 0.7s; } #product-list ul li:hover{overflow:visible;} #product-list ul li:hover:before{content:''; position:absolute; left:-2px; top:-2px; display:block; width:0; height:400px; background:url(img/product-shape1.png) no-repeat right center; animation:shape 0.6s; animation-fill-mode:forwards;} @keyframes shape{100%{width:352px;}} #product-list ul li:hover:after{width:0; animation:shapebg 0.6s; animation-fill-mode:forwards;} @keyframes shapebg{100%{width:396px;}} #product-list ul li:hover section{position:relative; bottom:-30px; animation:slideup 0.4s; animation-fill-mode:forwards;} @keyframes slideup{100%{bottom:0;}} #product-list ul li:hover section h4 em{background:#fff;} #product-list ul li:hover section h3{color:#fff;} #product-list ul li:hover section p{color:rgba(255,255,255,.8);} #product-list ul li:hover section h5{background:#fff; color:#5b5b5b;} #wrap-product-detail{padding:40px 0 70px 0; background:#eceef0;} #product-detail{padding:70px 50px; background:#fff;} #product-detail > .weo-flex{padding:0 10px;} #pd-slide{width:550px; height:434px; overflow:hidden;} #pd-slide-item{width:400px; height:400px; margin:0 auto; overflow:hidden;} #pd-slide-item ul li{float:left; width:400px; height:400px; overflow:hidden;} #pd-slide-item ul li img{width:400px; max-width:none; height:400px;} #pd-slide-btn{height:14px; margin-top:20px; overflow:hidden;} #pd-slide-btn dl{display:flex; justify-content:center;} #pd-slide-btn dl dd{width:14px; height:14px; margin-left:8px; border:2px solid #c9c9c9; border-radius:50%; cursor:pointer;} #pd-slide-btn dl dd:first-child{margin-left:0;} #pd-slide-btn dl dd.on{background:#8d8d8d; border-color:#8d8d8d;} #pd-prev,#pd-next{top:173px; width:54px; height:54px; background-repeat:no-repeat; background-position:center; border:1px solid #c0c0c0; border-radius:50%; cursor:pointer;} #pd-prev{left:0; background-image:url(img/prev1.png);} #pd-next{right:0; background-image:url(img/next1.png);} /*#pd-prev:hover{background-image:url(img/prev1-h.png); border-color:#0193de;} #pd-next:hover{background-image:url(img/next1-h.png); border-color:#0193de;}*/ #pd-info{width:540px;} #pd-info h1{height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;} #pd-info i{display:block; width:52px; height:4px; margin-top:30px; background:#0193de;} #pd-info .item{line-height:30px; margin-top:40px; font-size:15px; color:#505050;letter-spacing: 1px;} #pd-tx{margin-top:50px; padding:42px 0 40px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} #pd-tx h2{height:32px; line-height:32px; padding-left:40px; background:url(img/pd-icon1.png) no-repeat left center; font-size:24px; font-weight:bold; overflow:hidden;} #pd-tx .item{line-height:200%; margin-top:20px; font-size:16px; color:#505050;} #pd-jg{margin-top:40px;} #pd-jg h2{height:32px; line-height:32px; padding-left:42px; background:url(img/pd-icon2.png) no-repeat left center; font-size:24px; font-weight:bold; overflow:hidden;} #pd-jg .item{margin-top:24px; padding:30px; border:1px solid #e3e3e3;} #pd-jc{margin-top:40px;} #pd-jc h2{height:26px; line-height:26px; padding-left:42px; background:url(img/pd-icon3.png) no-repeat left center; font-size:24px; font-weight:bold; overflow:hidden;} #pd-jc .item{margin-top:24px; padding:10px; border:1px solid #e3e3e3;} #pd-jc .item .weo-fl{width:788px; height:518px; cursor:pointer; overflow:hidden;} #pd-jc .item .weo-fl img{width:788px; max-width:none; height:518px;} #pd-jc .item .weo-fr{width:360px; height:518px; overflow:hidden;} #pd-jc .item .weo-fr dl dd{width:360px; height:254px; margin-top:10px; cursor:pointer; overflow:hidden;} #pd-jc .item .weo-fr dl dd:first-child{margin-top:0;} #pd-jc .item .weo-fr dl dd img{width:360px; max-width:none; height:254px;} #pd-application-title{margin-top:60px;} #pd-application-title h2{height:38px; line-height:38px; font-size:35px; font-weight:bold; text-align:center; overflow:hidden;} #pd-application-title i{display:block; width:52px; height:4px; margin:24px auto 0 auto; background:#0193de;} #pd-application{height:480px; margin-top:48px;} #pd-application-item{height:480px; overflow:hidden;} #pd-application-item ul li{position:relative; float:left; width:410px; height:480px; margin-right:25px; overflow:hidden;} #pd-application-item ul li span{display:block; width:410px; height:286px; overflow:hidden;} #pd-application-item ul li img{width:410px; max-width:none; height:286px;} #pd-application-item ul li i{position:absolute; left:48px; top:262px; display:block; width:88px; height:48px; background-repeat:no-repeat; background-position:center; background-color:#004088; border-radius:16px 0 16px 0;} #pd-application-item ul li section{height:194px; padding:60px 48px 46px 48px; background:#fff; overflow:hidden;} #pd-application-item ul li section h3{height:22px; line-height:22px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #pd-application-item ul li section p{height:48px; line-height:24px; margin-top:18px; font-size:14px; color:#787d89;} #pd-application-item ul li:hover i{background-color:#0193de;} #pd-application-item ul li:hover section h3{color:#0193de;} #pd-app-prev,#pd-app-next{top:50%; transform:translateY(-50%); width:60px; height:60px; background-repeat:no-repeat; background-position:center; border:1px solid #a0a0a0; border-radius:50%; cursor:pointer;} #pd-app-prev{left:-86px; background-image:url(img/prev1.png);} #pd-app-next{right:-86px; background-image:url(img/next1.png);} #pd-app-prev:hover{background-image:url(img/prev1-h.png); border-color:#0193de;} #pd-app-next:hover{background-image:url(img/next1-h.png); border-color:#0193de;} /*应用领域*/ .application-list{margin-top:50px;} .application-list ul{margin:-50px 0 0 -40px;} .application-list ul li{float:left; width:620px; height:616px; margin:50px 0 0 40px; overflow:hidden;} .application-list ul li span{position:relative; display:block; width:620px; height:400px; overflow:hidden;} .application-list ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #e0e0e0;} .application-list ul li img{width: 100%; height: 400px; text-align: center;transition: 1s;transition: all 0.5s;} .application-list ul li:hover img { transform: scale(1.1);transition: all 0.5s; } .application-list ul li h3{height:26px; line-height:26px; margin-top:36px; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .application-list ul li p{height:56px; line-height:28px; margin-top:20px; font-size:15px; color:#595b5f;} .application-list ul li h5{width:130px; height:46px; line-height:46px; margin-top:32px; background:#0193de; border-radius:14px 0 14px 0; font-size:14px; text-align:center; color:#fff; overflow:hidden;} .application-list ul li:hover h3{color:#0193de;} /*科创研发*/ #patent{margin-top:48px;} #patent-item{position:relative; width:1056px; height:610px; margin:0 auto; overflow:hidden;} #patent-item ul li{position:absolute; left:1048px; top:168px; display:none; width:0; height:0; cursor:pointer;} #patent-item ul li:nth-child(1){display:block; left:8px; top:128px; width:222px; height:314px; z-index:96;} #patent-item ul li:nth-child(2){display:block; left:116px; top:88px; width:278px; height:394px; z-index:97;} #patent-item ul li:nth-child(3){display:block; left:224px; top:48px; width:334px; height:474px; z-index:98;} #patent-item ul li:nth-child(4){display:block; left:332px; top:8px; width:392px; height:602px; z-index:99;} #patent-item ul li:nth-child(5){display:block; left:498px; top:48px; width:334px; height:474px; z-index:98;} #patent-item ul li:nth-child(6){display:block; left:662px; top:88px; width:278px; height:394px; z-index:97;} #patent-item ul li:nth-child(7){display:block; left:826px; top:128px; width:222px; height:314px; z-index:96;} #patent-item ul li span{display:block; width:0; height:0; box-shadow:0 0 8px rgba(0,0,0,.08); overflow:hidden;} #patent-item ul li:nth-child(1) span{width:222px; height:314px;} #patent-item ul li:nth-child(2) span{width:278px; height:394px;} #patent-item ul li:nth-child(3) span{width:334px; height:474px;} #patent-item ul li:nth-child(4) span{width:392px; height:554px;} #patent-item ul li:nth-child(5) span{width:334px; height:474px;} #patent-item ul li:nth-child(6) span{width:278px; height:394px;} #patent-item ul li:nth-child(7) span{width:222px; height:314px;} #patent-item ul li img{width:0; max-width:none; height:0;} #patent-item ul li:nth-child(1) img{width:222px; height:314px;} #patent-item ul li:nth-child(2) img{width:278px; height:394px;} #patent-item ul li:nth-child(3) img{width:334px; height:474px;} #patent-item ul li:nth-child(4) img{width:392px; height:554px;} #patent-item ul li:nth-child(5) img{width:334px; height:474px;} #patent-item ul li:nth-child(6) img{width:278px; height:394px;} #patent-item ul li:nth-child(7) img{width:222px; height:314px;} #patent-item ul li h3{display:none; height:18px; line-height:18px; margin-top:30px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #patent-item ul li:nth-child(4) h3{display:block;} #patent-item ul li:hover h3{color:#0193de;} #patent-prev,#patent-next{top:244px; width:66px; height:66px; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px solid #c0c0c0; border-radius:50%; cursor:pointer;} #patent-prev{left:0; background-image:url(img/prev1.png);} #patent-next{right:0; background-image:url(img/next1.png);} #patent-prev:hover{background-image:url(img/prev1-h.png); border-color:#0193de;} #patent-next:hover{background-image:url(img/next1-h.png); border-color:#0193de;} #rd-item dl{display:flex; justify-content:space-between;} #rd-item dl dd{width:400px; height:522px; overflow:hidden;} #rd-item dl dd .rmd{position:relative; width:400px; height:286px; overflow:hidden;} #rd-item dl dd .rmd img{width: 100%; height: 286px; text-align: center;transition: 1s;transition: all 0.5s;} #rd-item dl dd .rmd:hover img { transform: scale(1.1);transition: all 0.5s; } #rd-item dl dd .rmd h3{position:absolute; left:0; right:0; bottom:0; height:192px; line-height:24px; padding:144px 24px 24px 24px; background:url(img/gradual.png) repeat-x top center; font-size:22px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #rd-item dl dd .item{margin-top:32px;} #rd-item dl dd .item ul li{position:relative; height:18px; line-height:18px; margin-top:18px; padding-left:16px; font-size:15px; overflow:hidden;} #rd-item dl dd .item ul li:first-child{margin-top:0;} #rd-item dl dd .item ul li:before{content:''; position:absolute; left:0; top:6px; display:block; width:6px; height:6px; background:#0193de;} #rd-item dl dd .item ul li a{display:block; white-space:nowrap; text-overflow:ellipsis; color:#535353; overflow:hidden;} #rd-item dl dd .item ul li:hover a{color:#0193de;} #rd-item dl dd h4{width:130px; height:46px; line-height:46px; margin-top:32px; background:#0193de; border-radius:14px 0 14px 0; font-size:14px; text-align:center; overflow:hidden;} #rd-item dl dd h4 a{display:block; color:#fff;} /*关于获德*/ .about-title h3{height:22px; line-height:22px; font-family:'Biaosong'; font-size:19px;} .about-title h2{height:38px; line-height:38px; margin-top:14px; font-size:35px; font-weight:bold; overflow:hidden;} .about-title i{position:relative; display:block; width:48px; height:7px; margin-top:33px; background:#0193de;} .about-title i:after{content:''; position:absolute; right:-7px; top:0; display:block; width:0; height:0; border-left:7px solid #0193de; border-bottom:7px solid transparent;} #lm-about .weo-fl{width:620px; height:500px; padding:50px 0 40px 0; overflow:hidden;} #lm-about .weo-fl .item{margin-top:0px;} #lm-about .weo-fl .item h3{height:26px; line-height:26px; font-size:23px; overflow:hidden;} #lm-about .weo-fl .item .text{height:180px; line-height:36px; margin-top:30px; font-size:16px; color:#545454; overflow:hidden;} #lm-about .weo-fr{width:920px; height:500px; margin-right:-320px; border-radius:60px 0 0 0; overflow:hidden;} #lm-about .weo-fr img{width:920px; height:500px;} #advantage{display:flex; justify-content:space-between;} #advantage .img{width:540px; height:554px; border-radius:10px; overflow:hidden;} #advantage .img img{width:540px; height:554px;} #advantage .item{width:656px; height:554px; padding:48px 0 52px 0; overflow:hidden;} #advantage .item .text{height:288px; line-height:36px; margin-top:52px; font-size:16px; color:#5b5a5a; overflow:hidden;} #wrap-philosophy{padding:90px 0 110px 0; background:url(img/philosophy-bg.jpg) no-repeat top center; background-size:cover;} #wrap-philosophy .about-title h3,#wrap-philosophy .about-title h2{text-align:center; color:#fff;} #wrap-philosophy .about-title i{margin-left:auto; margin-right:auto;} #wrap-philosophy .about-title i:before{content:''; position:absolute; left:-7px; top:0; display:block; width:0; height:0; border-right:7px solid #0193de; border-top:7px solid transparent;} #philosophy{line-height:52px; margin-top:60px; font-size:22px; text-align:center; color:#fff;} #partner.border{margin-top:50px;} #partner.border ul li{position:relative;} #partner.border ul li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #e0e0e0; border-radius:6px;} #team{margin-top:40px;} #team .text{line-height:200%; font-size:16px; color:#545454;} #team .img{margin-top:50px;} #team .img img{width:100%;} #history-title{width:368px; overflow:hidden;} #history-title .text{padding:40px; background:#0193de; overflow:hidden;} #history-title .text .about-title h3,#history-title .text .about-title h2{color:#fff;} #history-title .text .about-title i{background:#fff;} #history-title .text .about-title i:after{border-left-color:#fff;} #history-title .item{position:relative; width:368px; height:458px; overflow:hidden;} #history-title .item img{width:368px; height:458px;} #history-title .item section{position:absolute; left:40px; right:40px; bottom:34px; line-height:30px; font-size:15px; color:#fff; overflow:hidden;} #history-item{width:772px; overflow:hidden;} #history-item ul li{display:flex; padding:30px 0; cursor:pointer;} #history-item ul li h2{width:64px; height:36px; line-height:36px; font-family:'Bebas'; font-size:28px; text-align:center; color:#5d5d5d; overflow:hidden;} #history-item ul li i{position:relative; width:16px; margin:-30px 30px;} #history-item ul li i:before{content:''; position:absolute; left:7px; top:0; bottom:0; display:block; width:1px; background:#e0e0e0;} #history-item ul li i:after{content:''; position:absolute; left:0; top:40px; display:block; width:16px; height:16px; background:#fff; border:2px solid #e0e0e0; border-radius:50%; box-sizing:border-box;} #history-item ul li section{flex:1;} #history-item ul li section p{position:relative; line-height:36px; padding-left:24px; font-size:16px; color:#636262;} #history-item ul li section p:before{content:'>'; position:absolute; left:0; top:0; display:block; height:36px; line-height:36px; font-size:16px; color:#0193de; overflow:hidden;} #history-item ul li:hover h2{color:#0193de;} #history-item ul li:hover i:after{border-color:#0193de;} #history-item ul li.current h2{color:#0193de;} #history-item ul li.current i:after{background:#0193de; border-color:#0193de;} #honor-application{margin-top:50px;} #honor-application ul{margin:-28px 0 0 -28px;} #honor-application ul li{float:left; width:408px; height:368px; margin:28px 0 0 28px; overflow:hidden;} #honor-application ul li span{display:block; width:408px; height:288px; overflow:hidden;} #honor-application ul li img{width:408px; max-width:none; height:288px;} #honor-application ul li h3{height:80px; line-height:80px; padding:0 24px; background:#fff; font-size:22px; text-align:center; white-space:normal; text-overflow:ellipsis; overflow:hidden;} #honor-application ul li:hover h3{color:#0193de;} #honor-application + #view-more{margin-top:60px; border-color:#ccc;} #honor-application + #view-more a{color:#7b7b7b;} #honor-application + #view-more:hover{border-color:#0193de;} #honor-application + #view-more:hover a{color:#0193de;} #news-list{margin-top:60px;} #news-list ul{margin:-48px 0 0 -34px;} #news-list ul li{float:left; width:404px; height:506px; margin:48px 0 0 34px; overflow:hidden;} #news-list ul li span{display:block; width:404px; height:268px; overflow:hidden;} #news-list ul li img{width:404px; max-width:none; height:268px;} #news-list ul li i{display:block; width:30px; height:3px; margin-top:35px; background:#0193de;} #news-list ul li h4{height:16px; line-height:16px; margin-top:16px; font-family:'Bebas'; font-size:13px; color:#616161; overflow:hidden;} #news-list ul li h3{height:22px; line-height:22px; margin-top:16px; font-size:19px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-list ul li p{height:48px; line-height:24px; margin-top:14px; font-size:14px; color:#666;} #news-list ul li h5{width:118px; height:42px; line-height:40px; margin-top:26px; border:1px solid #dcdcdc; border-radius:16px 0 16px 0; font-size:14px; text-align:center; color:#7f7e7e; overflow:hidden;} #news-list ul li:hover h3{color:#0193de;} #news-list ul li:hover h5{border-color:#0193de; color:#0193de;} #article-title{line-height:44px; font-size:32px; font-weight:bold; text-align:center;} #article-info{height:18px; line-height:18px; margin-top:32px; font-size:16px; text-align:center; color:#696969; overflow:hidden;} #article{line-height:200%; margin-top:48px; padding-top:40px; border-top:1px solid #dcdcdc; font-size:15px; color:#696969;} #prev-next{margin-top:40px; padding-top:44px; border-top:1px solid #dcdcdc;} #prev-next p{display:block; height:18px; line-height:18px; margin-top:18px; font-size:16px; color:#696969; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #prev-next p:first-child{margin-top:0;} #prev-next a:hover{color:#0193de;} /*联系我们*/ #contact{position:relative; height:580px; margin-top:50px; background:url(img/map.jpg) no-repeat center; overflow:hidden;} #contact .item{position:absolute; left:60px; top:50%; transform:translateY(-50%); padding:48px 36px; background:#fff; border:1px solid #dcdcdc; border-radius:10px; overflow:hidden;} #contact .item h2{height:28px; line-height:28px; font-size:25px; font-weight:bold; color:#666; overflow:hidden;} #contact .item i{display:block; width:100%; height:0; margin-top:35px; border-bottom:1px dashed #ccc;} #contact .item dl{margin-top:40px;} #contact .item dl dd{margin-top:40px;} #contact .item dl dd:first-child{margin-top:0;} #contact .item dl dd h3{height:22px; line-height:22px; padding-left:32px; background-repeat:no-repeat; background-position:left center; font-size:16px; font-weight:bold; color:#666; overflow:hidden;} #contact .item dl dd h3.c-icon1{background-image:url(img/c-icon1.png);} #contact .item dl dd h3.c-icon2{background-image:url(img/c-icon2.png);} #contact .item dl dd h3.c-icon3{background-image:url(img/c-icon3.png);} #contact .item dl dd h4{height:18px; line-height:18px; margin-top:8px; padding-left:32px; font-size:16px; color:#666; overflow:hidden;} #support{display:flex; justify-content:space-between; align-items:center;} #support .item{width:640px;} #support .item h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;} #support .item i{position:relative; display:block; width:48px; height:7px; margin-top:29px; background:#0193de;} #support .item i:after{content:''; position:absolute; right:-7px; top:0; display:block; width:0; height:0; border-left:7px solid #0193de; border-bottom:7px solid transparent;} #support .item h3{height:26px; line-height:26px; margin-top:50px; font-size:23px; overflow:hidden;} #support .item .text{line-height:32px; margin-top:26px; font-size:16px; color:#747576;} #support .item .text p{margin-top:16px;} #support .item .text p:first-child{margin-top:0;} #support .img{width:560px; height:356px; border-radius:10px; overflow:hidden;} #support .img img{width:560px; height:356px;} #support-icon{position:relative; margin-top:70px;} #support-icon:before{content:''; position:absolute; left:0; top:68px; display:block; width:16px; height:16px; background:#fff; border:1px solid #bbb; border-radius:50%; box-sizing:border-box;} #support-icon:after{content:''; position:absolute; right:0; top:68px; display:block; width:16px; height:16px; background:#fff; border:1px solid #bbb; border-radius:50%; box-sizing:border-box;} #support-icon dl{position:relative; display:flex; justify-content:space-between; padding:0 70px;} #support-icon dl:before{content:''; position:absolute; left:16px; right:16px; top:76px; display:block; height:1px; background:#ccc;} #support-icon dl dd{position:relative; z-index:99; cursor:pointer;} #support-icon dl dd em{display:block; width:132px; height:132px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px dashed #bbb; border-radius:50%;} #support-icon dl dd em.sup-icon1{background-image:url(img/sup-icon1.png);} #support-icon dl dd em.sup-icon2{background-image:url(img/sup-icon2.png);} #support-icon dl dd em.sup-icon3{background-image:url(img/sup-icon3.png);} #support-icon dl dd em.sup-icon4{background-image:url(img/sup-icon4.png);} #support-icon dl dd em.sup-icon5{background-image:url(img/sup-icon5.png);} #support-icon dl dd h3{height:20px; line-height:20px; margin-top:20px; font-size:17px; text-align:center; overflow:hidden;} #support-icon dl dd:hover em{background-color:#0193de; border:none;} #support-icon dl dd:hover em.sup-icon1{background-image:url(img/sup-icon1-h.png);} #support-icon dl dd:hover em.sup-icon2{background-image:url(img/sup-icon2-h.png);} #support-icon dl dd:hover em.sup-icon3{background-image:url(img/sup-icon3-h.png);} #support-icon dl dd:hover em.sup-icon4{background-image:url(img/sup-icon4-h.png);} #support-icon dl dd:hover em.sup-icon5{background-image:url(img/sup-icon5-h.png);} #support-icon dl dd:hover h3{color:#0193de;} #service-text{display:flex; justify-content:space-between;} #service-text .item{padding-top:20px;} #service-text .item h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;} #service-text .item i{position:relative; display:block; width:48px; height:7px; margin-top:29px; background:#0193de;} #service-text .item i:after{content:''; position:absolute; right:-7px; top:0; display:block; width:0; height:0; border-left:7px solid #0193de; border-bottom:7px solid transparent;} #service-text .text{width:960px; line-height:30px; font-size:15px; color:#5c5c5c;} #service-text .text p{margin-top:20px;} #service-text .text p:first-child{margin-top:0;} #wrap-service{padding:70px 0; background:url(img/service-bg.jpg) no-repeat top center; background-size:cover;} #service-icon dl{display:flex; justify-content:space-between;} #service-icon dl dd{cursor:pointer;} #service-icon dl dd em{display:block; width:192px; height:168px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #service-icon dl dd em.s-icon1{background-image:url(img/s-icon1.png);} #service-icon dl dd em.s-icon2{background-image:url(img/s-icon2.png);} #service-icon dl dd em.s-icon3{background-image:url(img/s-icon3.png);} #service-icon dl dd em.s-icon4{background-image:url(img/s-icon4.png);} #service-icon dl dd h3{height:18px; line-height:18px; margin-top:30px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #service{display:flex; justify-content:space-between; align-items:center;} #service .text{width:538px;} #service .text h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;} #service .text p{line-height:30px; margin-top:30px; font-size:15px; color:#5f6269;} #service .text span{display:block; width:538px; height:320px; margin-top:50px; border-radius:10px; overflow:hidden;} #service .text img{width:538px; height:320px;} #service .item{width:640px;} #service .item dl dd{display:flex; margin-top:70px; cursor:pointer; overflow:hidden;} #service .item dl dd:first-child{margin-top:0;} #service .item dl dd em{width:100px; height:100px; margin-right:30px; background-repeat:no-repeat; background-position:center; border:1px solid #dcdcdc; border-radius:50%;} #service .item dl dd em.s-icon5{background-image:url(img/s-icon5.png);} #service .item dl dd em.s-icon6{background-image:url(img/s-icon6.png);} #service .item dl dd em.s-icon7{background-image:url(img/s-icon7.png);} #service .item dl dd section{flex:1; padding-top:6px;} #service .item dl dd section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#46484f; overflow:hidden;} #service .item dl dd section p{line-height:28px; margin-top:16px; font-size:15px; color:#76787c;} #service .item dl dd:hover em{border-color:#0193de;} #service .item dl dd:hover em.s-icon5{background-image:url(img/s-icon5-h.png);} #service .item dl dd:hover em.s-icon6{background-image:url(img/s-icon6-h.png);} #service .item dl dd:hover em.s-icon7{background-image:url(img/s-icon7-h.png);} #service .item dl dd:hover section h3{color:#0193de;} #service-item ul li{display:flex; justify-content:space-between; align-items:center; margin-bottom:36px; padding-bottom:36px; border-bottom:1px solid #ccc; cursor:pointer; overflow:hidden;} #service-item ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} #service-item ul li section{width:750px; overflow:hidden;} #service-item ul li section h3{height:38px; line-height:38px; font-size:35px; overflow:hidden;} #service-item ul li section p{height:64px; line-height:32px; margin-top:36px; font-size:15px; color:#6d6e72;} #service-item ul li span{width:452px; height:272px; border-radius:0 40px 0 40px; overflow:hidden;} #service-item ul li img{width:452px; max-width:none; height:272px;} #service-item ul li:hover section h3{color:#0193de;} #join{display:flex; justify-content:space-between; align-items:center;} #join .item{width:640px;} #join .item h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;} #join .item i{position:relative; display:block; width:48px; height:7px; margin-top:29px; background:#0193de;} #join .item i:after{content:''; position:absolute; right:-7px; top:0; display:block; width:0; height:0; border-left:7px solid #0193de; border-bottom:7px solid transparent;} #join .item h3{height:26px; line-height:26px; margin-top:50px; font-size:23px; overflow:hidden;} #join .item .text{line-height:32px; margin-top:26px; font-size:16px; color:#747576;} #join .img{width:560px; height:362px; border-radius:10px; overflow:hidden;} #join .img img{width:560px; height:362px;} #join-list{margin-top:70px;} #join-list ul{display:flex; flex-wrap:wrap; margin:-28px 0 0 -28px;} #join-list ul li{width:626px; margin:28px 0 0 28px; padding:48px 36px 46px 36px; background:#f7f7f7; border-radius:6px; overflow:hidden;} #join-list ul li h2{position:relative; height:26px; line-height:26px; padding-left:18px; font-size:24px; color:#0193de; overflow:hidden;} #join-list ul li h2:before{content:''; position:absolute; left:0; top:9px; display:block; width:8px; height:8px; background:#0193de; border-radius:50%;} #join-list ul li i{display:block; width:100%; height:0; margin-top:31px; border-bottom:1px dashed #ccc;} #join-list ul li .item{margin-top:32px;} #join-list ul li .item h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;} #join-list ul li .item .text{line-height:30px; margin-top:16px; font-size:15px; color:#696b6d;} #join-list ul li .item .text p{position:relative; padding-left:12px;} #join-list ul li .item .text p:before{content:''; position:absolute; left:0; top:13px; display:block; width:4px; height:4px; background:#696b6d; border-radius:50%;} #join-list ul li .item .mail{line-height:30px; margin-top:24px; font-size:15px; color:#4f4f4f;} /*底部样式*/ #footer{background:#252b39;} #f-left{display:flex;position:relative} #f-qrcode img{display:block; width:170px; height:170px; margin:0 auto;} #f-qrcode h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:rgba(255,255,255,.7); overflow:hidden;} #f-contact{margin-left:32px;} #f-contact dl dd{margin-bottom:22px;} #f-contact dl dd:first-child{margin-bottom:16px;} #f-contact dl dd:last-child{margin-bottom:0;} #f-contact dl dd h3{height:16px; line-height:16px; font-size:14px; color:rgba(255,255,255,.7); overflow:hidden;} #f-contact dl dd h2{height:34px; line-height:34px; margin-top:4px; font-family:'Bahnschrift'; font-size:32px; letter-spacing:2px; color:rgba(255,255,255,.9); overflow:hidden;} #f-contact dl dd h4{height:18px; line-height:18px; margin-top:6px; font-size:15px; color:rgba(255,255,255,.9); overflow:hidden;} #f-line{width:1px; height:324px; background:rgba(255,255,255,.07);} #f-menu{display:flex; padding:60px 0;} #f-menu dl{margin-left:64px;} #f-menu dl:first-child{margin-left:0;} #f-menu dl dt{height:20px; line-height:20px; font-size:17px; color:#fff; overflow:hidden;} #f-menu dl dd{height:16px; line-height:16px; margin-top:18px; font-size:14px; overflow:hidden;} #f-menu dl dt + dd{margin-top:32px;} #f-menu dl dd a{display:block; color:rgba(255,255,255,.5);} #f-menu dl dd:hover a{color:rgba(255,255,255,.9);} #copyright{position:relative; height:73px; line-height:72px; border-top:1px solid rgba(255,255,255,.07); font-size:14px; color:rgba(255,255,255,.5); overflow:hidden;} #copyright a{color:rgba(255,255,255,.5);} #copyright a:hover{color:rgba(255,255,255,.9);} #sidebar{right:20px; top:50%; transform:translateY(-50%); z-index:99;} #sidebar dl dd{position:relative; width:56px; height:56px; margin-top:6px;} #sidebar dl dd:first-child{margin-top:0;} #sidebar dl dd.top{display:none;} #sidebar dl dd a{display:block; width:56px; height:56px; background-repeat:no-repeat; background-position:center; background-color:#97969b; border-radius:4px;} #sidebar dl dd.tel a{background-image:url(img/tel.png);} #sidebar dl dd.feedback a{background-image:url(img/feedback.png);} #sidebar dl dd.wechat a{background-image:url(img/wechat.png);} #sidebar dl dd.consult a{background-image:url(img/consult.png);} #sidebar dl dd.top a{background-image:url(img/top.png); background-color:#0193de;} #sidebar dl dd:hover a{background-color:#0193de;} #sidebar dl dd h3{position:absolute; right:96px; top:50%; transform:translateY(-50%); display:none; height:56px; line-height:56px; padding:0 22px; background:#0193de; border-radius:4px; font-family:'Arial'; font-size:18px; white-space:nowrap; color:#fff;} #sidebar dl dd h3:after{content:''; position:absolute; right:-6px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #0193de;} #sidebar dl dd:hover h3{display:block; animation:sidebar 0.5s; animation-fill-mode:forwards;} #sidebar dl dd section{position:absolute; right:80px; top:50%; transform:translateY(-50%); display:none; width:150px; height:150px; padding:5px; background:#fff; border-radius:4px;} #sidebar dl dd section:after{content:''; position:absolute; right:-6px; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff;} #sidebar dl dd section img{width:140px; height:140px;} #sidebar dl dd:hover section{display:block; animation:sidebar 0.5s; animation-fill-mode:forwards;} @keyframes sidebar{100%{right:66px;}} .n_product .fl01 { overflow: hidden } .n_product .fl01 ul { margin: 0 -1.5rem; margin-bottom: 3rem } .n_product .fl01 ul li { float: left; width: 50%; padding: 0 1.5rem; margin-bottom: 2.375rem } .n_product .fl01 ul li .box { display: block; background: #eceef0; position: relative; overflow: hidden; text-align: center; height: 26.25rem; transition: .6s } .n_product .fl01 ul li .box .bg1 { content: ""; position: absolute; top: 0; bottom: 0; left: 0; background: url(img/tixing_bg2.png) center no-repeat; padding-right: 60%; background-size: 100% 100%; transition: .6s; } .n_product .fl01 ul li .box .bg { content: ""; position: absolute; top: 0; bottom: 0; left: 0; background: url(img/tixing_bg3.png) center no-repeat; padding-right: 60%; background-size: 100% 100%; transition: .6s; transform: translateX(-100%) } .n_product .fl01 ul li .box .top { padding: 0 2rem; position: relative; text-align: left; float: left; width: 18.125rem; height: 100%; } .n_product .fl01 ul li .box .top .top1 { transition: .6s; position: relative; top: 0; } .n_product .fl01 ul li .box .top .box_table { text-align: left } .n_product .fl01 ul li .box h2 img { position: absolute; top: 0; right: 3.125rem } .n_product .fl01 ul li .box .top h6 { height: 32px;width: 96px; line-height: 32px; padding: 0 20px; background: #f5f6f8; border-radius: 16px; font-size: 14px; text-align: center; color: #5b5b5b; overflow: hidden; } .n_product .fl01 ul li .box .top h5 { font-size: 1.75rem; color: #000000; font-weight: bold; line-height: 2.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; } .n_product .fl01 ul li:hover .box .top h6{ background: #fff; color: #000!important;} .n_product .fl01 ul li .box .top p { font-size: 14px; color: #434343; line-height: 24px; height: 48px; margin: 1.5rem 0 3.5rem; } .n_product .fl01 ul li .box .top .anniu_a a { float: left; display: inline-block; font-size: 13px; color: #fff; text-transform: uppercase; text-align: center; transition: .6s; width: 115px; height: 40px; line-height: 40px; margin-top: 0px; background: #0193de; border-radius: 16px 0 16px 0; font-size: 15px; text-align: center; overflow: hidden; } .n_product .fl01 ul li .box .img { width: calc(100% - 18.125rem); display: inline-block; margin: 0 auto; float: right; height: 100%; } .n_product .fl01 ul li .box .img img { max-width: 100%; margin-left: -3rem } .box_table { display: table; table-layout: fixed; text-align: center; width: 100%; height: 100% } .box_table_cell { display: table-cell; vertical-align: middle } .box_table_cell * { white-space: normal; word-wrap: break-word; } body .n_product .fl01 ul li:hover .box .top .anniu_a a{ height: 40px; line-height: 40px; margin-top: 0px; background: #0193de; border-radius: 16px 0 16px 0; font-size: 15px; text-align: center; overflow: hidden;} #page{ display:none;} .sj_product,.sj-application{ display:none;} #tabbar{ display:none;} .sj-zlrz,#about-menu{ display:none;} .xz-pd-tx{ display:flex; justify-content:space-between;} .xz-pd-tx .pd-tx-left{ width:600px;} .xz-pd-tx .pd-tx-right{ width:530px;} @media (max-width:750px){ html{ font-size: 100% !important;} body{font-size:16px;font-size:1rem ;} nav:not(.mm-menu) { display: none; } .wrap-white{padding:0;width:100%; background:#fff;} .wrap-gray{ padding:0;background:#f7f7f6;} .wrapper{padding:1.5rem 1rem;width:100%;} .clear{clear: both;} #header,#top,#sub-nav{ display:none;} #links{ padding: 10px 0px; color: #fff; display: block; font-size: 15px; } #page{ display:block;} .header{ background: #fff; font-weight: bold; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height:70px; padding: 0 18px; border-bottom: 1px solid #eee; position: fixed; z-index: 2000; } .header.fixed { position: fixed; top: 0; left: 0; } .header .menu { background: center center no-repeat transparent; background-image:url(../images/btn.png) ; background-size: 100% auto; display: block; width: 25px; height: 20px; position: absolute; top: 25px; right: 18px; } .logo { margin: auto; height: 50px; padding-top: 8px;} .logo img { height: 50px; width: auto;} #language{ position:absolute; right:3.5rem; top:1.5rem;} #search{width:40%; height:34px; margin-left:0; padding:0 10px; border:1px solid #d2d2d2; border-radius:4px; overflow:hidden; position:absolute; top:1.125rem; left:20%;transform: translateX(16%);} #search .item{height:32px; display:flex; align-items:center;} #search .item input{flex:1; height:18px; line-height:18px; padding:0; background:none; border:none; font-size:14px; color:#707070;} #search .item input::-moz-placeholder{color:#a0a0a0;} #search .item input::-webkit-input-placeholder{color:#a0a0a0;} #search .item input::-ms-input-placeholder{color:#a0a0a0;} #search .item button{width:18px; height:18px; margin-left:10px; padding:0; background:url(img/search.png) no-repeat center; border:none;} #sidebar{ display:none;} #banner{ padding-top:70px; height:17.5rem;} #banner-item, #banner-item ul li, #banner-item ul li a{ width:100%; height:13rem;} #banner-btn dl dd{ width:1.5rem;} #banner-btn dl dd.on{ width:3rem;} #banner-btn{ bottom:1rem;} .title h2{ font-size:1.5rem;} .title p{ width:100%; height:auto; margin-top:1rem;} .title a{ top:0;transform: translateY(0%); width:6.5rem; height:2.5rem; line-height:2.5rem;} #product{ display:none;} .sj_product{ display:block;} .sj_product .swiper-yw{display: block;padding-top: 2rem;height: 20rem;} .sj_product .swiper-wrapper .swiper-slide{float: left; width: 50%;height: 17.5rem;overflow: hidden; border:1px #e5e5e5 solid;} .sj_product .swiper-wrapper .swiper-slide a{display:block; padding:1rem;} .sj_product .swiper-wrapper .swiper-slide span{display:block; width:100%; height:10rem; overflow:hidden;} .sj_product .swiper-wrapper .swiper-slide img{width:100%; max-width:none; height:100%;} .sj_product .swiper-wrapper .swiper-slide section{height:auto; margin-top:1rem; padding:0; overflow:hidden;} .sj_product .swiper-wrapper .swiper-slide section h4{display:flex; justify-content:center; height:32px; overflow:hidden;} .sj_product .swiper-wrapper .swiper-slide section h4 em{height:2rem; line-height:2rem; padding:0 1rem; background:#f5f6f8; border-radius:1rem; font-size:0.875rem; text-align:center; color:#5b5b5b; overflow:hidden;} .sj_product .swiper-wrapper .swiper-slide section h3{height:1.5rem; line-height:1.5rem; margin-top:0.5rem; font-size:1rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #about{ margin-top:2rem; height:28rem;} #about .item{ width:100%; height:28rem; background:none;left:0; padding:1.5rem 1rem 0 1rem; bottom:auto;top:0;} #about .img{ width:100%; height:28rem; right:0;} #about .img img{ width:100%; height:100%;} #about .item .text{ background:rgba(255,255,255,0.9); border-radius:1.5rem; color:#333; padding:1rem; height:13.5rem; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;} #about .item h4{ margin-top:1.5rem;} #about-menu{ display:block;} .about_menu_wrapper{ width:100%; padding:0 1rem;} #about-menu{ margin-top:1.25rem;display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; } #about-menu::-webkit-scrollbar{ display:none;} #about-menu a{height: 3rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible; font-size:0.875rem;background: #eceef0;border-radius: 1rem 0 1rem 0; margin-right:1rem;} #about-menu a.about_sel{background: #0193de; color:#fff;} #technology{ margin-top:1.5rem;} #technology ul li{ width:100%; float:none; height:auto; padding:0; margin:0 0 1rem 0; border-radius:1.25rem;} #technology ul li img{ width:100%; height:15rem;} #technology ul li section{ left:1.25rem;bottom:1rem;} #technology ul li.current, #technology ul li.current img{ width:100%;height:15rem;} #technology ul li section h4{ display:block;margin-top:1rem;} #technology ul li section h3{ margin-top:1rem;} #number{ margin-top:2rem;} #number dl{ flex-wrap:wrap; justify-content:flex-start;} #number dl dd{ width:33.3%; margin-bottom:1rem;} #number dl dd i{ width:5rem; height:5rem; background-size:1.875rem auto;} #number dl dd h2{ margin-top:0.3125rem;} #number dl dd h2 span{ font-size:1.5rem;} #number dl dd h2 em{ font-size:0.875rem;} #number dl dd p{ margin-top:0; padding:0 0.3125rem;} #view-more{ margin:1.25rem auto 0 auto;} #wrap-application{ padding:2rem 0 5rem 0;} #application{ display:none;} .sj-application{ display:block; margin-top:2rem;} .sj-application .Swiper3 .swiper-slide{ width:50%; float:left;position:relative; height:15rem;overflow:hidden;} .sj-application .Swiper3 .swiper-slide span{display:block; width:100%; height:8rem; overflow:hidden;} .sj-application .Swiper3 .swiper-slide img{ width:100%; height:100%;} .sj-application .Swiper3 .swiper-slide i{position:absolute; left:0.5rem; top:6.75rem; display:block; width:3.125rem; height:2.25rem; background-repeat:no-repeat; background-position:center; background-color:#004088; border-radius:16px 0 16px 0; background-size:1.25rem;} .sj-application .Swiper3 .swiper-slide section{height:100%; padding:1.5rem 1rem; background:#fff; overflow:hidden;} .sj-application .Swiper3 .swiper-slide section h3{height:22px; line-height:22px; font-size:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .sj-application .Swiper3 .swiper-slide section p{height:48px; line-height:24px; margin-top:0rem; font-size:14px; color:#787d89;} #news{ display:block; margin-top:1.25rem;} #news-rmd{ width:100%; height:15rem;} #news-rmd img{ width:100%; height:100%; } #news-rmd section{ left:1rem; bottom:1rem; right:1rem;} #news-rmd section h3{ font-size:1rem;} #news-rmd section h4{ margin-top:0.5rem;} #news-item ul li{ width:100%;height:auto; margin:1rem 0 0 0;} #news-item ul li span{ width:100%;height:10rem;} #news-item ul li img{ width:100%; height:100%;} #news-item ul li section{ padding:1.5rem 1rem; height:190px;} #news-item ul li section h3{ font-size:1rem; height:auto;} #news-item ul li section h4{ margin-top:0.5rem;} #partner{ margin-top:1.25rem;} #partner ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap; } #partner ul li{ width:31%; height:4rem; margin:0 0 1rem 0;} #partner ul li img{ width:100%; height:auto;} .noweo-flex{ display:block;} #f-left{ display:block;} #f-qrcode,#f-line,#f-menu{ display:none;} #f-contact{ margin:0;} #copyright{ line-height:1.5rem; text-align:center; height:7rem;} #copyright p a{display:block;} #footer{ margin-bottom:4rem;} #tabbar{ display:block; position:fixed;} #tabbar{left:0; right:0; bottom:0; height:4rem; margin-left:auto; margin-right:auto; padding:0.5rem 0; background:#fff; border-top:0.0625rem solid #e1e1e1; z-index:997;} #tabbar dl dd{float:left; width:25%; height:3rem; text-align:center; position:relative;} #tabbar dl dd a{display:block;} #tabbar dl dd em{display:block; width:100%; height:1.75rem; background-repeat:no-repeat; background-position:center;} #tabbar dl dd em.home{background-image:url(img/sj-home.png); background-size:1.5rem auto;} #tabbar dl dd em.wechat{background-image:url(img/sj-wechat.png); background-size:1.75rem auto;} #tabbar dl dd em.tel{background-image:url(img/sj-tel.png); background-size:1.5rem auto;} #tabbar dl dd em.lx{background-image:url(img/sj-consult-h.png); background-size:1.5rem auto;} #tabbar dl dd h3{height:1.25rem; line-height:1.25rem; margin-top:0rem; font-size:0.875rem; overflow:hidden;} #tabbar dl dd.current em.home,#tabbar dl dd:hover em.home{background-image:url(img/sj-home-h.png);} #tabbar dl dd.current em.wechat,#tabbar dl dd:hover em.wechat{background-image:url(img/sj-wechat-h.png);} #tabbar dl dd.current em.tel,#tabbar dl dd:hover em.tel{background-image:url(img/sj-tel-h.png);} #tabbar dl dd.current em.lx,#tabbar dl dd:hover em.lx{background-image:url(img/sj-consult.png);} #tabbar dl dd.current h3,#tabbar dl dd:hover h3{color:#0193de;} #tabbar dl dd.sj-weixin section{ display:none;} #tabbar dl dd.sj-weixin:hover section{display:block; position:absolute; bottom:4.25rem; left:-0.875rem; width:120px; height:120px;} #tabbar dl dd.sj-weixin section img{ width:100%;height:100%;} .sj-nybanner{ padding-top:70px;} #lm-banner{ height:10rem;} #lm-banner h2{ font-size:1.5rem;} #lm-banner h3{ font-size:0.875rem; margin-top:0.5rem; height:auto;} .lm-title h2{font-size:1.5rem;} #p-menu{ margin-top:1.25rem;display:flex; justify-content:flex-start; flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; } #p-menu::-webkit-scrollbar{ display:none;} #p-menu a{height: 3rem;line-height: 3rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible; font-size:0.875rem} header .w1200, .MainMenu.w1200, #banner li .img .w1200, .n_container .w1200{ padding:0 !important;} .n_product .fl01 ul{ margin:1.25rem 0 0 0;} .n_product .fl01 ul li{ width:100%; padding:0 1rem; background:#eceef0; margin-bottom:1rem;} .n_product .fl01 ul li .box{ display:flex; padding:1.5rem 0 0 0 !important;} .n_product .fl01 ul li .box .top{ padding:0; width:48% !important;} .n_product .fl01 ul li .box .img{width:48% !important; height:12rem; overflow:height;} .n_product .fl01 ul li .box .img img{ margin-left:0;} .n_product .fl01 ul li .box .top h5{font-size:1rem; margin-top:0.5rem;} .n_product .fl01 ul li .box .top p{ margin:0 0 1rem 0;} .n_product .fl01 ul li .box .top .anniu_a a{ margin-bottom:1.25rem; font-size:0.875rem;} .weo-page{ margin-top:1.5rem;} #wrap-product-detail{ padding:0;} #product-detail{ padding:1rem 0;} #pd-slide{ width:100%; height:22rem;} #pd-slide-item{ width:90%; height:18rem;} #pd-slide-item ul li{ width:100%; height:18rem; display:flex; align-items:center;} #pd-slide-item ul li img{ width:100%; height:auto;} #pd-info{ width:100%;} #pd-info h1{ font-size:1.25rem;} #pd-info i{ margin-top:1rem;} #pd-info .item{margin-top:1rem; font-size:0.875rem;} #product-detail > .weo-flex{ padding:0 0.875rem;} #pd-tx{ margin-top:1.25rem;padding:1.25rem 1rem;} #pd-tx h2{font-size:1.25rem; background-size:1.25rem; padding-left:1.875rem;} #pd-tx .item{font-size:0.875rem;} #pd-jg{padding:1.25rem 1rem; margin-top:0rem;} #pd-jg h2{font-size:1.25rem; background-size:1.25rem; padding-left:1.875rem;} #pd-jg .item{ padding:1rem;} #pd-jg .item img{ width:100%; height:auto;} #pd-jc{ margin-top:0rem;padding:1.25rem 1rem;} #pd-jc h2{font-size:1.25rem; background-size:1.25rem; padding-left:1.875rem;} #pd-jc .item img{ width:100%; height:auto;} #pd-application-title{ margin-top:1.5rem;} #pd-application-title h2{ font-size:1.25rem;} #pd-application{ display:none;} .application-list{ margin-top:1.5rem;} .application-list ul{ display:flex; justify-content:space-between; margin:0;} .application-list ul li{ width:48%; margin:0; height:21rem;} .application-list ul li span{ width:100%; height:10rem;} .application-list ul.weo-clear:after{ display:none;} .application-list ul li img{ width:100%; height:100%;} .application-list ul li h3{font-size:1rem; margin-top:1.5rem;} .application-list ul li p{font-size:0.875rem; margin-top:0.5rem;} .application-list ul li h5{ margin-top:1rem;} #location{ height:3rem; line-height:3rem; font-size:0.875rem; padding:0 1rem;} #location .wrapper{padding:0 0 0 1.5rem;} #article-title{ font-size:1.25rem; line-height:2rem;} #article-info{font-size:0.875rem; margin-top:0.5rem;} #article{ margin-top:1.5rem; padding-top:1.5rem;} #patent{ display:none;} .sj-zlrz{ display:block; margin-top:1rem;} .sj-zlrz ul{ display:flex; justify-content:space-between; flex-wrap:wrap;} .sj-zlrz ul li{ width:48%; border:1px #e5e5e5 solid; margin-bottom:1rem;} .sj-zlrz ul li span{ width:90%; height:12rem; display:block; margin:0.625rem auto;} .sj-zlrz ul li span img{ width:100%; height:auto;} .sj-zlrz ul li h3{ font-size:0.875rem; height:auto; line-height:1.5rem; padding:1rem; text-align:center;} #rd-item dl{ display:block;} #rd-item dl dd{ width:100%; height:auto; margin-bottom:2rem;} #rd-item dl dd .rmd{ width:100%;height:15rem;} #rd-item dl dd .rmd img{width:100%;height:100%;} #rd-item dl dd .rmd h3{ font-size:1rem;} #rd-item dl dd .item{ margin-top:1.25rem;} #rd-item dl dd .item ul li{ font-size:0.875rem;} #lm-about{ position:relative;} #lm-about .weo-fl{ width:100%; padding:0; height:auto;} .about-title h3{ font-size:1rem;} .about-title h2{ font-size:1.5rem; margin-top:0rem; } .about-title i{ height:4px; margin-top:1.25rem;} #lm-about .weo-fr{ width:100%; height:10rem; position:absolute; top:7rem; left:0; right:0;} #lm-about .weo-fr img{ width:100%; height:100%;} #lm-about .weo-fl .item{ margin-top:12.5rem;} #lm-about .weo-fl .item .text{ font-size:0.875rem; height:auto;line-height:1.875rem;} #lm-about .weo-fl .item h3{ display:none;} #advantage{ display:block;} #advantage .img{ width:100%; height:15rem;} #advantage .img img{ width:100%; height:100%;} #advantage .item{ width:100%; height:auto; padding:1.5rem 0;} #advantage .item .text{ margin-top:1.5rem; font-size:0.875rem; height:auto; line-height:1.875rem;} #wrap-philosophy{ padding:2rem 0;} #philosophy{ margin-top:2rem;font-size:1.125rem; line-height:2.5rem;} #history-title{ width:100%;} #history-title .text{ padding:1.25rem;} #history-title .item{ width:100%; height:20rem;} #history-title .item img{ width:100%; height:100%;} #history-item{ width:100%;} #history-item ul li h2{font-size:1.25rem;} #history-item ul li i{ margin:-1.875rem 0.5rem;} #history-item ul li section p{ font-size:0.875rem; line-height:1.875rem;} #history-item ul li section p:before{ line-height:26px;} #team .text{ font-size:0.875rem;} #honor-application{ margin-top:1.25rem;} #honor-application ul{ margin:0;} #honor-application ul li{ float:none; width:100%; margin:0 0 1rem 0; height:auto;} #honor-application ul li span{ width:100%; height:15rem;} #honor-application ul li span img{ width:100%; height:100%;} #honor-application ul li h3{ height:3rem; line-height:3rem; text-align:center; padding:0; font-size:1rem;} #honor-application + #view-more{ margin-top:2rem;} #news-list{ margin-top:2rem;} #news-list ul{ margin:0;} #news-list ul li{ float:none; width:100%; height:auto; margin:0 0 1.5rem 0;} #news-list ul li span{ width:100%; height:14rem; } #news-list ul li span img{ width:100%; height:100%;} #news-list ul li i{ display:none;} #news-list ul li h5{ margin-top:1.25rem;} #contact{ position: initial; margin-top:1.5rem; background-size:200% 55%; background-position:-14rem top; height:auto;} #contact .item{position: initial; transform: none; padding:1.25rem 1.5rem;} #contact .item{ left:0; margin-top:12rem;} #contact .item h2{ font-size:1.25rem;} #contact .item i{ margin-top:1rem;} #contact .item dl margin-top:1.25rem;{} #contact .item dl dd h4,#contact .item dl dd h3{ font-size:0.875rem;} #contact .item dl dd{ margin-top:1.25rem;} #support{ display:block;} #support .item{ width:100%;} #support .item h2{ font-size:1.5rem;} #support .item i{ margin-top:1rem; height:4px;} #support .item h3{ font-size:1rem; margin-top:1.25rem;} #support .item .text{ font-size:0.875rem; margin-top:1rem;} #support .img{ width:100%; height:15rem; margin-top:1rem;} #support .img img{ width:100%; height:100%;} #support-icon{ margin-top:2rem;} #support-icon dl{ padding:0; flex-wrap:wrap; justify-content:flex-start} #support-icon dl dd{ width:33.3%; margin-bottom:1rem;} #support-icon dl dd em{ width:5rem; height:5rem; background-size:1.5rem;} #support-icon dl dd h3{ font-size:0.875rem; height:auto; margin-top:0.5rem;} #support-icon:after,#support-icon:before,#support-icon dl:before{ display:none;} #service-text{ display:block;} #service-text .item{ padding-top:0.5rem;} #service-text .item h2{ font-size:1.5rem;} #service-text .item i{ height:4px; margin-top:1rem;} #service-text .text{ width:100%; line-height:1.875rem; height:auto; margin-top:1.25rem;} #wrap-service{ padding:2rem 0;} #service-icon dl{ flex-wrap:wrap;} #service-icon dl dd{ width:48%; text-align:center; margin-bottom:1rem;} #service-icon dl dd em{ width:100%; height:8rem; background-size:60%; background-position:center;} #service-icon dl dd h3{ margin-top:0; font-size:0.875rem;} #service{ display:block;} #service .text{ width:100%;} #service .item{ width:100%; padding-top:2rem; } #service .text h2{font-size:1.5rem;} #service .text p{ margin-top:0.5rem;font-size:0.875rem;} #service .text span{ width:100%; height:17rem; margin-top:1.5rem;} #service .item dl dd{ margin-top:2rem;} #service-item ul li{ display:block;} #service-item ul li section{ width:100%;} #service-item ul li section h3{ font-size:1.5rem;} #service-item ul li section p{ margin-top:1.25rem; height:auto;-webkit-line-clamp:5;} #service-item ul li span{ width:100%; height:13rem; margin-top:1.25rem; display:block;} #service-item ul li img{width:100%; height:100%;} #join{ display:block;} #join .item{width:100%;} #join .item h2{font-size:1.5rem;} #join .item i{ margin-top:1rem; height:4px;} #join .item h3{ font-size:1rem; margin-top:1.25rem;} #join .item .text{ font-size:0.875rem; margin-top:1rem;} #join .img{ width:100%; height:15rem; margin-top:1rem;} #join .img img{ width:100%; height:100%;} #join-list{ margin-top:1.5rem;} #join-list ul{ display:block; margin:0;} #join-list ul li{ width:100%; margin:0 0 1.25rem 0; padding:1.25rem 1rem;} #join-list ul li h2{ font-size:1.25rem;} #join-list ul li i{ margin-top:1.25rem;} #join-list ul li .item{margin-top:1.25rem;} #join-list ul li .item .text{ font-size:0.875rem;} #join-list ul li .item .mail{font-size:0.875rem;} .xz-pd-tx{ display:block; } .xz-pd-tx .pd-tx-left{ width:100%;} .xz-pd-tx .pd-tx-right{ width:100%; height:13rem; margin-top:1.5rem;} .xz-pd-tx .pd-tx-right video{ width:100%; height:100%;} }