/*全局样式*/ @font-face{ font-family:'ArialBlack'; src:url("font/ArialBlack.ttf") format("truetype"); font-weight:normal; font-style:normal; } .building22{display:none} html{overflow-x:hidden;} body,a{color:#333;} .wrapper{width:1600px;} .wrapper.min{width:1400px; position:relative} .wrap-white{background:#fff;} .wrap-white.p1{padding:40px 0;} .wrap-white.p2{padding:20px 0 30px 0;} .wrap-white.p3{padding:60px 0 30px 0;} .wrap-gray{background:linear-gradient(#fff,#f2f2f2);} .wrap-gray.p1{padding:70px 0;} .wrap-gray.p2{padding:60px 0; background:#f1f4f7;} .btn{ color: #8b95a5; padding: 8px 12px; letter-spacing: 1px; border-radius: 2px; background-color: #fff; outline: none !important; -webkit-transition: 0.15s linear; transition: 0.15s linear; border: none; margin-top: 2%; } .new_index_header{display:none;} .ain2 { width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 20px; } .ain3_left { float: left; width: 600px; height: 360px; } .ain3_right { float: right; width: 580px; } .ain3_right h2 {} .ain4{} .ain4 ul li{ float: left; width: 516px;} .ain4_left{ float: left; width: 206px; height: 308px;} .ain4_left h2{ font-size: 16px;} .ain4_left h3{ color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; } .ain3_right h3{ color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px;} /*头部样式*/ .jmgds{ text-align:right; padding-top:10px; margin-top:10px} .jmgds a{ font-size:14px;border-radius:4px; background:#0260ae; padding:8px 18px; color:#fff} #location{position: absolute; left: 0;top:15px} #menu{ position:absolute;right:0; top:5px} #header{position:relative; height:108px; background:#fff;} #header:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:6px; background:#cae1f4;} #header:after{content:''; position:absolute; left:0; top:0; display:block; width:22.5%; height:6px; background:#cdcdcd;} #logo{left:0; top:32px;} #logo img{width:440px; height:50px;} #h-link{right:410px; top:42px;} #h-link ul{display:flex;} #h-link ul li{margin-left:30px;} #h-link ul li:first-child{margin-left:0;} #h-link ul li a{display:flex; align-items:center;} #h-link ul li i{width:30px; height:30px; background-repeat:no-repeat; background-position:center;} #h-link ul li i.oa{background-image:url(img/oa.png);} #h-link ul li i.user{background-image:url(img/user.png);} #h-link ul li span{height:18px; line-height:18px; margin-left:10px; font-size:15px; overflow:hidden;} #h-link ul li a:hover span{color:#0260ae;} #search{right:0; top:36px;} #search input{width:270px; height:42px; line-height:42px; padding:0 18px 0 20px; border-color:#d1d1d1; border-right:none; border-radius:21px 0 0 21px; font-size:15px; color:#464646;} #search input::-moz-placeholder{color:#767676;} #search input::-webkit-input-placeholder{color:#767676;} #search input::-ms-input-placeholder{color:#767676;} #search button{width:110px; height:42px; line-height:42px; padding:0 6px 0 0; background:#0260ae; border:none; border-radius:0 21px 21px 0; font-size:16px; color:#fff;} #search button em{display:inline-block; padding-left:28px; background:url(img/search.png) no-repeat left center;} #nav{height:60px; background:#0260ae;} #nav > ul{display:flex;} #nav > ul > li{position:relative; flex:1; height:60px;} #nav > ul > li:before{content:''; position:absolute; left:0; top:20px; display:block; width:1px; height:20px; background:rgba(255,255,255,.3);} #nav > ul > li:first-child:before{display:none;} #nav > ul > li > a{display:block; height:60px; line-height:60px; font-size:17px; text-align:center; color:#fff;} #nav > ul > li > a > em{display:inline-block; padding-left:42px; background:url(img/home.png) no-repeat left center;} #nav > ul > li.current{background:#0370cb;} #nav > ul > li.current:before,#nav > ul > li.current + li:before{display:none;} #nav > ul > li ul{position:absolute; left:0; right:0; top:60px; transform:translateY(20px); z-index:99; display:none; padding:16px 0; background:rgba(0,0,0,.6); opacity:0; animation:NavSlideUp 0.4s; animation-fill-mode:forwards;} #nav > ul > li:hover ul{display:block;} @keyframes NavSlideUp{100%{transform:none; opacity:1;}} #nav > ul > li ul li{height:44px; line-height:44px; font-size:16px; text-align:center; overflow:hidden;} #nav > ul > li ul li a{display:block; padding:0 24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; transition:letter-spacing 0.2s linear; overflow:hidden;} #nav > ul > li ul li:hover a{letter-spacing:1px; color:#ffed9a; transition:letter-spacing 0.2s linear;} /*首页样式*/ #banner{width:100%; height:674px; overflow:hidden;} #banner .swiper-wrapper{height:674px;} #banner .swiper-slide{width:100%; height:674px;} #banner .swiper-slide img{width:100%; height:674px;} #banner .swiper-pagination{left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto; height:44px; padding:0 30px; background:rgba(0,0,0,.27); border-radius:22px; overflow:hidden;} #banner .swiper-pagination-bullet{width:14px; height:14px; margin:0 0 0 14px; background:rgba(255,255,255,.66); border-radius:50%; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet:first-child{margin-left:0;} #banner .swiper-pagination-bullet-active{background:#e77817;} .title h2{height:16px; line-height:92px; font-family:'ArialBlack'; font-size:128px; text-transform:uppercase; text-align:center; color:#f7f7f7;} .title h4{height:26px; line-height:26px; font-family:'Arial'; font-size:24px; text-transform:uppercase; text-align:center; overflow:hidden;} .title h3{height:42px; line-height:42px; margin-top:6px; font-size:40px; font-weight:bold; text-align:center; color:#0260ae; overflow:hidden;} .title i{display:block; width:44px; height:3px; margin:15px auto 0 auto; background:#e77817;} #wrap-news{padding:40px 0 108px 0; background:url(img/news-bg.jpg) no-repeat top center; background-size:cover;} #wrap-news .title{margin-top:70px;} #wrap-news .title h2{color:#e1e9ed;} #headline{position:relative; display:flex; justify-content:space-between; align-items:center; height:104px; margin-bottom:40px; padding:0 196px 0 54px; background:#fff; border-radius:14px; overflow:hidden;} #headline em{width:65px; height:65px; background:url(img/headline.jpg) no-repeat center;} #headline i{width:2px; height:48px; margin-left:30px; background:#ced1d9;} #headline .item{flex:1; margin-left:48px;} #headline .swiper-container{height:54px; overflow:hidden;} #headline .swiper-wrapper{height:54px;} #headline .swiper-slide{height:54px; overflow:hidden;} #headline .swiper-slide a{display:flex; justify-content:space-between; align-items:center;} #headline .swiper-slide section{flex:1;} #headline .swiper-slide section h3{height:24px; line-height:24px; font-size:22px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #headline .swiper-slide section p{height:18px; line-height:18px; margin-top:12px; font-size:15px; color:#5c5c5c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #headline .swiper-slide span{height:18px; line-height:18px; margin-left:96px; font-family:'Arial'; font-size:16px; color:#999; overflow:hidden;} #headline .swiper-slide:hover section h3{color:#0260ae;} #headline .swiper-button-prev,#headline .swiper-button-next{top:50%; transform:translateY(-50%); width:10px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:10px 16px; cursor:pointer;} #headline .swiper-button-prev:after,#headline .swiper-button-next:after{display:none;} #headline .swiper-button-prev{left:auto; right:90px; background-image:url(img/prev.png);} #headline .swiper-button-next{right:32px; background-image:url(img/next.png);} #headline .swiper-button-prev:hover{background-image:url(img/prev-h.png);} #headline .swiper-button-next:hover{background-image:url(img/next-h.png);} #news-slide{width:642px; height:408px; overflow:hidden;} #news-slide .swiper-container{height:408px; overflow:hidden;} #news-slide .swiper-wrapper{height:408px;} #news-slide .swiper-slide{position:relative; width:642px; height:408px; border-radius:10px; overflow:hidden;} #news-slide .swiper-slide img{width:642px; max-width:none; height:408px; transition:transform 0.3s linear;} #news-slide .swiper-slide h3{position:absolute; left:0; right:0; bottom:0; height:54px; line-height:54px; padding:0 100px 0 18px; background:rgba(0,0,0,.5); font-size:17px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-slide .swiper-slide:hover img{transform:scale(1.05); transition:transform 0.3s linear;} #news-slide .swiper-pagination{left:auto; right:18px; bottom:22px; display:flex; width:auto;} #news-slide .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 8px; background:rgba(255,255,255,.6); border-radius:50%; cursor:pointer; opacity:1;} #news-slide .swiper-pagination-bullet:first-child{margin-left:0;} #news-slide .swiper-pagination-bullet-active{background:#0260ae;} #news-slide .swiper-button-prev,#news-slide .swiper-button-next{top:50%; transform:translateY(-50%); width:38px; height:38px; margin:0; background-repeat:no-repeat; background-position:center; background-size:38px 38px; cursor:pointer; opacity:0.6;} #news-slide .swiper-button-prev:after,#news-slide .swiper-button-next:after{display:none;} #news-slide .swiper-button-prev{left:24px; background-image:url(img/prev1.png);} #news-slide .swiper-button-next{right:24px; background-image:url(img/next1.png);} #news-slide .swiper-button-prev:hover,#news-slide .swiper-button-next:hover{opacity:0.8;} #news{flex:1; height:408px; margin:0 16px; width:590px} #news-tab{position:relative; height:40px;} #news-tab:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#d6d8d7;} #news-tab a{position:absolute; right:0; top:-8px; display:block; width:106px; height:36px; line-height:36px; background:#fff; border-radius:18px; font-size:14px; text-align:center; color:#696969; overflow:hidden;} #news-tab a em{display:inline-block; padding-right:30px; background:url(img/more.png) no-repeat right center;} #news-tab a:hover{background:#0260ae; color:#fff;} #news-tab a:hover em{background-image:url(img/more-h.png);} #news-tab ul{display:flex;} #news-tab ul li{height:40px; line-height:22px; margin-left:20px; padding:0 10px; font-size:20px; font-weight:bold; cursor:pointer; overflow:hidden;} #news-tab ul li:first-child{margin-left:0;} #news-tab ul li:hover{color:#0260ae;} #news-tab ul li.current{position:relative; color:#0260ae;} #news-tab ul li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:1; display:block; height:3px; background:#0260ae;} #news-item{position:relative; height:352px; margin-top:16px; padding:30px 22px; background:#fff;} #news-item:before{content:''; position:absolute; left:-5px; top:-5px; width:52px; height:52px; background:url(img/new.png) no-repeat center;} #news-item .item{display:none;} #news-item .item.current{display:block;} #news-item .rmd{height:86px; overflow:hidden;} #news-item .rmd a{display:flex; justify-content:space-between; align-items:center;} #news-item .rmd .date h4{height:44px; line-height:44px; font-family:'Arial'; font-size:42px; text-align:center; color:#0260ae; overflow:hidden;} #news-item .rmd .date h5{height:20px; line-height:20px; margin-top:8px; font-family:'Arial'; font-size:18px; text-align:center; color:#6b757d; overflow:hidden;} #news-item .rmd i{margin:0 22px 0 20px; width:1px; height:86px; background:#e5e5e5;} #news-item .rmd .text{flex:1;} #news-item .rmd .text h3{height:22px; line-height:22px; font-size:19px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-item .rmd .text p{height:52px; line-height:26px; margin-top:12px; font-size:15px; color:#6f6f6f;} #news-item .rmd:hover .text h3{color:#0260ae;} #news-item .list{height:188px; margin-top:18px; overflow:hidden;} #news-item .list ul li{display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding-top:16px; border-top:1px dashed #dadada;} #news-item .list ul li:first-child{margin-top:0;} #news-item .list ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:16px; font-size:16px; color:#474747; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-item .list ul li a:before{content:''; position:absolute; left:0; top:6px; display:block; width:6px; height:6px; background:#83b7df; border-radius:50%;} #news-item .list ul li span{height:18px; line-height:18px; margin-left:32px; font-family:'Arial'; font-size:16px; color:#999; overflow:hidden;} #news-item .list ul li a:hover{color:#0260ae;} #news-item .list ul li a:hover:before{background:#0260ae;} #about{width:350px; height:408px; overflow:hidden;} #about ul li{position:relative; width:350px; height:196px; margin-top:16px; overflow:hidden;} #about ul li:first-child{margin-top:0;} #about ul li img{width:350px; max-width:none; height:408px; transition:transform 0.3s linear;} #about ul li section{position:absolute; left:0; right:0; top:0; bottom:0; padding:38px 40px 40px 40px; color:#fff; transition:background 0.2s linear; overflow:hidden;} #about ul li section h3{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;} #about ul li section h4{height:18px; line-height:18px; margin-top:12px; font-family:'Arial'; font-size:16px; text-transform:uppercase; overflow:hidden;} #about ul li:hover section{background:rgba(0,0,0,.25); transition:background 0.2s linear;} #about ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #business{height:582px; overflow:hidden;} #business ul li{display:none; height:582px; overflow:hidden;} #business ul li.current{display:block;} #business ul li img{width:100%; height:582px;} #business ul li section{position:absolute; left:60px; top:120px; width:544px; color:#fff;} #business ul li section h2{display:flex; align-items:center;} #business ul li section h2 em{height:58px; line-height:58px; font-family:'ArialBlack'; font-size:72px;} #business ul li section h2 i{flex:1; height:1px; margin-left:20px; background:rgba(255,255,255,.2);} #business ul li section h3{height:42px; line-height:42px; margin-top:24px; font-size:40px; font-weight:bold; overflow:hidden;} #business ul li section p{height:90px; line-height:30px; margin-top:30px; font-size:16px; -webkit-line-clamp:3;} #business ul li section h4{width:170px; height:48px; line-height:46px; margin-top:40px; border:1px solid #fff; font-size:15px; text-align:center; overflow:hidden;} #business ul li section h4 a{display:block; color:#fff; transition:padding-left 0.2s linear;} #business ul li section h4 em{display:inline-block; padding-right:32px; background:url(img/arrow-r.png) no-repeat right center;} #business ul li section h4:hover a{padding-left:20px; transition:padding-left 0.2s linear;} #business-tab{padding:0 60px; height:0} #business-tab .item{position:relative; transform:translateY(-654px); height:132px; background:#fff; box-shadow:0 0 30px rgba(0,0,0,.12); border-radius:10px; overflow:hidden;} #business-tab .item ul{display:flex;} #business-tab .item ul li{position:relative; flex:1; display:flex; justify-content:center; align-items:center; height:132px; cursor:pointer; overflow:hidden;} #business-tab .item ul li:nth-child(2){box-shadow:0 0 30px rgba(0,0,0,.12);} #business-tab .item ul li i{width:70px; height:70px; background-repeat:no-repeat; background-position:center;} #business-tab .item ul li i.b-icon1{background-image:url(img/b-icon1.png);} #business-tab .item ul li i.b-icon2{background-image:url(img/b-icon2.png);} #business-tab .item ul li i.b-icon3{background-image:url(img/b-icon3.png);} #business-tab .item ul li section{margin-left:20px;} #business-tab .item ul li section h3{height:26px; line-height:26px; font-size:23px; font-weight:bold; overflow:hidden;} #business-tab .item ul li section h4{height:20px; line-height:20px; margin-top:10px; font-family:'Arial'; font-size:17px; overflow:hidden;} #business-tab .item ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;} #business-tab .item ul li:hover section h3{color:#0260ae;} #business-tab .item ul li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:4px; background:#e77a1a;} #business-tab .item ul li.current section h3{color:#0260ae;} #performance{display:flex; justify-content:space-between; margin-top:50px;} #performance .left{width:844px; height:608px; overflow:hidden;} #performance .left span{display:block; width:844px; height:544px; overflow:hidden;} #performance .left img{width:844px; max-width:none; height:544px; transition:transform 0.3s linear;} #performance .left h3{height:64px; line-height:64px; padding:0 22px; background:#fff; font-size:19px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #performance .left:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #performance .left:hover h3{color:#0260ae;} #performance .right{width:744px; height:608px; overflow:hidden;} #performance .right ul{display:flex; flex-wrap:wrap;} #performance .right ul li{width:366px; height:298px; margin:12px 0 0 12px; overflow:hidden;} #performance .right ul li:nth-child(-n+2){margin-top:0;} #performance .right ul li:nth-child(2n+1){margin-left:0;} #performance .right ul li span{display:block; width:366px; height:234px; overflow:hidden;} #performance .right ul li img{width:366px; max-width:none; height:234px; transition:transform 0.3s linear;} #performance .right ul li h3{height:64px; line-height:64px; padding:0 22px; background:#fff; font-size:19px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #performance .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #performance .right ul li:hover h3{color:#0260ae;} #building-tab{margin-top:40px;} #building-tab ul{display:flex; justify-content:center;} #building-tab ul li{width:154px; height:48px; line-height:46px; margin-left:18px; border:1px solid #dcdcdc; font-size:16px; text-align:center; cursor:pointer; overflow:hidden;} #building-tab ul li:first-child{margin-left:0;} #building-tab ul li:hover{border-color:#0260ae; color:#0260ae;} #building-tab ul li.current{background:#0260ae; border-color:#0260ae; color:#fff;} .building{margin-top:50px;} .building .item{position:relative; display:none; height:534px;} .building .item.current{display:block;} .building .swiper-container{width:1458px; height:534px; overflow:hidden;} .building .swiper-wrapper{height:534px;} .building .swiper-slide{width:462px; height:534px; overflow:hidden;} .building .swiper-slide span{display:block; width:462px; height:298px; overflow:hidden;} .building .swiper-slide img{width:462px; max-width:none; height:298px; transition:transform 0.3s linear;} .building .swiper-slide section{height:190px; padding:28px 30px 30px 30px; background:#f8f8f8;} .building .swiper-slide section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .building .swiper-slide section h4{height:18px; line-height:18px; margin-top:16px; padding-left:26px; background:url(img/date.png) no-repeat left center; font-family:'Arial'; font-size:16px; color:#828384; overflow:hidden;} .building .swiper-slide section p{height:52px; line-height:26px; margin-top:18px; font-size:15px; color:#666;} .building .swiper-slide section h5{width:102px; height:32px; line-height:30px; margin:22px 0 0 auto; border:1px solid #0260ae; border-radius:16px; font-size:14px; text-align:center; color:#0260ae; overflow:hidden;} .building .swiper-slide:hover img{transform:scale(1.08); transition:transform 0.3s linear;} .building .swiper-slide:hover h3{color:#0260ae;} .building .swiper-button-prev,.building .swiper-button-next{top:50%; transform:translateY(-50%); width:40px; height:96px; margin:0; background-repeat:no-repeat; background-position:center; background-size:14px 24px; background-color:#dcdcdc; cursor:pointer;} .building .swiper-button-prev:after,.building .swiper-button-next:after{display:none;} .building .swiper-button-prev{left:0px; background-image:url(img/prev2.png);} .building .swiper-button-next{right:0px; background-image:url(img/next2.png);} .building .swiper-button-prev:hover,.building .swiper-button-next:hover{background-color:#0260ae;} /*内页样式*/ #lm-banner{display:flex; align-items:center; height:380px; background-repeat:no-repeat; background-position:center; background-size:cover;} #lm-banner.about{background-image:url(img/lm-about.jpg);} #lm-banner.business{background-image:url(img/lm-business.jpg);} #lm-banner.performance{background-image:url(img/lm-performance.jpg);} #lm-banner.announcement{background-image:url(img/lm-announcement.jpg);} #lm-banner.news{background-image:url(img/lm-news.jpg);} #lm-banner.culture{background-image:url(img/lm-culture.jpg);} #lm-banner.contact{background-image:url(img/lm-contact.jpg);} #lm-banner h2{height:50px; line-height:50px; font-size:48px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #lm-banner h3{height:30px; line-height:30px; margin-top:22px; font-family:'Arial'; font-size:28px; text-transform:uppercase; text-align:center; color:#fff; overflow:hidden;} #lm-banner i{display:block; width:112px; height:1px; margin:35px auto 0 auto; background:#fff;} #menu ul{display:flex;} #menu ul li{width:150px; height:45px; line-height:45px; margin-left:16px; background:#efefef; font-size:16px; text-align:center; overflow:hidden;} #menu ul li:first-child{margin-left:0;} #menu ul li a{display:block;} #menu ul li:hover a{color:#0260ae;} #menu ul li.current{position:relative; background:#0260ae;} #menu ul li.current:after{content:''; position:absolute; right:0; bottom:0; display:block; width:0; height:0; border-left:8px solid transparent; border-top:8px solid transparent; border-right:8px solid #fff; border-bottom:8px solid #fff;} #menu ul li.current a{color:#fff;} #menu_honor ul{ display:flex; } #menu_honor ul li{width:150px; height:45px; line-height:45px; margin-left:16px; background:#efefef; font-size:16px; text-align:center; overflow:hidden;} #menu_honor ul li:first-child{margin-left:0;} #menu_honor ul li a{display:block;} #menu_honor ul li:hover a{color:#0260ae;} #menu_honor ul li.current{position:relative; background:#0260ae;} #menu_honor ul li.current:after{content:''; position:absolute; right:0; bottom:0; display:block; width:0; height:0; border-left:8px solid transparent; border-top:8px solid transparent; border-right:8px solid #fff; border-bottom:8px solid #fff;} #menu_honor ul li.current a{color:#fff;} #location{height:18px; line-height:18px; padding-left:26px; background:url(img/home1.png) no-repeat left center; font-size:15px; color:#999; overflow:hidden;} #location a{color:#999;} #location em,#location a:hover{color:#0260ae;} #lm-title{margin-top:88px;} #lm-title h3{display:flex; justify-content:center; align-items:center;} #lm-title h3 em{flex:1; height:6px; border-top:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7;} #lm-title h3 span{height:22px; line-height:22px; margin:0 24px; font-family:'Arial'; font-size:19px; text-transform:uppercase; letter-spacing:4px; overflow:hidden;} #lm-title h2{height:36px; line-height:36px; margin-top:12px; font-size:33px; font-weight:bold; text-align:center; overflow:hidden;} #lm-title i{display:block; width:44px; height:3px; margin:25px auto 0 auto; background:#0260ae;} /*企业概况*/ #number{display:flex; justify-content:space-around; margin-top:100px;} #number .item h3{height:42px; line-height:42px; font-family:'Bebas'; font-size:40px; font-weight:bold; text-align:center; color:#e77817;} #number .item h3 span{font-family:'Bebas';} #number .item h3 em{margin-left:2px; font-family:'Bebas'; font-size:30px;} #number .item h3 em.min{font-size:20px;} #number .item h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; color:#4e4e4e; overflow:hidden;} #number i{width:1px; height:74px; background:#d5d5d5;} #lm-about{display:flex; justify-content:space-between; margin-top:50px;} #lm-about .left{flex:1;} #lm-about .left h2{height:16px; line-height:104px; font-family:'Arial'; font-size:140px; font-weight:bold; text-transform:uppercase; color:#f3f5f7;} #lm-about .left h3{height:42px; line-height:42px; font-size:40px; font-weight:bold; color:#0260ae; overflow:hidden;} #lm-about .left h4{height:30px; line-height:30px; margin-top:16px; font-size:28px; font-weight:bold; overflow:hidden;} #lm-about .left i{position:relative; display:block; width:56px; height:8px; margin-top:38px; background:#0260ae;} #lm-about .left i:after{content:''; position:absolute; right:0; bottom:0; display:block; width:0; border-left:4px solid transparent; border-top:4px solid transparent; border-right:4px solid #fff; border-bottom:4px solid #fff;} #lm-about .left .text{line-height:30px; margin-top:40px; font-size:15px; color:#646464;} #lm-about .left .text p{margin-top:20px; text-indent:30px;} #lm-about .left .text p:first-child{margin-top:0;} #lm-about .right{position:relative; width:520px; height:660px; margin-left:60px; } #lm-about .right img{width:504px; height:520px;} #lm-about .right p img{ width:504px; height:900px; } #wrap-history{padding:30px 0 150px 0; background:url(img/history-bg.jpg) no-repeat bottom 60px center #fff;} #history{position:relative; margin-top:90px;} #history:before{content:''; position:absolute; left:30px; right:30px; top:79px; display:block; height:2px; background:#b5b5b5;} #history .swiper-button-prev,#history .swiper-button-next{top:61px; width:20px; height:38px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 38px; cursor:pointer; opacity:1;} #history .swiper-button-prev:after,#history .swiper-button-next:after{display:none;} #history .swiper-button-prev{left:0; background-image:url(img/prev5.png);} #history .swiper-button-next{right:0; background-image:url(img/next5.png);} #history .swiper-button-prev:hover{background-image:url(img/prev5-h.png);} #history .swiper-button-next:hover{background-image:url(img/next5-h.png);} #history-thumb{width:1260px; margin:0 auto;} #history-thumb .swiper-container{height:92px; overflow:hidden;} #history-thumb .swiper-wrapper{height:92px;} #history-thumb .swiper-slide{width:210px; height:92px; cursor:pointer; overflow:hidden;} #history-thumb .swiper-slide h3{height:34px; line-height:34px; font-family:'Bebas'; font-size:32px; text-align:center; color:#0260ae; overflow:hidden;} #history-thumb .swiper-slide em{position:relative; z-index:1; display:block; width:24px; height:24px; margin:34px auto 0 auto; background:#fff; border:2px solid #b5b5b5; border-radius:50%;} #history-thumb .swiper-slide em:after{content:''; position:absolute; left:3px; right:3px; top:3px; bottom:3px; display:block; background:#b5b5b5; border-radius:50%;} #history-item{margin-top:90px;} #history-thumb .swiper-slide-thumb-active em{border-color:#0260ae;} #history-thumb .swiper-slide-thumb-active em:after{background:#0260ae;} #history-item .swiper-container{height:356px; overflow:hidden;} #history-item .swiper-wrapper{height:356px;} #history-item .swiper-slide{display:flex; justify-content:space-between; align-items:center; height:356px; overflow:hidden;} #history-item .swiper-slide .left{width:528px; height:356px; border-radius:8px; overflow:hidden;} #history-item .swiper-slide .left img{width:528px; max-width:none; height:356px;} #history-item .swiper-slide .right{flex:1; margin-left:50px;} #history-item .swiper-slide .right h2{height:38px; line-height:38px; font-family:'Bebas'; font-size:36px; color:#0260ae; overflow:hidden;} #history-item .swiper-slide .right h3{height:26px; line-height:26px; margin-top:24px; font-size:24px; overflow:hidden;} #history-item .swiper-slide .right p{height:210px; line-height:30px; margin-top:30px; font-size:15px; color:#656565; -webkit-line-clamp:7;} #honor-list{margin-top:50px;} #honor-list ul{display:flex; flex-wrap:wrap;} #honor-list ul li{position:relative; width:440px; height1:300px; margin:40px 0 0 40px; overflow:hidden;} #honor-list ul li:nth-child(-n+3){margin-top:0;} #honor-list ul li:nth-child(3n+1){margin-left:0;} #honor-list ul li span{display:block; width:440px; height:254px; border:8px solid #e5e5e5; overflow:hidden;} #honor-list ul li img{width:424px; height:238px;} #honor-list ul li h3{height:18px; line-height:18px; margin-top:20px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #honor-list ul li:hover h3{color:#0260ae;} #wrap-organization{padding:30px 0 150px 0; background:url(img/organization-bg.jpg) no-repeat bottom 60px center #fff;} #organization{margin-top:50px;} #organization img{display:block; margin:0 auto;} #environment-list{margin-top:50px;} #environment-list ul{display:flex; flex-wrap:wrap;} #environment-list ul li{position:relative; width:440px; height:300px; margin:40px 0 0 40px; overflow:hidden;} #environment-list ul li:nth-child(-n+3){margin-top:0;} #environment-list ul li:nth-child(3n+1){margin-left:0;} #environment-list ul li img{width:440px; max-width:none; height:300px; transition:transform 0.3s linear;} #environment-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:52px; line-height:52px; padding:0 18px; background:rgba(0,0,0,.5); font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #environment-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #image-preview{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:1080px; padding:60px 140px; background:rgba(255,255,255,1); border-radius:10px; overflow:hidden;} #image-preview .swiper-pagination{position:absolute; left:40px; top:30px; width:auto; height:16px; line-height:16px; margin:0; font-size:14px; color:#fff;} #image-preview .close{position:absolute; right:40px; top:30px; width:30px; height:30px; background:url(img/close1.png) no-repeat center; cursor:pointer;} #image-preview .swiper-button-prev,#image-preview .swiper-button-next{top:50%; width:32px; height:32px; margin:0; background-repeat:no-repeat; background-position:center; background-size:32px 32px; cursor:pointer; opacity:1;outline: none;} #image-preview .swiper-button-prev:after,#image-preview .swiper-button-next:after{display:none;} #image-preview .swiper-button-prev{left:60px; background-image:url(img/prev4.png);} #image-preview .swiper-button-next{right:60px; background-image:url(img/next4.png);} #image-preview .swiper-container{width:800px; height:592px; overflow:hidden;} #image-preview .swiper-wrapper{height:592px;} #image-preview .swiper-slide{width:800px; height:592px; overflow:hidden;} #image-preview .swiper-slide h3{height:18px; line-height:18px; font-size:22px; text-align:center; color:#000; white-space:nowrap; text-overflow:ellipsis; } #image-preview .swiper-slide img{display:block; width:800px; height:544px; margin-top:30px;} #image-preview .swiper-container.honor{height:498px;} #image-preview .swiper-container.honor .swiper-wrapper{height:498px;} #image-preview .swiper-container.honor .swiper-slide{height:498px;} #image-preview .swiper-container.honor .swiper-slide img{height:450px;} /*主营业务*/ #lm-line{height:1px; margin-top:74px; background:#dbdbdb;} #business-list{margin-top:50px;} #business-list ul li{height:420px; margin-top:50px; overflow:hidden;} #business-list ul li:first-child{margin-top:0;} #business-list ul li a{display:flex; justify-content:space-between; align-items:center;} #business-list ul li:nth-child(even) a{flex-direction:row-reverse;} #business-list ul li .img{width:660px; height:420px; overflow:hidden;} #business-list ul li .img img{width:660px; max-width:none; height:420px; transition:transform 0.3s linear;} #business-list ul li .item{flex:1; padding:62px 50px; background:url(img/b-logo.png) no-repeat right 40px bottom 50px #ececec; overflow:hidden;} #business-list ul li .item h3{display:flex; align-items:flex-end;} #business-list ul li .item h3 span{height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;} #business-list ul li .item h3 em{height:20px; line-height:20px; margin-left:8px; font-family:'Arial'; font-size:18px; text-transform:uppercase; color:#798189; overflow:hidden;} #business-list ul li .item i{display:block; width:48px; height:3px; margin-top:25px; background:#e88126;} #business-list ul li .item p{height:120px; line-height:30px; margin-top:30px; font-size:15px; color:#585858; -webkit-line-clamp:4;} #business-list ul li .item h4{width:144px; height:44px; line-height:44px; margin-top:44px; background:#0260ae; border-radius:22px; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #business-list ul li .item h4 em{display:inline-block; padding-right:22px; background:url(img/arrow-r1.png) no-repeat right center;} #business-list ul li:hover .img img{transform:scale(1.08); transition:transform 0.3s linear;} #business-list ul li:hover .item h3{color:#0260ae;} #business-detail{margin-top:60px; background:url(img/b-logo.png) no-repeat right top 20px;} #business-detail h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; text-align:center; overflow:hidden;} #business-detail h3{height:20px; line-height:20px; margin-top:14px; font-family:'Arial'; font-size:18px; text-transform:uppercase; text-align:center; color:#798189; overflow:hidden;} #business-detail i{display:block; width:48px; height:3px; margin:29px auto 0 auto; background:#e88126;} #business-detail .item{line-height:32px; margin-top:40px; font-size:16px; color:#666;} /*业绩展示*/ #performance-list{margin-top:50px;} #performance-list ul{display:flex; flex-wrap:wrap;} #performance-list ul li{width:440px; height:340px; margin:40px 0 0 40px; background:#f2f2f2; overflow:hidden;} #performance-list ul li:nth-child(-n+3){margin-top:0;} #performance-list ul li:nth-child(3n+1){margin-left:0;} #performance-list ul li a{display:block; padding:12px;} #performance-list ul li span{display:block; width:416px; height:260px; border:8px solid #fff; border-bottom:none; overflow:hidden;} #performance-list ul li img{width:400px; max-width:none; height:252px; transition:transform 0.3s linear;} #performance-list ul li h3{height:56px; line-height:56px; padding:0 20px; background:#fff; font-size:16px; text-align:center; color:#383838; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #performance-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #performance-list ul li:hover h3{color:#0260ae;} #performance-detail{left:50%; top:50%; transform:translate(-50%,-50%); display:none;} #performance-detail .item{display:flex; display:flex; justify-content:space-between; align-items:center; padding:60px 40px; background:#fff; border-radius:14px; overflow:hidden;} #performance-detail .close{position:absolute; right:20px; top:20px; width:30px; height:30px; background:url(img/close1.png) no-repeat center; cursor:pointer;} #performance-detail .close:hover{background-image:url(img/close1-h.png);} #image-preview .close:hover{background-image:url(img/close1-h.png);} #performance-detail .left{width:576px; height:368px; border-radius:8px; overflow:hidden;} #performance-detail .left img{width:576px; height:368px;} #performance-detail .right{flex:1; margin-left:40px;} #performance-detail .right h2{height:30px; line-height:30px; font-size:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #performance-detail .right .text{height:224px; line-height:28px; margin-top:30px; font-size:15px; color:#646464; overflow:hidden;} #performance-detail .right .prev-next{display:flex; justify-content:space-between; margin-top:36px;} #performance-detail .right .prev-next a{max-width:calc((100% - 40px) / 2); height:32px; line-height:32px; font-size:15px; color:#3e3e3e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #performance-detail .right .prev-next a.prev{padding-left:44px; background:url(img/prev4.png) no-repeat left center;} #performance-detail .right .prev-next a.next{padding-right:44px; background:url(img/next4.png) no-repeat right center;} #performance-detail .right .prev-next a:hover{color:#0260ae;} #performance-detail .right .prev-next a.prev:hover{background-image:url(img/prev4-h.png);} #performance-detail .right .prev-next a.next:hover{background-image:url(img/next4-h.png);} #image-preview .swiper-button-prev:hover{background-image:url(img/prev4-h.png);} #image-preview .swiper-button-next:hover{background-image:url(img/next4-h.png);} /*信息公告*/ #announcement-search{width:886px; margin:50px auto 0 auto;} #announcement-search input{flex:1; height:48px; line-height:48px; padding:0 16px 0 48px; background:url(img/search1.png) no-repeat left 16px center; border-color:#0260ae; border-radius:0; border-right:none; font-size:16px; color:#464646;} #announcement-search input::-moz-placeholder{color:#767676;} #announcement-search input::-webkit-input-placeholder{color:#767676;} #announcement-search input::-ms-input-placeholder{color:#767676;} #announcement-search button{width:148px; height:48px; line-height:48px; background:#0260ae; border:none; border-radius:0; font-size:16px; color:#fff;} #announcement-list{margin-top:60px;} #announcement-list ul li{display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #d2d2d2;} #announcement-list ul li:first-child{margin-top:0;} #announcement-list ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:14px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #announcement-list ul li a:before{content:''; position:absolute; left:0; top:7px; display:block; width:4px; height:4px; background:#0260ae;} #announcement-list ul li span{height:18px; line-height:18px; margin-left:40px; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;} #announcement-list ul li a:hover{color:#0260ae;} /*.weo-page{margin-top:60px;} .weo-page a{min-width:40px; height:40px; line-height:38px; margin-left:10px; padding:0 14px; background:#f5f5f5; border-color:#dcdcdc; border-radius:0; font-size:15px; color:#464646;} .weo-page a:hover{border-color:#0260ae; color:#0260ae;} .weo-page a.count{border-color:#dcdcdc; color:#464646;} .weo-page a.weo-page-on{background:#0260ae; border-color:#0260ae; color:#fff;} */ .page_s { height: 60px; text-align: center; margin-bottom: 10px; margin-top: 26px; } .digg { padding-top: 30px; } .digg li{ display:inline-block; min-width:14px; height:44px; line-height:44px; margin:0 4px; padding:0 16px; background:#fff; border:1px solid #d6d6d6; border-radius:2px; font-size:14px; color:#767676; } .digg .page-item a{ border: none; padding: 0px; } .digg .page-item a:hover { /*background-color: #015196;*/ color: #0370cb; } .digg .page-item a:active { background-color: #0370cb; color:#fff; } .digg li.active { margin:2px; padding: 1px 18px; background-color: #0370cb; color: #fff; text-decoration: none; } /*新闻中心*/ #news-list{margin-top:50px;} #news-list ul li { height: 167px; margin-top: 00px; overflow: hidden; } #news-list ul li:first-child{margin-top:0;} #news-list ul li a{display:flex;} #news-list ul li .img{width:320px; height:206px; overflow:hidden;} #news-list ul li .img img{width:320px; max-width:none; height:206px; transition:transform 0.3s linear;} #news-list ul li .item{flex:1; display:flex; justify-content:space-between; align-items:center; height:166px; border-bottom:1px solid #e8e8e8; border-left:none; overflow:hidden;} #news-list ul li .item .date{width: 90px; margin-right: 30px; text-align: center; background-color: #eeeeee; height: 110px; padding-top: 20px; color: #037bc4; transition: .3s;} #news-list ul li .item .date h4{height:48px; line-height:48px; font-family:'Arial'; font-size:46px; font-weight:bold; text-align:center; color:#0370cb; overflow:hidden;} #news-list ul li .item .date h5{height:18px; line-height:18px; margin-top:2px; font-family:'Arial'; font-size:15px; text-align:center; color:#0370cb; overflow:hidden;} #news-list ul li .item i{width:1px; height:105px; background:#e8e8e8;} #news-list ul li .item .text{flex:1; padding:0 40px; padding-top:10px;width: 71%;} #news-list ul li .item .text h3{height:22px; line-height:22px; font-size:19px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-list ul li .item .text p{height: 25px; line-height: 25px; margin-top: 6px; font-size: 15px; color: #818181; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block;} #news-list ul li .item .text h4{display:block; justify-content:space-between; align-items:center; margin-top:16px;} #news-list ul li .item .text h4 span{height:18px; line-height:18px; padding-left:24px; font-family:'Arial'; font-size:14px; color:#848484; overflow:hidden;} #news-list ul li .item .text h4 span:nth-child(1){ background:url(img/t1.png) no-repeat left center;} #news-list ul li .item .text h4 span:nth-child(2){ background:url(img/t2.png) no-repeat left center; margin-left:30px} #news-list ul li .item .text h4 em{width:110px; height:36px; line-height:36px; background:#0260ae; font-size:14px; text-align:center; color:#fff; overflow:hidden;display: block; float: right;} #news-list ul li:hover .img img{transform:scale(1.08); transition:transform 0.3s linear;} #news-list ul li:hover .item{background:#fbfbfb;} #news-list ul li:hover .item .text h3{color:#0260ae;} #news-list ul li:hover .item .date{ background:#0370cb; color:#fff} #news-list ul li:hover .item .date h4{ color:#fff} #news-list ul li:hover .item .date h5{ color:#fff} #news-detail{display:flex; width:1100px; margin:0 auto;margin-top:60px;} #news-detail .left{width:328px;} #news-detail .left section h2{height:58px; line-height:58px; font-family:'ArialBlack'; font-size:80px; text-transform:uppercase; color:#eee;} #news-detail .left section h3{height:26px; line-height:26px; margin-top:36px; font-size:24px; font-weight:bold; overflow:hidden;} #news-detail .left .rmd{margin-top:24px; padding-bottom:22px; border-bottom:1px solid #d1d1d1;} #news-detail .left .rmd span{display:block; width:328px; height:212px; overflow:hidden;} #news-detail .left .rmd img{width:328px; max-width:none; height:212px; transition:transform 0.3s linear;} #news-detail .left .rmd h3{max-height:52px; line-height:26px; margin-top:14px; font-size:16px; color:#474747;} #news-detail .left .rmd h4{height:18px; line-height:18px; margin-top:12px; font-family:'Arial'; font-size:16px; color:#787878; overflow:hidden;} #news-detail .left .rmd:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #news-detail .left .rmd:hover h3{color:#0260ae;} #news-detail .left .item{margin-top:30px;} #news-detail .left .item ul li{height:18px; line-height:18px; margin-top:20px; font-size:16px; overflow:hidden;} #news-detail .left .item ul li:first-child{margin-top:0;} #news-detail .left .item ul li a{position:relative; display:block; padding-left:14px; color:#474747; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-detail .left .item ul li a:before{content:''; position:absolute; left:0; top:7px; display:block; width:4px; height:4px; background:#474747;} #news-detail .left .item ul li:hover a{color:#0260ae;} #news-detail .left .item ul li:hover a:before{background:#0260ae;} #news-detail .toutiao{margin-left:0px !important; padding-left:0px !important; border-left:none !important;} #news-detail .right{flex:1; margin-left:50px; padding-left:49px; border-left:1px solid #d1d1d1;} #news-detail .right #news-title{line-height:38px; font-size:28px; font-weight:bold} #news-detail .right #news-info{height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#5c5c5c;} #news-detail .right #news-info em{display:inline-block; padding-left:30px; background:url(img/view.png) no-repeat left center; color:#848484;} #news-detail .right #news-article{line-height:32px; margin-top:50px; padding-top:50px; border-top:1px solid #d1d1d1; font-size:16px; color:#585858;} #news-prev-next{display:flex; align-items:center; height:82px; margin-bottom:60px; background:#8a9caa;} #news-prev-next p,#news-prev-next p a{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; font-size:16px; color:#fff;} #news-prev-next a:hover{text-decoration:underline;} #news-info span{ font-size:14px; padding-left:24px; float:left;} #news-info span:nth-child(1){background: url(img/t1.png) no-repeat left center;} #news-info span:nth-child(2){background: url(img/t2.png) no-repeat left center; margin-left:30px} .bshare-custom{ float:left; margin-left:40px} /*企业文化*/ #wrap-culture{display:flex; align-items:center; height:380px; background:url(img/culture-bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} #wrap-culture h2{height:36px; line-height:36px; font-size:34px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #wrap-culture .item{margin-top:70px;} #wrap-culture .item ul{display:flex; justify-content:space-between;} #wrap-culture .item ul li{width:calc((100% - 320px) / 5);} #wrap-culture .item ul li i{display:block; width:72px; height:72px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #wrap-culture .item ul li i.cul-icon1{background-image:url(img/cul-icon1.png);} #wrap-culture .item ul li i.cul-icon2{background-image:url(img/cul-icon2.png);} #wrap-culture .item ul li i.cul-icon3{background-image:url(img/cul-icon3.png);} #wrap-culture .item ul li i.cul-icon4{background-image:url(img/cul-icon4.png);} #wrap-culture .item ul li i.cul-icon5{background-image:url(img/cul-icon5.png);} #wrap-culture .item ul li h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #wrap-culture .item ul li p{height: 56px; line-height: 22px; margin-top: 15px; font-size: 15px; text-align: center; color: #fff;} #wrap-culture .item ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;} #culture-rmd h2{display:flex; justify-content:space-between; align-items:center;} #culture-rmd h2 span{height:36px; line-height:36px; font-size:34px; font-weight:bold; overflow:hidden;} #culture-rmd h2 a{width:180px; height:52px; line-height:50px; border:1px solid #0260ae; border-radius:8px; font-size:17px; text-align:center; color:#0260ae;} #culture-rmd h2 a em{display:inline-block; padding-right:38px; background:url(img/next4-h.png) no-repeat right center; background-size:24px 24px;} #culture-rmd .item{display:flex; justify-content:space-between; margin-top:40px;} #culture-rmd .left{width:642px; height:408px; overflow:hidden;} #culture-rmd .left .swiper-container{height:408px; overflow:hidden;} #culture-rmd .left .swiper-wrapper{height:408px;} #culture-rmd .left .swiper-slide{position:relative; width:642px; height:408px; border-radius:10px; overflow:hidden;} #culture-rmd .left .swiper-slide img{width:642px; max-width:none; height:408px; transition:transform 0.3s linear;} #culture-rmd .left .swiper-slide h3{position:absolute; left:0; right:0; bottom:0; height:54px; line-height:54px; padding:0 100px 0 18px; background:rgba(0,0,0,.5); font-size:17px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #culture-rmd .left .swiper-slide:hover img{transform:scale(1.05); transition:transform 0.3s linear;} #culture-rmd .left .swiper-pagination{left:auto; right:18px; bottom:22px; display:flex; width:auto;} #culture-rmd .left .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 8px; background:rgba(255,255,255,.6); border-radius:50%; cursor:pointer; opacity:1;} #culture-rmd .left .swiper-pagination-bullet:first-child{margin-left:0;} #culture-rmd .left .swiper-pagination-bullet-active{background:#0260ae;} #culture-rmd .left .swiper-button-prev,#culture-rmd .left .swiper-button-next{top:50%; transform:translateY(-50%); width:38px; height:38px; margin:0; background-repeat:no-repeat; background-position:center; background-size:38px 38px; cursor:pointer; opacity:0.6;} #culture-rmd .left .swiper-button-prev:after,#culture-rmd .left .swiper-button-next:after{display:none;} #culture-rmd .left .swiper-button-prev{left:24px; background-image:url(img/prev1.png);} #culture-rmd .left .swiper-button-next{right:24px; background-image:url(img/next1.png);} #culture-rmd .left .swiper-button-prev:hover,#news-slide .swiper-button-next:hover{opacity:0.8;} #culture-rmd .right{flex:1; height:408px; margin-left:16px; padding:36px 32px 38px 32px; background:#fff; border-radius:10px; overflow:hidden;} #culture-rmd .right .rmd{height:122px; overflow:hidden;} #culture-rmd .right .rmd h3{height:22px; line-height:22px; font-size:19px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #culture-rmd .right .rmd h4{height:18px; line-height:18px; margin-top:16px; font-family:'Arial'; font-size:16px; color:#6f6f6f; overflow:hidden;} #culture-rmd .right .rmd p{height:52px; line-height:26px; margin-top:14px; font-size:15px; color:#6f6f6f;} #culture-rmd .right .rmd:hover h3{color:#0260ae;} #culture-rmd .right .list{height1:188px; margin-top:27px; padding-top:28px; border-top:1px dashed #dcdcdc; overflow:hidden;} #culture-rmd .right .list ul li{display:flex; justify-content:space-between; align-items:center; margin-top:28px; } #culture-rmd .right .list ul li:first-child{margin-top:0;} #culture-rmd .right .list ul li a{position:relative; flex:1; height:18px; line-height:18px; padding-left:14px; font-size:16px; color:#474747; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #culture-rmd .right .list ul li a:before{content:''; position:absolute; left:0; top:7px; display:block; width:4px; height:4px; background:#a9a9a9;} #culture-rmd .right .list ul li span{height:18px; line-height:18px; margin-left:32px; font-family:'Arial'; font-size:16px; color:#999; overflow:hidden;} #culture-rmd .right .list ul li a:hover{color:#0260ae;} #culture-rmd .right .list ul li a:hover:before{background:#0260ae;} #culture-news{display:flex; justify-content:space-between;} #culture-news .left{flex:1;} #culture-news .right{flex:1; margin-left:50px;} #culture-news h2{display:flex; justify-content:space-between; align-items:center;} #culture-news h2 span{height:36px; line-height:36px; font-size:34px; font-weight:bold; overflow:hidden;} #culture-news h2 a{width:180px; height:52px; line-height:50px; border:1px solid #0260ae; border-radius:8px; font-size:17px; text-align:center; color:#0260ae;} #culture-news h2 a em{display:inline-block; padding-right:38px; background:url(img/next4-h.png) no-repeat right center; background-size:24px 24px;} #culture-news .item{margin-top:40px;} #culture-news .item ul li{height:228px; margin-top:30px; background:#eceff3; overflow:hidden;} #culture-news .item ul li:first-child{margin-top:0;} #culture-news .item ul li a{display:flex; justify-content:space-between; align-items:center; padding:24px 24px 24px 30px;} #culture-news .item ul li section{flex:1; margin-right:30px;} #culture-news .item ul li section h3{height:60px; line-height:30px; font-size:19px;} #culture-news .item ul li section p{height:52px; line-height:26px; margin-top:12px; font-size:15px; color:#656565;} #culture-news .item ul li section h4{height:18px; line-height:18px; margin-top:24px; font-family:'Arial'; font-size:16px; color:#757575; overflow:hidden;} #culture-news .item ul li span{display:block; width:270px; height:180px; overflow:hidden;} #culture-news .item ul li img{width:270px; max-width:none; height:180px; transition:transform 0.3s linear;} #culture-news .item ul li:hover section h3{color:#0260ae;} #culture-news .item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} /*联系我们*/ #job-info{display:flex; height:62px; margin-top:50px; background:#d6dde3; border:1px solid #d6dde3; overflow:hidden;} #job-info span{width:168px; height:60px; line-height:60px; padding:0 20px; font-size:17px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #job-info span:first-child{flex:1; padding-left:50px; text-align:left;} #job-list{margin-top:20px;} #job-list ul li{margin-top:20px; background:#fafafa; border:1px solid #d5d5d5; overflow:hidden;} #job-list ul li:first-child{margin-top:0;} #job-list ul li .info{display:flex;} #job-list ul li .info span{width:168px; height:60px; line-height:60px; padding:0 20px; font-size:16px; text-align:center; color:#585757; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #job-list ul li .info span:first-child{flex:1; padding-left:50px; text-align:left;} #job-list ul li .info span.more{display:flex; justify-content:center; align-items:center; cursor:pointer;} #job-list ul li .info span.more em{color:#0260ae;} #job-list ul li .info span.more i{width:0; height:0; margin-left:8px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #0260ae;} #job-list ul li .item{position:relative; display:none; line-height:36px; padding:20px 50px 40px 50px; font-size:16px; color:#6d6d6d;} #job-list ul li .item:before{content:''; position:absolute; left:30px; right:30px; top:0; display:block; height:1px; background:#d5d5d5;} #job-list ul li .item em{color:#333;} #job-list ul li.current .item{display:block;} #expert-step{margin-top:50px;} #expert-step ul{display:flex; justify-content:center;} #expert-step ul li{position:relative; width:288px;} #expert-step ul li:before{content:''; position:absolute; left:0; right:186px; top:29px; display:block; height:6px; background:#f1f1f1; border-radius:0 3px 3px 0;} #expert-step ul li:first-child:before{display:none;} #expert-step ul li:after{content:''; position:absolute; left:186px; right:0; top:29px; display:block; height:6px; background:#f1f1f1; border-radius:3px 0 0 3px;} #expert-step ul li:last-child:after{display:none;} #expert-step ul li em{display:block; width:64px; height:64px; line-height:52px; margin:0 auto; background:#c9c9c9; border:6px solid rgba(255,255,255,.8); border-radius:50%; font-family:'Arial'; font-size:26px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #expert-step ul li h3{height:20px; line-height:20px; margin-top:16px; font-size:18px; font-weight:bold; text-align:center; color:#0260ae; overflow:hidden;} #expert-step ul li.current em{background:#0260ae;} #expert-step ul li.current:before,#expert-step ul li.current:after{background:#0260ae;} #expert{margin-top:60px;} #expert ul li{display:flex; justify-content:center; margin-top:10px;} #expert ul li:first-child{margin-top:0;} #expert ul li:last-child{margin-top:40px;} #expert ul li .text{width:96px; height:40px; line-height:40px; font-size:15px; text-align:right; color:#383838; overflow:hidden;} #expert ul li .text em{color:#ff1200;} #expert ul li .item{width:466px; margin-left:10px;} #expert ul li .item .input input{display:block; width:100%; height:40px; line-height:40px; padding:0 16px; background:#fafafa; border-color:#c9c9c9; border-radius:2px; font-size:15px; color:#484848;} #expert ul li .item .input input.date{padding-right:52px; background:url(img/date1.png) no-repeat right 16px center #fafafa;} #expert ul li .item .input input::-moz-placeholder{color:#ababab;} #expert ul li .item .input input::-webkit-input-placeholder{color:#ababab;} #expert ul li .item .input input::-ms-input-placeholder{color:#ababab;} #expert ul li .item .radio{display:flex; align-items:center; height:50px;} #expert ul li .item .radio label{display:flex; align-items:center; margin-left:20px; cursor:pointer;} #expert ul li .item .radio label:first-child{margin-left:0;} #expert ul li .item .radio label input{width:22px; height:22px; border:1px solid #c9c9c9; border-radius:50%; appearance:none; -webkit-appearance:none; cursor:pointer;} #expert ul li .item .radio label span{height:18px; line-height:18px; margin-left:10px; font-size:15px; color:#484848; overflow:hidden;} #expert ul li .item .radio label:hover input{border-color:#0260ae;} #expert ul li .item .radio label input:checked{background:url(img/check.png) no-repeat center #0260ae; border-color:#0260ae;} #expert ul li .item .upload{position:relative; width:114px; height:114px; padding:20px 0 18px 0; background:#fafafa; border:1px solid #c9c9c9; border-radius:4px; cursor:pointer; overflow:hidden;} #expert ul li .item .upload i{display:block; width:48px; height:44px; margin:0 auto; background:url(img/upload.png) no-repeat center;} #expert ul li .item .upload h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#5f5f5f; overflow:hidden;} #expert ul li .item .upload input{position:absolute; left:0; right:0; top:0; bottom:0; display:block; opacity:0;} #expert ul li .item .upload .img{position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:#fafafa; cursor:pointer; overflow:hidden;} #expert ul li .item .upload .img img{width:112px; height:112px;} #expert ul li .item .upload .img h4{position:absolute; left:0; right:0; top:0; bottom:0; display:none; line-height:112px; background:rgba(0,0,0,.5); font-size:16px; text-align:center; color:#fff; overflow:hidden;} #expert ul li .item .upload .img:hover h4{display:block;} #expert ul li .item .select{position:relative;} #expert ul li .item .select:after{content:''; position:absolute; right:17px; top:21px; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #888;} #expert ul li .item .select select{display:block; width:100%; height:50px; line-height:48px; padding:0 44px 0 16px; background:#fafafa; border-color:#c9c9c9; border-radius:4px; font-size:16px; color:#ababab;} #expert ul li .item .select select.selected,#expert ul li .item .select select option{color:#484848;} #expert ul li .item .textarea textarea{display:block; width:100%; height:100px; line-height:26px; padding:10px 16px; background:#fafafa; border-color:#c9c9c9; border-radius:4px; font-size:16px; color:#484848;} #expert ul li .item .textarea textarea::-moz-placeholder{color:#ababab;} #expert ul li .item .textarea textarea::-webkit-input-placeholder{color:#ababab;} #expert ul li .item .textarea textarea::-ms-input-placeholder{color:#ababab;} #expert ul li .item .next button{display:block; width:230px; height:50px; line-height:50px; margin:0 auto; background:#0260ae; border:none; border-radius:25px; font-size:16px; color:#fff;} #expert ul li .item .submit{display:flex;} #expert ul li .item .submit button{display:block; width:230px; height:50px; line-height:50px; background:#0260ae; border:none; border-radius:25px; font-size:16px; color:#fff;} #expert ul li .item .submit a{display:block; width:150px; height:50px; line-height:50px; margin-left:20px; background:#c2c2c2; border-radius:25px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #expert ul li .item .submit a:hover{background:#e77817;} .weo-tip{height:52px; border-radius:6px;} .weo-tip-text{height:52px;} .weo-tip-text i{width:22px; height:22px; background-size:22px 22px;} .weo-tip-text span{height:18px; line-height:18px; font-size:15px;} #contact{margin-top:80px;} #contact ul{display:flex; justify-content:space-between;} #contact ul li{flex:1; display:flex; justify-content:center; align-items:center; height:200px; margin-left:30px; background:#f3f5f7; overflow:hidden;} #contact ul li:first-child{margin-left:0;} #contact ul li .item i{display:block; height:60px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #contact ul li .item i.c-icon1{width:60px; background-image:url(img/c-icon1.png);} #contact ul li .item i.c-icon2{width:60px; background-image:url(img/c-icon2.png);} #contact ul li .item i.c-icon3{width:50px; background-image:url(img/c-icon3.png);} #contact ul li .item h3{height:20px; line-height:20px; margin-top:15px; font-size:17px; text-align:center; color:#5e5e5e; overflow:hidden;} #contact ul li .item h4{height:20px; line-height:20px; margin-top:6px; font-size:15px; text-align:center; color:#464646; overflow:hidden;} #contact ul li .item h4 em{font-family:'Arial'; font-size:17px;} #contact ul li .qrcode img{display:block; width:132px; height:132px; margin:0 auto;} #contact ul li .qrcode h3{height:18px; line-height:18px; margin-top:6px; font-size:15px; text-align:center; color:#5e5e5e; overflow:hidden;} #contact ul li:hover .item i{transform:rotateY(360deg); transition:transform 0.6s linear;} #contact ul li:hover .item h3{color:#0260a0;} #map{height:450px; margin-top:20px; background:#f3f5f7; overflow:hidden;} #map img{max-width:none;} .amap-logo,.amap-copyright{display:none !important;} /*底部样式*/ #footer-bg{ padding-bottom:148px; background:url(img/footer-bg.jpg) no-repeat bottom center #fff;} #f-link{display:flex;} #f-link h2{position:relative; height:20px; line-height:20px; padding-left:12px; font-size:18px; color:#0260ae; overflow:hidden;} #f-link h2:before{content:''; position:absolute; left:0; top:0; display:block; width:4px; height:20px; background:#0260ae;} #f-link .item{flex:1; margin-left:18px;} #f-link .item ul{display:flex; flex-wrap:wrap; margin:-12px 0 0 -18px;} #f-link .item ul li{height:20px; line-height:20px; margin:12px 0 0 18px; font-size:15px; overflow:hidden;} #f-link .item ul li a{display:block;} #f-link .item ul li:hover a{color:#0260ae;} #f-line{height:1px; margin-top:39px; background:#e5e5e5;} #footer{padding:10px 0 30px 0; background:#f2f2f2;} #f-menu{position:relative; padding-right:70px; width:200px; float:left;} #f-menu dl dt{height:18px; line-height:18px; font-size:16px; font-weight:bold;} #f-menu dl dd{height:18px; line-height:18px; margin-top:9px; font-size:14px; overflow:hidden;} #f-menu dl dt + dd{margin-top:38px;} #f-menu dl dd a{display:block; color:#333;} #f-menu dl dd:hover a{color:#0260ae;} #f-qrcode{margin-right:100px; } #f-qrcode img{display:block; width:164px; height:164px; margin:0 auto;} #f-qrcode h3{height:18px; line-height:18px; margin-top:4px; font-size:14px; text-align:center; overflow:hidden;} #copyright{line-height:32px; padding:18px 0; background:#0260ae; font-size:14px; color:rgba(255,255,255,.76);} #copyright a{color:rgba(255,255,255,.76);} #copyright a:hover{color:#fff;} .naic_n{ margin-top:30px} .naic_n p{ margin-top:8px} .naic_n h2{ font-size:16px; font-weight:bold; margin-bottom:14px} .xbd{ width: 300px; float: left; margin-left:80px} .xbd1{ color: #333; font-size: 16px; font-weight: bold;} .xbd2 ul li{ float: left; margin-right: 40px; margin-top:10px} .xbd2 ul li a{ font-size: 14px;} .xbd2 ul li{ width:104px} .xbd2{ margin-top:20px} #f-qrcode{ float:right;} .naic{ float:left; width:360px; margin-left:110px} .naic_n p{ padding-left:30px} .naic_n p:nth-child(2){background:url(img/dd1.png) no-repeat left center;} .naic_n p:nth-child(3){background:url(img/dd2.png) no-repeat left center;} .naic_n p:nth-child(4){background:url(img/dd3.png) no-repeat left center;} .xbd1{ position:relative;} .xbd1:before{content:'';display:block;width:30px;height:3px; background:#0370cb;position:absolute;left:0;top:33px;z-index:9} #f-menu dl dt{ position:relative} #f-menu dl dt:before{content:'';display:block;width:30px;height:3px; background:#0370cb;position:absolute;left:0;top:33px;z-index:9} .xbd2 ul li a:hover{ color:#0370cb;} .gaile{ width: 1400px; margin: 0 auto;} .clear{ clear: both;} .gaile_left{ float: left; width: 680px;} .gaile_left3_left{ float: left; width: 174px; height: 112px; overflow: hidden;} .gaile_left3_left img{ width: 100%; height: 100%;} .gaile_left3_right{ float: right; width: 490px;} .gaile_left3_right h2{ font-size: 16px; font-weight: bold;} .gaile_left3_right h3{line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; color: #666; margin-top:8px} .gaile_left3_right h4 a{ color: #0370cb; font-size: 14px;} .gaile_left3_right h4{ margin-top:20px} .gaile_left4{ margin-top:10px} .gaile_left4 ul li{ float: left; display: inline-block; width:100%; border-bottom: 1px dashed #e7e7e7; line-height:42px; height:42px} .gaile_left4 ul li a{ width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; font-size:15px} .gaile_left4 ul li i{ color:#0370cb; font-size:14px; padding-right:6px; display: block; float: left;} .gaile_left4 ul li span{ float:right; color:#666} .gaile_left1{ height:45px; line-height:45px;border-bottom: 1px solid #e5e5e5; margin-bottom:20px; margin-top:25px} .gaile_left1 b{font-size:23px; display:block; width:100px;border-bottom: 2px solid #0260ae; float:left;} .gaile_left1 span{ float:right; display:block} .gaile_left1 span a{ color:#0260ae} .gaile_left4 ul li a:hover{ color:#0260ae} .gaile_left3_left{ position: relative;} .gaile_left3_left span{ position:absolute; bottom:0; left:0; width:54px; height:24px; line-height:24px;background: #0260ae; color:#fff; border-radius: 0 10px 0 0; text-align: center; font-size: 12px; } .teshu{ float: left; width: 430px; margin-right: 35px; margin-top:15px} .teshu:nth-child(3){ float:right;} .chengg{ margin-top: 30px;} .teshu .gaile_left3_right{ width:246px} .chengg{ margin-bottom:30px} .gaile_left3_right a:hover{ color:#0260ae} .gaile_left2{ margin-top:27px} .btmw { text-align: center; font-weight: bold; text-align: left; width: 100%; display: block; padding-left: 401px; font-size: 15px; margin-top: 24px; color: #0260ae; } @media (max-width: 980px){ #nav{display:none;} .wrapper.min{ width:100%} #lm-banner h2{ font-size:25px} #lm-banner h3{ font-size:16px; margin-top:0} #lm-banner{ height:220px} #lm-banner i{ margin-top:10px} #number{ display:block;justify-content: inherit; margin-top: 0;padding-top: 150px; } #lm-about .left h3{ font-size:25px} #lm-about .left h4{ font-size:16px;margin-top:0} #lm-about .left i{ margin-top:10px; height:4px} #lm-about{box-sizing: border-box; padding:15px; display:block; margin-top:0px} #lm-about .left h2{ font-size:62px} #lm-about .right{ width:100%; margin-left:0; height:auto;} #number .item h3{ font-size:30px} #number .item{ width:33.3%; text-align:center; float:left; margin-bottom:15px} #number .item h4{ margin-top:5px; font-size:14px} #number i{ display:none;} #menu ul{ display:block} #menu{ top:40px; left:0;position: absolute;} #menu ul li{ width:31%; float:left; margin: 1% 1% 1% 1%;} #menu ul li:first-child{ margin-left:1%} #menu ul li a{ font-size:15px} #location{ font-size:14px;position: relative; left: 4px; top: 0;background-size: 4%;padding-left: 19px} .weo-flex-col-center{ display:block} #lm-title{ margin-top:160px} #lm-title h2{ font-size:25px} #lm-title h3 span{ font-size:15px;letter-spacing: 2px;} #lm-title i{ margin-top:10px} #history-item .swiper-slide{ display:block} #history-item .swiper-slide .left{ width:100%} #history-item .swiper-slide .left img{ width:100%; height:100%} #history-item .swiper-slide .right{ width:100%} #history-item .swiper-wrapper{ height:auto;} #history-item .swiper-slide{ height:auto} #history-item .swiper-container { height:600px} #history-item .swiper-slide .right{ margin-left:0} #history-thumb{ width:100%} #honor-list ul{ display:block} #honor-list ul li{ margin:0; width:48%; float:left; margin-bottom:20px} #honor-list ul li:nth-child(2n){ float:right} #honor-list ul li img{ width:100%; height:100%} #honor-list ul li span{ width:100%;height:130px;border: 2px solid #e5e5e5; overflow: hidden;} #honor-list{ padding-left:10px; padding-right:10px;box-sizing: border-box;} #logo img{ width:100%} .wrapper{ width:100%} #honor-list ul li h3{ margin-top:10px; font-size:14px} #menu_honor ul{ display:block;} #performance-list ul{display:block} #performance-list ul li{ margin:0; width:48%; float:left; margin-bottom:20px; height:auto} #performance-list ul li:nth-child(2n){ float:right} #performance-list ul li img{ width:100%; height:100%} #performance-list ul li span{ width:100%;height:130px;border: 2px solid #e5e5e5; overflow: hidden;} #performance-list{ padding-left:10px; padding-right:10px;box-sizing: border-box; margin-top:20px} #performance-list ul li a{ padding:4px} #performance-list ul li h3 { height: 40px; line-height: 40px; padding: 0 20px; background: #fff; font-size: 14px; text-align: center; color: #383838; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #lm-title h2{ margin-top:0} #organization{padding-left:10px; padding-right:10px;box-sizing: border-box; margin-top:20px} #f-menu{ display:none} .xbd{ display:none} .naic{ width:100%; margin-left:0;box-sizing: border-box; padding-left:15px; margin-bottom:10px} .weo-auto{ width:100%!important} #f-qrcode{ margin-right:0;float: inherit; margin-top:15px} #copyright{ line-height:24px; box-sizing: border-box; padding-left:20px; padding-right:20px} #menu_honor ul li{display: inline-block;} #menu_honor{ margin-top:14px; margin-left:15px} #honor-list{ margin-top:20px} #business-list ul li a{ display:block;} #business-list ul li .img img{ width:100%; height:230px} #business-list ul li .img{ width:100%; height:230px} #business-list ul li .item{ padding:20px;box-sizing: border-box;} #business-list ul li .item h3 span{ font-size:20px} #business-list ul li .item p{ font-size:14px; line-height:20px; margin-top:10px; height:auto} #business-list ul li .item i{ margin-top:10px} #business-list ul li .item h3 em{font-size:14px} #business-list ul li{ height:460px; margin-top:20px} #business-list ul li .item h4{ margin-top:10px; font-size:14px} #business-list{ width:96%; margin:0 auto; margin-top:25px} #business-list ul li .item{background-size: 50%;} #business-detail h2{ font-size:25px} #business-detail h3{ font-size:15px} #business-detail{padding-left:15px; padding-right:15px;box-sizing: border-box;} #business-detail .item{ font-size:15px; margin-top:20px} #performance-detail .left{ width:100%;height:200px} #performance-detail .item{ display:block;padding: 60px 16px;} #performance-detail .right{ margin-left:0} #performance-detail .left img{ width:100%;height:200px} #performance-detail .right h2{ font-size:21px; margin-top:10px} #performance-detail .right .text { margin-top:10px} #performance-detail .right .prev-next a{ font-size:14px} #announcement-list{ width:100%!important;box-sizing: border-box; padding-left:15px; padding-right:15px} input.weo-input{ width:100%} #announcement-search{width:100%} #announcement-search { width: 98%; } #news-detail{ width:100%!important;box-sizing: border-box; padding-left:15px; padding-right:15px} #news-detail .right #news-title{ font-size:20px;line-height:30px} #news-detail .right #news-info{ padding-left:0!important} .bshare-custom{ margin-left:0!important;text-align: center; width: 100%; margin-top:15px} #news-list ul li .item .text{padding: 0 15px;} #news-list ul li .item .date{ margin-right:15px; margin-left:10px} #news-list ul li .item .text h3{ font-size:17px} #news-list ul li .item .text p{font-size:14px} #news-list ul li .item .text h4 span{ font-size:13px; display:block;} #news-list ul li .item .text h4 span:nth-child(2){ margin-left:0} #news-list ul li .item .text h4{ margin-top:6px} #news-list ul li .item .text h4 em { width: 110px; height: 32px; line-height: 32px;} #news-list{ margin-top:10px} #news-detail .left{ width:100%;} #news-detail .right{ width:100%;margin-left: 0px; padding-left:0;border-left:none;} #news-detail{ display:block} #news-detail .right #news-article img{ width:100%!important; height:auto!important} #news-detail .left{ display:none;} /*#news-detail .right p{text-indent: 0!important}*/ .weo-flex{display:block; width:100%} .weo-flex p{width:100%; font-size:14px!important;max-width:100%!important;height:auto!important} .weo-flex p a{ font-size:14px!important; height:auto!important} /*首页开始 */ #headline{ display:block} #news-slide .swiper-slide img{ width:100%} #news-slide{ width:100%} #news{ width:100%; margin:0} #news-tab ul li{ font-size:16px; margin-left:0px} #news-item .rmd .text h3{ font-size:17px} #news-item .rmd .date h4{ font-size:32px} #news-item .list ul li a{ font-size:15px} #news-item .rmd .date h5{ font-size:14px} #news-item .rmd .text{ width:78%} #about ul li{ width:48%; display:inline-block} #about{ width:100%} #about ul li img { width:100%; height:200px} #about ul li section{ padding-top:68px} #about{ height:auto;} .title h3{ font-size:24px; margin-top:0} .title h4{ font-size:18px} .title h2{ font-size:60px;display:none} #business ul li section h2 em{ font-size:30px} #business ul li section h3{ font-size:18px} #business ul li section p{ font-size:15px} #business ul li section { position: absolute; left: 0; top: 132px; width: 100%; color: #fff; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } #business ul li section p{ margin-top:12px; line-height:24px;height:auto} #business ul li section h3{ margin-top:10px} #business-tab { padding: 0 10px; } #business-tab .item ul li section h3{ font-size:15px} #business-tab .item ul li section h4{ font-size:12px;margin-top:0} #business-tab .item ul li{display: block; text-align:center} #business-tab .item ul li i{ display: inline-block;background-size: 60%; height:50px; margin-top:15px} #business-tab .item ul li section{ margin-left:0} #business ul li img{ height:340px} #business ul li section h4{ margin-top:15px} #business{ height:auto} #business ul li{ height:auto} #business-tab .item { position: relative; transform: translateY(-30px);} #business ul li section h4{ width:120px; height:40px; line-height:40px} #business ul li section h4 a{ font-size:13px} #performance{ display:block} #performance .left{ width:100%; height:auto} #performance .left span{width:100%; height:205px; } #performance .left span img{width:100%; height:100%; } #performance .right{ width:100%} #performance .left h3{ font-size:15px} #performance .right ul{ display:block} #performance .right ul li{ margin:0; width:48%; float:left; height:auto; margin-top:20px} #performance .right ul li:nth-child(2n){ float:right} #performance .right ul li img{width:100%; height:124px; } #performance .right ul li span{width:100%; height:124px; } #performance .right ul li h3{ font-size:15px; height:50px; line-height:50px} #performance .right{ height:auto;} .wrap-gray.p1 { padding: 40px 0; } #building-tab ul li { width: 33.3%; height: 48px; line-height: 46px; margin-left: 18px; border: 1px solid #dcdcdc; font-size: 14px; text-align: center; cursor: pointer; overflow: hidden; } #building-tab{ margin-left:10px; margin-right:10px} /*.building .swiper-container{ width:100%!important}*/ /*.building .swiper-slide img{ width:100%; height:220px}*/ /*.building .swiper-slide span{ width:100%;height:220px}*/ /*.building .swiper-slide{ width:100%!important}*/ /*.building .swiper-wrapper{transform: translate3d(0px, 0px, 0px)!important}*/ /*#performance{ margin:0 auto; width:96%; margin-top:20px}*/ /*#building{ margin:0 auto; width:96%; margin-top:20px}*/ /*.building .swiper-button-prev, .building .swiper-button-next{ top:22%}*/ /*#news-slide .swiper-slide img{ height:280px}*/ /*#news-slide .swiper-slide{ height:280px}*/ /*#news-slide .swiper-wrapper{ height:280px}*/ #news-slide .swiper-slide{ height:250px} #news-slide .swiper-slide img{ height:250px} #news-slide .swiper-wrapper{ height:250px} #banner{ height:165px} #banner .swiper-slide img{ height:165px} #news-slide .swiper-container{ height:auto} #news-slide{ height:auto} #headline{padding: 0 89px 0 20px} #headline .item{ margin-left:0} #headline .swiper-slide section h3{ font-size:18px} #headline .swiper-button-prev{ right:50px} #headline .swiper-button-next{ right:17px;} #headline .swiper-slide a{ display:block;} #wrap-news{ padding-top:20px} #headline{ margin-bottom:20px} #news-slide{ margin-bottom:30px} #banner .swiper-pagination{ height:30px; bottom:10px} #news-slide{ width:96%; margin:0 auto} #news{ width:96%; margin:0 auto; margin-top:20px} #about ul li{ margin-left:1%} .building .swiper-slide img{ width:100%} .building .swiper-slide span{ width:100%} .building .swiper-slide section{box-sizing: border-box; width: 86%;} .new_index_header { position: fixed; z-index: 999; left: 0px; top: 0px; width: 100%; padding: 10px 0px; background: #fff; display: block; border-bottom: 1px solid #f2f2f2; } .xin_jime{ float:left;width:300px; padding-left:10px} .xin_jime img{ width:100%} .new_index_navbtn { float: right; margin-right: 15px; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 6px; } .new_index_navbtn span { display: block; height: 2px; background: #333; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .new_index_navbtn span:nth-child(2) { width: 70%; top: 12px; } .new_index_navbtn span:nth-child(3) { top: 24px; } .new_index_navbtn:hover span { width: 100%; } .new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; } .new_index_closeNavbtn span:nth-child(2) { display: none; } .new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; } .new_Common_nav { display: none; position: fixed; left: 0px; top: 54px; bottom: 0px; right: 0px; overflow-y: auto; background-color: #fff; } .new_Common_nav ul { padding: 20px 15px 0px; } .new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; } .new_Common_nav ul li h2{ margin:0; } .new_Common_nav ul li h2 a { font-weight: 700; height: 60px; line-height: 60px; font-size: 14px; display: block; color: #333; position: relative; } .new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 60px; width: 30%; } .new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; } .new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; } .new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; } .new_childnav_web dd h3 { padding-top: 10px; margin:0; } .new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; } .new_childnav_web dd:last-child { background-image: none; } dd{ margin:0; padding-left: 0; } .new_childnav_Program dd h3 { padding-top: 10px; } .new_childnav_web{ margin:0; } #logo{ display:none} #h-link{ display:none} #header{ margin-top:27px} #header { height:92px} #search { right: 0; top: 36px; width: 96%; } #news-item .rmd i{margin: 0 4px 0 4px;} #search input{ float:left;width: 236px;} #search button{ float:left; } #history-thumb .swiper-slide h3{ font-size:20px} #history-item .swiper-slide .right h3{ font-size:20px} #history-item .swiper-slide .right h2{ font-size:22px; margin-top:20px} #history-item .swiper-slide .left img{ height:278px} #history-item .swiper-slide .left{height:278px} #history-item{ width:96%; margin:0 auto; margin-top:20px} #history{ margin-top:30px} #lm-line{ background:#fff} #menu{ top:35px} #wrap-culture .item ul{ display:block} #wrap-culture .item ul li { width: 49%; text-align: center; display: inline-block; } #wrap-culture .item ul li h3 { height: 22px; line-height: 22px; margin-top: 24px; font-size: 16px; font-weight: normal; text-align: center; color: #fff; overflow: hidden; } #wrap-culture .item ul li p{ font-size:13px; margin-top:2px} #wrap-culture{ height:566px} #wrap-culture .item ul li h3{ margin-top:5px} #wrap-culture h2{ font-size:25px;margin-top: 40px;} #wrap-culture .item{ margin-top:20px} .gaile_left{ width:100%} .gaile{ width:96%; margin:0 auto; margin-top:20px} .gaile_left3_right{ width:50%} .teshu .gaile_left3_right{width:50%} .teshu{width:100%; margin-right:0} #contact ul li{display:inline-block;} #contact ul{display:block;} #contact ul li{ width:48%; text-align:center; margin-left:0;padding-top: 30px; height:200px; float:left; margin-top:10px; margin-left:1%} #contact ul li:first-child{margin-left:1%} #contact ul li .item h3{ font-size:15px} .xind ul li{ width:100%!important} .xind2{ width:282px!important} .xind1{ padding-left:10px} .xind ul li{ font-size:15px!important} #map{ width:96%; height:300px; margin:0 auto;} #footer-bg{background-size: cover; } #job-list ul li .info{display:block} #job-list ul li .info span { width: 168px; height: auto; line-height: 30px;} #job-list ul li .info span:first-child { padding-left: 10px; width: 300px; display: block; } #job-list ul li .info span.more{justify-content: inherit;} #footer-bg { background-size: 100%; } #footer-bg{padding-bottom: 50px;} #image-preview .swiper-slide img{ width:100%; height:auto} .weo-mask #image-preview .swiper-container{ width:100%!important} .weo-mask #image-preview .swiper-container.honor .swiper-slide{width:100%!important} #image-preview{ width:100%; padding:20px; padding-top:80px} #image-preview .swiper-container.honor .swiper-slide img{ height:auto!important} #image-preview .swiper-container.honor .swiper-slide{ height:auto} #image-preview .swiper-container.honor{ height:auto} #image-preview{ height:50%} .building .swiper-slide section{width:100%} .building .swiper-container{ width:100%} .building .swiper-slide{width:100%!important} .xindeee{display:block;} .building{display:none} body .building22{ display:block;} #business-tab .item { position: relative; transform: translateY(-414px); } #business ul li section{top: 63px;} .gaile_left3_left{ width: 160px;} .teshu .gaile_left3_right { width: 52%; float: left; padding-left: 15px; } #banner .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 0 0 10px;} #banner .swiper-pagination{padding: 0 20px;} #contact{margin-top: 117px;} input.weo-input { width: 56%; } #job-info span { width: 16.5%; height: 76px; line-height: 25px; padding: 0 12px; font-size: 15px; text-align: center; white-space: inherit; text-overflow: ellipsis; overflow: hidden; } #job-info span:first-child{ padding-left:16px;} #job-info{ padding-top: 6px;} #job-list ul li .info span:first-child{ padding-left: 19px;} .btmw{ padding-left: 10px;} .xind2{ padding-left: 10px;} .xind ul li{ margin-top: 10px;font-size: 16px; width: 90%!important;} .ling2{ margin-top: 9px; font-size: 15px;} #expert ul li .text{ width: 148px;} #expert ul li .item .input input{ width: 96%;} body textarea{ width: 96%;} .ling1{ margin-top: 0;} #expert{ margin-top: 30px;} #expert ul li .item .select select{ width: 96%;} #expert ul li .item .textarea textarea{ width: 96%;} #expert ul li .item .submit button{ width: 170px;} .ain4 ul li{ width: 100%;} .ain2{ width: 100%;} .ain4_left{ width: 100%;} .ain4_right span{ font-size: 16px;} .row { padding: 0px 0 0 10px; float: initial; margin-top: -10px; display: inline-block; } #footer-bg{margin-top: -45px} .building .swiper-button-prev, .building .swiper-button-next{width: 33px; height: 58px} #business ul li section h3{ height:30px} .row{float: initial!important; padding-left:0} #wrap-news .title{ margin-top:40px} #business ul li section p{ font-size:14px} #performance { display: block; margin-left: 10px; margin-right: 10px; } .jmgds{margin-right: 10px;} #building-tab { margin-top: 20px; } .ain2{ padding:10px} .ain4_right h2{ line-height:46px} .ain4_right h3{ margin-top:0;} .ain4 ul li{ margin-top:0; margin-bottom:20px} #news-info span{padding-left: 23px;} body .row{ padding-left:0!important} #news-info span:nth-child(2){margin-left: 20px;} #news-article img{text-indent:0!important} }