锘?indexban{position:relative;overflow:hidden} .indexban .img img{width:100%} .indexban .textbox{position:absolute;left:50%;margin-left:-688px;z-index:2} .indexban .textbox1{top:46%;opacity:0} .indexban .textbox1.cur{top:16%;opacity:1} .indexban .textbox1 .title, .indexban .textbox2 .cntitle{font-size:36px;line-height:48px;text-align:center;color:#fff;font-family:"Source Han Sans CN"} .indexban .textbox1 .icon{text-align:center;margin-top:20px} .indexban .textbox1 .icon img{display:inline-block;vertical-align:middle} .indexban .textbox2{top:60%;opacity:0} .indexban .textbox2.cur{top:35%;opacity:1} .indexban .textbox2 .entitle{color:#fff;font-family:'archbold';text-align:center;font-size:72px;line-height:1;letter-spacing:2px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;bottom:40px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.8);opacity:1;margin:0 16px;position:relative} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0d5398} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:26px;height:26px;position:absolute;top:50%;margin-top:-13px;left:50%;margin-left:-13px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:2} .circle-chart__circle{stroke-linecap:square;fill:none} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#0d5398;stroke-width:2;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 6s linear reverse;-moz-animation:circle-chart-fill 6s linear reverse;-webkit-animation:circle-chart-fill 6s linear reverse;-ms-animation:circle-chart-fill 6s linear reverse} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 5.5s linear reverse;-webkit-animation:circle-chart-fill 5.5s linear reverse;-ms-animation:circle-chart-fill 5.5s linear reverse} @keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100} }@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100} } .hometop{padding:40px 0} .hometopslide{width:calc(100% - 500px);padding-right:100px;position:relative} .hometoplr{width:500px;padding-left:42px;border-left:2px solid #f6f7f8} .hometoplr .name{color:#0d5398;font-size:16px;font-weight:bold;display:inline-block;padding-bottom:6px;border-bottom:2px solid #0d5398} .hometoplr .items{margin-top:22px} .hometoplr .item{margin-bottom:10px;display:block} .hometoplr .item .date{width:88px;color:#c2c7cb;font-weight:bold;font-family:'din';height:20px;line-height:20px} .hometoplr .item .title{width:calc(100% - 88px);color:#666;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .hometoplr .item .title:hover{color:#0d5398} .hometopslide .box{display:block} .hometopslide .box .img{width:309px} .hometopslide .box .textbox{width:calc(100% - 309px);padding-left:40px} .hometopslide .box .title{color:#000;font-size:22px;line-height:30px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .hometopslide .box .date{color:#c2c6cb;font-size:18px;font-weight:bold;font-family:'din';line-height:1;margin:6px 0 22px} .hometopslide .box .text{color:#8b9195;line-height:1.714;height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .hometopslide .box .see{width:65px;padding-left:25px;color:#c2c6cb;font-weight:bold;font-family:Arial;margin-top:50px;background-image:url(../img/home1see.png);background-repeat:no-repeat;background-position:left center} .hometopslide .swiper-pagination{text-align:right;bottom:0} .hometopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px;background-color:#fff;opacity:1;border:2px solid #d7e2ed} .hometopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#0d5398;border-color:#0d5398} .hometopslide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .hometopslide .box:hover .textbox .title{color:#0d5398} .hometopslide .swiper-slide{width:100% !important} .homeline{width:100%;height:4px;background-color:#94a195} .homeline .prog{width:calc(100vw - 500px - 276px);height:4px;background-color:#1583f0} .homeproj{padding:76px 0 100px;background-color:#fff;background-image:url(../img/homeprojbg.jpg);background-repeat:no-repeat;background-position:center top;} .hometitlebox .cntitle{color:#000;font-size:30px;font-weight:bold;line-height:36px} .hometitlebox .entitle{color:#ccc;font-size:34px;font-weight:bold;font-family:'archbold';line-height:40px;margin-left:18px;letter-spacing:2px} .homeprojbtn{margin-top:16px} .homeprojbtn .swiper-button-prev, .homeprojbtn .swiper-button-next{background-size:100% 100%;opacity:1;position:static;margin-top:0} .homeprojbtn .swiper-button-prev{width:9px;height:16px;background-image:url(../img/homeprojleft.png);margin-top:1px} .homeprojbtn .swiper-button-prev:hover{background-image:url(../img/homeprojleft_cur.png)} .homeprojbtn .swiper-button-next{width:11px;height:18px;background-image:url(../img/homeprojright.png);margin-left:22px} .homeprojbtn .swiper-button-next:hover{background-image:url(../img/homeprojright_cur.png)} .homeprojslide{margin-top:36px} .homeprojslide .box{display:block} .homeprojslide .box .textbox{width:100%;position:absolute;bottom:24px;left:0;padding:0 30px} .homeprojslide .box .title{color:#fff;font-size:24px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homeprojslide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} @media (min-width:1024px){ } @media (max-width:1620px){ .indexban .textbox{margin-left:-38vw} .homeline .prog{width:calc(100vw - 500px - 12.4vw)} } @media (max-width:1440px){ .indexban .textbox{margin-left:-40vw} .indexban .textbox2 .entitle{font-size:56px} .indexban .textbox1 .title, .indexban .textbox2 .cntitle{font-size:26px;line-height:34px} .indexban .textbox1 .icon{margin-top:10px;padding:0 10%} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px} .hometoplr{width:400px;padding-left:30px} .hometopslide{width:calc(100% - 400px);padding-right:70px} .homeline .prog{width:calc(100vw - 400px - 10.4vw)} .hometitlebox .cntitle{font-size:24px;line-height:30px} .hometitlebox .entitle{font-size:28px;line-height:32px;margin-left:10px} .homeprojbtn{margin-top:10px} } @media (max-width:1280px){ .indexban .textbox{margin-left:-42vw} .hometopslide{padding-right:55px} .hometopslide .box .img{width:270px} .hometopslide .box .textbox{width:calc(100% - 270px);padding-left:25px} .hometopslide .box .date{margin:4px 0 15px} .hometopslide .box .see{margin-top:30px} .homeline .prog{width:calc(100vw - 400px - 8.4vw)} } @media (max-width:1024px){ .indexban .img img{width:100%} .indexban .textbox{width:100%;margin-left:0;left:0} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#e35f14} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px} .indexban .textbox1 .title, .indexban .textbox2 .cntitle{font-size:16px;line-height:22px} .indexban .textbox2 .entitle{font-size:26px} .indexban .textbox1 .icon{margin-top:4px;padding:0 15%} .hometop{padding:20px 0 40px} .hometoplr{width:100%;padding-left:0;border-left:none} .hometopslide{width:100%;padding-right:0} .hometopslide .box .img{display:none} .hometopslide .box .textbox{width:100%;padding-left:0} .hometopslide .box .date{font-size:14px;margin:0 0 10px} .hometopslide .box .title{font-size:16px;height:24px;line-height:24px;color:#000;font-weight:bold} .hometopslide .box .text{line-height:1.6;height:44px} .hometoplr .item{margin-bottom:6px} .hometoplr .item .date{width:74px;font-size:12px;height:18px;line-height:18px} .hometoplr .item .title{width:calc(100% - 77px);font-size:13px;height:18px;line-height:18px} .hometoplr .items{margin-top:15px} .hometoplr .name{padding-bottom:3px} .hometop .listbox{margin-top:15px} .hometop .listbox .list{display:none} .hometop .listbox .list.cur{display:block} .hometopslide .box .see{margin-top:25px} .hometopnav .list{font-size:16px;color:#666;margin-right:20px;line-height:1.8} .hometopnav .list.cur{color:#0d5398;font-weight:bold;border-bottom:1px solid #0d5398} .hometopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px} .homeline .prog{width:calc(100% - 15px)} .homeproj{padding:40px 0;background-image:url(../img/homeprojbg_wap.jpg);background-size:cover} .hometitlebox .cntitle{font-size:18px;line-height:22px;float:none} .hometitlebox .entitle{font-size:14px;line-height:20px;margin-left:0px;letter-spacing:0;float:none} .homeprojbtn .swiper-button-next{margin-left:15px} .homeprojslide{margin-top:10px} .homeprojslide .swiper-wrapper{display:block} .homeprojslide .swiper-slide{margin-bottom:15px} .homeprojslide .swiper-slide:nth-last-of-type(1){margin-bottom:0} .homeprojslide .box .textbox{bottom:13px;padding:0 15px} .homeprojslide .box .title{font-size:14px;height:20px;line-height:20px} .homeprojslide .box img{width:100%} .homeprojbtn{display:none} } .pagetitle{display:inline-block} .pagetitle .cntitle{font-size:34px;color:#000;line-height:44px;display:inline-block;font-weight:bold;letter-spacing:3px;position:relative} .pagetitle .entitle{font-size:16px;color:rgba(0,0,0,0.3);font-weight:bold;font-family:'cengothbold';margin-top:10px;letter-spacing:3px} .pagetitle .cntitle:after{content:"";width:12px;height:12px;border-radius:12px;border:2px solid #cbb58d;box-sizing:border-box;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-7px} @media (max-width:1440px){ .pagetitle .cntitle{font-size:28px;line-height:38px} .pagetitle .entitle{font-size:14px;margin-top:6px} } @media (max-width:1024px){ .pagetitle .cntitle{font-size:20px;line-height:28px} .pagetitle .entitle{font-size:12px;letter-spacing:1px;margin-top:3px} .pagetitle .cntitle:after{width:8px;height:8px;margin-left:-5px;margin-top:-5px} } .abouta .img{width:50%;position:relative;margin-top:60px;padding-left:5.208vw} .abouta .img img{width:100%} .abouta .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .abouta .playbox{width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;cursor:pointer} /* .abouta .playbox .box{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)} .abouta .playbox .box .play{width:60px;height:60px;margin:0 auto} .abouta .playbox .box .tt{font-size:26px;font-family:Arial;color:#fff;margin-top:12px;text-align:center}*/ .abouta .textbox{width:50%;padding:4.895vw 0 0} .abouta .text{color:#666;font-size:15px;line-height:1.867;margin-top:28px} .aboutvideo{width:1000px;position:absolute;left:50%;top:50%;margin-top:-269px;margin-left:-500px;z-index:21;opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .aboutvideo.cur{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)} .aboutvideo .close{cursor:pointer} .aboutvideo .close:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)} .aboutvideo .video{margin-top:20px} .aboutvideo video{width:100%} .aboutb{padding:100px 0} .aboutb .leftbox{width:50%;background-color:#f8f8f8;padding:56px 56px 74px} .aboutb .leftbox .img img{width:100%} .aboutb .leftbox .title{color:#0d5398;font-size:24px;margin-top:16px;text-align:center} .aboutb .rightbox{width:50%;padding-left:5.208vw} .aboutb .rightbox .text{color:#666;font-size:15px;line-height:1.867} .aboutb .rightbox .numbox{margin-top:74px} .aboutb .rightbox .numlist{margin-right:80px} .aboutb .rightbox .numlist .numUp{color:#e35f14;font-size:72px;font-weight:bold;line-height:1;font-family:'din'} .aboutb .rightbox .numlist .unit{color:#666;font-size:18px;margin:45px 0 0 8px} .aboutb .rightbox .numlist .text{color:#666;font-size:18px} .aboutc{padding:146px 0;background-image:url(../img/about3img.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .aboutc .name{font-size:24px;color:#fff;text-align:center} .aboutc .title{color:#fff;font-size:36px;font-weight:bold;text-align:center;margin-top:25px} .aboutd{padding:122px 0 120px;overflow:hidden} .aboutd .list{width:23.5%;margin-right:2%;background-color:#f4f4f4;padding:100px 10px 92px} .aboutd .list:nth-of-type(4n){margin-right:0} .aboutd .list .icon{width:128px;margin:0 auto} .aboutd .list .textbox{margin-top:44px} .aboutd .list .title{color:#666;font-size:18px;text-align:center} .aboutd .list .text{color:#000;font-size:24px;text-align:center;font-weight:bold;margin-top:8px} .aboutd .list:hover .icon{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)} .team{padding:110px 0 60px} .teamtop .title{color:#000;text-align:center;font-size:36px;font-weight:bold} .teamtop .text{width:55.74%;color:#666;text-align:center;font-size:16px;margin:8px auto 0;line-height:1.875} /* .teamitems{margin-top:50px} */ .teamitem{width:74%;margin-right:2.81%;margin-bottom:74px;text-align: center;} .teamitem:nth-of-type(4n){margin-right:0} .teamitem .textbox{margin-top:22px} /* .teamitem .name{color:#000;font-size:24px} .teamitem .posi{color:#666;margin-top:6px} */ /* .teamitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} */ .teamitem .imgbox{position:relative;overflow:hidden} .teamitem .imgbox .desc{width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/font-size:16px;line-height:1.8;padding:30px 20px;/*position:absolute;*/top:100%;left:0;/*color:#fff;*/text-align:center;/*overflow-y:auto*/} .teamitem .imgbox .desc::-webkit-scrollbar{width:4px} .teamitem .imgbox .desc::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px} .teamitem .imgbox .desc::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.5)} .subsidi{padding:110px 0 140px} .subsidicon{margin-top:50px} .teamitemlist{width:20%;box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%);} .teamitemdetail{width:100%} .teamitem .img{display: inline-block;} .teamitems .name{color:#000;font-size:24px} .teamitems .posi{color:#666;margin-top:6px} .teamitemlist .list_leftbar a{cursor: pointer;position: relative;display: block;height: 60px;font: 18px/60px "Microsoft Yahei";color: #0d5398;text-indent: 1em;background-color: #fff;border-left: 4px solid #fff;} .teamitemlist .list_leftbar a.active{background-color: #0d5398;color: #fff;border-left: 4px solid #0d5398;} .teamitemlist .list_leftbar a:hover{background-color: rgba(0,0,0,0.3);color: #fff;border-left: 4px solid rgba(0,0,0,0.01);} .teamitems .container {max-width: 800px;margin: 30px auto;padding: 16px;border-radius: 4px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);} .teamitems .collapse .item {border-top: 1px solid #ddd;cursor: pointer;} .teamitems .collapse .item:last-child {border-bottom: 1px solid #ddd;} .teamitems .collapse .item-header {display: flex;align-items: center;color: #0d5398;/* 瀛椾綋绮楃粏 */font-weight: 700;line-height: 50px;font-size: 18px;} /* 绠ご鏈変吉鍏冪礌娣诲姞 */ .teamitems .collapse .item-header::after {content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #303030;border-right: 1px solid #303030;/* 鑷姩闈犲彸 */margin-left: auto;transform: rotate(45deg);transition: all .3s;} .teamitems .collapse .item.active .item-header::after {transform: rotate(135deg);} .teamitems .collapse .item-content {margin-right:2.81%;text-align: center;font-size: 14px;color: #666;height: 0;/* 婧㈠嚭闅愯棌 */overflow: hidden;transition: all .2s;} .teamitems .collapse .item.active .item-content {height: auto;padding-bottom: 16px;} .teamitems .collapse .item-content .img{display: inline-block;} .teamitems .collapse .item-content .desc{width:100%;height:100%;/*background-color:rgba(0,0,0,0.5);*/font-size:16px;line-height:1.8;padding:30px 20px;/*position:absolute;*/top:100%;left:0;/*color:#fff;*/text-align:center;/*overflow-y:auto*/} .teamitems .collapse .item-content .desc::-webkit-scrollbar{width:4px} .teamitems .collapse .item-content .desc::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px} .teamitems .collapse .item-content .desc::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.5)} @media (min-width:1024px){ .teamitem:hover .imgbox .desc{top:0} } @media (max-width:1620px){ .abouta .textbox{padding:4.395vw 0 0} } @media (max-width:1440px){ .abouta .textbox{padding:3.895vw 0 0} .abouta .text{font-size:14px;line-height:1.74;margin-top:18px} .aboutb{padding:70px 0} .aboutb .rightbox{padding-left:3.8vw} .aboutb .rightbox .text{font-size:14px;line-height:1.74} .aboutb .rightbox .numbox{margin-top:40px} .aboutb .rightbox .numlist .numUp{font-size:58px} .aboutb .rightbox .numlist .unit{margin:33px 0 0 6px} .aboutc{padding:106px 0} .aboutc .name{font-size:20px} .aboutc .title{font-size:28px;margin-top:15px} .aboutd{padding:92px 0 90px} .teamtop .text{width:70%} .team{padding:80px 0 35px} .teamitems{margin-top:35px} .teamitem{margin-bottom:50px} .teamtop .title{font-size:28px} .subsidi{padding:70px 0 100px} .subsidicon{margin-top:25px} } @media (max-width:1280px){ .abouta .textbox{padding:3.095vw 0 0} } @media (max-width:1024px){ .abouta{padding:45px 15px} .abouta .img{width:100%} .abouta .textbox{width:100%;padding:20px 0 0 0} .abouta .text{line-height:1.6;margin-top:10px} .aboutb{padding:0 0 40px 0} .aboutb .leftbox{width:100%;padding:25px 20px 30px} .aboutb .leftbox .title{font-size:16px;margin-top:10px} .aboutb .rightbox{width:100%;padding-left:0;margin-top:15px} .aboutb .rightbox .text{line-height:1.6} .aboutb .rightbox .numlist .numUp{font-size:36px} .aboutb .rightbox .numlist .unit{font-size:14px;margin:16px 0 0 6px} .aboutb .rightbox .numlist .text{font-size:14px} .aboutb .rightbox .numlist{width:50%;margin-right:0} .aboutc, .aboutd{padding:45px 0} .aboutc .name{font-size:14px} .aboutc .title{font-size:18px;margin-top:10px} .aboutd .list{width:100%;padding:50px 10px;margin-bottom:20px;margin-right:0} .aboutd .list:nth-last-of-type(1){margin-bottom:0} .aboutd .list .icon{width:88px} .aboutd .list .textbox{margin-top:25px} .aboutd .list .title{font-size:14px} .aboutd .list .text{font-size:16px;margin-top:4px} .team{padding:0px 0 25px} .teamitems{margin-top:25px} .teamitem{width:100%;margin-right:4%;margin-bottom:20px} .teamitem:nth-of-type(2n){margin-right:0} .teamtop .title{font-size:18px} .teamtop .text{width:100%;font-size:14px;margin:5px auto 0;line-height:1.6} .teamitem .textbox{margin-top:10px} .teamitem .name{font-size:16px} .teamitem .posi{font-size:13px;margin-top:3px} .subsidi{padding:45px 0} .subsidicon{margin-top:25px} .teamitem .desc{position:static;color:#666;margin-top:10px} .abouta .playbox{width:40px;height:40px;margin-top:-20px;margin-left:-20px} /* .abouta .playbox .box .play{width:28px;height:28px} .abouta .playbox .box .tt{font-size:14px;margin-top:6px} */ .aboutvideo{width:92%;margin-left:-46%;top:15%;margin-top:0} .abouta .img{margin-top:0} } .history{padding-top:88px} .histslidebox{margin-top:54px;padding-bottom:90px;position:relative} .histslide{position:relative;z-index:3} .histslide:after{content:"";width:100%;height:4px;background-color:#d6d6d6;position:absolute;top:89px;left:0;z-index:2} .histslidebg{width:100%;height:calc(100% - 91px);position:absolute;bottom:0;left:0;background-image:url(../img/histbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .histslide .wrap{position:relative} .histslide .swiper-button-next, .histslide .swiper-button-prev{width:36px;height:36px;opacity:1;background-size:100% 100%;margin-top:0;top:72px} .histslide .swiper-button-next{background-image:url(../img/hisright.png);right:-68px} .histslide .swiper-button-next:hover{background-image:url(../img/hisright_cur.png)} .histslide .swiper-button-prev{background-image:url(../img/hisleft.png);left:-68px} .histslide .swiper-button-prev:hover{background-image:url(../img/hisleft_cur.png)} .histslide .swiper-slide .period{color:#0d5398;font-size:30px;text-align:center;font-weight:bold} .histslide .swiper-slide .date{color:#666;font-size:30px;text-align:center;font-family:'din';font-weight:bold;line-height:1} .histslide .swiper-slide .yuan{width:18px;height:18px;background-color:#fff;border:5px solid #0d5398;border-radius:18px;margin:12px auto 0;position:relative;z-index:5} .histslide .swiper-slide .bot{padding:74px 36px 110px;border-right:1px solid #e5e5e5;margin-top:-9px} .histslide .swiper-slide .bot .text{color:#666;font-size:16px;line-height:1.875;min-height:60px} .histslide .swiper-slide .bot .img{margin-top:18px} .histslide .swiper-container{z-index:3} .honor{padding:100px 0} .honoritem{width:31.96%;margin-right:2.06%;padding:50px 43px 60px;background-color:#f6f6f6;margin-bottom:40px} .honoritem:nth-of-type(3n){margin-right:0} .honoritem .textbox{margin-top:52px;padding:0 30px} .honoritem .title{color:#666;font-size:16px;line-height:1.5;text-align:center} .social{padding:114px 0 132px} .social .wrap{text-align: center;} .socialtop{display: inline-block;width: 80%;} .socialtop .title{color:#000;text-align:center;font-size:36px;font-weight:bold} .socialtop .text{color:#666;font-size:16px;text-align:left;line-height:1.875;margin-top:22px} .socialslide{margin-top:60px;padding:0 170px;position:relative} .socialslide .swiper-slide{width:818px} .socialslide .title{opacity:0;color:#666;font-size:16px;margin-top:40px;text-align:left;padding:0 60px;line-height:1.875} .socialslide .swiper-slide-active .title{opacity:1} .socialslide .swiper-button-next, .socialslide .swiper-button-prev{width:46px;height:46px;margin-top:-73px;opacity:1;background-size:100% 100%} .socialslide .swiper-button-next{background-image:url(../img/socialright.png);right:0} .socialslide .swiper-button-next:hover{background-image:url(../img/socialright_cur.png)} .socialslide .swiper-button-prev{background-image:url(../img/socialleft.png);left:0} .socialslide .swiper-button-prev:hover{background-image:url(../img/socialleft_cur.png)} @media (max-width:1620px){ .socialslide .swiper-slide{width:718px} .socialslide{padding:0 150px} } @media (max-width:1440px){ .history{padding-top:60px} .histslide .swiper-slide .period{font-size:24px} .histslide .swiper-slide .date{font-size:24px} .histslide:after{top:74px} .histslide .swiper-button-next, .histslide .swiper-button-prev{top:58px} .histslidebg{height:calc(100% - 76px)} .histslide .swiper-slide .bot{padding:50px 25px 90px} .histslidebox{padding-bottom:70px} .honor{padding:70px 0} .honoritem{padding:35px 28px 45px;margin-bottom:30px} .honoritem .textbox{margin-top:35px} .social{padding:80px 0 100px} .socialslide .swiper-slide{width:668px} .socialslide{padding:0 130px} .socialtop .title{font-size:28px} .socialslide .title{margin-top:25px;padding:0 45px} } @media (max-width:1280px){ .socialslide .swiper-slide{width:588px} .socialslide{padding:0 100px} } @media (max-width:1024px){ .history{padding-top:40px} .histslidebox{margin-top:25px;padding-bottom:45px} .histslide{padding:0 45px} .histslide .swiper-button-next, .histslide .swiper-button-prev{width:30px;height:30px;top:43px} .histslide .swiper-button-next{right:-30px} .histslide .swiper-button-prev{left:-30px} .histslide .swiper-slide .period{font-size:16px} .histslide .swiper-slide .date{font-size:16px;margin-top:3px} .histslide .swiper-slide .yuan{width:12px;height:12px;border-width:3px} .histslide .swiper-slide .bot{padding:25px 15px 35px} .histslide:after{height:2px;top:56px} .histslide .swiper-slide .bot .text{font-size:14px;line-height:1.6;min-height:44px} .histslide .swiper-slide .bot .img{margin-top:12px} .histslidebg{height:calc(100% - 56px)} .honor, .social{padding:45px 0} .honoritem{width:100%;padding:25px 20px;margin-bottom:20px;margin-right:0} .honoritem .img{text-align:center} .honoritem .img img{display:inline-block} .honoritem .textbox{margin-top:10px;padding:0 10px} .honoritem .title{font-size:14px} .socialslide .swiper-slide{width:100%} .socialtop .title{font-size:18px} .socialtop .text{font-size:14px;line-height:1.6;margin-top:8px} .socialslide{margin-top:30px;padding:0 45px} .socialslide .swiper-button-next, .socialslide .swiper-button-prev{width:30px;height:30px} .socialslide .title{margin-top:15px;font-size:14px;padding:0 10px;line-height:1.6} } .news{padding:80px 0 140px} .newstop .swiper-container{box-shadow:0px 0px 12px 0px rgba(0,0,0,0.11)} .newstop .img{width:50%} .newstop .textbox{width:50%;padding:75px 106px 0 80px;background-color:#fff} .newstop .textbox .date{color:#999;font-family:Arial;font-size:16px} .newstop .textbox .title{color:#000;font-size:30px;line-height:36px;height:72px;margin:12px 0 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newstop .textbox .text{color:#666;font-size:16px;line-height:1.875;height:92px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{width:auto;left:calc(50% + 80px);text-align:left;bottom:66px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;background-color:#ccc;margin:0 8px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){margin:0 8px 0 0} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#0d5398} .newstop a:hover .img img, .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newstop a:hover .textbox .title{color:#0d5398} .newsitems{margin:40px 0 15px} .newsitem{width:31.74%;margin-right:2.39%;margin-bottom:34px;display:block} .newsitem:nth-of-type(3n){margin-right:0} .newsitem .img img{width:100%} .newsitem .textbox{padding:24px 60px 50px 30px} .newsitem .title{font-size:18px;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsitem .date{color:#999;margin-top:20px} .newsitem:hover .box{background-color:#fff;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.11)} .newsitem:hover .title{color:#0d5398} .newsdet{padding:90px 0 138px} .newsdetbox{position:relative} .newsdetbox .top{padding-bottom:40px;border-bottom:1px solid #e9e9e9} .newsdetbox .top .date{color:#999;font-size:16px} .newsdetbox .top .title{color:#000;font-size:36px;font-weight:bold;line-height:46px;margin-top:10px} .newsdetbox .content{margin:40px 0 94px} .newsdetbox .content p{color:#666;font-size:16px;line-height:1.875} .newsdetbox .bot .list{width:104px;height:64px;display:block;border:1px solid #e9e9e9;background-repeat:no-repeat;background-position:center center} .newsdetbox .bot .list:hover{background-color:#0d5398;border-color:#0d5398} @media (min-width:1024px){ .newsdetbox .bot .list:hover{width:254px} } .newsdetbox .bot .list.prev{background-image:url(../img/ndprev.png)} .newsdetbox .bot .list.prev:hover{background-image:url(../img/ndprev_cur.png)} .newsdetbox .bot .list.next{background-image:url(../img/ndnext.png)} .newsdetbox .bot .list.next:hover{background-image:url(../img/ndnext_cur.png)} .newsdetbox .bot .list.return{background-image:url(../img/ndreturn.png);margin:0 10px} .newsdetbox .bot .list.return:hover{background-image:url(../img/ndreturn_cur.png)} .newsdetshare{width:30px;position:absolute;top:0;right:-110px} .newsdetshare .text{color:#666} .newsdetshareitems{margin-top:46px} .newsdetshareitem{width:30px;height:30px;margin-bottom:40px;cursor:pointer;background-repeat:no-repeat;background-position:center center} .newsdetshareitem:nth-last-of-type(1){margin-bottom:0} .newsdetshareitem[data-wx]{background-image:url(../img/ndshare_wx.png)} .newsdetshareitem[data-wx]:hover{background-image:url(../img/ndshare_wx_cur.png)} .newsdetshareitem[data-wb]{background-image:url(../img/ndshare_wb.png)} .newsdetshareitem[data-wb]:hover{background-image:url(../img/ndshare_wb_cur.png)} .newsdetshareitem[data-qq]{background-image:url(../img/ndshare_qq.png)} .newsdetshareitem[data-qq]:hover{background-image:url(../img/ndshare_qq_cur.png)} .newsdetshareitem[data-url]{background-image:url(../img/ndshare_url.png)} .newsdetshareitem[data-url]:hover{background-image:url(../img/ndshare_url_cur.png)} .newsdetvideo{width:796px;margin:0 auto 38px} .newsdetvideo .img img{width:100%} .newsdetvideo .sV-play{width:80px;height:80px;margin-top:-40px;left:50%;margin-left:-40px} .newsdetbox .content p{font-size:16px;line-height:1.875;color:#666} .newsdetslide{width:796px;margin:52px auto 60px} .newsdetslide .swiper-button-next, .newsdetslide .swiper-button-prev{width:40px;height:40px;margin-top:-20px;background-color:rgba(0,0,0,0.5);border-radius:40px;background-size:100% 100%;opacity:1;background-size:9px 16px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s} .newsdetslide .swiper-button-next{background-image:url(../img/ndright.png);right:40px} .newsdetslide .swiper-button-prev{background-image:url(../img/ndleft.png);left:40px} .newsdetslide .swiper-button-next:hover, .newsdetslide .swiper-button-prev:hover{background-color:#0d5398} @media (max-width:1440px){ .news{padding:65px 0 100px} .newstop .textbox{padding:55px 80px 0 60px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{left:calc(50% + 60px);bottom:40px} .newstop .textbox .title{font-size:24px;height:60px;line-height:30px} } @media (max-width:1140px){ .newsdetshare{right:-60px} } @media (max-width:1024px){ .news, .newsdet{padding:45px 0} .newstop .img, .newstop .img img{width:100%} .newstop .textbox{width:100%;padding:25px 20px 40px} .newstop .textbox .date{font-size:14px} .newstop .textbox .title{font-size:16px;height:48px;line-height:24px;margin:0 0 10px} .newstop .textbox .text{font-size:14px;line-height:1.6;height:66px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets{left:20px;bottom:20px} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){margin:0 4px 0 0} .newstop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .newsdetbox .top .date{font-size:14px} .newsdetbox .top .title{font-size:20px;line-height:28px;margin-top:2px} .newsdetbox .top{padding-bottom:20px} .newsdetbox .content{margin:25px 0 35px} .newsdetbox .content p{font-size:14px;line-height:1.6} .newsdetbox .bot .list{width:84px;height:48px} .newsdetshare{width:100%;position:static;margin-top:15px} .newsdetshare .text, .newsdetshareitems{float:left} .newsdetshareitems{margin-top:0} .newsdetshare .text{line-height:22px;margin-right:10px} .newsdetshareitem{float:left;width:22px;height:22px;background-size:100% 100%;margin-bottom:0;margin-right:10px} .newsdetvideo, .newsdetslide{width:80%} .newsdetvideo .sV-play{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .newsdetslide .swiper-button-next, .newsdetslide .swiper-button-prev{width:32px;height:32px;margin-top:-16px;background-size:5px auto} .newsdetslide .swiper-button-next{right:20px} .newsdetslide .swiper-button-prev{left:20px} } @media (max-width:768px){ .newsitem{width:100%;margin-right:0;margin-bottom:20px} .newsitem .textbox{padding:25px 20px;border:1px solid #f3f3f3;border-top:none} .newsitem .title{font-size:16px;height:44px;line-height:22px} .newsitem .date{margin-top:10px} .newsdetvideo, .newsdetslide{width:100%} .newsdetslide{margin:20px auto} } .proj{padding:0 50px 90px} .projitem{margin-bottom:23px;position:relative;overflow:hidden} .projitem .textbox{width:300px;height:230px;padding:36px 40px;background-color:rgba(255,255,255,0.9);display:block;position:absolute;bottom:58px;left:60px} .projitem:nth-of-type(2n) .textbox{left:auto;right:50px} .projitem .cntitle{color:#010101;font-size:30px} .projitem .entitle{color:#999;margin-top:3px} .projitem .more{position:absolute;bottom:40px;right:80px;opacity:0} .projitem:hover .more{right:40px;opacity:1} .projitem:hover .textbox{background-color:rgba(13,83,152,0.9)} .projitem:hover .cntitle{color:#fff} .projitem:hover .entitle{color:#769dc7} .projitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets{bottom:55px} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 13px;background-color:#546066;opacity:1} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#e35f14} .projdet{padding:90px 0 120px} .projdet h2{color:#000;font-size:36px;font-weight:bold;text-align:center} .projdet p{color:#666;font-size:16px;line-height:2.25} .projdetdet{padding:112px 0 120px;background-color:#f5f5f5} .projdetdet .bigtitle{color:#000;font-size:36px;font-weight:bold;text-align:center} .projdetdet .box{margin-top:34px} .projdetdet .list{width:32%;margin-right:2%;display:block;position:relative} .projdetdet .list:nth-of-type(3n){margin-right:0} .projdetdet .list .textbox{width:100%;position:absolute;bottom:24px;left:0;padding:0 30px} .projdetdet .list .title{color:#fff;font-size:24px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .projdetdet .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .announ{padding:52px 0 160px} .announitems{margin-bottom:80px} .announitem{padding:50px 0;display:block;border-bottom:1px solid #dcdcdc} .announitem .datebox{width:100px;height:100px;background-color:#f7f7f7;padding-top:24px} .announitem .day{color:#0d5398;font-size:38px;font-family:Arial;text-align:center} .announitem .date{color:#666;font-size:16px;font-family:Arial;text-align:center} .announitem .textbox{width:calc(100% - 100px);padding-left:26px;padding-right:13.64vw} .announitem .title{color:#000;font-size:18px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .announitem .text{margin-top:20px;color:#666;line-height:1.714;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .activity .socialtop .text{margin-top:0} .activity .newsitems{margin:54px 0 0} .newsmore{width:418px;height:62px;margin:80px auto 0;border-radius:5px;background-color:#f3f3f3;text-align:center;cursor:pointer} .newsmore .icon{display:inline-block;vertical-align:middle;height:62px;line-height:62px} .newsmore .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .newsmore .text{color:#666;display:inline-block;vertical-align:middle;margin-left:5px;height:62px;line-height:62px} @media (max-width:1440px){ .projitem .textbox{width:260px;height:190px;padding:25px 30px} .projitem .cntitle{font-size:24px} .projitem .more{bottom:30px;right:60px} .projitem:hover .more{right:30px} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets{bottom:35px} .projdet{padding:65px 0 90px} .projdetdet{padding:75px 0 85px} .projdetdet .bigtitle, .projdet h2{font-size:28px} .announ{padding:35px 0 120px} .announitems{margin-bottom:55px} .announitem{padding:35px 0} } @media (max-width:1024px){ .proj{padding:0 15px 25px} .projitem{margin-bottom:20px} .projitem .textbox{width:100%;height:auto;padding:20px 20px 45px;position:static;background-color:rgba(13,83,152,0.9)} .projitem .cntitle{font-size:16px} .projitem .entitle{font-size:12px} .projitem .cntitle{color:#fff} .projitem .entitle{color:#769dc7;margin-top:5px} .projitem .more{right:20px;bottom:25px;opacity:1} .projdetdet, .projdet{padding:35px 0} .projdetdet .bigtitle, .projdet h2{font-size:18px} .projdetdet .box{margin-top:15px} .projdet p{width:100% !important;font-size:14px;line-height:1.8} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px} .projdetslide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .projdetdet .list{width:100%;margin-right:0;margin-bottom:20px} .projdetdet .list:nth-last-of-type(1){margin-bottom:0} .projdetdet .list .textbox{bottom:13px;padding:0 15px} .projdetdet .list .title{font-size:14px;height:20px;line-height:20px} .announ{padding:20px 0 45px} .announitems{margin-bottom:30px} .announitem{padding:20px 0} .announitem .datebox{width:60px;height:60px;padding-top:10px} .announitem .day{font-size:20px} .announitem .date{font-size:12px} .announitem .textbox{width:calc(100% - 60px);padding-left:10px;padding-right:0} .announitem .title{font-size:16px;line-height:22px;height:22px} .announitem .text{margin-top:4px;font-size:12px;line-height:1.6;height:38px} .activity .newsitems{margin:25px 0 0} .newsmore{width:160px;height:42px;margin:25px auto 0} } .advice{padding:110px 0 190px} .advicemess{width:585px;margin:42px auto 0} .advicemess .list{margin-bottom:12px} .advicemess .list input{width:100%;height:62px;padding:0 20px;border:1px solid #d2d2d2} .advicemess .list textarea{width:100%;height:142px;padding:16px 20px;border:1px solid #d2d2d2} .advicemess .list input::-webkit-input-placeholder, .advicemess .list textarea::-webkit-input-placeholder{color:#999} .advicemess .btn{width:100%;height:68px;line-height:68px;margin-top:40px;background-color:#0d5398;color:#fff;font-weight:bold;text-align:center;cursor:pointer} .idea{padding:120px 0 142px} .ideaitem .img{width:50%} .ideaitem .textbox{width:50%;padding:0 4.958vw 0 0;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center} .ideaitem:nth-of-type(2n) .textbox{padding:0 0 0 4.958vw} .ideaitem:nth-of-type(1) .textbox{align-items:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start} .ideaitem .title{color:#000;font-weight:bold;font-size:36px} .ideaitem .content{margin-top:32px;max-height:268px;overflow-y:auto} .ideaitem .content::-webkit-scrollbar{width:4px} .ideaitem .content::-webkit-scrollbar-thumb{background-color:#0d5398;border-radius:4px} .ideaitem .content::-webkit-scrollbar-track{background-color:#f7fbff} .ideaitem .content h3{color:#000;font-size:24px;line-height:32px} .ideaitem .content p{color:#666;line-height:2.143} .ideaitem .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .schreruittop{padding:0 88px 0 4.166vw;height:88px;background-color:#929ca2;margin-top:44px;cursor:pointer} .schreruittop .list{color:#fff;font-size:18px;line-height:88px} .schreruittop .list:nth-of-type(1), .schreruititemtop .list:nth-of-type(1){width:18.83%} .schreruittop .list:nth-of-type(2), .schreruititemtop .list:nth-of-type(2){width:15%} .schreruittop .list:nth-of-type(3), .schreruititemtop .list:nth-of-type(3){width:51%} .schreruittop .list:nth-of-type(4), .schreruititemtop .list:nth-of-type(4){width:15.17%} .schreruititem{margin-top:1px} .schreruititemtop{height:88px;background-color:#f4f4f4;padding:0 88px 0 4.166vw;position:relative} .schreruititemtop .list{font-size:16px;color:#666;line-height:88px} .schreruititemtop .more{width:88px;height:88px;text-align:center;line-height:88px;position:absolute;top:0;right:0;cursor:pointer} .schreruititemtop .more .iconfont{color:#2a2f37;font-size:18px;display:inline-block} .schreruititembot{padding:54px 88px 78px 4.166vw;display:none} .schreruititembot .list{margin-bottom:38px} .schreruititembot .list .name{font-size:16px;font-weight:bold} .schreruititembot .list .text{color:#999;line-height:1.714;margin-top:15px} .schreruititembot .emailbtn{width:142px;height:48px;text-align:center;border-radius:48px;line-height:46px;border:2px solid #e35f14;display:block} .schreruititembot .emailbtn:hover{background-color:#e35f14;color:#fff} .schreruititem.cur .schreruititemtop{background-color:#0d5398} .schreruititem.cur .schreruititemtop .list{color:#fff} .schreruititem.cur .schreruititemtop .more .iconfont{color:#fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .recruit{padding:110px 0 190px} @media (max-width:1440px){ .advice, .recruit{padding:70px 0 125px} .idea{padding:80px 0 100px} .ideaitem .textbox{padding:0 3.5vw 0 0} .ideaitem .title{font-size:28px} .ideaitem .content h3{font-size:20px;line-height:26px} .ideaitem .content p{line-height:1.8} .ideaitem .content{margin-top:20px} .ideaitem:nth-of-type(2n) .textbox{padding:0 0 0 3.5vw} } @media (max-width:1024px){ .advice, .idea, .recruit{padding:45px 0} .ideaitem{margin-bottom:25px} .ideaitem .img, .ideaitem .img img{width:100%} .ideaitem .textbox{width:100%;padding:0;margin-top:15px} .ideaitem .title{font-size:18px} .ideaitem .content{max-height:none} .ideaitem .content h3{font-size:16px} .ideaitem .content p{line-height:1.6} .ideaitem .content{margin-top:10px} .ideaitem:nth-of-type(2n) .textbox{padding-left:0} .ideaitem:nth-last-of-type(1){margin-bottom:0} .schreruittop{height:46px;padding:0 30px 0 10px;margin-top:20px} .schreruittop .list{font-size:13px;line-height:46px} .schreruititemtop .list{font-size:12px;line-height:18px;padding:10px 0} .schreruititemtop{height:auto;padding:0 30px 0 10px} .schreruititemtop .more{width:30px;height:46px;margin-top:-23px;top:50%;line-height:46px;padding:0} .schreruititemtop .more .iconfont{font-size:12px} .schreruititembot{padding:25px 10px} .schreruititembot .list .text{margin-top:6px;line-height:1.6} } @media (max-width:768px){ .advicemess{width:100%;margin:25px auto 0} .advicemess .list input{height:44px;padding:0 15px} .advicemess .list textarea{height:100px;padding:12px 15px} .advicemess .btn{height:50px;line-height:50px} } .cont1{padding:110px 0} .cont1box{margin-top:70px} .cont1list{width:33.33%;padding:0 42px;border-right:1px solid #e2e2e2} .cont1list:nth-of-type(3n){border-right:none} .cont1list .icon{width:80px;height:80px;background-color:#f5f5f5;border-radius:80px;margin:0 auto;overflow:hidden;position:relative} .cont1list .icon img{width:100%;height:100%;position:absolute;top:0;left:0} .cont1list .icon img:nth-of-type(2){top:100%} .cont1list:hover .icon{background-color:#0d5398} .cont1list:hover .icon img:nth-of-type(2){top:0} .cont1list:hover .icon img:nth-of-type(1){top:-100%} .cont1list .textbox{margin-top:22px} .cont1list .title{color:#439cc0;font-size:16px;text-align:center} .cont1list .text{color:#666;font-size:16px;text-align:center;margin-top:14px;word-break:break-word} .cont1list .text.tel{font-weight:bold;font-family:'din'} .cont1list .text.email{font-weight:bold;font-family:Arial} .cont1title{color:#000;font-size:36px;font-weight:bold;text-align:center} .cont2{padding-bottom:80px} .cont2map{width:100%;height:550px;overflow:hidden} .newslist-wrapper ul li{position:relative;margin-bottom:50px;padding-left:110px} .newslist-wrapper ul li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)} .newslist-wrapper ul li:hover .info{border-color:#0d5398} .newslist-wrapper ul li:hover .name{color:#0d5398} .newslist-wrapper ul li:hover .more{color:#0d5398} .newslist-wrapper ul li:hover .more i{background:url(../img/right4.png) no-repeat;background-size:contain} .newslist-wrapper ul li a{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between} .newslist-wrapper ul li .date{position:absolute;left:0;top:0;z-index:10;padding:12px 20px;width:90px;border:1px solid #ececec;text-align:center} .newslist-wrapper ul li .date .day,.newslist-wrapper ul li .date .year{color:#333;font-family:db} .newslist-wrapper ul li .date .day{font-size:36px;line-height:36px;padding-bottom:5px;border-bottom:1px solid #ececec} .newslist-wrapper ul li .date .year{font-size:14px;line-height:20px;padding-top:5px} .newslist-wrapper ul li .pic{width:25.1%} .newslist-wrapper ul li .info{flex:1;overflow:hidden;padding-left:40px;border-bottom:1px solid #ececec} .newslist-wrapper ul li .name{font-size:24px;color:#333;line-height:30px} .newslist-wrapper ul li .desc{font-size:14px;color:#666;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:12px auto 50px} .newslist-wrapper ul li .more{font-size:14px;color:#666;font-family:db;text-transform:uppercase;margin-bottom:40px} .newslist-wrapper ul li .more i{position:relative;top:1px;display:inline-block;width:7px;height:11px;background:url(../img/right5.png) no-repeat;background-size:contain;margin-left:16px} @media (max-width:1440px){ .cont1list{padding:0 25px} .cont1{padding:70px 0} .cont1box{margin-top:50px} .cont1title{font-size:28px} } @media (max-width:1024px){ .cont1{padding:45px 0} .cont1title{font-size:18px} .cont1box{margin-top:25px} .cont1list{width:50%;padding:0 10px;margin-bottom:20px} .cont1list .icon{width:52px;height:52px} .cont1list .text, .cont1list .title{font-size:14px} .cont1list .text{margin-top:5px} .cont1list .textbox{margin-top:12px} .cont1list:nth-of-type(2n){border-right:none} .newslist-wrapper ul li{margin-bottom:0px;padding-left:0} .newslist-wrapper ul li:last-child a{padding-bottom:0} .newslist-wrapper ul li a{display:block;padding-bottom:30px} .newslist-wrapper ul li .date{display:none} .newslist-wrapper ul li .pic{width:100%} .newslist-wrapper ul li .info{width:100%;padding-left:0;margin-top:20px;padding-bottom:30px} .newslist-wrapper ul li .name{font-size:16px;line-height:24px} .newslist-wrapper ul li .desc{margin:8px auto 16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px} .newslist-wrapper ul li .more{font-size:12px;margin-bottom:0} .newslist-wrapper ul li .more i{margin-left:8px} .cont2{padding-bottom:40px} .cont2map{height:350px} }