@font-face { font-family: "BEBAS__"; src: url("../fonts/BEBAS__.woff2") format("woff2"), url("../fonts/BEBAS__.woff") format("woff"), url("../fonts/BEBAS__.ttf") format("truetype"), url("../fonts/BEBAS__.eot") format("embedded-opentype"), url("../fonts/BEBAS__.svg") format("svg"); font-weight: normal; font-style: normal; } @media (min-width: 768px) { html { font-size: 28px!important; } } html{ font-family: "Microsoft YaHei","Source Han Sans CN Bold","Source Han Sans CN Light",Helvetica,"瀹嬩綋","Source Han Sans CN","Helvetica Neue",Arial, "Hiragino Sans GB",sans-serif; } .contact1-ewm{ width: 160px; height: 160px; } .contact1-ewm img{ width: 100%; } .tongzhi .laws1-title{ font-size: 26px; line-height: 1.5; margin-bottom: 10px; } /**/ .recruitment-fixedbox{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,.6); font-size: 14px; z-index: 999!important; color:#999999; display: none; } .recruitment-fixedbox *{ box-sizing:border-box; } .recruitment-fixedbox .recru-box{ position: absolute; width: 500px; height: 480px; left: 0; right: 0; top: 0; bottom: 0; margin:auto; background:#fff; padding: 60px 50px; padding-bottom: 48px; } .recruitment-fixedbox .recru-box img{ display: block; width: 100%; } .recruitment-fixedbox .recru-box .close{ position: absolute; width: 18px; height: 18px; right: 18px; top: 18px; overflow: hidden; cursor: pointer; } .recruitment-fixedbox .recru-box input{ height: 100%; border:none; outline: none; background:none; width: 100%; height: 100%; display: block; } .recruitment-fixedbox .recru-box .li{ position: relative; height: 50px; line-height: 50px; } .recruitment-fixedbox .recru-box .li1{ margin-bottom: 20px; font-size: 0; } .recruitment-fixedbox .recru-box .li1 .txt,.recruitment-fixedbox .recru-box .li1 .span{ display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; font-size: 14px; } .recruitment-fixedbox .recru-box .li1 .span{ padding:0 15px; width: calc(100% - 80px); } .recruitment-fixedbox .recru-box .li1 .txt{ color:#fff; padding: 0 12px; background:#005bab; width: 80px; } .recruitment-fixedbox .recru-box .li1 input{ position: absolute; left: 0; top: 0; opacity: 0; } .recruitment-fixedbox .recru-box .li2 img{ position: absolute; right: 25px; top: 0; bottom: 0; margin:auto; width: 70px; } .recruitment-fixedbox .recru-box .li1, .recruitment-fixedbox .recru-box .li2{ padding: 0 20px; border:1px solid #cccccc; } .recruitment-fixedbox .recru-box .li2{ padding-right: 100px; } .recruitment-fixedbox .recru-box .li3{ margin:0 auto; width: 150px; margin-top: 40px; background:#005bab; font-size: 18px; color:#fff; } .recruitment-fixedbox .recru-box .li-bot{ margin-top: 30px; border-top: 1px solid #e5e5e5; font-size: 0; padding-top: 30px; text-align: center; } .recruitment-fixedbox .recru-box .li-bot .imgs, .recruitment-fixedbox .recru-box .li-bot .wen{ display: inline-block; vertical-align: middle; font-size: 14px; color:#666666; } .recruitment-fixedbox .recru-box .li-bot .imgs{ width: 120px; height: 120px; } .recruitment-fixedbox .recru-box .li-bot .wen{ margin-left: 20px; text-align: left; line-height: 30px; width: 185px; } @media (max-width: 768px){ .recruitment-fixedbox .recru-box{ width: 90%; height: auto; padding: .6rem .5rem; padding-bottom: .48rem; top: 50%; left: 50%; transform:translate(-50%,-50%); } .recruitment-fixedbox .recru-box .close{ width: .3rem; height: .3rem; right: .3rem; top: .3rem; } .recruitment-fixedbox .recru-box .li{ height: .8rem,; line-height: .8rem,; } .recruitment-fixedbox .recru-box .li1{ margin-bottom: .25rem; } .recruitment-fixedbox .recru-box .li1 .txt,.recruitment-fixedbox .recru-box .li1 .span{ height: .6rem; line-height: .6rem; font-size: .2rem; } .recruitment-fixedbox .recru-box .li1 .span{ padding:0 .2rem; width: calc(100% - 1.5rem); } .recruitment-fixedbox .recru-box .li1 .txt{ padding: 0 .1rem; width: 1.5rem; } .recruitment-fixedbox .recru-box .li2 img{ right: .25rem; width: .7rem; } .recruitment-fixedbox .recru-box .li1, .recruitment-fixedbox .recru-box .li2{ padding: 0 .2rem; } .recruitment-fixedbox .recru-box .li2{ padding-right: 1rem; } .recruitment-fixedbox .recru-box .li3{ width: 1.5rem; margin-top: .4rem; font-size: .28rem; } .recruitment-fixedbox .recru-box .li-bot{ margin-top: .3rem; padding-top: .3rem; } .recruitment-fixedbox .recru-box .li-bot .imgs, .recruitment-fixedbox .recru-box .li-bot .wen{ font-size: .2rem; } .recruitment-fixedbox .recru-box .li-bot .imgs{ width: 1.6rem; height: 1.6rem; } .recruitment-fixedbox .recru-box .li-bot .wen{ margin-left: .2rem; line-height: 1.6; width: 2rem; } .recruitment-fixedbox .recru-box .li3{ height: .7rem; } } /**/ .tongzhi .time{ font-size: 15px; line-height: 1; color:#999; margin-bottom: 30px; } .coninfos{ padding-top: 2.1rem; } .tongzhi .law1-txt{ text-indent: 2em; } .imgi{ position: relative; } .imgi img{ display: block; width: 100%; } .imgi .i1{ opacity: 0; } .imgi .i0{ opacity: 1; position: absolute; width:100%; height: 100%; left:0; top:0; } .wel-fixed-right { position: fixed; right: 0; top: 40%; transform: translateY(-50%); width: 70px; z-index: 100; } .wel-fixed-right .items-top { border-radius: 2px; overflow: hidden; position: relative; z-index: 2; cursor: pointer; display: block; color: #fff; transition:.5s ease-in-out; } .wel-fixed-right .items:hover .items-top{ background:#055eab; transition:.5s ease-in-out; } .wel-fixed-right .items-bot { position: absolute; width: 350px; right: -360px; top: 0; height: 60px; padding: 20px 28px; padding-right: 90px; background: #055eab; line-height: 60px; transition: .5s ease-in-out; box-sizing: border-box; z-index: -5; } .wel-fixed-right .items-bot:before { position: absolute; content: ""; width: 1px; height: 100%; right: 70px; top: 0; background: rgba(255, 255, 255, 0.15); } .wel-fixed-right .items-bot .swiper-container{ height: 22px; } .wel-fixed-right .items-bot .li { display: block; width: 100%; height: 22px; line-height: 22px; color: #fff; font-size: 13px; text-align: left; box-sizing:border-box; overflow: hidden; } .wel-fixed-right .items { width: 100%; height: 60px; background: rgba(0,0,0,.5); font-size: 12px; color: #fff; text-align: center; line-height: 60px; position: relative; } .wel-fixed-right .items:hover .items-bot { right: 0; transition: .5s ease-in-out; } .wel-fixed-right .items .span { margin-top: 5px; } .wel-fixed-right .items .box { display: inline-block; vertical-align: middle; line-height: 1; } .wel-fixed-right .items:nth-child(n+2) { margin-top: 2px; } @media (min-width: 1440px) { html { font-size: 32px!important; } } @media (min-width: 1460px) { html { font-size: 35px!important; } } @media (min-width: 1680px) { html { font-size: 40px!important; } } body{ -webkit-font-smoothing: antialiased; overflow: hidden; } .con1-title, .con2-rt-title{ font-weight: bold; } *{ margin: 0; padding: 0; } body{ overflow: hidden; } a{ text-decoration: none; display: inline-block; } li{ list-style: none; } .pro{ position: absolute; } .pre{ position: relative; } .bac{ background-repeat: no-repeat; background-position: center; background-size: cover; } .bac1{ background-repeat: no-repeat; background-position: left center; background-size: cover; } /* 鍐呴〉瀵艰埅 */ header{ /* background: red; */ width: 100%; height:2.1rem; padding: 0 .625rem; box-sizing: border-box; position: fixed; border-bottom: 1px solid rgba(0,0,0,.2); z-index: 999; } .header-ny{ background: #fff; z-index: 999; } .headerPc{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .hdPc-logo{ width: 6rem; line-height: 2.1rem; } .hdPc-logo img{ width: 100%; } .hdPc-nav{ font-size: 0; } .hdPc-nav li{ display: inline-block; /* margin-right: 1rem; */ padding: 0 .5rem; } .hdPc-nav li:last-child{ margin-right: 0; } .hdPc-nav ul{ font-size: 0; display: inline-block; } .hdPc-a1{ font-size: .45rem; color:#333; line-height: 2.1rem; position: relative; } .hdPc-nav li:after{ content: ""; width: 0; height: 3px; background: #e50007; position: absolute; left: 0; bottom: 0; display: block; transition: all .4s ease; } .hdPc-nav li:hover:after{ width: 100%; } .hdPc-nav li.on-hdPc2 .hdPc-a1{ color:#e50007 !important; } .hdPc-nav li.on-hdPc2:after{ width: 100%; } .hdPc-xt div{ width: 22px; height: 1px; background: #4d4d4d; } .hdPc-xt{ display: inline-block; margin-left: 1.75rem; cursor: pointer; visibility: hidden; } .xt2{ margin: 5px 0; } .hdPc-a1{ transition: color .4s ease; font-weight: bold; } .hdPc-nav li:hover .hdPc-a1{color:#e50007;} /* 搴曢儴.css */ footer{ background: #333333; padding: 3.375rem 0 0 0; position: relative; } .foot-top{ position: absolute; padding: .625rem 0; background: #005bab; width: 1220px; left: 50%; margin-left: -610px; top:-1.9375rem; } .footTop-txt{ font-size: .4rem; color:#fff; line-height: .5rem; margin-top: .5rem; } .foot-top{ overflow: hidden; } .footTop-list{ width: 33.3333%; text-align: center; position: relative; float: left; } .footTop-list:after{ content:""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,.3); right: 0; top:0; display: block; } .footTop-list:last-child:after{ display: none; } .foot-mid{ width: 1050px; margin: 0 auto; } .footMT-logo{ text-align: center; } .footMT-title{ font-size: .4rem; color:#fff; line-height: .5rem; margin-bottom: 22px; } .footMid-top ul { overflow: hidden; margin-top: 2rem; } .footMid-top ul li{ float: left; } .footMid-top ul li:nth-child(n+2){ /* margin-left: 1.52rem; */ } .footMT-txt{ font-size: .35rem; color:#808080; line-height: .45rem; display: block; margin-bottom: 10px; transition: color .3s ease; } .footMT-txt:hover{ color:#e50007; } .footMid-bot .bshare-custom .bshare-weixin{ background: url(../img/wx.png) no-repeat; margin-right: 15px; } .footMid-bot .bshare-custom .bshare-sinaminiblog{ background: url(../img/wb.png) no-repeat; margin-right: 15px; } .footMid-bot .bshare-custom .bshare-email{ background: url(../img/yx.png) no-repeat; margin-right: 0; } .footMid-bot .bshare-custom .bshare-weixin:hover{ background: url(../img/wx0.png) #FFF no-repeat; } .footMid-bot .bshare-custom .bshare-sinaminiblog:hover{ background: url(../img/wb0.png) #FFF no-repeat; } .footMid-bot .bshare-custom .bshare-email:hover{ background: url(../img/tm.png) #FFF no-repeat; } .footMid-bot .bshare-custom a{ border-radius: 50%; } .footMid-bot .bshare-custom{ text-align: center; } .bshare-custom{ font-size: 0 !important; } .footMid-bot .bshare-custom a{ width:38px; height: 36px; padding-left: 0; } .footMid-bot{ margin-top: 1.125rem; } .footMB-lists{ font-size: 0; text-align: center; margin-top: .9rem; } .footMB-lists a{ font-size: .35rem; line-height: .45rem; color:#808080; transition:.5s ease-in-out; } .footMB-lists a:hover{ color:#e50007; transition:.5s ease-in-out; } .foot-bot{ width: 90.625%; margin: 0 auto; border-top:1px solid #808080; padding: .52rem 0; margin-top: 2rem; } .foot-bot div,.foot-bot a{ font-size: .35rem; color: #808080; line-height: .8rem; } .foot-bot{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; } .footBot-left div{ display: inline-block; } .footBL-txt2{ background: url(../img/jc.png) left center no-repeat; padding-left: 35px; margin-left: 18px; } .footMid-bot .bshare-custom a{ transition:.5s ease-in-out; } .footMid-bot .bshare-custom a:hover{ transition:.5s ease-in-out; } .foot-wx-title{ font-size: .35rem; line-height: .45rem; color:#333; } .foot-wx-content img{ width: 120px; height: 120px; } .foot-wx-content:first-child{ margin-right: .3rem; } .footMid-bot .bshare-weixin .foot-wx-tp{ bottom: 40px; } .footMid-bot .bshare-weixin:hover .foot-wx-tp{ opacity: 1; visibility: visible; } .foot-wx-tp{ position: absolute; bottom:0; left: 50%; transform: translateX(-50%); background: #fff; padding: .2rem; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; transition: all .4s ease; opacity: 0; visibility: hidden; } /* 浜嗚В涓婁笂css */ .ny-banner{ width: 100%; height: 12.5rem; margin-top: 2.1rem; } .nv-nav-all{ background: rgba(0,0,0,.3); border-top:1px solid #808080; border-bottom: 1px solid #808080; height: 1.575rem; line-height: 1.575rem; position: absolute; left: 0; width: 100%; bottom: 0; } .w1400{ width: 1400px; margin: 0 auto; max-width:88%; } .nv-lists{ height: 1.575rem; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; position: relative; z-index: 950; } .nv-lists a{ font-size: .375rem; text-align: center; color:#fff; } .nv-lists .nav-title1{ width: 12.86%; font-size: .75rem; color:#fff; border-left:1px solid #808080; box-sizing: border-box; } .nav-img1{ width:3.93%; border-left:1px solid #808080; border-right:1px solid #808080; text-align: center; } .nav-ajs{ border-right:1px solid #808080; transition: all .4s ease; } .nav-ajs:last-child{ border-right: 1px solid #808080; } .ljss{ background: url(../img/jt.png) 85% center no-repeat; } .nav-xl-all:hover .nav-ajs{ background-color: #1779ce; } .nav-on{ background-color: #1779ce; } .about2-left{ width: 43.1%; } .about2-left img{ width: 100%; } .about2Lf-content{ width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(145,15,40,.85); height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: .75rem; color:rgba(255,255,255,1); /*color:rgba(255,255,255,.5);*/ } .about-list2{ font-size: 0; height: 100%; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; flex-flow: row wrap; } .about2-right{ width: 56.9%; } .about2-right{ padding: 3.25rem 3rem 0 3rem; box-sizing: border-box; } .about2-right img{ position: absolute; left: 3rem; width: 20.5rem; bottom: 0; } .about2-rt-title{ font-size: .75rem; line-height: .85rem; color:#000; } .about2-rt-content span{ width: 2rem; height: 4px; border-radius: 4px; background: #005bab; display: block; margin: .95rem 0; } .about2-rt-txt{ font-size: 15px; color:#666; /*line-height: .68rem;*/ position: relative; z-index: 9; } .about1-left{ width: 49.3%; } .about1-right{ width: 37.14%; } .about-list1{ padding: 2.5rem 0 3rem 0; background: #f5f5f5; } .about1-lf1-title{ font-size: 1.5rem; line-height: 1.65rem; font-weight: bold; position: absolute; left: 2.5rem; transform: translateY(-50%); top: 50%; text-transform: uppercase; color:#000; z-index: 99; } .about1-lf1-title span{ font-size: .9rem; color:#000; line-height: .95rem; font-weight: normal !important; display: block; margin-top: .5rem; } .about1-lf12-img{ width: 7.95rem; position: absolute; left: 8rem; top: 5.6rem; } .about1-lf-scroll p{ /*font-size: .375rem;*/ font-size: 15px; color:#666; /*line-height: .75rem;*/ line-height: 2; } .about1-lf-content2{ position: relative; z-index: 99; } .jh-bot{ border-top: 1px solid #d4d4d4; margin-top: 1rem; padding-top: .75rem; font-size: 0; color:#333333; } .jh-bot .fir{ margin-right: 1rem; } .jh-bot .ij{ font-size: 14px; display: inline-block; vertical-align: middle; padding-left: 30px; position: relative; line-height: 25px; } .jh-bot .ij img{ position: absolute; width: 22px; height: 22px; left: 0; top: 1px; } .jh-bot span{ color:#005bab; text-decoration: underline; } .about1-lf-scroll{ /*height: 9rem;*/ height: 12rem; padding-right: .25rem; overflow-y: auto; } .on-html{ overflow: hidden; } .about1-lf-scroll::-webkit-scrollbar { width: 4px; height: 4px; } .about1-lf-scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #1573e1; opacity: 0 !important; } .about1-lf-scroll::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .about1-lf-scroll:hover::-webkit-scrollbar-thumb { } .about1-lf-content2{ margin-top: 2rem; } .about1-righ{ width: 37.14%; } .about1-right img{ width: 100%; } .about1-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; } .about1-Rt-num{ font-size: 1.2rem; line-height: 1.15rem; font-family: "BEBAS__"; color:#005bab; position: relative; } .about1-Rt-num:after{ content:""; width: 2px; height: 80%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #d2d2d2; } .about1-Rt-txt{ font-size: .4rem; line-height: .45rem; color:#666; margin: .3rem 0 0 0; } .about1-Rt-content{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin: 1rem 0 0 0; } .about1-Rt-list{ width: 33.333%; text-align: center; } .about1-Rt-content .about1-Rt-list:last-child ::after{ display: none; } .about1-Rt-num span{ font-size: .55rem; line-height: .65rem; display: inline-block; vertical-align: bottom; font-family: "BEBAS__"; } .about-list3{ padding: 3.25rem 0 11rem 0; } .about3-list{ width: 11.43%; border:1px solid rgba(255,255,255,.3); padding: .875rem .15rem .875rem .625rem; box-sizing: border-box } .about3-xs-title{ font-size: .4rem; line-height: .5rem; color:#fff; margin: .6rem 0 .1rem 0; } .about3-xs-eg{ font-size: 12px; line-height: 12px; color:#fff; } .about3-xs span{ width: 20px; height: 1px; background: #fff; display: block; margin-top: .5rem; } .about3-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; } .about2-yc{ width: 100%; left: 0; top: 0; height: 100%; transform: scale(0); background: #005bab; border-radius: 5px; overflow: hidden; transition: all 1s ease; } .about2-yc img{ width: 100%; left: 0; position: absolute; bottom: -2.05rem; } .about2-yc-txt{ font-size: .6rem; color:#fff; line-height: .8rem; transform: scale(0.75) !important; text-align: center; margin-top: 1.1rem; } .about3-list:hover .about2-yc{ transform: scale(1.3125); } .nav-ajs{ width: 100%; } .nav-xl-all{ position: relative; } .nav-xlml{ top:1.2rem; opacity: 0; visibility: hidden; background: rgba(0,0,0,.6); width: 100%;padding: 0 .5rem; box-sizing: border-box; transition: all .4s ease; /* line-height: 1.2rem; */ /* height: 1.2rem; */ z-index: 900; } .nav-xlml a{ line-height: 1.2rem; text-align: center; /* margin-right: .8rem; */ display: block; transition: all .4s ease; } .nav-xlml a:hover{ color:#e50007; } .nav-xl-all:hover .nav-xlml{ top: 1.58rem; opacity: 1; visibility: visible; } /* 鍙戝睍鍘嗙▼css */ .develop-list1 { background: url(../img/images/dev2_02.jpg) center center repeat-y; width: 100%; padding: 4rem 0 5.2rem 0; } .devs1-top .s1{ width: 40px; height: 2px; background: #005bab; display: none; margin-top: .45rem; } .dev1-times-all{ left: 3.375rem; top: 0; } .devs1-tp-time1{ font-size: .75rem; line-height: .82rem; font-family: "BEBAS__"; font-weight: bold; color:#999999; } .devs1-tp-time2{ font-size: .45rem; color:#005bab; margin: .25rem 0 0 0; display: none; } .devs1-top{ cursor: pointer; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin-top: .65rem; } .devs1-tp-content{ margin-left: .375rem; } .devs1-tp-content .s2{ width: 1.2rem; height: 6px; background: #999; display: inline-block; vertical-align: middle; margin: 0 .1rem;; } .devs1-top.on-devs1 { border-bottom: 1px solid #cfd2d7; } .devs1-top.on-devs1 .s1{ display: block; } .devs1-top.on-devs1{ padding-bottom: .5rem; } .devs1-top.on-devs1 .s2{ background:#005bab; } .devs1-top.on-devs1 .devs1-tp-time1{ font-size: .75rem; line-height: .82rem; color:#005bab; } .devs1-top.on-devs1 .devs1-tp-time2{ display: block; } .dev2-all-items{ width: 960px; margin: 0 auto; } .dev2-img-logo{ text-align: center; font-size: .9rem; color:#005bab; } .dev2-item{ width: 50%; } .dev2-content{ width: 83.33%; } .dev2-date{ position: relative; top: .85rem; font-size: 3rem; line-height: 3rem; font-weight: bold; font-family: "BEBAS__"; color:#005bab; text-align: right; } .dev2-img { position: relative; z-index: 99; } .dev2-img img{ border-radius: 10px; width: 100%; } .dev2-txt{ font-size: .375rem; color:#4c4c4c; line-height: .7rem; margin: .375rem 0 0 0; } .dev2-items{ overflow: hidden; } .dev2-item{ float: right; } .dev2-item .dev2-content{ float: right; } .dev2-item:nth-child(2n){ float: left; width: 50.1%; } .dev2-item:nth-child(2n) .dev2-content{ float: left; } .dev2-item:before{ content: ""; position: absolute; width: 1px; height: 100%; background: #bcbfc2; display: block; left: 0; top: 0; } .dev2-item:nth-child(2n):before{ right: -0.1%; left: unset; } .dev2-img:after{ content: ""; width: 26px; height: 26px; background: url(../img/dev2.png) center center no-repeat; background-size:100% 100%; position: absolute; left: -23%; top:50%; transform: translateY(-50%); } .dev2-item:nth-child(2n) .dev2-img:after{ right: -23.5%; left: unset; } /* 鑱旂郴鎴戜滑css */ .contact-list1{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; flex-flow: row wrap; } .contact1-left,.contact1-right{ width: 50%; } #container{ height: 100%; } .contact1-right{ width: 50%; padding: 3rem 6rem 3rem 2.5rem; box-sizing: border-box; } .contact1-top{ padding: 1.5rem 1.2rem 2.2rem 1.2rem; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; box-sizing: border-box; } .contact1-top-list{ width: 50%; word-break: break-all; } .contact1-top-list:first-child{ padding-right: 1%; box-sizing: border-box; } .contact1-top-title{ font-size: .45rem; color:#005bab; line-height: .52rem; font-weight: bold; } .contact1-top-list span{ width: 35px; height: 1px; background: #c4c4c4; display: block; margin: .55rem 0; } .contact1-top-xs{ font-size: .35rem; line-height: .7rem; color:#666; } .contact1-mid{ background: url(../img/images/con2_11.jpg) center center no-repeat; height: 5rem; margin: 1.125rem 0; padding: 0 1.125rem; box-sizing: border-box; display: block; width: 100%; } .contact1-mid-title{ font-size: .45rem; line-height: .55rem; color:#fff; font-weight: bold; } .contact1-mid span{ width: 35px; height: 1px; background: rgba(255,255,255,.3); display: block; margin: .5rem 0; } .contact1-mid-all{ width: 84.7%; top:50%; transform: translateY(-50%); display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; align-items: center; } .contact1-mid-txt{ font-size: .35rem; line-height: .45rem; color:rgba(255,255,255,.4); } .contact1-mid-left{ width: 65%; } .contact1-mid-right{ font-size: .35rem; line-height: .45rem; color:#fff; } .contact1-ewm-title{ font-size: .35rem; color:#999999; text-align: center; margin: .2rem 0 0 0; } .contact1-bot{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .contact1-ewm:first-child{ margin-right: 1rem; } .nav-xl-all{ width: 13.8683%; font-size: 0; } /* 鎷涙爣閲囪喘瑙勫畾css */ .reg-list1{ background: #f5f5f5; padding: 2.75rem 0 3.125rem 0; } .reg1-all{ width: 1200px; margin: 0 auto; text-align: center; } .reg1-title{ font-size: .9rem; line-height: .95rem; } .reg1-text{ margin: .6rem 0 1.4rem 0; height: 3.2rem; overflow: hidden; } .reg1-text p{ font-size: .375rem; color:#666; line-height: .75rem; } .mes1-content{ text-indent: 1rem; } .reg1-btn{ font-size: .35rem; color:#005bab; padding: 6px 10px; cursor: pointer; border: 1px solid #005bab; border-radius: 20px; display: inline-block; } .reg1-btn:after{ content: ""; width: 12px; height: 6px; background: url(../img/jt3.png) top center no-repeat; background-size:12px 6px; display: inline-block; vertical-align: middle; margin-left: 10px; transition: all .4s ease; } .reg1-btn.reg1-on:after{ transform: rotate(180deg); } .reg1-on{ height: auto; } .reg-list1{ overflow: hidden; } .reg-list1 img{ width: 13.3rem; position: absolute; right: 0; bottom:-8rem; } .reg-list2{ padding: 2.1rem 0 3.875rem 0; } .reg2-title{ text-align: center; font-size: .9rem; line-height: .95rem; color:#000; } .reg2-lists{ margin: 2rem 0 0 0; font-size: 0; } .reg2-list{ width:23.93%; padding: 2.2rem 0.875rem 1rem 0.875rem; box-sizing: border-box; background: #fcfcfc; transition: all .3s ease; display: inline-block; } .reg2-txt{ font-size: .5rem; line-height: .8rem; color:#333; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; z-index: 99; } .reg2-btn{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; color:#333; font-size: .375rem; line-height: .42rem; margin: .875rem 0 0 0; position: relative; transition: all .3s ease; z-index: 99; width: 95px; border: 1px solid #333; padding: 6px 0; justify-content: center; border-radius: 15px; } .reg2-list:hover .reg2-btn{ background: #fff; border:1px solid transparent; color:#005bab !important; } .reg2-btn:after{ content: ""; width: 7px; height: 14px; text-align: center; background-color: transparent; background-image: url(../img/jt2.png); background-repeat: no-repeat; background-position: center; background-size: 7px 11px; display: inline-block; /* border-radius: 50%; */ vertical-align: middle; margin-left: .2rem; transition: all .3s ease; } .reg2-list img{ position: absolute; right: 0; bottom: 0; width: 3.625rem; } .reg2-content{ padding: .2rem .25rem; background: #005bab; left:.875rem; top: -10px; text-align: center; transition: all .3s ease; } .reg2-ctitle{ font-size:.75rem; line-height: .8rem; color:#fff; transition: all .3s ease; } .reg2-content span{ height: 1px; width: 100%; display: block; background: #fff; transition: all .3s ease; margin: .16rem 0 0.1rem 0; } .reg2-ctime{ font-size: 12px; color:#fff; line-height: 12px; transition: all .3s ease; } .reg2-list:hover{ background: #005bab; } .reg2-list:hover .reg2-content{ background: #fff; } .reg2-list:hover div{ color:#e50007; } .reg2-list:hover span{ background: #e50007; } .reg2-list:hover .reg2-txt,.reg2-list:hover .reg2-btn{ color:#fff; } /* .reg2-list:hover .reg2-btn:after{ content: ""; background-color: #f5f5f5; } */ .reg2-list{ margin-right: .48rem; margin-bottom: 1.125rem; } .reg2-list:nth-child(4n){ margin-right: 0; } .page{ text-align: center; margin: .75rem 0 0 0; } .page a{ font-size: 12px; color:#333; border-radius: 50%; text-align: center; width: 1rem; height: 1rem; line-height: 1rem; transition: all .4s ease; } .page a.active{ background: #005bab; color:#fff; } .page a:hover{ color:#fff; background: #005bab; } .page .page-d1{ color:#333; display: inline-block; vertical-align: text-bottom; } .page .next{ font-size: 12px; color:#333; margin-left: 5px; } .page .prev{ font-size: 12px; color:#333; margin-right: 5px; /* transform: rotate(180deg); */ } .page .page-d2{ color:#333; display: inline-block; vertical-align: middle; } /* 浜у搧棰戦亾椤甸潰 */ .pro-title{ font-size: .9rem; line-height: .95rem; color:#fff; } .pro-txt{ font-size: 14px; color:#fff; line-height: 2; margin: .5rem 0 0 0; } .pro-content{ width: 100%; position: absolute; top:50%; transform: translateY(-50%); text-align: center; } .pro-list1{ background: #f2f2f2; padding: 2rem 0 5rem 0; } .pro1-all{ background: #fff; padding: 1rem 1rem 1.75rem 1rem; box-sizing: border-box; } .pro1-all .select{ box-sizing: border-box; width: 22.5%; height: 55px; font-size: .39rem; background-color: #f0f0f0; position: relative; border:1px solid #dbdbdb; display: inline-block; margin-right: 1%; vertical-align: middle; } .pro1-all .select:after{ content:''; display:block; width: 0; height: 0; border-width:7px; border-style: solid; border-color: #333 transparent transparent transparent; position:absolute; top:23px; right: .5rem; transform-origin: 50% 0; /* transition: transfrom .3s ease-in,top .3s ease-out; */ } .pro1-all{ position: relative; z-index: 25; } .pro1-all .select p{ font-size: .4rem; padding: 0 .5rem; line-height: 55px; cursor: pointer; color:#333; font-weight: bold; } .pro1-all{ } .pro1-all .select ul{ list-style-type:none; background-color: #f0f0f0; width: 100%; overflow-y:auto; position: absolute;; top: 49px; left: -1px; max-height: 0; z-index: 20; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; } .pro1-all .select ul li{ padding: 0 .5rem; line-height: 40px; cursor: pointer; color:#666; transition: all .3s ease 0s; } .pro1-all .select ul li .pro-tt{ color:#666; } .pro1-all .select ul li:last-child{ border-bottom:1px solid #d4d4d4; } .pro1-all .select ul li .pro-tt:hover{ color: #005bab !important; } .pro1-all .select ul li .pro1-mulu-add span:hover { color: #005bab !important; } .pro1-all .select ul .join-lb{ margin-top: 10px; } .pro1-all .select ul li.selected{ color: #005bab; } @-webkit-keyframes slide-down{ 0%{transform: scale(1,0);} 25%{transform: scale(1,1.2);} 50%{transform: scale(1,0.85);} 75%{transform: scale(1,1.05);} 100%{transform: scale(1,1);} } .pro1-all .select.open ul{ max-height: 250px; transform-origin: 50% 0; /* -webkit-animation:slide-down .5s ease-in; */ transition: max-height .5s ease-out; } .pro1-all .select.open:after{ transform: rotate(-180deg); top: 28px; transition: all .3s ease-in; } .pro1-input{ width: 34.3%; border:1px solid #dbdbdb; background: #fff; font-size: .35rem; color:#333; padding: 0 0 0 15px; box-sizing: border-box; } .pro1-input::-webkit-input-placeholder{ color:#444; } .recu1-ssk::-webkit-input-placeholder { font-size: .35rem; color:#999; } .pro1-ss{ width: 15.1%; background-color: #023894; font-size:.4rem; border:none; color:#fff; margin-left: 2.15%; background-image: url(../img/ss.png); background-position: 75% center; background-repeat: no-repeat; text-align: left; } .pro2-all{ margin: 1.5rem 0 0 0; } .pro1-title{ font-size: .9rem; line-height: .95rem;color:#333; text-align: center; margin-bottom: .55rem; } .pro-all-t{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .fg-ld1{ padding: 2.75rem 0 2rem 0; border-right:1px solid rgba(255,255,255,.4); box-sizing: border-box; } .de-left{ height: 100%; overflow: hidden; } .sd2-1 { /*height: auto !important;*/ margin-bottom: .9rem; } .pro2-all-leftm1 .swiper-wrapper{ height: auto !important; } .pro2-all-left{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .fg-ld1{ overflow: hidden; width: 31%; } .pro2-all-right{ width: 69%; padding: 3.25rem 0 .5rem 3.5rem; } .pro2-left-title{ font-size: .8rem; line-height: .85rem; color:rgba(255,255,255,.6); transition: all .4s ease; } .fg-ld1 .sd2-1 { display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; cursor: pointer; align-items: center; margin-bottom: 0; /*margin-bottom: 1.125rem;*/ } .fg-ld1 .sd2-1 span{ width: 1.125rem; height: 1.125rem; background: url(../img/pro3.png) center center no-repeat; background-size:1.125rem 1.125rem; display: inline-block; margin-right: .875rem; opacity: 0; transition: all .4s ease; } .fg-ld1 .sd2-1.on-pro span{ opacity: 1; } .fg-ld1 .sd2-1.on-pro .pro2-left-title{ color:#fff !important; } .fg-ld1 .sd2-1:hover span{ /* opacity: 1; */ } .fg-ld1 .sd2-1:hover .pro2-left-title{ color:#fff !important; } .fg-ld1{ height: 17rem; overflow: hidden; } .fg-ld1 ul { /* height: 12.5rem; */ overflow: hidden; } .fg-ld1 ul::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } .fg-ld1 ul::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 10px; background: transparent; } .fg-ld1 ul::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ border-radius: 10px; background: transparent; } .pro2-right-title{ font-size: 1.2rem; line-height: 1.25rem; color:#fff; } .pro2-right-txt1 a{ font-size: .6rem; color:#fff; line-height: .65rem; margin: 1.4rem 0 .6rem 0; } .pro2-right-txt2 a{ display: block; font-size: .4rem; color:#fff; line-height: .7rem; transition: all .4s ease; } .pro2-right-txt2 a:hover{ color:#005bab; } /* 浜у搧涓庤В鍐虫柟妗 */ .prolb1-left-title{ font-size: 1rem; line-height: 1.05rem; color:#333; } .prolb1-left span{ width: 58px; height: 2px; background: #333; display: block; margin: .75rem 0 0 0; } .prolb-list1{ padding: 2.5rem 0 6.25rem 0; } .lists-all-nav .nav-title1{ width: 20%; } .prolb1-left{ width: 27.14%; } .prolb1-right{ width: 72.86%; } .prolb1-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .prolb1-right{ padding: 0 !important; } .prolb1-right .select{ width: 34.5% !important; } .prolb1-right .select p,.prolb1-right .select ul li{ padding: 0 .78rem 0 1rem !important; } .pro1-all .select ul::-webkit-scrollbar { width: 4px; height: 4px; } .pro1-all .select ul::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #1573e1; } .pro1-all .select ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .pro1-input,.pro1-ss{ height: 55px; } .prolb1-right .pro1-input{ width: 40%; background: #f0f0f0; } .prolb1-right .pro1-ss{ width: 19.5%; } .prolb1-img1{ width: 100%; margin: 1.45rem 0 1.85rem 0; } .prolb2-list{ width: 28.57%; background: #e8ecf5; padding: .82rem; box-sizing: border-box; } .prolb2-title{ font-size: .45rem; height: 2rem; overflow: hidden; line-height: .75rem; color:#08417e; border-bottom: 1px solid #bdccdd; padding-bottom: .25rem; margin-bottom: .5rem; font-weight: bold; } .prolb2-txt{ font-size: .35rem; color:#29588a; height: 4.2rem; overflow-y: auto; line-height: .7rem; } .prolb2-txt::-webkit-scrollbar { width: 3px; height: 4px; } .prolb2-txt::-webkit-scrollbar-thumb { border-radius: 5px; background: #005bab; /* display: none; */ } .prolb2-txt::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .prolb2-txt:hover::-webkit-scrollbar-thumb { display: block; } .prolb2-txt2{ height:2rem; overflow: hidden; } .prolb2-lists{ overflow: hidden; } .prolb2-lists a div{ transition: all .4s ease; } .prolb2-lists a{ float: left; margin-right: 7.1%; margin-bottom: 1.85rem; transition: all .4s ease; } .prolb2-lists a:nth-child(3n){ margin-right: 0; } .prolb2-lists a:hover{ background: #08417e; } .prolb2-lists a:hover div{ color:#fff; } .page2{ margin-top: -.3rem; } /* 涓婁笂鏂伴椈css */ .news-list{ background: #f3f4f4; padding: 2.5rem 0 6rem 0; } .news-list1{ padding: 1.2rem 1rem ; background: #fff; box-sizing: border-box; margin-bottom: 1.5rem; } .news1-select{ width: 14.28% !important; border:none !important; } .news1-ss{ width: 14.5% !important; padding-left: 4.5%; background-position: 66% center; } .news-list2{ margin: 1.5rem 0 2.5rem 0; } .news-list .news-list2{ display: block; } .news-list2{ font-size: 0; height: 100%; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; flex-flow: row wrap; } .news2-left,.news2-right{ width: 50%; overflow: hidden; display: inline-block; vertical-align: top; } .news2-rt-all{ height: 410px; overflow-y: auto; position: relative; /*top: 50%;*/ /*transform: translateY(-50%);*/ } .news2-rt-all::-webkit-scrollbar { width: 4px; height: 4px; } .news2-rt-all::-webkit-scrollbar-thumb { border-radius: 5px; background: #005bab; display: none; } .news2-rt-all::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .news2-rt-all:hover::-webkit-scrollbar-thumb { display: block; } .news2-rt-list .news2-rt-title{ transition: color .4s ease; } .news2-rt-list:hover .news2-rt-title{ color:#005bab; font-weight: bold; } .news2-rt-list .news2-rt-btn{ transition: all .4s ease; } .news2-rt-list:hover .news2-rt-btn{ padding-right: .7rem; } .news2-left:hover img{ transform: scale(1.05); } .news2-lfrq-day{ font-size: 1.125rem; line-height: 1.16rem; color:#e50007; text-align: center; } .news2-left-rq{ padding: .325rem .5rem .5rem .5rem; right: 1.125rem; top: 0; background: #fff; } .news2-left-rq span{ width: 100%; height: 1px; background: #e50007; display: block; margin: .2rem 0 ; } .news2-lfrq-date{ font-size: .35rem; line-height: .4rem; color:#e50007; } .news2-left img{ width: 100%; transition: all .5s ease; } .news2-left-content{ width: 100%; box-sizing: border-box; padding: 1rem; background-image: linear-gradient(transparent, rgba(0,0,0,.85)); bottom: 0; left: 0; } .news2-left-title{ font-size: .55rem; line-height: .75rem; height: .75rem; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .news2-left-txt{ font-size: .35rem; line-height: .56rem; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: .6rem; } .news2-right{ /* background: rgba(0,0,0,.3); */ padding: 0 0 0 1.125rem; /* height: 12rem; */ box-sizing: border-box; /* overflow-y: auto; */ } .news2-rt-all{} .news2-rt-list{ padding: .3rem 0; border-bottom: 1px solid #dedede; } .news2-rt-list:last-child{ border-bottom: none; } .news2-rt-title{ font-size: .5rem; line-height: .65rem; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .news2-rt-txt{ font-size: .38rem; line-height: .58rem; color:#666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin: .4rem 0 0.1rem 0; } .news2-rt-btn{ font-size: 12px; color:#999; background: url(../img/jt4.png) right center no-repeat; display: inline-block; padding-right: .5rem; } ::-webkit-scrollbar{ width: 5px; height: 1px; } ::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #023894; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; } .news3-list{ width: 31.5%; float: left; margin-right: 2.75%; margin-bottom: 1.2rem; } .news3-list:nth-child(3n){ margin-right: 0; } .new-list3{ overflow: hidden; } .news3-img{ width: 100%; overflow: hidden; } .news3-img img{ width: 100%; transition: all .4s ease; } .news3-list:hover img{ transform: scale(1.05); } .news3-content{ padding: .5rem 1rem .85rem 1rem; background: #fff; } .news3-title{ font-size: .5rem; line-height: .8rem; color:#333333; overflow: hidden; height:1.6rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news3-txt{ font-size: .38rem; color:#666666; line-height: .6rem; margin: .5rem 0 .75rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news3-btn{ width: 120px; height: 40px; font-size: .38rem; line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 20px; position: relative; text-align: center; transition: all .4s ease; } .news3-btn img{ position: absolute; top:50%; left: 50%; margin: -5.5px 0 0 -3.5px; } .news3-list:hover .news3-btn{ background: #023894; color:#fff; } .news3-jt1{ display: block; } .news3-jt2{ display: none; } .news3-list:hover .news3-jt2{ display: block; } .news3-list:hover .news3-jt1{ display: none; } .new-list3 .news3-img .news3-left-rq{ text-align: center; padding: .2rem .25rem .25rem .25rem; } .new-list3 .news3-img .news3-left-rq .news2-lfrq-day{ font-size: .9rem; line-height: .95rem; } .new-list3 .news3-img .news3-left-rq .news2-lfrq-date{ font-size: 12px; line-height: 13px; } .news1-select ul{ border:none !important; } .med-list1{ padding: 1.125rem 1rem 1rem 1rem; box-sizing: border-box; background: #005bab; } .med1-title{ font-size: .6rem; line-height: .65rem; color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .med1-img{ overflow: hidden; } .med1-txt{ font-size: .35rem; line-height: .55rem; color:#fff; margin-top: .6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news2-left .med1-left-rq{ background: #005bab; } .news2-left .med1-left-rq div{ color:#fff; } .news2-left .med1-left-rq span{ background: #fff; } .news3-list .news3-img .med3-left-rq{ background: #005bab; } .news3-list .news3-img .med3-left-rq div{ color:#fff; } .news3-list .news3-img .med3-left-rq span{ background: #fff; } .news3-list .med3-content{ background: #e6e6e6; } .med3-btn{ margin-top: .85rem; background: #fff; } .dy3-btn{ margin-top: .75rem; } .dy-list3{ margin-top: 1.5rem; } /* 鏂伴椈璇︽儏 */ .nwd-list1{ background: #eef0f2; padding: 2.75rem 0 5.55rem 0; } .nwd1-top-title{ font-size: .85rem; color:#005bab; line-height: 1.2; font-weight: bold; } .nwd1-top{ text-align: center; padding-bottom: 1.1rem; border-bottom: 1px solid #c9c9c9; } .w1200{ width: 1200px; margin:0 auto; } .nwd1-top-time{ font-size: .35rem; line-height: .4rem; color:#666666; margin-top: .75rem; } .nwd1-mid{ padding: 1.125rem 0 1.5rem 0; } .nwd1-mid img{ max-width: 100%; display: inline-block; /*margin: 0 auto;*/ vertical-align: top; } .nwd1-mid p{ font-size: 16px!important; text-indent: 2em; line-height: 2; margin: 0 0 10px; } .nwd1-mid p *{ font-size: 16px!important; } .nwd1-bot{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; padding-top: .85rem; justify-content: space-between; border-top:1px solid #dfdfdf; align-items: center; } .nwd1-bot-left a{ font-size: .35rem; line-height: .5rem; display: block; color:#666666; } .nwd1-bot-left span{ width: 10rem; display: block; border:1px dashed #cdcdcd; margin: .2rem 0; } .nwd1-bot-right{ width: 110px; height: 45px; background: #005bab; border-radius: 8px; } .nwd1-bot-right div{ font-size: .35rem; line-height: 45px; background: url(../img/fh.png) right center no-repeat; display: inline-block; padding-right: 24px; color:#fff; position: relative; left: 50%; transform: translateX(-50%); } .nwd-tj-title{ font-size: .6rem; line-height: .65rem; color:#005bab; } .nwd1-tj{ margin-top: 2.5rem; border-top:1px solid #9d9d9d; padding: 2rem 0 0 0; } .nwd1-tj-lists{ overflow: hidden; margin-top: .625rem; } .nwd1-tj-list{ /* width: 17.85%; */ float: left; /* margin-right: 2.61%; */ } .nwd1-tj-list:last-child{ margin-right: 0; } .nwd1-tj-list img{ width: 100%; transition: all .4s ease; } .nwd1-tj-list-img{ width: 100%;overflow: hidden; } .nwd1-tj-list:hover img{ transform: scale(1.05); } .nwd1-tj-txt{ font-size: .35rem; line-height: .4rem; margin: .45rem 0; color:#666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ndw-fd{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .ndw-fd-big{ margin-right: 15px; } .ndw-fd div{ cursor: pointer; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .ndw-fxfd{ right: 0; top: 0; } .ndw-fxfd { display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .ndw-fx{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .ndw-fx img{ margin-right: .5rem; } .ndw-fd div{ margin-right: .375rem; } .grow-all{ padding: 2.5rem 0 5.75rem 0; background: #f5f5f5; } .grow1-list{ background: #fff; width: 4.5rem; height: 50px; transition: all .4s ease; border-radius: 30px; } .grow1-list div{ font-size: .4rem; color:#005bab; line-height: 50px; background: url(../img/join1.png) left center no-repeat; display: inline-block; padding-left: .75rem; position: relative; left: 50%; transform: translateX(-50%); transition: all .4s ease; } .grow1-items .grow1-list2 div{ background: url(../img/join2.png) left center no-repeat; } .grow1-items .grow1-list3 div{ background: url(../img/join3.png) left center no-repeat; } .grow1-list.on-grow1{ background: #005bab; } .grow1-list.on-grow1 div{ color: #fff; } .grow1-list1.on-grow1 div{ background: url(../img/join12.png) left center no-repeat; } .grow1-list2.on-grow1 div{ background: url(../img/join22.png) left center no-repeat; } .grow1-list3.on-grow1 div{ background: url(../img/join32.png) left center no-repeat; } .grow1-list:hover{ background: #005bab; } .grow1-list:hover div{ color: #fff; } .grow1-list1:hover div{ background: url(../img/join12.png) left center no-repeat; } .grow1-list2:hover div{ background: url(../img/join22.png) left center no-repeat; } .grow1-list3:hover div{ background: url(../img/join32.png) left center no-repeat; } .grow1-items span{ width: 1.75rem; height: 1px; background: #c4c4c4; display: inline-block; vertical-align: middle; } .grow1-items a{ vertical-align: middle; } .grow1-items{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; justify-content: center; font-size: 0; } .grow2-items{ overflow: hidden; } .grow2-list{ width: 32.14%; height: 64.28%; float: left; margin-right: 1.76%; margin-bottom: .9rem; overflow: hidden; } .grow2-list:nth-child(3n){ margin-right: 0; } .grow2-list img{ width: 100%; height: 100%; transition: all .4s ease; } .grow2-txt{ width: 100%; padding: .7rem .75rem .7rem .75rem; box-sizing: border-box; bottom: 0; left: 0; color:#fff; font-size: .5rem; /*line-height: 1.5rem;*/ line-height: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; background-image: linear-gradient(transparent, rgba(0,0,0,.9)); z-index: 5; } .grow2-txt .i{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .grow2-items{ margin-top: 2rem; } .grow2-list:hover img{ transform: scale(1.05); } .grow-lb-all{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top:-50px; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: all .5s ease; } .grow-se{ width: 25rem; padding: 20px; box-sizing: border-box; background: #fff; margin: 0 auto; position: relative; top:50%; transform: translateY(-50%); /* overflow: hidden; */ } .grow-lb .swiper-wrapper{ font-size: 0; } .grow-lb{ overflow: hidden; } .grow-lb-img img{ width: 100%; } .grow-lb-txt{ font-size: .4rem; padding: .75rem 0 .5rem 0; line-height: .65rem; /*text-align: center;*/ } .grow-lb-txt .ptext{ text-align: center; font-size: .6rem; line-height: 1.5; margin-bottom: .4rem; } .swiper-button-prevgr1,.swiper-button-nextgr1{ width: 26px !important; height: 44px !important; background-size: 26px 44px !important; margin-top: 0 !important; outline: none; opacity: 1 !important; transform: translateY(-50%) !important; } .swiper-button-prevgr1{ background: url(../img/jt7.png) !important; left: 6rem !important; } .swiper-button-nextgr1{ background: url(../img/jt8.png) !important; right: 6rem !important; } /* 浜烘墠鐞嗗康css */ .con-all{ padding: 2.8rem 0 5.75rem 0; } .con-list1{ text-align: center; } .con1-title{ font-size: .75rem; line-height: .8rem; color:#333333; } .con1-txt { margin: .75rem 0 1.15rem 0; } .con1-txt p{ font-size: .375rem; line-height: .82rem; color:#666; } .con2-left,.con2-right{ width: 50%; } .con2-left img{ width: 100%; } .con2-list{ font-size: 0; height: 100%; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; flex-flow: row wrap; } .con2-right{ background: #fff; padding: .25rem 1.5rem; box-sizing: border-box; } .con2-rt-title{ font-size: .6rem; line-height: .8rem; color:#333333; } .con2-rt-title span{ color:#005bab; display: inline-block; } .con2-rt-content{ position: relative; /*top:50%;*/ max-height: 100%; overflow-y:auto; padding-top: 8%; /*transform: translateY(-50%);*/ z-index: 99; } .con2-right img{ position: absolute; right: 0; bottom: 0; } .con2-rt-txt{ font-size: .35rem; line-height: .8rem; color:#666; /* height: 3rem; overflow-y: auto; */ } .con-span1{ width: 1.125rem; height: 2px; display: block; background: #959595; margin: .7rem 0 .75rem 0; } .con2-list:nth-child(2n){ flex-flow: row-reverse; } .rec-all{ padding: 2.5rem 0 7.5rem 0; background: #f5f5f5; } .rec-list1 .rec1-input{ width: 88%; } .rec-list1 .rec1-ss{ width: 12%; margin-left: 0; padding-left: 4%; background-position: 65% center !important; } .rec-list1{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin-bottom: .825rem; } .rec2-item-title{ font-size: .45rem; line-height: .55rem; color:#666; font-weight: bold; margin-right: 1.125rem; } .rec2-item-lm ul{ overflow: hidden; } .rec2-item-lm ul li{ font-size: .4rem; color:#666; line-height: 1.5; float: left; font-weight: bold; cursor: pointer; transition: all .4s ease; margin-right: 1.125rem; } .rec2-item{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; margin-bottom: .6rem; } .rec2-item-lm ul li.on-rec2{ color:#005bab; } .rec2-item-lm ul li:hover{ color:#005bab; } .rec-list3{ margin-top: 1.5rem; } .rec-list3 ul li{ font-size: .4rem; line-height: .45rem; background: #fff; color:#333; } .rec-list3 ul li .rec3-top{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; width: 100%; } .rec-list3 ul li .rec3-top div,.rec-list3 ul li .rec3-top a{ width: 16.667%; text-align: center; cursor: pointer; } .rec-list3 ul li:first-child .rec3-top{ background: #8f8f8f; padding: .32rem 0; } .rec-list3 ul li:first-child .rec3-main-title{ color:#fff; } .rec-list3 ul li:nth-child(n+2) .rec3-top{ padding: .52rem 0 .42rem 0; } .rec-list3 ul li .rec3-top a{ color:#0072d7; padding-bottom: .1rem; } .rec-list3 ul li .rec3-top a span{ width: 30%; height: 1px; background: #0072d7; position: absolute; left: 50%; display: block; transform: translateX(-50%); bottom: 0; } .rec3-img1{ display: block; } .rec3-img2{ display: none; } .rec3-main-title img{ position: absolute; left: 50%; margin-left: -9px; top:50%; transform: translateY(-50%); } .rec-list3 ul .rec3-zp.on-rec3 .rec3-top{ background: #e6e6e6; } .rec-list3 ul .rec3-zp.on-rec3 .rec3-img1{ display: none; } .rec-list3 ul .rec3-zp.on-rec3 .rec3-img2{ display: block; } .rec3-bot{ width: 100%; background: #e6e6e6; padding: .875rem 5% 1.75rem 5.5%; box-sizing: border-box; display: none; } .rec3-bot-title{ font-size: .4rem; font-weight: bold; color:#333; line-height: .48rem; margin-bottom: .7rem; } .rec3-zp .rec3-top{ border-bottom: 1px solid #cfcfcf; } .rec3-bot-left,.rec3-bot-right{ width: 48%; } .rec3-bot-right{ margin-left: 4%; } .rec3-bot-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .rec3-bot-txt p{ font-size: .35rem; color:#666; line-height: .7rem; } .rec3-bot-dz{ font-size: .4rem; font-weight: bold; color:#333; line-height: .48rem; margin: .7rem 0 .4rem 0; } .rec3-bot-dz2{ font-size: .35rem; color:#333; line-height: .42rem; } .rec4-page{ margin-top: 2.5rem; } /* 棣栭〉css */ .wel1-lb .swiper-slide{ width: 100%; height: 19.75rem; } .header-ny2{ background: transparent; border-bottom: 1px solid rgba(255,255,255,.3); } .header-ny2 .hdPc-nav ul li .hdPc-a1{ color:#fff; font-weight: bold; } .hdPc-nav{ margin-right: 0; } .header-ny .hdPc-logo1{ display: none; } .header-ny .hdPc-logo2{ display: block; } .header-ny2 .hdPc-logo1{ display: block; } .header-ny2 .hdPc-logo2{ display: none; } .header-ny2 .hdPc-nav li:hover .hdPc-a1{ color:#e50007; } .wel1-nav{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 1.1rem 0 1.1rem 6rem; box-sizing: border-box; z-index: 99; background-image: linear-gradient(transparent, rgba(5,94,171,.8)); } .wel1-nav-title{ font-size: .425rem; font-weight: bold; color:#fff; line-height: .49rem; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: .4rem; margin-right: 2.5rem; cursor: pointer; } .wel1-nav-title:last-child{ margin-right: 0; } .wel1-nav { display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; } .wel1-nav-title span{ width: 0%; height: 2px; position: absolute; bottom: 0; background: #fff; display: block; left: 0; transition: all 1.5s ease; } .wel1-nav-title.on-wel1 span{ width: 100%; } .wel2-all{ width: 1740px; margin: 0 auto; } .wel-list2{ background: #f0f0f0; padding: 2.1rem 0 3rem 0; } .wel2-top-nav{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .wel2-tp-list{ font-size: .75rem; line-height: 1.05rem; color:#808080; cursor: pointer; background: url(../img/wel4.png) left center no-repeat; display: inline-block; padding-left: 1rem; transition: all .4s ease; } .wel2-tp-list.on-wel2{ color:#055eab; font-weight: bold; } .wel2-tp-list:hover{ color:#055eab; font-weight: bold; } .wel2-tp-list.on-wel2:first-child{ background: url(../img/wel42.png) left center no-repeat; } .wel2-tp-list:first-child:hover{ background: url(../img/wel42.png) left center no-repeat; } .wel2-tp-list:nth-child(3){ background: url(../img/wel3.png) left center no-repeat; } .wel2-tp-list:nth-child(3):hover{ background: url(../img/wel32.png) left center no-repeat; } .wel2-tp-list.on-wel2:nth-child(3){ background: url(../img/wel32.png) left center no-repeat; } .wel2-top-nav span{ width: 2px; height: .75rem; background: #808080; display: inline-block; vertical-align: middle; margin: 0 .75rem ; } .wel2-btp-left,.wel2-btp-right{ width: 48.56%; overflow: hidden; } .wel2-bt-top{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; height: 100%; overflow: hidden; } .wel2-btp-left img{ max-width: 100%; display: block; margin: 0 auto; } .wel2-bt-top{ margin:1rem 0 } .wel2-bt-top .swiper-wrapper .wel2-left-rq{ right: 2.5rem; } .wel2-bt-top .swiper-wrapper .news2-left-content2{ padding: 1rem 4.5rem 1rem 1.6rem; } .wel2-span1{ width: 1px; height: 100%; position: absolute; left: 1rem; top:0; background: url(../img/wel5.png) center center no-repeat; background-size:100% 100%; z-index: 10; } .swiper-paginationwel2{ right: 0; bottom: 1rem !important; text-align: right !important; padding: 0 .75rem 0 0; box-sizing: border-box; } .swiper-paginationwel2 span{ width: 7px !important; height: 7px !important; border-radius: 50%; background: #595555 !important; opacity: 1 !important; } .swiper-paginationwel2 .swiper-pagination-bullet-active{ background: #fff !important; } .wel2-btp-list{ width: 48.256%; } .wel2-btp-list img{ width: 100%; } .wel2-btp-right{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin-left: 2.87%; } .wel2-btp-right .wel2-btp-list .news3-left-rq{ text-align: center; padding: .2rem .25rem .25rem .25rem; } .wel2-btp-right .wel2-btp-list .news2-lfrq-day{ font-size: .875rem; line-height: .92rem; } .news3-content img{ max-width: 100%; width: unset !important; } .wel2-btp-right .wel2-btp-list .wel2-btp2-content{ height: 54.4%; box-sizing: border-box; padding: .5rem .75rem; } .wel2-btp-list .wel2-btp-i{ overflow: hidden; } .wel2-btp-list .wel2-btp-i img{ transition: all .4s ease; } .wel2-btp-list:hover .wel2-btp-i img{ transform: scale(1.05); } .wel2-btp-list:hover .news3-btn { background: #023894; color:#fff; } .wel2-btp-list:hover .news3-jt1{ display: none; } .wel2-btp-list:hover .news3-jt2{ display: block; } .wel2-btp-list:first-child{ margin-right: 3.1%; } .wel2-bt-bot{ overflow: hidden; } .wel2-btb-list{ width:48.56%; float: left; background: #fff; padding: .58rem 1rem; box-sizing: border-box; margin-bottom: .4rem; transition: all .4s ease; } .wel2-btb-list div{ transition: all .4s ease; } .wel2-btb-list:nth-child(2n){ margin-left: 2.87%; } .wel2-btb-time{ font-size: 1rem; line-height: 1.05rem; color:#666; font-weight: normal; width: 4.1rem; } .wel2-btb-time span{ font-size: .45rem; line-height: .5rem; display: inline-block; vertical-align: bottom; } .wel2-btb-txt{ font-size: .5rem; line-height: .55rem; height: .55rem; color:#4c4c4c; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .wel2-btb-list{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .wel2-btb-list:hover{ background: #055eab; } .wel2-btb-list:hover div{ color:#fff; } .wel2-bot-btn{ font-size: .44rem; display: block; text-align: center; width: 160px; height: 45px; border-radius: 30px; background: transparent; line-height: 45px; color:#023894; margin: 0 auto; margin-top: 1rem; border:1px solid #023894 !important; } .wel2-bot-btn:hover{ background: #023894 !important; border:1px solid #023894 !important; color:#fff !important; } .wel-list3{ width: 100%; height: 14.6rem; padding: 1.5rem 0 0 0; box-sizing: border-box; text-align: center; } .wel3-title{ font-size: .95rem; line-height: 1rem; color:#fff; } .wel3-list span{ width: 30px; height: 4px; background: #fff; display: block; margin: 0 auto; border-radius: 2px; margin-top: .825rem; margin-bottom: 1rem; } .wel3-txt{ font-size: .425rem; line-height: .85rem; color:rgba(255,255,255,.4); } .wel3-list img{ max-width: 100%; margin-top: .75rem; } .wel-list3{ cursor: pointer; } .wel41-list{ width: 25%; overflow: hidden; float: left; } .wel41-list .wel4-img1{ width: 100%; transition: all .4s ease; } .wel-list4{ box-sizing: border-box; /* padding: 10rem 0 2.5rem 0; */ } .wel4-list1{ top:-2.625rem; overflow: hidden; } .wel41-title{ font-size: .75rem; line-height: .8rem; color:rgba(255,255,255,.8); margin: 1rem 0 .5rem 0; } .wel41-txt{ font-size: .4rem; line-height: .55rem; color:rgba(255,255,255,.7); } .wel41-content{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .wel41-title,.wel41-txt{ transition: all .4s ease; } .wel41-list:hover .wel4-img1{ transform: scale(1.05); } /* .wel41-list:hover .wel41-title{ font-size: .8rem; } .wel41-list:hover .wel41-txt { font-size: .43rem; } */ .wel42-title{ font-size: .95rem; line-height: 1rem; color:#333; text-align: center; } .wel42-s1{ width: 30px; height: 4px; background: #333; border-radius: 2px; display: block; margin: 0 auto; margin-top: .85rem; } .wel-list6{ background: #fff; height: 8rem; } .wel4-img-all{ width: 100%; } .wel4-all{ top:0; padding-top: 2rem; box-sizing: border-box; left: 50%; transform: translateX(-50%); } .wel4-list2,.wel4-all{ width: 100%; height: 100%; } .wel5-list{ cursor: pointer; } .wel5-list1{ left: 21%; bottom: 61%; } .wel5-list2{ left: 25.78%; bottom:45.13%; } .wel5-list3{ left: 34.37%; bottom:49.34%; } .wel5-list4{ left: 42.7%; bottom:53.289%; } .wel5-list5{ right: 38.5%; bottom:47.36%; } .wel5-list6{ right: 50.03%; bottom: 49.68%; } .wel5-list7{ right: 22.2%; bottom:44.737%; } .wel5-list8{ left: 22.39%; bottom: 46.17% } .wel5-list9{ right: 34%; bottom: 57.5%; } .wel5-list .wel5-img1{ animation: wel4 2s infinite; } .wel5-list2 .wel5-img1,.wel5-list5 .wel5-img1,.wel5-list7 .wel5-img1{ animation-delay: .5s; } @keyframes wel4{ 0%{ transform: scale(1) } 50%{ transform: scale(1.25); } 100%{ transform: scale(1) } } .wel7-time span{ font-size: 1.2rem; line-height: 1.05rem; color:#fff; font-weight: bold; display: inline-block; vertical-align: bottom; margin-right: 7px; } .wel7-time{ font-size: .35rem; line-height: .4rem; color:#fff; } .wel7-all-time{ width: 100%; bottom: 24.5%; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; justify-content: center; } .wel7-txt{ font-size: .35rem; line-height: .5rem; color:#fff; margin: .25rem 0 0 0; } .wel7-list{ margin-right: 1.75rem; } .wel7-list:last-child{ margin-right: 0; } .wel7-btn{ width: 233px; font-size: .5rem; height: 48px; line-height: 48px; border:1px solid rgba(255,255,255,.4); border-radius: 30px; position: absolute; bottom: 14%; left: 50%; transform: translateX(-50%); color:#fff; background-image: url(../img/jt10.png); background-position: 85% center; background-repeat: no-repeat; padding-right: .5rem; text-align: center; transition: all .4s ease; } .wel7-btn:hover{ background-color: #005bab; border:1px solid #005bab; color:#fff; } .cha-list1{ background: #ffffff; padding: 2.5rem 0 1.525rem 0; } .cha1-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; flex-flow: row wrap; justify-content: space-between; } .cha1-left{ width: 57.14%; position: relative; z-index: 99; } .cha1-left-title{ font-size: .9rem; line-height: .92rem; color:#1a1a1a; } .cha1-left-txt{ height: 10.8rem; overflow-y: auto; font-size: .35rem; line-height: .6rem; color:#4a4a4a; margin: .75rem 0 0 0; } .cha1-left-txt::-webkit-scrollbar { width: 4px; height: 4px; } .cha1-left-txt::-webkit-scrollbar-thumb { border-radius: 5px; background: #1573e1; opacity: 0 !important; } .cha1-left-txt::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .cha1-right{ width: 36.78%; margin-top: 2.5rem; position: relative; z-index: 99; } .cha1-img1{ width: 100%; } .cha1-img2{ width: 100%; position: absolute; left: -.875rem; top: -1.75rem; } .cha1-rt-txt{ font-size: .4rem; line-height: .45rem; margin-top: .75rem; text-align: center; } .cha1-img3{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .cha-list2{ height: 16.7rem; } .cha2-right{ width: 60.2%; background: rgba(255,255,255,.4); padding: 1.375rem 1.625rem 1.125rem 1.625rem; box-sizing: border-box; float: right; position: absolute; bottom: 0;right: 0; z-index: 200; } .cha-list2 .w1400{ /* overflow: hidden; */ height: 100%; } .cha2-rt-title{ font-size: .9rem; line-height: .92rem; color:#1a1a1a; } .cha2-rt-txt{ padding: 0 0 .75rem 0; border-bottom:1px solid #e2e4e6; margin: .625rem 0 1rem 0; } .cha2-rt-txt p{ font-size: .35rem; line-height: .7rem; color:#1a1a1a; } .cha2-list-title{ font-size: .6rem; line-height: .65rem; color:#0668be; } .cha2-list-txt{ font-size: .35rem; line-height: .4rem; color:#4c4c4c; margin-top: 5px; } .cha2-content{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .cha2-list{ margin-right: 1.75rem; } .cha2-list:last-child{ margin-right: 0; } .cha-list3{ padding: 3rem 0; } .cha3-title{ font-size: .9rem; line-height: .92rem; color:#1a1a1a; } .cha32-lb{ overflow: hidden; padding: .2rem .15rem; } .cha32-all{ margin-top: 1.5rem; } .cha32-lb .swiper-slide{ background: #fff; height: 5rem; /* padding: .25rem; */ box-sizing: border-box; border-radius:8px; transition: background .4s ease; box-shadow: 0 0px 10px 0 rgba(0,0,0,.1); } .cha32-content{ position: absolute; width: 100%; padding: .25rem; box-sizing: border-box; text-align: center; top: 50%; transform: translateY(-50%); font-size: .45rem; line-height: .8rem; transition: all .4s ease; color:#0668be; } .cha32-lb .swiper-slide:hover{ background: #023894; } .cha32-lb .swiper-slide:hover .cha32-content{ color:#fff; } .cha32-all span{ width: 100%; height:1px; background: #d5d5d5; display: block; position: absolute; top:50%; transform: translateY(-50%); } .swiper-button-prevcha3,.swiper-button-nextcha3{ width: 38px !important; height: 38px !important; background: unset !important; opacity: 1 !important; margin-top: 0 !important; border:1px solid #d3d3d3 !important; transition: opacity .4s ease; outline: none; } .swiper-button-prevcha3{ left: unset !important; right: 50px !important; } .cha3-an img{ position: absolute; left: 50%; top: 50%; margin: -4.5px -2.5px 0 0 ; } .swiper-button-prevcha3 img{ transform: rotate(180deg); } .cha3-an{ position: absolute; right: 0; top: 0; } .swiper-button-prevcha3:hover,.swiper-button-nextcha3:hover{ opacity: .7 !important; } .cha4-all1{ width: 100%; background-attachment: fixed; height: 11.25rem; } .cha4-all2{ width: 100%; height: 25.125rem; margin-top: -2.5rem; } .cha-list5{ padding: 4.25rem 0 7rem 0; } .cha5-title{ font-size: .9rem; line-height: .92rem; text-align: center; } .cha5-txt{ margin-top: .7rem; font-size: .4rem; line-height: .75rem; color:#666; text-align: center; } .cha5-list2{ margin-top: 2.5rem; } .cha52-lb{ padding: .4rem 0 0 0; } .cha52-lb .swiper-slide{ height: 8.375rem; background: #005bab; border-radius: 10px; top:0; transition: top .4s ease; } .cha52-lb .swiper-slide:hover{ top:-.4rem; } .cha52-content{ width: 100%; text-align: center; top: 50%; transform: translateY(-50%); } .cha52-title{ font-size: .75rem; line-height: 1.1rem; color:#fff; font-weight: bold; letter-spacing: 1px; } .cha52-btn{ color:rgba(255,255,255,.5); font-size: .35rem; line-height: .45rem; display: inline-block; border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: .15rem; margin: .6rem 0 0 0; } .cha52-lb{ overflow: hidden; } .cha5-list2 img{ position: absolute; top:50%; transform: translateY(-50%); width: 100%; } .swiper-paginationcha5{ width: 100%; text-align: center; bottom:-1.25rem; } .swiper-paginationcha5 span{ width: 9px !important; height: 9px !important; border:1px solid #023894 !important; background: transparent !important; opacity: 1 !important; margin-right: .35rem !important; outline: none; } .swiper-paginationcha5 span:last-child{ margin-right: 0 !important; } .swiper-paginationcha5 .swiper-pagination-bullet-active{ background: #023894 !important; } /* 鍝佺墝鏂囧寲 */ .cul-list1{ padding: 2.5rem 0 0 0; height: 20.6rem; box-sizing: border-box; } .cul1-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; position: absolute; width: 100%; bottom: 0; } .cul1-img1{ position: absolute; width: 100%; bottom: 0; } .cul1-left{ width: 37.23%; } .cul1-mid{ width: 25.54%; position: relative; z-index:150; } .cul1-mid img{ width: 100%; } .cul1-content{ width: 100%; text-align: center; top: 4.5rem; } .cul1-title{ font-size: .75rem; line-height: .8rem; color:#000; } .cul1-txt{ font-size: 1.5rem; line-height: 1.6rem; color:#005bab; margin: .75rem 0 0 0; } .cul1-s1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2.25rem; background:#005bab; opacity: .7; display: block; z-index: 99; } .cul1-s2{ background: #eeeeee; opacity: 1 !important; } .cul-list2 .swiper-slide{ border-radius: unset; height: 10rem; } .cul2-content .cul2-title{ font-size: .6rem; line-height: .65rem; color:#fff; } .cul2-content span{ width: .875rem; height: 1px; background: #fff; display: block; margin: 0 auto; margin-top: .7rem; margin-bottom: .625rem; } .cul2-txt{ font-size: .45rem; line-height: .9rem; color:#fff; } .cul2-all-txt{ font-size: .5rem; line-height: .85rem; color:#005bab; text-align: center; margin-top: 2.5rem; } .cul-list3{ width: 100%; height: 18.75rem; cursor: pointer; } .cul3-content{ width: 90%; left: 50%; transform: translateX(-50%); top: 2.75rem; text-align: center; } .cul3-title{ font-size: .9rem; line-height: .92rem; color:#fff; } .cul3-content span{ width: 30px; height: 4px; background: #fff; display: block; margin: 0 auto; border-radius: 2px; margin-top: .95rem; margin-bottom: 1rem; } .cul3-txt { font-size: .425rem; line-height: .82rem; color:#fff; margin-bottom: 2rem; } .cha42-all{ width: 1200px; margin: 0 auto; position: relative; top:1.125rem; overflow: hidden; } .cha42-title{ font-size: .9rem; line-height: .93rem; color:#1a1a1a; text-align: center; margin-bottom: .5rem; } .cha42-left,.cha42-right,.cha43-item{ width: 49.167%; } .cha42-lfet-list1,.cha42-lfet-list2{ width: 48.3%; } .cha42-items img{ width: 100%; height: 100%; transition: all .4s ease; } .cha42-items{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .cha42-left,.cha42-lflist2-bot,.cha42-tr-top,.cha42-tr-bot{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .cha42-lflist2-top,.cha42-lflist2-bot{ width: 100%; height: 48.72%; } .cha42-lfet-list1,.cha42-trtp-left{ margin-right:3.4%; } .cha42-lfbt2-left,.cha42-lfbt2-right{ width: 47.368%; } .cha42-lflist2-top{ margin-bottom:2.56%; } .cha42-tr-top{ margin-bottom:1.28%; } .cha42-lfbt2-left{ margin-right: 5.264%; } .cha42-tr-top,.cha42-tr-bot{ width: 100%; height: 48.72%; } .cha42-trtp-left,.cha42-trtp-right{ width: 48.3%;; } .cha42-left,.cha43-item:first-child{ margin-right: 1.666%; } .cha42-items div{ overflow: hidden; } .cha42-items img:hover{ transform: scale(1.05); } .cha-tc-all{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 999; /* display: none; */ opacity: 0; visibility: hidden; transition: all .4s ease; } .on-all-tc{ opacity: 1; visibility: visible; } .cha-tc-list{ position: relative; top: 50%; transform: translateY(-50%); text-align: center; } .close-btn{ cursor: pointer; position: absolute; right: 20px; top: 20px; } .cha-tc-lb2{ position: absolute; bottom: 0; left: 0; width: 100%; padding: .2rem 1.6rem; background: #000; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .cha-tc-page{ font-size: .45rem; line-height: .5rem; color:#fff; } .cha-tc-num1{ margin-right: .2rem; } .cha-tc-num2{ margin-left: .2rem; } .cha-tc-zs ul{ overflow: hidden; } .cha-tc-zs ul li{ border:2px solid rgba(255,255,255,.3); height: 50px; float: left; cursor: pointer; margin-right: .15rem; } .cha-tc-zs ul li img{ height: 100%; } .cha-tc-zs{ margin-left: .75rem; } .cha-tc-zs ul li.on-cha-zs{ border:2px solid #005bab; } .cha42-all img{ cursor: pointer; } .cha43-item img{ width: 100%; transition: all .4s ease; } .cha43-item{ overflow: hidden; } .cha43-items{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin-top: .35rem; } .cha43-content{ width: 100%; height: 100%; text-align: center; padding: .5rem; box-sizing: border-box; background-color: rgba(20,82,154,.9); left: -4rem; top: 0;opacity: 0; transition: all .6s ease; } .cha43-item:nth-child(2) .cha43-content,.cha42-trtp-left .cha43-content, .cha42-trtp-right .cha43-content{ left: 4rem; } .cha42-lfet-list1 .cha43-content,.cha42-lflist2-top .cha43-content, .cha42-lfbt2-left .cha43-content,.cha42-lfbt2-right .cha43-content{ left: -4rem; } .cha43-content div{ font-size: .75rem; line-height: .8rem; color:#fff; position: relative; top:50%; transform: translateY(-50%); } .cha43-item:hover .cha43-content,.cha42-lfet-list1:hover .cha43-content, .cha42-lflist2-top:hover .cha43-content,.cha42-lfbt2-left:hover .cha43-content, .cha42-lfbt2-right:hover .cha43-content,.cha42-trtp-left:hover .cha43-content, .cha42-trtp-right:hover .cha43-content{ left:0; opacity: 1; } .cha43-item:hover img{ transform: scale(1.05); } .cha-click{ cursor: pointer; } /* 閿€鍞钩鍙癱ss */ .plat-list1{ width: 100%; padding: 2.5rem 0 5.4rem 0; } .plat1-all { height: 22rem; margin: 0 auto; } .plat1-left,.plat1-right{ height: 17rem; position: relative; top:50%; transform: translateY(-50%); } .plat1-left{ width: 51.78%; padding:0 1.5rem; box-sizing: border-box; } .plat1-right{ width: 48.22%; padding:0 3.15rem; box-sizing: border-box; } .plat1-all{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .plat1-lf-item{ width: 100%; height: 5rem; background: rgba(153,153,153,.4); } .plat1-lf-item.on-plat1{ background: #0072d7; } .plat1-lf-content div{ width: 8.5rem; font-size: .75rem; line-height: .8rem; color:#fff; margin-left: .4rem; background: url(../img/jt12.png) right center no-repeat; } .plat1-lf-content{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; position: relative; top:50%; padding: 0 0 0 3.7rem; transform: translateY(-50%); } .plat1-lf-item{ cursor: pointer; } .plat1-left span{ content:""; width: 100%; height: 1px; background: rgba(153,153,153,.4); display: block; margin: .5rem 0; } .plat1-img1{ width: 4.2rem; position: absolute; left: 0; bottom: 0; } .plat1-rt-item{ width: 100%; height: 11.25rem; padding: 0 1.5rem; background: rgba(153,153,153,.4); box-sizing: border-box; position: relative; top: 50%; transform: translateY(-50%); } .plat1-rt-title{ font-size: .75rem; line-height: .8rem; color:#fff; } .plat1-rt-content{ position: relative; top: 50%; transform: translateY(-50%); } .plat1-rt-content span{ width: 1.15rem; height: 2px; background: #8f9daa; display: block; margin: .625rem 0 1.2rem 0; } .plat1-rt-name{ font-size: .55rem; line-height: .58rem; color:#fff; margin-bottom: .6rem; } .plat1-rt-txt{ font-size: .4rem; line-height: .7rem; color:#fff; } .plat1-rt-hy{ font-size: .4rem; line-height: .7rem; color:#fff; font-weight: bold; margin: .7rem 0 0 0; } .scroll_cont{ height: 100%; overflow: hidden; } .scroll_bar{ width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #5a7082; } .scroll_slider{ position: absolute; left: -4.5px; top: 0; } .scroll_slider img{ position: relative; top:50%; transform: translateY(-50%); } /* 鍥介檯璐告槗 */ .inter-list1{ padding: 3rem 0 3.5rem 0; } .inter1-left{ width: 26rem; } .inter1-left img{ width: 100%; } .inter1-right{ width: 8.75rem; height: 9.5rem; background: #005bab; border-radius: 10px; position: absolute; right: 0; top: 1rem; padding: 0 1.125rem; box-sizing: border-box; } .inter1-right:before{ content:""; width: .45rem; height: .7rem; background: url(../img/images/jt13_28.png) center center no-repeat; background-size: .45rem .7rem; position: absolute; left: -.45rem; top: 50%; transform: translateY(-50%); display: block; } .inter1-title{ font-size: .75rem; line-height: .7rem; color:#fff; } .inter1-content{ position: relative; top: 50%; transform: translateY(-50%); } .inter1-content span{ width: 1.15rem; height: 2px; background: #8f9daa; display: block; margin: .625rem 0 1rem 0; } .inter1-name{ font-size: .6rem; line-height: .65rem; color:#fff; margin-bottom: .45rem; } .inter1-txt{ font-size: .4rem; line-height: .8rem; color:#fff; } .inter-list2{ padding: 2.5rem 0 4rem 0; } .inter2-title{ font-size: .75rem; line-height: .8rem; color:#fff; text-align: center; } .inter2-txt{ font-size: .4rem; line-height: .65rem; color:rgba(255,255,255,.5); text-align: center; margin: .75rem 0 1.7rem 0; } .inter2-lb img{ width: 100%; } .inter2-lb{ overflow: hidden; padding: .25rem 0; } .inter2-lb .swiper-slide{ position: relative; top: 0; transition: top .4s ease; } .inter2-lb .swiper-slide:hover { top: -.2rem; } .swiper-paginationinter1{ width: 100%; bottom:-1.7rem; } .swiper-paginationinter1 span{ width: 8px !important; height: 8px !important; border:1px solid rgba(255,255,255,.6) !important; background: transparent !important; opacity: 1 !important; outline: none; margin-right: .2rem; } .swiper-paginationinter1 span:last-child{ margin-right: 0; } .swiper-paginationinter1 .swiper-pagination-bullet-active{ border:1px solid #0068b7 !important; background: #0068b7 !important; } .inter-list3{ background: #fff; padding: 2.5rem 0 5.5rem 0; } .inter3-title{ color:#000; } .inter3-lb{ padding: .2rem; } .inter3-lb-all{ margin-top: 1.2rem; } .inter3-lb .swiper-slide{ padding: 1rem; box-sizing: border-box; background: #f5f5f5; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .inter3-lb .swiper-slide:hover{ box-shadow: 0 0 5px 0 rgba(0,0,0,.25); } .swiper-img{ width: 8.5rem; } .swiper-img img{ width: 100%; } .swiper-content{ flex:1; padding: .625rem 0 .35rem 1rem; box-sizing: border-box; } .swiper-num{ font-size: .35rem; line-height: .4rem; color:#333; } .swiper-num span{ width: .75rem; height: 1px; background: #000; display: inline-block; vertical-align: super; margin-right: .35rem; } .swiper-txt{ font-size: .6rem; line-height: .85rem; color:#333333; margin: .6rem 0 0 0; } .swiper-rq{ font-size: .35rem; line-height: .4rem; color:#666; position: absolute; left: 1rem; bottom: .35rem; } .inter3-lb{ overflow: hidden; } .swiper-button-previnter3,.swiper-button-nextinter3{ width: .5rem !important; height: .85rem !important; background-size: .5rem .85rem !important; opacity: 1 !important; outline: none; margin-top: 0 !important; transform: translateY(-50%) !important; } .swiper-button-previnter3{ left: -1rem !important; background-image: url(../img/jt13.png) !important; } .swiper-button-previnter3:hover{ background-image: url(../img/jt131.png) !important; } .swiper-button-nextinter3{ right: -1rem !important; background-image: url(../img/jt141.png) !important; } .swiper-button-nextinter3:hover{ background-image: url(../img/jt142.png) !important; } #map{ width: 24rem; height: 17.5rem; } .dom-list1{ width: 100%; background: url(../img/images/dom1_02.jpg) center center repeat-y; padding-bottom: 2.5rem; } .dom-all-dw{ position: absolute; left: 46.5%; top: 51%; } .dom1-right{ width: 9.35rem; height: 9.25rem; top: 50%; right: 1rem; transform: translateY(-50%); padding: 0 .2rem 0 1rem; } .dom-list2{ margin-bottom: 1.2rem; padding-top: 1.2rem; } .dom3-nav{ display: inline-block; font-size: .75rem; line-height: .8rem; background: #023894; color:#fff; padding: .625rem 1.15rem; } .dom3-items{ padding: 2.5rem .4rem 2.5rem 1.125rem; background: #fff; } .dom3-items-all{ padding: 0 .725rem 0 0; } .dom-list3{ position: relative; z-index: 99; padding-top:2rem; } .dom3-item{ padding: 1rem .75rem .3rem .75rem; width: 22.76%; background: #eaeef6; cursor: pointer; float: left; margin-bottom: 1rem; margin-right: 2.9%; box-sizing: border-box; } .dom3-item:nth-child(4n){ margin-right: 0; } .dom3-items-all{ height: 15rem; overflow-y: auto; } .dom3-name{ font-size: .5rem; /*font-size: .7rem;*/ line-height: .75rem; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: baseline; justify-content: space-between; border-bottom:1px solid #bdcbdd; padding-bottom: .5rem; margin-bottom: .6rem; } .dom3-name span{ font-size: .3rem; /*font-size: .35rem;*/ color:#e50007; background: url(../img/dom3.png) left center no-repeat; display: inline-block; padding-left: .625rem; } .dom3-txt{ line-height: .7rem; font-size: .4rem; color:#29588a; } .dom3-txt span{ font-weight: bold; } .dom3-txt2{ height: 1.35rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dom-list4{ padding: 1.625rem 0; margin-top: 1.125rem; } .dom4-title{ font-size: .75rem; line-height: .8rem; color:#333333; margin-right:3%; } .dom4-input{ width: 10rem; box-sizing: border-box; padding: .45rem .75rem; background: #f0f0f0; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .dom4-input span{ width: 1px; height: .35rem; background: #b9b9b9; display: block; margin: 0 .5rem; } .dom4-input input{ flex:1; border:none; background: transparent; font-size: .4rem; line-height: .45rem; color:#333; } .dom4-input input::placeholder{ font-size: .35rem; color:#999; } .dom4-items{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; justify-content: center; } .dom-tc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 0;left: 0; z-index: 999; display: none; } .dom-tc-list{ width: 1400px; padding: 2rem 3rem 1.125rem 3rem; background: #fff; box-sizing: border-box; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); } .dom-tc-close{ position: absolute; top:0; right: 0; cursor: pointer; background: #023793; width: 28px; height: 28px; text-align: center; } .dom-tc-title{ text-align: center; font-size: .75rem; line-height: .8rem; color:#333; } .dom-tc-content{ padding: 1rem 2rem 1.75rem 2rem ; background: #e9edf5; margin: 1.5rem 0; } .dom-tc-name{ font-size: .7rem; line-height: .75rem; color:#08417e; } .dom-tc-wz{ font-size: .35rem; background: url(../img/dom3.png) left center no-repeat; padding-left: .75rem; display: inline-block; color:#e50007; } .dom-tc-list1{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; padding-bottom: .7rem; margin-bottom: .7rem; border-bottom:1px solid #d7d9df; justify-content: space-between; align-items: center; } .dom-tc-lbs{ overflow: hidden; } .dom-tc-lb{ width: 33.3%; padding-right: 1%; box-sizing: border-box; font-size: .45rem; line-height: .6rem; color:#29588a; float: left; } .dom-tc-lb span{ font-weight: bold; } .dom-tc-list a{ width: 5rem; height: 1.5rem; line-height: 1.5rem; /* text-align: center; */ background: #023793; display: block; margin: 0 auto; } .dom-tc-list a div{ display: inline-block; font-size: .4rem; color:#fff; line-height: 1.5rem; padding-right: 1rem; background: url(../img/dom-fh.png) right center no-repeat; position: relative; left: 50%; transform: translateX(-50%); } /* 鎷涙爣淇℃伅.css */ .mes-list1{ padding: 2.5rem 0 5rem 0; background: #f5f5f5; } .mes1-all{ background: #fff; padding: 1.75rem 1.5rem 2.5rem 1.5rem; box-sizing: border-box; } .mes1-top-title{ font-size: .6rem; color: #005bab; line-height: .65rem; } .mes1-fxfd{ right: unset; left: 0; } .mes-top-content{ margin-top: .75rem; display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; justify-content: space-between; } .mes1-btn{ width: 3.75rem; height: 45px; text-align: center; background: #005bab; line-height: 45px; color:#fff; position: absolute; right: 0; font-size: .45rem; } .mes1-btn:hover{ color:#fff; } .mes1-top{ padding-bottom: 1.35rem; } .mes1-content{ padding: .75rem 0 0 0; } .mes1-content p{ font-size: .35rem; line-height: .85rem; color:#666666; } .mes2-list{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; margin: 1.75rem 0 1.5rem 0; } .mes2-left{ width: 46.15%; background: #f5f5f5; padding: 0 3rem; box-sizing: border-box; } .mes2-right{ width: 53.85%; } .mes2-right img{ width: 100%; } .mes2-title{ font-size: .5rem; line-height: .55rem; color:#005bab; } .mes2-content{ position: relative; top: 50%; transform: translateY(-50%); } .mes2-content span{ width: .875rem; background: #9d9d9d; height: 1px; display: block; margin: .75rem 0 1rem 0; } .mes2-txt{ font-size: .35rem; line-height: .85rem; color:#666666; display: inline-block; } .mes2-content{ font-size: 0; } .wel4-all-lb{ width: 10.425rem; position: absolute; left: 50%; transform: translateX(-50%); overflow: hidden; padding-bottom: .35rem !important; opacity: 0; visibility: hidden; transition: all .4s ease; z-index: 99; height: 7rem; } .wel4-all-lb.on-wel4lb{ opacity: 1; visibility: visible; } .wel4-all-lb .swiper-slide img{ width: 100%; } .wel4-all-lb:after{ content: ""; width: .625rem; height: .35rem; background: url(../img/images/index-jt_13.png) center center no-repeat; background-size: .625rem .35rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .wel4-all-lb{ bottom:.7rem; } .wel42-all-title{ font-size: .45rem; line-height: .5rem; color:#fff; position: absolute; left: 50%;transform: translateX(-50%); width: 100%; padding: .5rem .2rem; bottom: 0; background-image: linear-gradient(transparent, rgba(0,0,0,.9)); /*bottom: .825rem;;*/ text-align: center; z-index: 100; } .wel2-all-num{ width: 16.5rem; padding: .8rem 0; background: #055eab; position: absolute; right: 0; top: -2.875rem; z-index: 100; } .wel2-nlist-time{ font-size: .35rem; line-height: .45rem; color:#fff; } .wel2-nlist-time span{ font-size: 1.5rem; line-height: 1.6rem; font-family: "BEBAS__"; margin-right: .35rem; } .wel2-num-list{ width: 33.3%; text-align: center; position: relative; } .wel2-all-num{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; } .wel2-nlist-txt{ font-size: .4rem; line-height: .45rem; color:#84baea; margin-left: .15rem; margin-top: .4rem; } .wel2-nlist-time{ display: inline-block; text-align: left ; } .wel2-num-list:after{ content: ""; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: rgba(255,255,255,.2); display: block; } .wel2-num-list:last-child:after{ display: none; } .grow-all-e .swiper-slide{ overflow: hidden; } .grow-all-e{ overflow: hidden; } .cas-all-img{ width: 100%; } .cas-all{ margin-top: 2.1rem; } .cas-item{ font-size: .4rem; width: 3rem; height: 1.125rem; color:#fff; line-height: 1.125rem; background: #005bac; text-align: center; transform: translateY(0); } .cas-item img{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -.2rem; } .cas-items { cursor: pointer; } .cas-item{ letter-spacing: .05rem; } .cas-list1{ left: 7.55%; bottom: 40%; } .cas-list1 .cas-item{ /* animation: casdh 2s infinite linear; */ } .cas-list2{ left: 12.5%; bottom: 58.3%; } /* .cas-list2 .cas-item{ animation: casdh 2s infinite linear; animation-delay: .5s; } */ .cas-list3{ left: 30.46%; bottom: 64.9%; } .cas-list3 .cas-item{ /* animation: casdh 2s infinite linear; */ } .cas-list2 .cas-item-ml{ top:-5.2rem !important; } .cas-list4{ bottom: 74.8%; left: 47.9%; } .cas-list4 .cas-item{ /* animation: casdh 2s infinite linear; animation-delay: .2s; */ } .cas-list5{ bottom: 42.38%; left: 53.7%; } .cas-list5 .cas-item{ /* animation: casdh 2s infinite linear; */ } .cas-list6{ bottom: 77.14%; right: 27.34%; } .cas-list6 .cas-item{ /* animation: casdh 2s infinite linear; */ } .cas-list7{ bottom: 61.2%; right: 23.18%; } .cas-list7 .cas-item{ /* animation: casdh 2s infinite linear; */ /* animation-delay: .3s; */ } .cas-list8{ bottom: 46%; right: 26.56%; } .cas-list8 .cas-item{ /* animation: casdh 2s infinite linear; */ } .cas-list9{ bottom: 70.48%; right: 8.59%; } .cas-list9 .cas-item{ /* animation: casdh 2s infinite linear; */ /* animation-delay: .7s; */ } @keyframes casdh{ 0%{ transform: translateY(0) } 50%{ transform: translateY(-.2rem); } 100%{ transform: translateY(0); } } .cas-item-ml{ position: absolute; left: 50%; transform: translateX(-50%); top: -1.2rem; display: none; z-index: 99; } .cas-item-mlbox{ overflow: hidden; overflow-y:auto; -moz-overflow-y:hidden; -ms-overflow-y:auto; -webkit-overflow-y:auto; -o-overflow-y:auto; height: 100%; } .cas-item-ml{ max-height: 10rem; /*overflow-y:auto;*/ } .cas-ml-list{ width: 6.375rem; border-bottom: 1px solid rgba(255,255,255,.6); } .cas-ml-list:last-child{ border-bottom: none; } .cas-ml-title{ height: 1rem; font-size: .35rem; line-height: .35rem; color:#fff; line-height: 1rem; background: rgba(0,0,0,.7); text-align: center; } .cas-ml-close{ position: absolute; top:0rem; right: -1rem; } .cas-ml-content{ width: 100%; display: none; /* margin-top: -1.05rem; */ } .cas-ml-content .cas-ml-img2{ width: 100%; } .cas-ml-zz{ width: 100%; height: .8rem; line-height: .8rem; background: rgba(0,91,172,.7); text-align: center; left: 0; bottom: 0; /* padding: .25rem 0; */ box-sizing: border-box; transition: all .5s ease; } .cas-ml-txt{ font-size: .35rem; color:#fff; /* line-height: .4rem; */ position: absolute; text-align: center; width: 100%; padding: 0 .1rem; box-sizing: border-box; margin-top: 0; top: 50%; transform: translateY(-50%); } .cas-ml-content:hover .cas-ml-zz{ height: 100%; } .cas-ml-content:hover .on-animation1{ animation: unset; } .cas-item-ml .cas-ml-list:first-child .cas-ml-title{ display: none; } .cas-item-ml .cas-ml-list:first-child .cas-ml-content{ display: block; } .cas-list6{ z-index: 101; } .cas-list2,.cas-list4,.cas-list7{ z-index: 99; } .cas-all-tc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top:0; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: all .4s ease; } .cas-tc-items{ width: 900px; margin: 0 auto; position: relative; top:50%; transform: translateY(-50%); } .cas-tc-left{ width: 74.44%; background:#fff; } .cas-tc-right{ width: 23.88%; overflow: hidden; position: absolute; right: 0; height: 100%; padding: 45px 0; box-sizing: border-box; } .cas-tc-left img{ width: 100%; display: block; margin:0 auto; /*width: auto;*/ /*height: 10rem;*/ } .cas-tc-items{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; } .cas-tc-lb{ overflow: hidden; } .cas-tc-txt{ padding: .75rem 1.2rem; background: #fff; box-sizing: border-box; } .cas-tc-title{ font-size: .5rem; line-height: .8rem; color:#333; font-weight: bold; text-align: center; } .cas-tc-txt2{ font-size: .35rem; line-height: .65rem; color:#666666; margin-top: .3rem; height: 2.6rem; overflow-y: auto; } .cas-tc-txt2::-webkit-scrollbar { width: 3px; height: 4px; } .cas-tc-txt2::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px transparent!important; background: #005bac; } .cas-tc-txt2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px transparent!important; border-radius: 0; background: transparent !important; } .cas-tc-txt2:hover::-webkit-scrollbar-thumb{ background: #005bac; } .cas-tc-lb2 img{ width: 100%; height: 100%; /* height: 100px; */ } .cas-tc-lb2 { height: 100% !important; overflow: hidden; } .cas-tc-lb2 .swiper-slide{ cursor: pointer; position: relative; height: auto; min-height: 30%; } .cas-tc-lb2 .swiper-slide img{ min-height: 100px; } .cas-tc-lb2 .swiper-wrapper{ height: 100% !important; } .swiper-button-prevcas2,.swiper-button-nextcas2{ width: 100% !important; height: 30px !important; opacity: 1 !important; margin-top: 0 !important; outline: none; background-image: unset !important; background: #aaaaaa !important;text-align: center; transition: background .2s ease; } .swiper-button-prevcas2{ left: 0 !important; top:0 !important; } .swiper-button-nextcas2{ left: 0 !important; right: unset !important; top: unset !important; bottom: 0 !important; } .swiper-button-nextcas2 img{ transform: rotate(180deg); } .swiper-button-prevcas2:hover,.swiper-button-nextcas2:hover{ background: #005bac !important; } .cas-lb2-content{ position: absolute; left: 0; bottom: 0; width: 100%; padding: .4rem .1rem .1rem .1rem; background-image: linear-gradient(transparent, rgba(0,0,0,1)); font-size: .35rem; line-height: .55rem; height: 1.1rem; overflow: hidden; color:#fff; box-sizing: border-box; } .on-cas2-lb{ opacity: 1; visibility: visible; } .cas-tc-close{ right: -1.45rem; top: 0; cursor: pointer; } .video1-items a{ background: #f5f5f5; } .video-all{ background: #fff; } .video1-list1 div{ background: url(../img/mt22.png) left center no-repeat; } .video1-list1:hover div{ background: url(../img/mt2.png) left center no-repeat; } .video1-list1.on-grow1 div{ background: url(../img/mt2.png) left center no-repeat; } .video1-list3 div{ background: url(../img/mt12.png) left center no-repeat; } .video1-list3:hover div{ background: url(../img/mt1.png) left center no-repeat; } .video1-list3.on-grow1 div{ background: url(../img/mt1.png) left center no-repeat; } .video2-list img{ width: 100%; transition: all .4s ease; } .video2-list{ width: 31.43%; overflow: hidden; float: left; margin-right: 2.84%; margin-bottom: 1.4rem; } .video2-list:nth-child(3n){ margin-right: 0; } .video-list2{ margin-top: 2.1rem; overflow: hidden; } .video2-txt{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; padding: .6rem 0; align-items: center; border-bottom: 1px solid #cccccc; justify-content: space-between; } .video2-title{ font-size: .5rem; line-height: .55rem; height: .55rem; color:#333; width: 85.22%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .video2-time{ font-size: .35rem; line-height: .4rem; color:#999; } .video2-list:hover img{ transform: scale(1.05); } .video-all-tc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top:-50px; left: 0; z-index: 999; opacity: 0; visibility: hidden; transition: all .6s ease; } .video-tc-items{ position: relative; top:50%; transform: translateY(-50%); } .video-tc-play{ width: 900px; margin: 0 auto; font-size: 0; } .video-tc-play video{ width: 100%; } .video-tc-txt{ font-size: .4rem; line-height: .55rem; /* min-height: 1.8rem; */ color: #333; height:2.7rem; overflow-y: auto; } .video-tc-close{ cursor: pointer; position: absolute; right: -30px; top: 0; } .on-video{ opacity: 1; visibility: visible; top: 0; } .headerm-list2{ display: none; } .header-1024 { display: none; } .df-ldc{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); top:0; left: 0; z-index: 109; display: none; } .ny-banner img{ max-width: 100%; } .footMid-top ul{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-between; } .pro1-ss2{ background-position: 63% center; padding-left: 5.5%; } .cha2-rw-img{ display: none; } .casm-list1{ display: none; } .about1-lf1-top img{ width: 10rem; } .wel-list12{ display: none; } .foot-top2{display: none;} .welm-list4{ display: none; } .hdPc-nav ul li{ position: relative; } .headerPc-ml{ position: absolute; width: 100%; top: 2.1rem; left: 0; display: none; } .headerPc-ml a{ width: 100%; font-size: .38rem; color:#fff; line-height: .42rem; padding: .18rem .1rem; box-sizing: border-box; text-align: center; } .headerPc-ml a:hover{ color:#e50007; } .headerPc-ml .headerPc-div1{ background: rgba(0,0,0,.8); padding: .5rem .7rem; text-align: center; } .headerPc-ml span{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 60%; padding: 0 .7rem ; box-sizing: border-box; background: #fff; display: block; height: 1px; } .headerPc-div2{ padding: .4rem 0; background: rgba(0,0,0,.8); } .hdPc-xt{ display: none; } .d1{ display: none; } .footMid-top .footMT-title:hover{ color:#fff; } /* 鑱旂郴鎴戜滑map */ .amap-info-content { box-shadow: 0 0 9px 1px rgba(0,0,0,.5); border-radius: 10px; } .amap-info-sharp{ display: none; } .con5-list{ width: 11rem; /* left: 2rem; top: 2rem; */ padding: .5rem .4rem .65rem .4rem; background: #fff; } .con5-title{ font-size: .45rem; line-height: .5rem; color:#005bab; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.5rem; margin-bottom: .3rem; } .con5-txt{ font-size: .35rem; color:#666; padding-left: .625rem; margin-bottom: .3rem; } .con5-txt:last-child{ margin-bottom: 0; } .con5-txt1{ background: url(../img/dianhua.png) left top no-repeat; } .con5-txt2{ background: url(../img/chuanzhen.png) left top no-repeat; } .con5-txt3{ /*text-transform: uppercase;*/ background: url(../img/email.png) left top no-repeat; } .con5-txt4{ background: url(../img/dizhi.png) left top no-repeat; } .hdPc-nav ul li:nth-child(n+2){ margin-left: .25rem; } .wel-list3 img{ transition: all .4s ease; } .wel-list3 img:hover{ transform: scale(1.1); } .about1-right img{ transition: all .4s ease; } .about1-right:hover img{ transform: scale(1.02); } .cha2-img-2{ position: absolute; left: -2.125rem; bottom: 0; z-index: 99; width: 18.2rem; height: 14.125rem; } .cha2-img-2 img{ width: 100%; } .cul1-add-1{ position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; height: 2.25rem; background: #005bab; opacity: .5; } .cul3-content img{ transition: all .4s ease; } .cul3-content img:hover{ transform: scale(1.05); } .video2-img-add{ overflow: hidden; position: relative; } .video2-play-img img{ width: 1.2rem !important; } .video2-play-img{ position: absolute; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -.6rem; z-index: 99; } .video2-img-add span{ width: 100%; height: 100%; left: 0; top: 0; transform: scale(0); background: rgba(0,0,0,.4); transition: transform .4s ease; } .video2-list:hover span{ transform: scale(1); } .pro1-mulu-add { padding-left: .3rem; box-sizing: border-box; } .pro1-mulu-add span{ font-size: 12px; display: block; } .pro2-right-txt1 a{ color:#fff; transition: all .4s ease; } .pro2-right-txt1{ font-size: 0; } .pro2-right-txt1 span{ width: 2px; height: .6rem; background: #fff; display: inline-block; position: relative; top: .1rem; margin: 0 .7rem; } .pro2-right-txt1 a:hover { color:#005bab; } .se-c{ /* overflow: hidden; */ } .se-c .select{ float: right; } .cas1-img1{ opacity: 1; visibility: visible; transition: all .4s ease; } .cas1-img2{ opacity: 0; visibility: hidden; transition: all .4s ease; } .cas-item{ transition: all .4s ease; opacity: 1; visibility: visible; } .cas-item:hover{ color:#005bac; background: #fff; } .cas-item:hover .cas1-img2{ opacity: 1; visibility: visible; } .cas-item:hover .cas1-img1{ opacity: 0; visibility: hidden; } .on-ds{ opacity: 0; visibility: hidden; } .cas-tc-lb2 .swiper-slide:hover img{ transform: scale(1.02); } .cas-tc-lb2 .swiper-slide{ overflow: hidden; } .cas-tc-lb2 .swiper-slide img{ transition: all .4s ease; } .inter3-lb .swiper-slide img{ transition: all .4s ease; } .inter3-lb .swiper-slide .swiper-img{ overflow: hidden; } .inter3-lb .swiper-slide:hover img{ transform: scale(1.05); } .inter3-lb .swiper-slide .swiper-txt{ transition: all .4s ease; } .inter3-lb .swiper-slide:hover .swiper-txt{ color:#005bac; } .con2-list .con2-left img{ transition: all .4s ease; } .con2-list .con2-left{ overflow: hidden; } .con2-list:hover .con2-left img{ transform: scale(1.05); } .cha2-img-22{ display: none; } .sds-ldc{ display: none; } .about-img12{ display: none; } .de-d1{ display: none;; } .law1-txt p{ font-size: 14px; color:#333; } .laws-list1{ margin-top: 2.1rem; padding: 2rem 0 4rem 0; } .laws1-title{ font-size: 20px; color:#000; text-align: center; font-weight: bold; margin-bottom: .5rem; } .cha-add-tc{ position: fixed; width: 100%; height: 100%; left: 0; top: -50px; z-index: 999; background: rgba(0,0,0,.5); opacity: 0; visibility: hidden; transition: all .6s ease; } .on-chadd{ top:0; opacity: 1; visibility: visible; } .cha-add-close{ cursor: pointer; } .cha-add-content{ width: 1161px; height: 17rem; margin: 0 auto; top: 50%; transform: translateY(-50%); } .cha-add-pro{ width: 100%; text-align: center; padding: .25rem 2.5rem; box-sizing: border-box; top: 7%; } .cha-add-title{ font-size: .9rem; line-height: .95rem; font-weight: bold; color:#005bab; margin: .75rem 0 .7rem 0; } .cha-add-pro>span{ width: 1.125rem; height: 3px; background: #005bab; display: block; margin: 0 auto; margin-bottom: 2.5rem; } .cha-add-txt{ height: 4.8rem; overflow-y: auto; } .cha-add-txt::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .cha-add-txt p{ font-size: .375rem; line-height: .8rem; color:#666666; } .cha-add-close{ position: absolute; top: .5rem; right: .5rem; z-index: 88; background: #005bab; width: 30px; height: 30px; text-align: center; } .cha-add-close img{ margin-top: 2.5px; } .video-tc-mtitle{ font-size: .6rem; text-align: center; color:#000; line-height: .7rem; margin-bottom: .5rem; } .video-tc-content{ background: #fff; padding: .45rem .45rem; } .backtop.active { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; transition: all .5s ease; } .backtop { position: fixed; bottom: 30px; right: 3%; background-color: rgba(255, 255, 255, 0.9); fill: #222; cursor: pointer; -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 46px; padding: 0; margin: 0; width: 46px; border-radius: 50%; z-index: 9; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; -webkit-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all .6s ease; transition: all .6s ease; } .backtop svg { height: 20px; width: 20px; position: relative; display: block; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); animation: start 2s infinite ease-in-out; } .backtop svg path { fill: #0067b1; } @keyframes start{ 0%, 30% { opacity: 0; transform: translate(0, -2px); } 40% { opacity: 1; transform: translate(0px, -6px); } 100% { opacity: 0; transform: translate(0px, -10px); } } .sds-ldc1{ display: none; } .footMid-top ul{ align-items: baseline; } .cha-add-ldc1{ position: relative; z-index: 99; } .page{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; justify-content: center; } .inter1-name p{ font-size: .4rem; } .pro-rt-item{ width: 32%; /* float: left; */ display: inline-block; vertical-align: top; margin-bottom: .3rem; margin-right: 2%; } .pro-rt-item:nth-child(3n){ margin-right: 0%; } .pro2-rt-items{ margin-top: 1.4rem; font-size: 0; } .pro-rtitem-a1{ font-size: .6rem; color: #fff; line-height: .65rem; margin:0 0 .4rem 0; } .pro-rtitem-nr a{ display: block; font-size: .4rem; color: #fff; line-height: .7rem; transition: all .4s ease; } .pro-rt-item a{ transition: all .4s ease; } .pro-rt-item a:hover{ color:#005bac; } .pro2-rt-items{ } .pro-rtitem-nr{ /* height: 3rem; overflow-y: auto; */ } .pro-rtitem-nr::-webkit-scrollbar { width: 4px; height: 4px; } .pro-rtitem-nr::-webkit-scrollbar-thumb { border-radius: 5px; background: #1573e1; opacity: 0 !important; } .pro-rtitem-nr::-webkit-scrollbar-track { border-radius: 0; display: none; background: transparent; } .pro2-allm2{ display: none; } .headerm-list22{ display: none !important; } .prolb1-right ul li a{ color: #666; transition: all .5s ease; } .prolb1-right ul li a:hover{ color:#005bac; } .headerm-list22{ display: none !important; } .select{ z-index: 90; } .mes-top-content .mes1-fxfd { position: relative; } .wel41-add-zzc{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*background: rgba(0,0,0,.35);*/ transition: all .4s ease; z-index: 9; } /* .wel41-list:hover .wel41-add-zzc{ top:0; opacity: 1; visibility: visible; } */ .wel41-content{ z-index: 20; } .wel41-list .wel41-content{ transition: all .4s ease; transition-delay: .3s; } .wel41-list:hover .wel41-content{ transform: translateY(-60%); } .cha43-content2 div{ font-size: .45rem; line-height: .5rem; color:#fff; } .s1{ display: none !important; } .new-list3 .news3-btn{ margin-top: .5rem; } .news2-rt-list .news2-rt-txt{ transition: all .4s ease; } /* .news2-rt-list:hover .news2-rt-txt{ color:#005bab; } */ .page .pagination{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; -ms-flex-pack: center; justify-content: center; align-items: center; } .pagination a{ margin-right: .15rem; } .de-add-1{ padding: 0 .15rem; box-sizing: border-box; margin-right: .25rem; background: #005bab; color:#fff; font-size: 13px; white-space: nowrap; } .news2-rt-title{ flex: 1; } .news1-add-1{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; align-items: center; } .med3-left-rq.on-df{ background: #fff !important; } .med3-left-rq.on-df div{ color:#e50007 !important; } .med3-left-rq.on-df span{ background: #e50007 !important; } .news2-left-rq.on-df2{ background: #005bab !important; } .news2-left-rq.on-df2 div{ color:#fff !important; } .news2-left-rq.on-df2 span{ background: #fff !important; } .wel2-btp-left{ opacity: 0; -webkit-transform: translate(-60px, 0px); -ms-transform: translate(-60px, 0px); transform: translate(-60px, 0px); transition-delay:3.5s; -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; } .wel2-btp-right{ opacity: 0; -webkit-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate(100px, 0px); transition-delay:3.5s; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .wel2-btp-left.on-add-left1{ opacity: 1 !important; -webkit-transform: translate(0, 0px) !important; -ms-transform: translate(0, 0px) !important; transform: translate(0, 0px) !important; } .wel2-btp-right.on-add-left2{ opacity: 1 !important; -webkit-transform: translate(0, 0px) !important; -ms-transform: translate(0, 0px) !important; transform: translate(0, 0px) !important; } .ldc-add-line1{ width: 2rem; height: 4px; border-radius: 4px; background: #005bab; display: block; margin: .95rem 0 0 0; } .ldc-add-line12{ margin: 0 auto; margin-bottom: .6rem; margin-top: .95rem; } .ldc-add-line13{ margin: 0 auto; margin-top: .95rem; } .zzz-ds1{ width: 100%; height: 100%; left: 0; top: 100%; opacity: 0; background: rgba(0,0,0,.3); transition: all .5s ease; } .grow2-list:hover .zzz-ds1{ top: 0; opacity: 1; } .about2-rt-title{ font-size: .9rem; line-height: .92rem; } .wel41-add-zzc22{ position: absolute; width: 100%; height: 100%; top: 70%; left: 0; background: rgba(5,94,171,.5); opacity: 0; transition: all .4s ease; z-index: 5; } .wel41-list:hover .wel41-add-zzc22{ opacity: 1; top: 0; } /* 鏂板鑸 */ .add-ldc-navs{ width: 100%; background: rgba(0,0,0,.7); z-index: 50; left: 0; top: 2.1rem; padding: 1.25rem 0; display: none; } .aldc-list{ width: 4rem; } .aldc-etitle{ font-size: 14px; color:rgba(255,255,255,.5); text-transform: uppercase; line-height: 1.3; } .aldc-title{ margin-top: 2px; font-size: 17px; font-weight: bold; line-height: 1.3; color:#fff; padding-bottom: .55rem; border-bottom: 1px solid #fff; margin-bottom: 5px; width: 100%; } .aldc-navs a{ font-size: 14px; color:rgba(255,255,255,.5); line-height: 1.3; display: block; margin-top: 10px; } .aldc-navs a:hover{ color:#e50007 !important } .addldc-lists{ display: -webkit-box; display: -moz-box; display:-webkit-flex; display: -ms-flexbox; display:flex; justify-content: space-around; } .aldc-title:hover{ color:#fff; } .fg-zzc{ position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; opacity: 0; transition:all .4s ease; } .fg-zzc.on-op{ opacity: 1; } .pro2-lists{ position: relative; z-index: 55; } .news3-img .img{ height:6.5rem; overflow: hidden; } .news3-img img{ height: 100%; } .news-list .new-list3 .news3-btn{ display: none; } @media (max-width: 1480px){ .news3-img .img{ height:8rem; overflow: hidden; } .w1200{ width: 90%; } } @media (max-width: 1280px){ .news3-img .img{ height:7.5rem; } .news3-img img{ height: 100%; } .nwd1-bot-left a{ /*font-size: 14px;*/ } } @media (max-width:767px){ .news3-img .img{ height:2rem; } .news3-title{ height:1.2rem; } } .strength010-swiper .span{ opacity:0; } .strength010-swiper .swiper-slide.swiper-slide-active .span{ opacity:1; } @media (max-width: 1480px){ .inter2-txt{ font-size:.5rem; } .dom3-txt{ font-size:.45rem; } .con1-title{ font-weight:bold; } .con2-rt-title{ font-size:.7rem; } }