.layout { overflow:hidden; } .wrap { width:65.625rem; margin:0 auto; } .header .tp { border-bottom:0.052083333333333336rem solid #efefef; } .header .tp ul { display:flex; justify-content:flex-end; align-items:center; padding:0.4166666666666667rem 0; } .header .tp li a { font-size:0.8333333333333334rem; line-height:1.7; color:#000000; display:block; } .header .tp li i { display:block; font-size:0.7291666666666667rem; color:#bababa; margin:0 0.9375rem; } .header .tp li .s1 { width:0.8333333333333334rem; display:block; } .header .tp li h4 { font-size:0.8333333333333334rem; line-height:1.7; color:#24a5ff; padding-left:1.3541666666666667rem; background:url(../images/qms2.png) no-repeat left center; background-size:0.6770833333333334rem auto; } .header .tp li .s2 { width:1.0416666666666667rem; display:block; } .header .logo { float:left; max-width:7.96875rem; padding:1.5625rem 0 1.0416666666666667rem; } .header .logo img { width:100%; display:block; } .header .naver { float:right; margin-top:0.5208333333333334rem; } .header .naver li { float:left; margin-left:3.4375rem; position:relative; padding:1.5625rem 0; } .header .naver li a { font-size:0.8333333333333334rem; line-height:1.6; color:#000000; display:block; } .header .unaver { } .header .naver li::before { content:""; position:absolute; left:0; right:0; bottom:0rem; z-index:1; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; background:#ff772d; height:0.15625rem; width:0; margin:0 auto; } .header .naver li:hover::before,.header .naver li.on::before { width:100%; } .header .naver li:first-child { margin-left:0; } .header .naver li h3 { position:relative; } .header .naver .nli { position:absolute; left:-2.604166666666667rem; right:-2.604166666666667rem; top:100%; z-index:23; background:#fff; width:8.645833333333334rem; margin:0 auto; display:none;padding-bottom: 0 !important; } .header .naver .nli dl{ padding: 0.52rem 0; } .header .naver .nli dd a { display:block; text-align:center; font-size:0.7291666666666667rem; line-height:2rem; color:#000000; } .uitbanner img { width:100%; display:block; } .header .naver li.on a,.header .naver li a:hover { color:#24a5ff; } .crumbs { padding:1.4583333333333335rem 0; border-bottom:0.052083333333333336rem solid #efefef; } .crumbs dl { display:flex; justify-content:flex-end; align-items:center; } .crumbs dt a,.crumbs dd span,.crumbs dd a { font-size:0.7291666666666667rem; line-height:1.7; color:#b9b9b9; display:block; } .crumbs dd.on a { color:#939393; } .crumbs dt { padding-left:1.1458333333333335rem; background:url(../images/qms4.png) no-repeat left center; background-size:0.6770833333333334rem auto; } .crumbs dd span { margin:0 0.3125rem; } .hlink { background:#eeeeee; padding:1.5625rem 0 1.0416666666666667rem; } .hlink .wrap { display:flex; justify-content:space-between; } .hlink h3 { font-size:1.0416666666666667rem; line-height:1.7; color:#8d8d8d; width:5.416666666666667rem; position:relative; } .hlink h3::before { content:""; position:absolute; right:0; top:1.25rem; z-index:1; width:0.10416666666666667rem; height:0.9375rem; background:#bebebe; margin-top:-0.7291666666666667rem; } .hlink .ulink { width:calc(100% - 6.458333333333334rem); overflow: hidden; } .hlink .ulink ul{ transition-timing-function: linear; } .hlink li { width: auto; } .hlink li a { display:block; height:2.3958333333333335rem; } .hlink li img { object-fit:contain; width:100%; height:100%; display:block; margin:auto; } .hlink li:nth-child(6n) { margin-right:0; } .footer { padding-top:2.34375rem; padding-bottom:0.7291666666666667rem; } .footer .ltc { float:left; } .footer .rtc { float:right; } .footer .ltc ul { font-size:0; } .footer .ltc li { display:inline-block; vertical-align:middle; } .footer .ltc li i,.footer .ltc li a { font-size:0.8333333333333334rem; line-height:1.7; color:#010101; display:block; } .footer .ltc li i { margin:0 1.5625rem; } .footer .tca { margin-top:1.0416666666666667rem; } .footer .tca .l { float:left; max-width:27.604166666666668rem; } .footer .tca .r { float:right; } .footer .tca .l h3 { font-size:0.8333333333333334rem; line-height:1.7; color:#000000; margin-bottom:0.4166666666666667rem; } .footer .tca .l p { font-size:0.7291666666666667rem; line-height:1.5625rem; color:#373737; } .footer .tca .r h4 { font-size:0.8333333333333334rem; line-height:1.7; padding-left:1.5625rem; color:#000000; padding-left:1.5625rem; background:url(../images/qms13.png) no-repeat left center; background-size:0.8854166666666667rem auto; } .footer .tca .r h5 { font-size:1.25rem; line-height:1.6; color:#eb7823; font-weight:bold; margin-top:0.4166666666666667rem; } .footer .rtc li:nth-child(1) { margin-left:0; } .footer .rtc li { float:left; margin-left:1.5625rem; } .footer .rtc li .weix { width:6.770833333333334rem; height:6.770833333333334rem; } .footer .rtc li .weix img { width:100%; display:block; height:100%; } .footer .rtc li h6 { font-size:0.7291666666666667rem; line-height:1.7; color:#979797; margin-top:0.2604166666666667rem; text-align:center; } .footer .copyright { border-top:0.052083333333333336rem solid #c3c3c3; margin-top:2.0833333333333335rem; padding-top:0.5208333333333334rem; display:flex; justify-content:space-between; align-items:center; } .footer .copyright a { color:#979797; } .footer .copyright .l { font-size:0.7291666666666667rem; line-height:1.7; color:#979797; } .footer .copyright .r { font-size:0.7291666666666667rem; line-height:1.7; color:#979797; } .footer .copyright .a1 { padding-left:1.4583333333333335rem; padding-left:1.5625rem; background:url(../images/qms14.png) no-repeat left center; background-size:0.9375rem auto; margin-right:0.8333333333333334rem; } .footer .copyright .a2 { margin-right:0.4166666666666667rem; } .uitmain { padding-bottom:5.729166666666667rem; } .uitmain .lt { float:left; width:13.541666666666668rem; border:1px solid #ececec; border-top:none; } .uitmain .rt { float:right; width:calc(100% - 15.625rem); } .uitmain .lt li { border-bottom:0.052083333333333336rem solid #ececec; padding:0 1.0416666666666667rem 0 1.875rem; } .uitmain .lt li a { font-size:0.8333333333333334rem; line-height:4.166666666666667rem; color:#8b8b8b; display:block; background:url(../images/qms6.png) no-repeat right center; background-size:0.4166666666666667rem auto; } .uitmain .lt li.on a,.uitmain .lt li a:hover { background:url(../images/qms6-1.png) no-repeat right center; background-size:0.4166666666666667rem auto; color:#24a0f6; } .uitmain .lt li:last-child { border-bottom:none; } .uitmain .list h2 { margin-top:1.5625rem; font-size:1.0416666666666667rem; line-height:1.7; color:#24a0f6; padding-bottom:0.4166666666666667rem; border-bottom:0.10416666666666667rem solid #e7e7e7; } .uitmain .list li a { display:flex; justify-content:space-between; align-items:center; padding:1.4583333333333335rem 0 1.0416666666666667rem; border-bottom:0.052083333333333336rem solid #e7e7e7; } .uitmain .list li h3 { font-size:0.8333333333333334rem; line-height:1.7; color:#353535; max-width:80%; padding-left:1.3541666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:url(../images/qms15_1.png) no-repeat left top 0.46875rem; background-size:0.5729166666666667rem auto; } .uitmain .list li h6 { font-size:0.7291666666666667rem; line-height:1.7; color:#b9b9b9; } .pages { margin-top:3.125rem; } .pages dl { display:flex; justify-content:center; align-items:center; } .pages dd { margin:0 0.5208333333333334rem; } .pages dd a { line-height:1.7708333333333335rem; border:1px solid #e7e7e7; border-radius:0.20833333333333334rem; text-align:center; font-size:0.8333333333333334rem; color:#929292; padding:0 0.7291666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:block; } .pages dd.on a, .pages dd a:hover { color:#fff; background:#24a0f6; border-color:#24a0f6; } .newsdel { padding:1.1458333333333335rem 0 4.791666666666667rem; } .newsdel .hds { text-align:center; } .newsdel .hds h1 { border-bottom:0.10416666666666667rem solid #e7e7e7; font-size:1.1458333333333335rem; line-height:1.6; color:#000000; padding-bottom:0.8333333333333334rem; } .newsdel .hds p { margin-top:0.5208333333333334rem; font-size:0.7291666666666667rem; line-height:1.6; color:#9c9b9b; } .newsdel .hds p span { margin:0 0.8333333333333334rem; } .newsdel .del { font-size:0.8333333333333334rem; line-height:1.8; color:#000000; margin-top:1.4583333333333335rem; } .newsdel .fts { margin-top:2.604166666666667rem; border-top:0.052083333333333336rem solid #e7e7e7; padding-top:0.625rem; } .newsdel .fts a { display:block; margin-bottom:0.7291666666666667rem; font-size:0.625rem; line-height:1.7; color:#cfcfcf; } .newsdel .fts .next, .newsdel .fts a:hover{ color:#939393; } .qmsearch { background:#eeeeee; padding:12.5rem 0 15.625rem; } .qmsearch .fm { margin:0 11.197916666666668rem; border:1px solid #c3c3c3; border-radius:0.5208333333333334rem; overflow:hidden; } .qmsearch .fm .t1 { width:calc(100% - 6.770833333333334rem); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; height:2.1875rem; background:#fff; padding:0 1.25rem; font-size:0.8333333333333334rem; color:#000; border:none; } .qmsearch .fm .sub { width:6.770833333333334rem; background:#ff772d; line-height:2.1875rem; font-size:0.8333333333333334rem; color:#fff; border:none; display:block; float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; cursor:pointer; } .searchdel { background:#f5f5f5; padding-top:1.6666666666666667rem; padding-bottom:3.125rem; } .searchdel li a { display:block; font-size:0.8333333333333334rem; line-height:1.7; color:#353535; padding-left:1.25rem; background:url(../images/qms15_1.png) no-repeat left top 0.46875rem; background-size:0.5729166666666667rem auto; } .searchdel li { border-bottom:0.052083333333333336rem solid #e7e7e7; padding:1.4583333333333335rem 0 1.0416666666666667rem; } .searchdel .pages dd a { background:#fff; box-shadow:0 0.10416666666666667rem 0.3125rem 0 rgba(80,80,80,0.2); } .searchdel .pages dd.on a,.searchdel .pages dd a:hover { background:#24a0f6; color:#fff; border-color:#24a0f6; } .contact { padding:2.0833333333333335rem 0 5.208333333333334rem; } .tit { text-align:center; } .tit h2 { font-size:1.875rem; line-height:1.7; color:#000000; text-align:center; letter-spacing:0.20833333333333334rem; } .tit span { width:2.7083333333333335rem; height:0.15625rem; background:#f8b600; display:block; margin:0.5208333333333334rem auto 0; } .contact .hds ul { display:flex; justify-content:center; align-items:center; margin-top:2.604166666666667rem; } .contact .hds li { width:33.33%; margin:0 auto; text-align:center; } .contact .hds .ico { width:3.125rem; height:3.125rem; margin:0 auto; } .contact .hds .ico img { width:100%; display:block; } .contact .hds h6 { margin:0.5208333333333334rem 0 0; font-size:0.9375rem; line-height:1.7; color:#b2b2b2; } .contact .hds h3 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; } .contact .map { height:31.25rem; margin:3.125rem 0 3.9583333333333335rem; } .anchorBL { display:none !important; } .contact .bds table { margin:3.0208333333333335rem 1.5625rem 0; } .contact .bds td { width:calc((100% - 4.270833333333334rem)/2); border-bottom:0.052083333333333336rem solid #d9d9d9; padding-bottom:0.4166666666666667rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; float:left; margin-bottom:1.6666666666666667rem; } .contact .bds dd:nth-child(2n) { float:right; } .contact .bds td h4 { font-size:1.25rem; line-height:1.6; color:#333333; margin-bottom:0.4166666666666667rem; } .contact .bds td h6 { font-size:0.8333333333333334rem; line-height:1.6; color:#030303; } .banner .swiper-slide { height:33.85416666666667rem; position:relative; } .banner .swiper-slide .txt { position:absolute; left:0; right:0; top:50%; z-index:1; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9*/ -moz-transform:translateY(-50%); /* Firefox*/ -webkit-transform:translateY(-50%); /* Safari 和 Chrome*/ -o-transform:translateY(-50%); text-align:center; } .banner .swiper-slide h2 { font-size:2.5rem; line-height:1.6; color:#fff; } .banner .swiper-slide h3 { font-size:2.7083333333333335rem; line-height:1.6; color:#fff; } .htab { padding:1.8229166666666667rem 0; } .htab .wrap { position:relative; } .htab .prev,.htab .next { position:absolute; left:-0.625rem; top:50%; z-index:2; background:url(../images/qms21_1.png) no-repeat center; background-size:0.6770833333333334rem auto; width:1.3020833333333335rem; height:1.3020833333333335rem; cursor:pointer; margin-top:-0.5208333333333334rem; } .htab .next { right:-0.625rem; left:auto; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .htab .stab a { display:flex; justify-content:center; align-items:center; } .htab .stab .icon { width:4.322916666666667rem; height:4.322916666666667rem; background: #ebf3ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .htab .stab .icon img { max-width: 50%; max-height: 50%; object-fit: contain; display: block; } .htab .stab .icon .icon2{ display: none; } .htab .stab a:hover .icon .icon1{ display: none; } .htab .stab a:hover .icon .icon2{ display: block; } .htab .stab .txt { margin-left:1.25rem; } .htab .stab .txt h3 { font-size:0.9375rem; line-height:1.6; color:#000000; } .htab .stab .txt h4 i { font-size:0.7291666666666667rem; line-height:1.6; padding-right:0.9375rem; color:#808080; display:inline-block; background:url(../images/qms23.png) no-repeat right center; background-size:0.2604166666666667rem auto; } .htab .stab .swiper-slide { position:relative; } .htab .stab .swiper-slide::before { content:""; position:absolute; right:0; top:50%; z-index:1; border-right:0.052083333333333336rem dashed #989898; height:2.604166666666667rem; margin-top:-1.3020833333333335rem; } .htab .stab { overflow:hidden; padding-right:1.0416666666666667rem; } .hpage1 { padding:3.125rem 0 2.0833333333333335rem; } .hpage1 .box { background:#fff; border-radius:0.625rem; padding:2.3958333333333335rem 2.604166666666667rem 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:flex; overflow:hidden; box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2); height:100%; justify-content:center; } .hpage1 .swiper-slide { height:calc((100% - 2.916666666666667rem) / 2); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .hpage1 .swiperlist { overflow:hidden; height:21.354166666666668rem; position:relative; } .hpage1 .box .icon { width:2.7083333333333335rem; } .hpage1 .box .icon img { max-width:100%; display:block; object-fit:contain; max-height:100%; } .hpage1 .box .text { margin-left:1.0416666666666667rem; } .hpage1 .box .text h3 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; margin-bottom:0.20833333333333334rem; } .hpage1 .box .text h4 { font-size:0.8333333333333334rem; line-height:1.4583333333333335rem; color:#7e7e7e; } .hpage1 .spans { position:static; text-align:center; margin-top:1.0416666666666667rem; } .hpage1 .spans span { width:0.5208333333333334rem; height:0.5208333333333334rem; border-radius:50%; border:1px solid #fff; opacity:1; margin:0 0.8333333333333334rem !important; background:none; } .hpage1 .spans .swiper-pagination-bullet-active { background:#f8b600; border-color:#f8b600; } .hpage2 { padding:5.3125rem 0 5.729166666666667rem; } .hpage2 .times { background:#fff; box-shadow:0 0.5208333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.2); padding:0.5208333333333334rem 2.916666666666667rem 0.3125rem; width:25.520833333333336rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .hpage2 .times h2 { font-size:1.0416666666666667rem; line-height:1.6; color:#d82626; text-align:center; font-weight:bold; } .hpage2 .times .item { height:17.1875rem; } .hpage3 { padding:3.90625rem 0 5.208333333333334rem; } .hpage3 ul { display:flex; justify-content:center; align-items:center; } .hpage3 li a { font-size:1.25rem; line-height:1.6; color:#000000; display:block; font-weight:bold; } .hpage3 li { position:relative; padding-bottom:0.5208333333333334rem; margin:0 2.8645833333333335rem; } .hpage3 li::before { content:""; position:absolute; left:0; right:0; bottom:0; z-index:1; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; margin:0 auto; width:0; height:0.15625rem; background:#f8b600; } .hpage3 li.on a,.hpage3 li a:hover { color:#307eff; } .hpage3 li.on::before,.hpage3 li:hover::before { width:2.7083333333333335rem; } .hpage3 .bd { margin-top:2.1875rem; position:relative; } .hpage3 .prev,.hpage3 .next { position:absolute; left:-2.0833333333333335rem; top:50%; z-index:1; background:url(../images/qms21_1.png) no-repeat center; background-size:0.6770833333333334rem auto; width:1.3020833333333335rem; height:1.3020833333333335rem; cursor:pointer; margin-top:-0.5208333333333334rem; } .hpage3 .next { right:-2.0833333333333335rem; left:auto; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .hpage3 .newsswiper { overflow:hidden; padding:0.5208333333333334rem; } .hpage3 .newsswiper .pic { height:10.677083333333334rem;overflow: hidden; } .hpage3 .newsswiper .swiper-slide { background:#f8f8f8; box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2); border-radius:0.20833333333333334rem; overflow:hidden; } .hpage3 .newsswiper .pic img { width:100%; height:100%; display:block; object-fit:cover; } .hpage3 .newsswiper .txt { padding:1.25rem 1.25rem 2.0833333333333335rem; } .hpage3 .newsswiper h3 { font-size:0.9375rem; line-height:1.7; color:#000000; height:3.4em; overflow:hidden; } .hpage3 .newsswiper p { font-size:0.7291666666666667rem; line-height:1.25rem; color:#616161; overflow:hidden; height:3.75rem; margin:1.0416666666666667rem 0 1.25rem; } .hpage3 .newsswiper h6 { font-size:0.7291666666666667rem; line-height:1.6; color:#9d9d9d; } .about .abnav { /* border-bottom:0.052083333333333336rem solid #efefef; */ position:sticky; top:0; left:0; right:0;z-index: 24; background:#fff; box-shadow:0 0 0.2604166666666667rem 0 rgba(80,80,80,0.2); } .about .abnav ul { display:flex; justify-content:space-between; align-items:center; padding:0 3.125rem; } .about .abnav li a { font-size:0.8333333333333334rem; line-height:4.0625rem; color:#000000; display:block; } .about .abnav li { position:relative; } .about .abnav li::before { content:""; position:absolute; left:0; right:0; bottom:0; z-index:1; width:0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9*/ -moz-transition:all 0.3s; /* Firefox*/ -webkit-transition:all 0.3s; /* Safari 和 Chrome*/ -o-transition:all 0.3s; height:0.10416666666666667rem; background:#ff772d; margin:0 auto; } .about .abnav li.on::before,.about .abnav li:hover::before { width:100%; } .about .abnav li.on a,.about .abnav li:hover a { color:#307eff; } .abpg1 { padding:3.6458333333333335rem 0 8.59375rem; } .abpg1 .wrap { display:flex; justify-content:space-between; padding:0 1.5625rem; } .abpg1 .txt { width:calc(100% - 35.677083333333336rem); } .abpg1 .pic { width:33.85416666666667rem; } .abpg1 .pic img { width:100%; display:block; } .abpg1 .txt h2 { font-size:1.5625rem; line-height:1.6; color:#307eff; margin-bottom:1.25rem; } .abpg1 .txt p { font-size:0.7291666666666667rem; line-height:1.8; color:#393939; margin-bottom:1.1458333333333335rem; text-indent:2em; } .abpg1 .txt ul { display:flex; justify-content:space-between; align-items:center; } .abpg1 .txt li { border-right:0.052083333333333336rem solid #c7c7c7; width:33.33%; padding-left:2.0833333333333335rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .abpg1 .txt li:nth-child(1) { padding-left:0; } .abpg1 .txt li:last-child { border-right:none; } .abpg1 .txt h3 { font-size:2.7083333333333335rem; line-height:1.2; color:#ff7f17; font-weight:bold; } .abpg1 .txt h6 { font-size:0.8333333333333334rem; line-height:1.6; color:#8f8b88; margin-top:0.3125rem; } .abpg2 { padding:3.75rem 0; } .abpg2 video { width:100%; object-fit:cover; display:block; } .abpg2 .vids { margin:2.8645833333333335rem 1.5625rem 0; } .abpg3 { padding:3.125rem 0 5.9375rem; } .abpg3 .swiplishi { overflow:hidden; } .abpg3 .bds { position:relative; margin:3.375rem 1.5625rem 0; } .abpg3 .swiplishi .swiper-slide { padding:2.0833333333333335rem 1.0625rem 1.6666666666666667rem 1.5625rem; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .abpg3 .swiplishi h3 { font-size:1.25rem; line-height:1.6; color:#000000; } .abpg3 .swiplishi p { height:10.42rem; overflow-x:hidden; overflow-y:scroll; font-size:0.7291666666666667rem; line-height:1.4583333333333335rem; color:#505050;padding-right: 0.82rem;margin-top: 22px; } .abpg3 .prev,.abpg3 .next { position:absolute; left:-2.0833333333333335rem; top:50%; z-index:1; background:url(../images/prev1.png) no-repeat center; background-size:0.6770833333333334rem auto; width:1.3020833333333335rem; height:1.3020833333333335rem; cursor:pointer; margin-top:-0.5208333333333334rem; } .abpg3 .next { right:-2.0833333333333335rem; left:auto; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9*/ -moz-transform:rotate(180deg); /* Firefox*/ -webkit-transform:rotate(180deg); /* Safari 和 Chrome*/ -o-transform:rotate(180deg); } .abpg4 { padding:3.6458333333333335rem 0 5.208333333333334rem; } .abpg4 img { width:100%; display:block; } .abpg4 .img { margin:1.9791666666666667rem 1.5625rem 0; } .abpg5 { padding:3.854166666666667rem 0 1.6666666666666667rem; } .abpg5 .bds { margin:2.604166666666667rem 1.5625rem 0; } .abpg5 .swipjoin { overflow:hidden; } .abpg5 .swipjoin .swiper-slide { background:#fff; padding:1.4583333333333335rem 1.4583333333333335rem 1.5625rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .abpg5 .swipjoin h3 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; } .abpg5 .swipjoin p { font-size:0.7291666666666667rem; line-height:1.25rem; color:#6f6f6f; margin:0.8333333333333334rem 0 2.0833333333333335rem; overflow:hidden; height:5rem; } .abpg5 .swipjoin h6 { font-size:0.625rem; line-height:1.7; color:#a7a7a7; } .abpg5 .spans { margin-top:3.125rem; position:static; text-align:center; } .abpg5 .spans span { width:0.5208333333333334rem; height:0.5208333333333334rem; border-radius:50%; border:1px solid #fff; opacity:1; margin:0 0.8333333333333334rem !important; background:none; } .abpg5 .spans .swiper-pagination-bullet-active { background:#f8b600; border-color:#f8b600; } .abpg6 { padding:2.604166666666667rem 0 5.46875rem; background:#f5f5f5; } .abpg6 li { border-bottom:0.052083333333333336rem solid #5b5b5b; margin-bottom:2.1875rem; padding-bottom:0.9375rem; } .abpg6 ul { overflow:hidden; margin-top:3.6458333333333335rem; } .abpg6 li a { display:flex; justify-content:space-between; align-items:center; } .abpg6 li h4 { font-size:1.0416666666666667rem; line-height:1.6; color:#000000; } .abpg6 li h6 i { font-size:0.7291666666666667rem; line-height:1.6; color:#b9b9b9; display:inline-block; padding-right:0.8333333333333334rem; background:url(../images/qms44_1.png) no-repeat right center; background-size:0.36458333333333337rem auto; } .abpg7 { padding:3.75rem 0 4.010416666666667rem; } .abpg7 .bds { margin:1.0416666666666667rem 1.5625rem 0; } .abpg7 .pic img { display:block; margin:0 auto; } .abpg7 .pic { width:33.59375rem; float:right; } .abpg7 .txt { width:calc(100% - 39.375rem); float:left; } .abpg7 .txt dd { border-bottom:0.052083333333333336rem solid #bdbdbd; margin-bottom:0.78125rem; padding-bottom:0.4166666666666667rem; } .abpg7 .txt dd h4 { font-size:0.9375rem; line-height:1.6; color:#000000; margin-bottom:0.20833333333333334rem; } .abpg7 .txt dd h6 i { font-size:0.625rem; line-height:1.6; color:#b9b9b9; display:inline-block; padding-right:0.8333333333333334rem; background:url(../images/qms44_1.png) no-repeat right center; background-size:0.36458333333333337rem auto; } .layouts{ overflow: initial; } .uitbanner img{ width: 100%;height: 100%;display: block;object-fit: cover; } .uitfexi { position:fixed; right:0.5208333333333334rem; bottom:20%; z-index:999; } .uitfexi li { width:3.1770833333333335rem; height:3.1770833333333335rem; border-radius:0.2604166666666667rem; text-align:center; margin-bottom:0.5208333333333334rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative; } .uitfexi li a img { display:block; width:100%; height:100%; } .uitfexi li .weixs { width:6.510416666666667rem; position:absolute; right:100%; margin-right:0.4166666666666667rem; bottom:0; z-index:11; background:#ededed; border-radius:0.3125rem; padding:0.3125rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; display:none; } .uitfexi li .weixs img { display:block; width:100%; } .uitfexi .phone { position:absolute; right:100%; top:0; line-height:3.1770833333333335rem; padding:0 0.78125rem; background:#ededed; white-space:nowrap; font-size:0.9375rem; color:#333; font-family:Arial; border-radius:0.2604166666666667rem 0 0 0.2604166666666667rem; margin-right:-0.2604166666666667rem; display:none; } .uitfexi li:hover .hover { display:block; } .hpage3 .bd{ display: none; } .hpage3 .bd:nth-child(1){ display: block; } .searchdel li a:hover, .uitmain .list li:hover h3{ background: url(../images/qms5.png) no-repeat left top 0.46875rem;color: #24a5ff; } .abpg5 .swipjoin .swiper-slide:hover h3, .abpg3 .swiplishi .swiper-slide:hover h3{ color: #ff772d; } .crumbs dd a:hover, .abpg6 li:hover h4, .abpg7 .txt dd:hover h4, .footer .ltc li a:hover, .hpage3 .newsswiper .swiper-slide:hover h3, .htab .stab .swiper-slide:hover h3, .header .tp li a:hover{ color: #24a5ff; } .hpage3 .prev:hover, .hpage3 .next:hover, .htab .prev:hover, .htab .next:hover{ background: url(../images/prev2.png) no-repeat center; } .hpage3 .newsswiper .pic img{ transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; } .hpage3 .newsswiper .swiper-slide:hover .pic img{ transform:scale(1.1); -ms-transform:scale(1.1); /* IE 9 */ -moz-transform:scale(1.1); /* Firefox */ -webkit-transform:scale(1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1); } .qmsearch .fm .sub:hover{ background: #e06a2a; } .cal-date.on{ position: relative; } .cal-date.on::before{ content: ""; position: absolute; left: 0;right: 0; bottom: 0; margin: 0 auto; z-index: 1; width: 7px; height: 7px; border-radius: 50%; background: #24a5ff; } .masklayer { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; z-index: 10000; } .eligible_pop { width: 770px; position: absolute; top: 40px; left: 23rem; } .eligclose { width: 26px; height: 26px; display: block; background: url(../images/tcclose.png) no-repeat; position: absolute; top: 22px; right: 10px; cursor: pointer; } .yylay_middle_pop { width: 700px; border: 1px solid #e2e2e2; margin: 0 auto; padding: 13px 34px 0px 34px; background: #ffffff; } .apprais { height: 30px; line-height: 30px; padding: 0px 0px 13px 17px; border-bottom: 1px solid #e5e5e5; font-size: 24px; color: #4c4c4c; background: url(../images/xhz.jpg) no-repeat 0px 5px; margin-bottom: 10px; } .hpage2 { color: #666666; line-height: 32px; font-size: 12px; padding-bottom: 20px; } .hpage2 .event { line-height: 32px; padding: 10px 0; background: url(../images/border.png) no-repeat bottom center; } .hpage2 .event .close { display: block; float: right; width: 30px; height: 32px; background: url(../images/icon_close.png) no-repeat center; } .hpage2 .event h3 { color: #333; font-size: 18px; text-align: left; font-weight: bold; } .hpage2 .event_ul { padding: 20px 0; } .hpage2 .event_ul li { line-height: 24px; font-size: 16px; color: #333; padding: 12px 0 12px 22px; cursor: pointer; background: url(../images/icon_horn.png) no-repeat left center; } .showtime{ display: none; } .mask{ position: fixed; left: 0;right: 0; top: 0;bottom: 0;z-index: 119; background: rgba(0,0,0,0.8); display: none; } .zrys .icon{ position: absolute;top: -55px;right: 16px; width: 40px;cursor: pointer; height: 40px;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 和 Chrome */ -o-transition:all 0.3s; background: url(../images/close.png) no-repeat center/contain; } .zrys .icon:hover{ transform:rotate(720deg); -ms-transform:rotate(720deg); /* IE 9 */ -moz-transform:rotate(720deg); /* Firefox */ -webkit-transform:rotate(720deg); /* Safari 和 Chrome */ -o-transform:rotate(720deg); } .zrys{ position: fixed; left: 0;right: 0; top: 15%;z-index: 120; display: none; } .zrys .wrap{ background: #fff; padding: 40px 25px; border-radius: 20px; position: relative; } .zrys .wrap h2{ font-size: 24px; line-height: 2.4; color: #000000; border-bottom: 1px solid #5b5b5b; margin-bottom: 40px; } .zrys .wrap .text{ font-size: 16px; line-height: 1.7; color: #6f6f6f; max-height: 70vh; overflow-y: scroll; } .mtousujy{ background: #f7f9fa; padding: 80px 0; } .mtousujy ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .mtousujy li:nth-child(1), .mtousujy li:nth-child(6), .mtousujy li:nth-child(7), .mtousujy li:nth-child(8){ width: 100%; } .mtousujy li{ margin-bottom: 15px; } .mtousujy li h3{ font-size: 16px; line-height: 40px; color: #333333; display: flex; align-items: center; } .mtousujy li h3 i{ color: #ee0101; display: inline-block; margin-right: 5px; } .mtousujy li .txt{ height: 40px;width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; border: 1px solid #c0c0c0; } .mtousujy li:nth-child(4), .mtousujy li:nth-child(2){ width:400px; } .mtousujy li:nth-child(3), .mtousujy li:nth-child(5){ width: calc(100% - 435px); } .mtousujy li .txt1{ height: 110px;padding: 10px 15px; } .mtousujy li .claf{ display: flex; align-items: center; } .mtousujy li .claf .txt{ width: 280px;resize: none; } .mtousujy li .claf .pic{ height: 40px;cursor: pointer; margin-left: 15px; } .mtousujy li .claf img{ height: 100%; } .mtousujy .btn{ font-size: 18px; color: #000000; line-height: 42px; border-radius: 25px; border: 2px solid #969899; width: 145px; background: linear-gradient(to bottom,#eff1f2,#c3c5c6); text-align: center; margin-top: 30px; margin-right: 18px; cursor: pointer; } .mtousujy .btn.on{ background: linear-gradient(to bottom,#3173cb,#0150c3); color: #fff;border-color: #3670c6 } .mtousujy .btn:hover{ background: #3670c6;color: #fff;border-color: #3670c6 } .banner { position: relative; } .banner .spans{ position: absolute; left: 0;right: 0;text-align: center; bottom: 20px;z-index: 11; } .banner .spans span{ width: 15px; height: 15px; opacity: 0.8; } .banner .spans span.swiper-pagination-bullet-active{ opacity: 1; }