锘縜{text-decoration:none}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999}.loadingfa{width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#444;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%}.animteeh{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.animteeh.active{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.animts{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.active.animts{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}@keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-webkit-keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate1{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@-ms-keyframes rotate1{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(-360deg)}}@-o-keyframes rotate1{from{-o-transform:rotate(0)}to{-o-transform:rotate(-360deg)}}.xuanzhuan{animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate}.xuanzhuan1{animation:5s linear 0s normal forwards infinite rotate;-webkit-animation:5s linear 0s normal forwards infinite rotate;-moz-animation:5s linear 0s normal forwards infinite rotate;-o-animation:5s linear 0s normal forwards infinite rotate}.nizhuan{animation:2s linear 0s normal forwards infinite rotate1;-webkit-animation:2s linear 0s normal forwards infinite rotate1;-moz-animation:2s linear 0s normal forwards infinite rotate1;-o-animation:2s linear 0s normal forwards infinite rotate1}.nizhuan1{animation:3s linear 0s normal forwards infinite rotate1;-webkit-animation:3s linear 0s normal forwards infinite rotate1;-moz-animation:3s linear 0s normal forwards infinite rotate1;-o-animation:3s linear 0s normal forwards infinite rotate1}@keyframes Updown{0%{transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.shangxia{animation:1.4s 0s alternate none infinite running Updown}.yaohuan{animation:2.4s 0s alternate none infinite running swing}.yaohuan1{animation:9.4s 0s alternate none infinite running swing}.flash{animation:2.4s 0s alternate none infinite running flash}.wobble{animation:20.4s 0s alternate none infinite running wobble}.dtable{display:table;width:100%;height:100%}.dcell{display:table-cell;vertical-align:middle}.shangxia1{animation:2.4s 0s alternate none infinite running Updown}.shangxia2{animation:2.9s 0s alternate none infinite running Updown}.shangxia3{animation:3.4s 0s alternate none infinite running Updown}.shangxia4{animation:2.5s 0s alternate none infinite running Updown}.shangxia5{animation:3.3s 0s alternate none infinite running Updown}.shangxia6{animation:2.4s 0s alternate none infinite running Updown}.shangxia7{animation:2.6s 0s alternate none infinite running Updown}.df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ac{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.as{-webkit-box-align:justify;-webkit-align-items:space-between;-ms-flex-align:justify;align-items:space-between}.ae{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.jc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.js{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.je{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.fww{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap} .inner{ width: 1150px; margin: 0 auto; } .banner{ height: 703px; /*background: url(../images/bannerin.png) no-repeat center top;*/ background-size: cover } .top{ position:absolute; left: 0px; top: 0px; width: 100%; height: 69px; z-index: 200; background: url(../images/topbg.png) repeat-x left bottom; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .banner .swiper-container{ height: 100%; box-sizing: border-box; width: 100vw; } .banner .swiper-container .inner{ padding-top: 69px; } .top:after{ content: ""; display: block; clear: both; width: 100%; }.topri:after{ content: ""; display: block; clear: both; width: 100%; } .logo{ float:left; height: 68px; line-height: 68px; } .logo a{ display: block; padding-top: 20px; } .topri{ float:right; height: 69px; } .nav{ float:left; padding-right: 30px; border-right:1px solid rgba(255,255,255,0.3); } .nav li{ float:left; padding: 0 20px; height: 68px; position:relative; } .nav li >a{ display: block; line-height: 68px; color:#fff; font-size:14px; height: 68px; } .nav li >a:hover{ border-bottom:1px solid #fff; } .xiala{ position:absolute; top: 100%; left: 50%; width: 175px; background:#fff; display:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .xiala a{ display: block; line-height: 39px; text-align:center; font-size:14px; color:#454545; } .xiala a.cur{ color:#fff; background:#117cce; }.xiala a:hover{ color:#fff; background:#117cce; } .logo-fixed{ display:none; float:left; height: 68px; line-height: 68px; } .tel-fixed{ display:none; } .top.fixed{ position: fixed; left: 0px; top: 0px; width: 100%; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); z-index: 899; } .top.fixed .tel-img{ display:none; } .top.fixed .navbar span{ background:#555; } .top.fixed .tel em{ color:#555; } .top.fixed .sea a{ background: url(../images/sea-fixed.png) no-repeat center center; } .top.fixed .logo{ display:none; } .top.fixed .tel-fixed{ display: inline; } .top.fixed .logo-fixed{ display: flex; align-items: center; } .top.fixed .nav li> a{ color:#555; } .nav li .cur{ border-bottom:1px solid #fff; } .tel{ padding: 0 17px; overflow:hidden; float:left; border-right:1px solid rgba(255,255,255,0.3); padding-top: 20px; height: 68px; box-sizing: border-box; } .tel img{float:left;} .tel em{float:left;font-size:18px;color:#fff;padding-left: 6px;} .sea{float:left;} .sea a{ display: block; width: 55px; height: 69px; background: url(../images/sea.png) no-repeat center ; } .cl{ clear: both; } .foot{ background-color: #141d25; padding-top: 56px; } .copy{ text-align:center; font-size:12px; color:#fff; border-top:1px solid #434a51; line-height: 54px; } .ftnav{ overflow:hidden; margin-bottom: 40px; float:left; width: 896px; padding-left: 24px; border-right:1px solid rgba(255,255,255,0.3); min-height: 232px; } .ftdao{ float:left; padding-right: 80px; } .fttil{ color:#fff; padding-bottom: 20px; font-size:18px; line-height: 20px; background: url(../images/ftnv.png) no-repeat left bottom; } .ftlie li a{ font-size:12px; color:#888d91; line-height: 34px; } .ftlie{ padding-top: 12px; } .ftlian{ float:right; } .fttil2{ background:none; } .ftma{ padding: 5px; background:#fff; } .ftma img{display: block;} .ping{ padding-top: 11px; overflow:hidden; } .ping a{ float:left; margin-right: 8px; display: block; } .ftlie li a:hover{ color:#fff; } .incont{ overflow:hidden; padding-top: 116px; } .zhuji{ float:right; padding-right: 90px; } .banjie{ float:left; padding-top: 15px; padding-left: 20px; color:#fff; } .bjtl1{ font-size:36px; color:#fff; font-weight:bold; line-height: 40px; } .bjtl2{ font-size:30px; padding-bottom: 30px; line-height: 40px; } .bjtl3{ font-size:16px; line-height: 34px; padding-left: 16px; border-left:1px solid #90a9b9; } .cont1{ position:relative; height: 600px; } .injie1{ position:absolute; width: 50%; float:left; z-index: 2; height: 600px; } .company{ position:absolute; top: -23px; right: 36px; width: 925px; height: 578px; } .brief{ float:right; padding-top: 60px; width: 49%; } .til{ font-size:40px; color:#333333; line-height: 60px; text-align:right; padding-bottom: 30px; background: url(../images/tlbg.png) no-repeat right bottom; } .xijie{ font-size:16px; line-height: 30px; color:#333333; padding: 30px 0; line-break: anywhere; } .num{ overflow:hidden; } .num .same{ float:left; width: 33.33%; text-align:center; } .shuzi{ font-size:44px; line-height: 50px; color:#117cce; padding-bottom: 20px; background: url(../images/szbg.png) no-repeat center bottom; } .zhong{ font-size:16px; color:#787878; line-height: 66px; } .shuzi em{ font-size:18px; line-height: 30px; padding-top: 20px; } /**/ .cpban{ height: 450px; background: url(../images/cpban.png) no-repeat center top; background-size: cover; } .bantil{ text-align:center; color:#fff; padding-top: 159px; line-height: 60px; padding-bottom: 20px; font-size:30px; } .banxi{ font-size: 14px; line-height: 24px; color:#fff; text-align:center; } .mianbao{ height: 50px; background:#fff; border-bottom:1px solid #F8F8F8; } .mianbao .inner{ overflow:hidden; } .bread{ float:left; font-size:12px; line-height: 50px; color:#454545; } .bread a{ color:#454545; } .search{ float:right; height: 32px; margin: 7px 13px; border-radius: 100px; border:1px solid #e6e6e6; width: 290px; overflow:hidden; padding: 0 10px; } .serbtn{ display: block; height: 32px;float:right; width: 26px; background: url(../images/search.png) no-repeat center ; } .seainpt{ border:none; outline: none; height: 32px; width:250px; } .content{ background:#f8f8f8; padding-top: 20px; padding-bottom: 80px; } .gouwu{ padding: 22px; background:#fff; overflow:hidden; margin-bottom: 20px; } .xinhao{ float:left; width: 496px; } .detail{ float:right; width: 576px; } .bigimg{ border:1px solid #d3d3d3; height: 324px; width: 494px; overflow:hidden; } .bigimg img{ width: 100%;height: 100%; object-fit: cover; } .smallimg{ padding: 12px 0; overflow:hidden; } .xinbtn{ cursor: pointer; padding-top: 32px; float:left; } .xinbtnri{float:right;padding-left: 15px;} .xinbtnle{ padding-right: 15px; } .gunimg{float:left;} .gunimg li{ float:left; cursor: pointer; border:1px solid #d6d6d6; } .gunimg li img{ width: 100%; height: 100%; } .detailbiao{ font-size:20px; color:#454545; line-height: 46px; } .detailxi{ font-size:12px; line-height: 20px; color:#454545; padding: 12px 10px; background:#f8f8f8; } .detailzhi{ overflow:hidden; padding: 35px 0; } .detailzhi li{ float:left; font-size:12px; color:#454545; line-height: 40px; width: 245px; padding-left: 12px; margin-left: 18px; background: url(../images/zhigan.png) no-repeat left center; } .detailcontact{ overflow:hidden; padding-top: 15px; } .detailcontact a{ display: block; width: 280px; height: 48px; text-align:center; line-height: 48px; font-size:20px; } .detailzixun1{ color:#fff; float:left; background:#0085d2; } .detailzixun2{ background:#eaeaea; color:#454545; float:right; } .pron{ padding: 22px; margin-bottom: 20px; background:#fff; } .prontil{ color:#1f6bbc; border-bottom:1px solid #ececec; overflow:hidden; } .progan{ float:left; line-height: 30px; border-bottom:2px solid #2f76c1; } .progan span{ padding-left: 3px; } .prontedian{ padding-bottom: 20px; padding-top: 10px;font-size:12px; line-height: 22px; color:#454545; } .prontedian li{ font-size:12px; line-height: 22px; color:#454545; padding-left: 10px; background: url(../images/prondian.png) no-repeat left center ; } .huan{ overflow:hidden; } .huan a{ display: block; width: 520px; line-height: 58px; padding: 0 22px; color:#454545; font-size:12px; background:#fff; float:left; } .huan .huanxia{ float:right; } .fwban{ height: 450px; background: url(../images/fwban.png) no-repeat center top; background-size: cover; } .fwmianbao{ border-bottom:1px solid #d7d7d7; } .fwcont{ padding: 40px 0; } .fwqie { display: flex; justify-content: center; align-items: center; padding-bottom: 40px; } .fwqie a{ display: block; font-size:16px; text-align:center; color:#454545; width: 130px; height: 40px; line-height: 40px; border:2px solid #e6e6e6; margin: 0 20px; border-radius: 3px; } .fwqie a.cur{ color:#fff; background:#026dbf; border:2px solid #026dbf; } .fwxiang{ padding: 20px 27px; background:#f8f8f8; color:#444444; } .fwxiwen{ font-size:12px; line-height: 24px; padding-bottom: 20px; } .ditu{ text-align:center; padding: 20px 0; } .fanban{ height: 450px; background: url(../images/fanban.png) no-repeat center top; background-size: cover; } .fangtil{ text-align:center; font-size:24px; color:#454545; line-height: 80px; background: url(../images/ftilbg.png) no-repeat center bottom; } .fangan{ background:#fff; padding: 0px 40px 40px 40px; } .plan{ height: 900px; text-align:center; overflow-y: auto; } .xiangguan{ padding-bottom: 20px; } .xgtl{ color:#454545; line-height: 60px; padding-top: 15px; } .xgimg li{ float:left; margin-right: 25px; width: 155px; height: 102px;display: flex; justify-content: center; align-items: center; background:#fff; } /**/ /**/ .cont2nv{ height: 99px; background: url(../images/nxbg.jpg) no-repeat center top; background-size: auto 100%; position:relative; } .cont2nv:after{ content: ""; position:absolute; right: 0px; top: 0px; height: 100%; background:#117cce; width: 50%; } .cont2nv .inner{ display: flex; align-items: center; position:relative; z-index: 15; } .ct2tl{ color:#117CCE; padding-left: 14px; border-left:2px solid #117CCE; width: 243px; } .cnsvz{ height: 99px; } .ct2tl div{ font-size:21px; } .cont2nv ul{ display: flex; height: 99px; position:absolute; left: 300px; top: 0px; } .cont2nv ul li{ width: 206px; text-align:center; box-sizing: border-box; padding: 0px 20px; font-size:15px; color:#fff; cursor: pointer; position:relative; display: flex; align-items: center; justify-content: center; } .cont2nv ul li span{ position:relative; z-index: 10; } .cont2nv ul li.cur{ } .cont2nv ul li:after{ content: ""; position:absolute; bottom: 0px; width: 100%; height: 109px; background: url(../images/nxcur.png) no-repeat center top; background-size: 100% 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display:none; } .cont2nv ul li.cur:after{ display: block; } .cont2nv ul li span{ display: block; word-break: break-all; max-width: 80px; } .contcp{ padding-top: 36px; padding-bottom: 76px; background: url(../images/dexcpbg.jpg) no-repeat center top; background-size: cover; } .contcp1{ width: 254px; height: 238px; background: #117CCE; border: 1px solid #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; } .contcp1a img{ display: block; width: 58px; } .contcp1b{ color:#fff; line-height: 34px; font-size:20px; margin-top: 20px; margin-bottom: 32px; } .contcp1 a{ display: flex; align-items: center; justify-content: center; width: 134px; height: 37px; background: rgba(255,255,255,0); border: 1px solid #FFFFFF; border-radius: 18px; color:#fff; font-size:15px; } .contcp1 a em{ margin-left: 6px; width: 22px; height: 11px; background: url(../images/agyou.png) no-repeat center top; background-size: 100%; } .contcp .inner{ display: flex; justify-content: space-between; } .contcp2{ flex: 1; } .contcp2 ul{ display: flex; justify-content: space-between; } .contcp2 ul li{ width: 254px; height: 238px; background: #FFFFFF; border: 1px solid #E3E3E3; position:relative; } .contcp2 ul li> a{ display: block; width: 100%; height: 100%; cursor: pointer; } .contcp2 ul li> a img{ display: block; width: 100%; height: 100%; object-fit: cover; } .cptsxtl{ position:absolute; left: 0px; bottom: 22px; width: 100%;text-align:center; color:#117CCE; } .contcp2 ul li:after{ content: ""; position:absolute; bottom: 0px; width: 100%; left: 0px; height: 9px; background: url(../images/sxj.png) no-repeat center top; background-size: auto 100%; } .cont3swp{ } .cont3a{ font-size:17px; text-align:center; color:#fff; text-transform: uppercase; margin-bottom: 10px; } .cont3b{ display: flex; align-items: center; justify-content: center; color:#fff; font-size:24px; } .cont3b:before, .cont3b:after{ content: ""; width: 25px; height: 1px; background:#fff; margin: 0px 4px; } .cont3{ padding-top: 50px; padding-bottom: 41px; background: url(../images/fananbg.jpg) no-repeat center top; background-size: cover; } .cont3c{ text-align:center; font-size:13px; line-height: 23px; margin-bottom: 53px; margin-top: 23px; padding: 0px 73px; color:#fff; } .swpitem{ display: block; width: 257px; height: 135px; position:relative; overflow:hidden; } .swpitemtl{ position:absolute; left: 0px; width: 100%; bottom: 0px; line-height: 38px; text-align:center; background:rgba(0,0,0,0.2); font-size:16px; color:#fff; } .swiper-container.cont3swp{ padding-bottom: 52px; } .swiper-container.cont3swp .swiper-pagination{ border-radius: 2px; } .swiper-container.cont3swp .swiper-pagination .swiper-pagination-bullet{ height: 3px; width: 28px; margin: 0px; background:#fff; border-radius: 0px; } .swiper-container.cont3swp .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; } .cont4{ padding-top: 68px; padding-bottom: 82px; } .cont4in{ display: flex; justify-content: space-between; margin-top: 39px; } .cont4a{ width: 468px; } .cont4a1{ position:relative; display: block; } .cont4a1a{ position:absolute; left: 0px; top: 0px; width: 81px; height: 72px; background: #117CCE; display: flex; flex-direction: column; align-items: center; justify-content: center; } .cont4a1a span{ font-size: 35px; font-family: FZLanTingHeiS-UL-GB; font-weight: 400; color: #FFFFFF; line-height: 34px; } .cont4a1a em{ font-size: 11px; font-family: FZLanTingHeiS-UL-GB; font-weight: 400; color: #FFFFFF; line-height: 18px; } .cont4a1 img{ display: block; width: 100%; height: 100%; object-fit: cover; } .cont4b{ padding-left: 74px; flex: 1; } .cont4a2{ margin-top: 18px; font-size: 19px; font-family: Hiragino Sans GB; font-weight: normal; color: #222222; line-height: 21px; } .cont4a3{ line-height: 19px; font-size: 12px; font-family: Hiragino Sans GB; font-weight: normal; color: #787878; margin-top: 9px; } .cont4a4{ margin-top: 13px; width: 109px; height: 35px; background: #117CCE; text-align:center; line-height: 35px; font-size:15px; display: block; color:#fff; } .cont4b a{ display: flex; align-items: center; justify-content: space-between; } .cont4b1{ width: 64px; display: flex; flex-direction: column; align-items: center; } .cont4b1 span{ font-size: 35px; font-family: Hiragino Sans GB; font-weight: normal; color: #444444; line-height: 28px; margin-bottom: 10px; } .cont4b2{ width: calc(100% - 84px); } .cont4b1 em{ font-size: 11px; font-family: Hiragino Sans GB; font-weight: normal; color: #444444; line-height: 12px; } .cont4b li{ padding: 13px 0; border-bottom:1px solid #eee; margin-bottom: 14px; } .cont4b21{ font-size:18px; color:#444; } .cont4b22{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:12px; line-height: 18px; color:#787878; margin-top: 5px; } .lysban{ position: fixed; right: 20px; bottom: 50px; z-index: 999; } .lysban1{ width: 334px; height: 54px; background: #11B6CE; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0px 18px; } .lysban1a{ font-size:18px; color:#fff; } .lysban1b{ width: 32px; height: 19px; background: rgba(255,255,255,0); border: 2px solid #FFFFFF; } .topge{ height: 66px; display:none; } .topge.cur{ /*display: block;*/ } .lysban2{ padding: 17px 19px; background:#fff; display:none; } .lysban2x1{ font-size:16px; line-height: 29px; margin-bottom: 5px; } .lysban2x2{ margin-bottom: 13px; } .lysbantx{ margin-bottom: 10px; } .lysban.curm .lysban2{ display: block; } .lysban.curm .lysban1{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .lysban.curm .lysban1b{ height: 0px; border-width: 1px; } .lysbantx .inpt{ width: 300px; height: 41px; background: #FFFFFF; border: 1px solid #DADADA; border-radius: 5px; box-sizing: border-box; padding: 13px; outline: none; } .lysbantx textarea.inpt{ resize: none; height: 80px; } .lysubnit{ appearance:none; -moz-appearance:none; -webkit-appearance:none; width: 75px; height: 39px; background: #11B6CE; border-radius: 5px; text-align:center; line-height: 39px; color:#fff; border: none; } .sendly{ display: flex; justify-content: flex-end; } .saoma{ position: fixed; right: 20px; top: 40%; z-index: 998; padding: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); background:#fff; border-radius: 3px; } .saoma1{ width: 138px; height: 137px; margin-bottom: 14px; } .saoma1 img{ display: block; width: 100%; } .saoma2{ font-size: 16px; font-family: Hiragino Sans GB; font-weight: normal; color: #222222; line-height: 22px; text-align:center; } .saoma3{ height: 30px; border-top:1px solid #eee; margin-top: 10px; padding-top: 10px; cursor: pointer; background: url(../images/totop.png) no-repeat center center; background-size: auto 22px; } .newban{ height: 450px; background: url(../images/newsban.jpg) no-repeat center top; background-size: cover; } .detailcont{ padding: 45px; background:#fff; } .detact1{ font-size:24px; margin-bottom: 18px; text-align:center; color:#444444; } .detact2{ color:#454545; font-size:12px; margin-bottom: 21px; text-align:center; } .detact3 p{ color:#444; } .detu{ max-width: 100%; display: block; margin: 30px auto; } .newprenext{ display: flex; justify-content: space-between; margin-top: 21px; } .npnex{ width: calc(50% - 6px); padding: 10px 11px; box-sizing: border-box; display: flex; background:#fff; } .npnex1{ width: 126px; height: 85px; margin-right: 15px; } .npnex1 img{ display: block; width: 100%; } .npnex2{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .npnex2a{ font-size:14px; color:#454545; line-height: 20px; } .npnex2b{ display: flex; justify-content: space-between; font-size:12px; color:#444444; } .npnex2b span{ }.npnex2b em{ } .bgwafl{ background:#F8F8F8; } .formbx{ padding: 25px 50px; background:#fff; display: flex; flex-wrap: wrap; justify-content: space-between; } .formtm{ width: calc(50% - 30px); margin-bottom: 30px; } .formtm1{ font-size:14px; color:#444; } .formtm1 em{ color:red; letter-spacing: 1.5px; margin-left: 5px; } .fomipt{ appearance:none; -moz-appearance:none; -webkit-appearance:none; height: 40px; background:#f2f3f6; width: 100%; border: none; box-sizing: border-box; padding-left: 15px; outline: none; } .formtm2{ margin-top: 10px; position:relative; } textarea.fomipt{ height: 116px; resize: none; padding-top: 5px; } .yzm{ position:absolute; right: 0px; top: 0px; width: 90px; height: 40px; } .formtm3{ display: flex; justify-content: space-between; } .submtbn{ width: calc(50% - 10px); height: 46px; background:#0e5298; text-align:center; line-height: 46px; color:#fff; margin-top: 26px; } .reset{ background:#828689; } /* 2 */ .newtail{ display: flex; justify-content: space-between; margin-bottom: 25px; } .newgoto{ display: block; width: 337px; padding: 15px 15px 0px 15px; background:#fff; height: 332px; color:#444444; } .newbt{ font-size:18px; line-height: 30px; } .newfb{ font-size:12px; opacity: 0.7; } .newtlzi{ padding-top: 10px; height: 118px; border-bottom:1px solid #e5e5e5; } .newtlenter span{ font-size:12px; opacity: 0.8; } .newtlenter{ height: 36px; display: flex; justify-content: space-between; align-items: center; } .jiantougou{ background: url(../images/goto.png) no-repeat center ; width: 30px; height: 20px; } .newgoto:hover .jiantougou{ background: url(../images/goto2.png) no-repeat center ; } .newgoto:hover{ color:#fff; background:#026dbf; } .newgoto:hover .newtlzi{border-bottom:1px solid #fff;} .newltsame{ background:#fff; padding: 15px; overflow:hidden; margin-bottom: 18px; color:#444; } .newliewen{ float:right; width: 888px; } .newlietu{float:left;} .newliejin{ padding-top: 10px; display: flex; justify-content: space-between; } .newlietime{ font-size:12px; padding-top: 14px; line-height: 16px; color:#787878; } .newliepr{ display: block; color:#444444; font-size:12px; height: 28px; line-height: 28px; text-align:center; width: 112px; border:1px solid #d1d1d1; } .newliepr:hover{ background:#026dbf; color:#fff; } .newltsame:hover{ box-shadow: 0px 2px 10px #e9e9e9; } .fenye{ padding-top: 12px; display: flex; justify-content: center; } .fenye a{ display: block; margin: 0 5px; padding: 0 10px; height: 28px; background:#fff; line-height: 28px; display: flex; justify-content: center; align-items: center; color:#3c3c3c; } .fenye a:hover{ position:relative; top: 1px; } .abban{ height: 450px; background: url(../images/abban.png) no-repeat center top; background-size: cover; } .bantil2{ text-align:left; } .banxi2{ width: 530px; text-align:left; } .abnav{ height: 58px; border-bottom:1px solid #dbdbdb; } .abdaohang{ display: flex; justify-content: center; align-items: center; } .abdaohang a{ display: block; color:#454545; text-align:center; width: 101px; margin: 0 42px; line-height: 58px; cursor: pointer; } .abdaohang a:hover{ color:#fff; background: url(../images/abnavbg.png) no-repeat center top; } .abdaohang a.cur{ color:#fff; background: url(../images/abnavbg.png) no-repeat center top; } .absametl{ text-align:center; padding-top: 45px; color:#454545; } .adsamebt1{ font-size:20px; line-height: 40px; padding-bottom: 10px; background: url(../images/absamebg.png) no-repeat center bottom; } .adsamebt2{ font-size:12px; text-transform: uppercase; line-height: 34px; padding-bottom: 30px; } .qiyejianjie{ margin-top: 40px; background:#f7f7f7; position:relative; padding:25px 20px; } .abshipin{ position:absolute; width: 483px; height: 318px; border:5px solid #fff; left: 20px; top: -40px; } .qiyewen{ padding-left: 757px; color:#454545; } .qiyename{ font-size:20px; line-height: 40px; padding-bottom: 6px; background: url(../images/qynmae.png) no-repeat left bottom; } .qiyexiangwen p{ font-size:12px; line-height: 20px; } .qiyexiangwen{ padding: 30px 0 20px 0; } .abnum{ padding: 50px 60px; } .youshi{ padding: 35px 25px; background:#f7f7f7; } .youshishang{ display: flex; justify-content: space-between; } .youshiwen{ color:#454545; } .youshiwen1{ width: 340px; } .youshiwen2{ width: 390px; } .youshiwbt{ font-size:14px; font-weight:bold; } .youshixi{ font-size:12px; line-height: 20px; } .youshiwen3{ width: 780px; } .youshiwbt2{ text-align:right; } .youshishang2{ padding-top: 15px; } .youshiimg2{ padding: 5px ; background:#fff; } .qiyewenhua{ height: 563px; background: url(../images/qiyewenhuabg.png) no-repeat center top; } .qiwenkuai{ padding-top: 95px;display: flex; justify-content: space-between; } .qiyeyuanjin{ width: 268px; height: 268px; padding-top: 110px; text-align:center; color:#1d77bd; background: url(../images/yuanjinbg.png) ; } .qiyeyuanjin:hover{ background: url(../images/yuanjinbg2.png) ; color:#fff; } .yuanjinic{ width: 68px; height: 68px; border-radius: 100px; margin: 0 auto; background:#117cce; display: flex; justify-content: center;align-items: center; } .yuanjinic2{display:none;} .qiyeyuanjin:hover .yuanjinic2{display: block;} .qiyeyuanjin:hover .yuanjinic1{display: none;} .qiyeyuanjin:hover .yuanjinic{ background:#fff; } .yuanjinbt{ font-size:26px; padding-top: 15px; line-height: 40px; text-shadow: 1px 1px 1px #eee; } .yuanjinxi{ font-size: 16px; line-height: 28px; box-sizing: border-box; padding: 10px 6px; text-shadow: 1px 1px 1px #eee; letter-spacing: 1px; } .qiyeyuanjin:hover .yuanjinbt{text-shadow: unset;} .qiyeyuanjin:hover .yuanjinxi{text-shadow: unset;} .gonggun{ width: 1110px; margin: 0 auto; } .rongsame{ width: 203px; } .rongimg{ width: 201px; height: 277px; border:1px solid #eeeeee; display: flex; justify-content: center; align-items: center; } .rongbt{ text-align:center; font-size:12px; line-height: 20px; padding: 15px 0; color:#5a6072; } .jion{ height: 502px; position:relative; } .jion .inner{ position:relative; } .jion .inner:before{ content: ""; position:absolute; width: calc((100vw - 1150px) / 2 + 173px); height: 501px; right: calc(100% - 173px); background:#f7f7f7 url(../images/joinbg.png) no-repeat left top; background-size: cover; } .zhaopin{ float:left; padding-left: 45px; padding-top: 70px; position:relative; z-index: 10; } .zhaopin a{ display: block; width: 82px; padding: 0 10px; height: 30px; text-align:center; font-size:12px; color:#fff; background:#117cce; line-height: 30px; text-align:right; } .zhaopin a.cur{ color:#117cce; background:#fff; } .zhiwei{ width: 945px; float:right; padding-top: 30px; } .wel{ font-size:12px; color:#454545; line-height: 26px; } .wel2{ font-weight: bold; } .wel2 em{ color:red; } .zhiweilist{ border-top:1px solid #d9d9d9; margin-top: 8px; } .zhiweilist li{ height: 43px; border-bottom:1px solid #d9d9d9; color:#454545; font-size:12px; line-height: 42px; display: flex; justify-content: space-between; align-items: center; } .fenye2{ text-align:center; line-height: 53px; } .fenye2 a{ padding: 0 10px; color:#454545; font-size:12px; } .fenye2 a:hover{ color:#000; font-weight: bold; } .zhiweixiang{ overflow:hidden; } .zhiweixiang span{ padding-right:54px; } .zhiweila{ height: 42px; width: 32px; background: url(../images/zwla.png) no-repeat center ; } .h60{height: 60px;} /**/ .shounoux{ padding: 25px 50px; background:#fff; margin-bottom: 18px; } .shtl{ font-size: 21px; font-family: Hiragino Sans GB; font-weight:bold; text-align:center; color: #454545; line-height:39px; margin-bottom: 12px; } .shtp{ font-size:12px; line-height: 20px; margin-bottom: 12px; color:#454545; } .shtu{ text-align:center; margin: 35px 0; } .shtu img{ max-width: 100% } .shtl2{ text-align:center; font-weight:bold; font-size:15px; } .shwz { padding: 22px 0; } .shwz div{ font-size:14px; font-weight:bold; padding-top: 15px; padding-bottom: 10px; } .shwz p{ font-size:12px; color:#444; } .shwz ul{ display: flex; flex-wrap: wrap; } .shwz ul li{ width: 323px; background: #F8F8F8; margin-right: 38px; margin-bottom: 14px; box-sizing: border-box; padding: 10px; font-size:12px; color:#454545; line-height: 18px; } .shwz ul li:nth-child(3n){ margin-right: 0px; } .xiwzm1{ text-align:center; } .xiwzm2{ text-align:center; } .xiwzm2 img{width:300px;} .fangact{ padding: 20px 0; } .fantab{ padding: 46px 32px; padding-bottom: 50px; display: flex; justify-content: space-between; background:#F8F8F8; } .fantab a{ width: 193px; line-height: 52px; background:#fff; text-align:center; color:#454545; font-size:14px; position:relative; } .fantab a:after{ content: ""; position:absolute; width: 17px; height: 9px; background: url(../images/cardown.png) no-repeat center top; background-size: 100% 100%; left: 50%; margin-left: -9px; top: 100%; display:none; } .fantab a.cur{ background-color: #0E6CC4; color:#fff; } .fantab a.cur:after{ display: block; } .fanslt li{ margin-top: 25px; display: flex; justify-content: space-between; background:#F8F8F8; align-items: center; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; } .fanslt li:nth-child(2n){ flex-direction: row-reverse; } .fanslt2 img{ display: block; width: 455px; } .fanslt1{ padding: 0px 72px; color: #454545; } .fanslt1a{ font-size: 24px; font-family: Hiragino Sans GB; font-weight: normal; line-height: 30px; margin-bottom: 34px; text-shadow: 1px 1px 1px #ddd; } .fanslt1b{ font-size: 16px; font-family: Hiragino Sans GB; font-weight: normal; line-height: 25px; opacity: 0.75; margin-bottom: 72px; } .fanslt1 a{ display: block; width: 121px; height: 35px; background: rgba(255,255,255,0); border: 1px solid #D1D1D1; line-height: 35px; text-align:center; font-size:16px; color:#454545; } .fanslt li:hover{ background:#2282DB; } .fanslt li:hover .fanslt1{ color:#fff; } .fanslt li:hover .fanslt1 a{ color:#fff; border:1px solid #fff; } .fanslt{ padding-bottom: 200px; } .fanslft{ display: flex; justify-content: space-between; align-items: flex-start; } .fleft{ width:261px; background:#fff; } .fleft1{ display: flex; align-items: center; height: 54px; background: url(../images/fltlbg.png) no-repeat center top; background-size: cover; padding-left: 10px; color:#fff; font-size:20px; } .fleft1 em{ width: 23px; height: 23px; background: url(../images/tlicon.png) no-repeat center top; background-size: 100%; margin-right: 8px; } .fleft1 span{ text-transform: uppercase; font-size:14px; padding-left: 10px; padding-top: 5px; } .fleft2{ padding: 9px; } .fuitem{ margin-bottom: 6px; } .futetl{ position:relative; height: 44px; background: #F8F8F8; padding-left: 13px; line-height: 44px; color:#454545; cursor: pointer; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .futetl em{ position:absolute; width: 10px; height: 9px; background: url(../images/wdown.png) no-repeat center top; background-size: 100%; right: 12px; top: 17px; } .fuitem.cur .futetl{ color:#fff; background:#117CCE; } .fuitem.cur .futetl em{ background: url(../images/dup.png) no-repeat center top; background-size: 100%; } .fuitem ul{ background:#117CCE; padding: 10px 28px; display:none; } .fuitem.cur ul{ /*display: block;*/ } .fuitem ul li a{ display: flex; align-items: center; line-height: 44px; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; } .fuitem ul li a:before{ content: ""; width: 6px; height: 6px; background: #FFFFFF; opacity: 0.6; border-radius: 50%; margin-right: 6px; } .fright{ flex: 1; margin-left: 31px; } .fright ul{ display: flex; flex-wrap: wrap; } .fright ul li{ width: 275px; margin-bottom: 34px; margin-right: 15px; } .fright ul li:nth-child(3n){ margin-right: 0px; } .fright1{ display: block; height: 181px; border: 1px solid #D1D1D1; } .fright1 img{ display: block; width: 100%; height: 100%; object-fit: cover; } .fright2{ font-size:12px; text-align:center; width: 100%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 6px; color:#454545; } html{ html{ font-size:5.2083333vw; /* 1920px */ } } body{ overflow-x: hidden; } .saclebx{ width: 100%; transform-origin: left top 0px; } @media(min-width: 1920px){ .saclebx{ /*width: 1920px;*/ /*--width: calc(100vw); --soom: calc(var(--width) / 1920); transform: scale(var(--soom)); */ transform-origin: left top 0px; } } .ronggun .swiper-container .swiper-pagination-bullet-active{ background:#919191; } .ronggun .swiper-container{ padding-bottom: 40px; } .shipbtn{ width: 54px; height: 54px; position:absolute; left: 50%; top: 50%; margin-top: -27px; margin-left: -27px; background: url(../images/playbtn.png) no-repeat center top; background-size: 100% } .gunimg{ width: calc(100% - 70px); overflow-x: auto; overflow-scrolling : touch; -webkit-overflow-scrolling : touch; -moz-overflow-scrolling : touch; -ms-overflow-scrolling : touch; -o-overflow-scrolling : touch; height: 114px; } .gunimg ul{ display: flex; } .gunimg li div{ width: 100%; height: 96px; } .gunimg li div img{ width: 100%; height: 100%; object-fit: cover; } .fantab a{ transition: background-color 0.3s ease-in 0s; background: #FFF no-repeat center 40px; padding-top: 120px; } .fantab a:hover{ background-color: #0E6CC4; color: #fff; } .fantab a:hover:after { display: block; } .fantab a.bg_33{ background-image:url(../images/bg_33.png); } .fantab a.bg_34{ background-image:url(../images/bg_34.png); } .fantab a.bg_35{ background-image:url(../images/bg_35.png); } .fantab a.bg_43{ background-image:url(../images/bg_43.png); } .fantab a.bg_36{ background-image:url(../images/bg_36.png); } .fantab a.bg_33:hover{ background-image:url(../images/bg_33_hit.png); } .fantab a.bg_34:hover{ background-image:url(../images/bg_34_hit.png); } .fantab a.bg_35:hover{ background-image:url(../images/bg_35_hit.png); } .fantab a.bg_43:hover{ background-image:url(../images/bg_43_hit.png); } .fantab a.bg_36:hover{ background-image:url(../images/bg_36_hit.png); } .fantab a.bg_33_cur{ background-image:url(../images/bg_33_hit.png); } .fantab a.bg_34_cur{ background-image:url(../images/bg_34_hit.png); } .fantab a.bg_35_cur{ background-image:url(../images/bg_35_hit.png); } .fantab a.bg_43_cur{ background-image:url(../images/bg_43_hit.png); } .fantab a.bg_36_cur{ background-image:url(../images/bg_36_hit.png); } div.saoma_close{ position: absolute; right: -15px; top: -13px; width: 30px; height: 30px; margin-left: 0; transition: All .4s ease-in-out; text-align: center; line-height: 30px; border-radius: 20px; background-color: #CCCD; color: #FFF; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%); cursor:pointer; } div.saoma_close:hover{color:red;} div.joinus{height: 488px; background:url(../images/about_bg.jpg) no-repeat center center; } div.joinus>ul{max-width: 1400px; min-width: 1200px; width: 90%;margin: 0 auto; padding-top: 100px;} div.joinus>ul>li{color:#FFFFFF} div.joinus>ul>li.btitle{font-size: 30px; line-height:70px;} div.joinus>ul>li.stitle{ font-size: 16px; line-height:50px;} div.joinus>ul>li.split{display: block; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.2); margin-top: 20px;} div.joinus>ul>li.info{margin: 20px 0 50px;} div.joinus>ul>li>a{float:left;display: inline-block; width: 200px;line-height: 40px; background: #fff;text-align: center; margin-bottom: 10px;margin-right: 10px; border-radius: 2px; color: #444; cursor:pointer;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);} div.joinus>ul>li>a:hover{background-color:#117cce; color:#FFF;} div.saoma4{width: 100px; padding-top: 50px; text-align: center; background: no-repeat center 5px; margin-bottom: 15px; cursor:pointer;} div.saoma4>a{display:none; position: absolute; background: #FFFFFF; box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);} div.saoma4>a>img.rright{position:absolute;} div.saoma4:hover{color:red;} div.saoma4:hover>a{display:block; color:#000;} table.joblist{ width:1150px; margin: 0 auto; } table.joblist tr{} table.joblist tr.title>td{background-color:rgb(243, 243, 243);} table.joblist td{ border-bottom:#e5e5e5 1px solid; line-height:45px;/*font-family: "SimHei";*/} table.joblist tr>td.title{font-weight:bold;} table.joblist td.joblist_edu{width:300px;} table.joblist td.joblist_sub{width:150px; color: rgb(11, 82, 179);text-decoration: underline; cursor:pointer;} table.joblist td.jobinfo{ background-color:#e5e5e5; box-sizing:border-box; padding:15px 10px 30px;line-height: 28px; }