.auto_1440 { max-width: 1440px;} @media(max-width:1440px) { .auto_1440 { padding: 0 3%;} } @media(max-width:1024px) { .auto_1440 { padding: 0 2%;} } html { font-size: 100px;} @media (min-width:1921px) { html,input,button { font-size: calc(100 / 1920 * 100vw);} .auto_1440 { max-width: 14.4rem;} .auto_1200 {max-width:12rem} .auto_1280 {max-width:12.8rem} img { width: 100%;} } body {font-size: .14rem;} a:hover {color:#056db4;} /*Top003101 */ .Top003101{position:relative;left: 0;width: 100%; top: 0;z-index: 100;font-size: .17rem; transition: 0.3s;background: #fff;box-shadow:.03rem 0 .10rem rgba(0,0,0,0.15);} .Top003101 .auto{position:relative;} .Top003101, .Top003101 a:not(:hover){color: #333;} .Top003101 .header-left{ float: left; width: 40%; display:table; height:1.32rem;max-width: 1.83rem;} .Top003101 .logo{ display:table-cell; vertical-align:middle;} .Top003101 menu li span{display: block;} .Top003101 menu li span a{display: block;line-height: .26rem; transition: 0.3s;} .Top003101 .top-right{position: absolute; right: 0; top:.20rem;} .Top003101 .top-right dl > *{float: left;} .Top003101 .group{padding:0 .25rem; position:relative; margin-right: 1.5vw; border-radius:.16rem;background-color:#ccc; font-size: .13rem;} .Top003101 .group:hover{ border-radius:.1rem .1rem 0 0;} .Top003101 .group span{ position:relative; display:block; line-height:.32rem; padding-right:.20rem; cursor:pointer; color: #fff;z-index:101;} .Top003101 .group span::after{ position:absolute; content:''; right:0; top:50%; margin-top:-.025rem; width:.05rem; height:.05rem; border-top:.01rem solid #fff; border-right:.01rem solid #fff; transform:rotate(135deg);} .Top003101 .group figure{ display:none; position:absolute; top:100%; left:0; width:100%; background:#ccc; border-radius:0 0 .1rem .1rem; text-align:center; line-height:.30rem; z-index: 100; overflow: hidden;} .Top003101 .group figure::after{ position:absolute; content:''; right:0; top:0; margin-top:-.20rem; width:100%; height:.0rem;background:#ccc; z-index:-1;} .Top003101 .group figure a{ display:block; color:#fff; transition:0.3s; padding: 0 10px; background: rgba(0, 0, 0, 0.15); } .Top003101 .group figure a:not(:last-child){ border-bottom: 1px solid rgba(255,255,255,0.3); } .Top003101 .group figure a:hover{ background:#008cd6;} .Top003101 .top-lang{position: relative;z-index: 100; margin-right:1.5vw;} .Top003101 .top-lang a{ display:block; float:left; width:.32rem; line-height:.32rem; text-align:center; opacity: 0.5; font-size: .14rem;} .Top003101 .top-lang a+a{margin-left:.10rem; } .Top003101 .top-lang a:hover, .Top003101 .top-lang a.on{ color:#fff; border-radius:50%;background:#008cd6; opacity: 1;} .Top003101 .top-search{display: block;border-radius:.32rem;background-color: #ccc;padding: 0 .44rem 0 .24rem; border: .01rem solid rgba(255,255,255,0.5);} .Top003101 .top-search .text{background: none;width: .43rem;color: #fff;padding: 0;transition: 0.3s; height:.32rem;line-height:.32rem; font-size: .14rem;} .search-show .Top003101 .top-search .text{width: 8vw;} .Top003101 .top-search .btn{background: url(../images/Top003101-search.svg) no-repeat center center;width: .40rem;background-size:auto 42%;} .Top003101 .open-s{position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 4; cursor: pointer;} .search-show .Top003101 .open-s{display: none;} .Top003101 .open-menu{width: .30rem; height: .38rem; float: right; z-index: 10001; position: relative;} .Top003101 menu li .sub{display: none;} .Top003101 menu li .sub dl{position: relative;} .Top003101 menu li .sub dt {line-height: .32rem;} .Top003101_hide{display: none;} @media(min-width:1025px){ .Top003101 menu{float: right; margin-top: .80rem; } .Top003101 menu li{float: left;margin-right:3.11665vw; position: relative; padding-bottom: .24rem;} .Top003101 menu li:last-child{margin-right:0;} .Top003101 menu li .sub{position: absolute; top: 100%; left: 50%!important; width:2.20rem;margin-left: -1.10rem;background:rgba(0,140 ,214,0.83); text-align: center; padding: .10rem 0; border-radius: 0 0 .05rem .05rem;} .Top003101 menu li .sub dt a{color: #fff;} .Top003101 .open-menu{display: none;} .Top003101 menu li span a{ border-bottom: .02rem solid transparent;} .Top003101 menu li span a:hover, .Top003101 menu li.aon span a{border-bottom-color:#008cd6;color:#008cd6;} .Top003101 menu li .sub dt a:hover{text-decoration: underline;} } @media(min-width:1025px) and (max-width:1440px) { .Top003101{font-size: 1.3vw;} .Top003101 .top-lang{margin: 0 1vw;} } @media (max-width:1500px) { .Top003101 .top-right{right: 3%;} } @media (max-width:1024px) { .Top003101 .top-right dt{ padding:0 14px; } .Top003101 .top-search .text{width:30px;} .search-show .Top003101 .top-search .text{width:50px;} .Top003101 menu li span a{line-height:44px; font-size: 18px;} .Top003101{padding-top:40px;background: #fff;} .Top003101 .auto{position:static;} .Top003101 .top-right{top:5px; right: 2%;} .Top003101 .group{ width: 80%; margin: 0 auto;} .Top003101 .header-left{width:60%; height:80px;max-width: 183px;} .Top003101 menu{position: fixed;top:-100%;opacity: 0; left: 0;height: 100%;overflow: auto;background:rgba(0,63,101,0.95); width:100%;padding: 20px 0;transition: 0.5s; z-index: 1000;} .menu-show .Top003101 menu{top: 0;opacity: 1;} .Top003101 menu ul{position: relative;/*left: 50%;top:45%;*/width: 80%;max-width: 320px; margin: 20% auto 10%; /*transform: translate(-50%,-50%);*/} .Top003101, .Top003101 a:not(:hover){color: #fff;} .Top003101 .logo img{height:52px;} .Top003101 .top-lang{margin-top: 3px;} .Top003101 .top-lang a{width:30px; line-height:30px;font-size: 12px; color: #666;} .Top003101 .open-menu{margin: 21px 0;} .Top003101 .open-menu i{background: #056db4;} .Top003101 .open-menu.on i{background: #fff;} .Top003101 menu li{border-bottom:1px solid rgba(255,255,255,0.5); margin-top:3%;} .Top003101 menu li span{display: block;position: relative;line-height: 45px;padding-right: 40px;} .Top003101 .has-sub span .op:before, .Top003101 .has-sub span .op:after{background: #ccc;} .Top003101 menu li .sub{padding:10px;} .Top003101 menu li .sub dt{ border-bottom:1px solid rgba(255,255,255,0.3); font-size: 15px; line-height:40px;} .Top003101 menu li .sub dt:last-child{ border-bottom:none;} .Top003101 menu li .sub dt a{ color:#fff; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; opacity:0.7; transition:opacity 0.3s;} .Top003101 menu li .sub dt a::before{ display:inline-block; content:''; width:5px; height:5px; background:#fff; border-radius:50%; margin-right:5px; vertical-align:middle;} .Top003101 menu li .sub dt a:hover{ opacity:1;} } @media (max-width:768px) { .Top003101 .top-search{position:fixed; width: 80%; left: 50%;transform: translateX(-50%); max-width: 320px; z-index: 1001; display: none;} .Top003101 .top-search .text, .search-show .Top003101 .top-search .text{width:100%;} .menu-show .Top003101 .top-search{display: block;} .Top003101 .top-right dt{display: none;} .Top003101 .top-right{right: 60px;top: 27px;} .Top003101{padding-top: 10px;} .Top003101 .open-menu{margin: 15px 0 0;} .Top003101 .header-left{height: 70px;margin-bottom: 10px;} .Top003101_hide {display:block;padding: 15px 0 0;background: #002c4a;} .Top003101_hide .top-right{right: auto;width: 100%;position: relative;top: 0; z-index: 10;} .Top003101_hide .top-right dl{display: block;margin: 0 auto;width: 100%;text-align: center;} .Top003101_hide .top-right dt{display: block;float: none;max-width: 150px;margin: 0 auto;background: #fff;} .Top003101_hide .auto{position: relative;} .Top003101 .top-right dt span{color:#002c4a;} .Top003101 .top-right dt span::after{border-color: #002c4a;} .Top003101 .logo img{height: 55px;} } /*Banner002563 */ .Banner002563{position: relative;} /*slick Basic*/ .Banner002563 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Banner002563 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Banner002563 .slick-list:focus {outline: none} .Banner002563 .slick-list.dragging {cursor: pointer;cursor: hand;} .Banner002563 .slick-slider .slick-track, .Banner002563 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Banner002563 .slick-track {position: relative; top: 0; left: 0; display: block;} .Banner002563 .slick-track:before, .Banner002563 .slick-track:after{display: table; content: '';} .Banner002563 .slick-track:after{ clear: both;} .Banner002563 .slick-loading .slick-track { visibility: hidden;} .Banner002563 .slick-slide{ display: none; float: left;min-height: .01rem;} [dir = 'rtl'] .slick-slide {float: right;} .Banner002563 .slick-slide .slick-loading img { display: none;} .Banner002563 .slick-slide .dragging img { pointer-events: none;} .Banner002563 .slick-initialized .slick-slide { display: block;} .Banner002563 .slick-loading .slick-slide { visibility: hidden;} .Banner002563 .slick-vertical .slick-slide { display: block; height: auto; border: .01rem solid transparent;} .Banner002563 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Banner002563 .slick-arrow{ position:absolute; z-index:10; width:.50rem; height:.50rem; background:rgba(255,255,255,0.1); top:50%; margin-top:-.25rem;font-size: 0;padding: 0; cursor: pointer;transition:0.2s; border: 0; border-radius: 50%} .Banner002563 .slick-arrow:hover{ background:rgba(255,255,255,0.3);} .Banner002563 .slick-arrow::before{ position:absolute; content:''; width:.20rem; height:.20rem; transform:rotate(-45deg); top:50%; margin-top:-.10rem;border-top:.02rem solid #fff; border-left:.02rem solid #fff;} .Banner002563 .slick-arrow:hover::before{ border-color:#fff !important;} .Banner002563 .slick-prev{ left:5%;} .Banner002563 .slick-prev::before{ left:40%;} .Banner002563 .slick-next{ right:5%;} .Banner002563 .slick-next::before{ left:20%;transform:rotate(135deg);} .Banner002563 .slick-dots{ position:absolute; left:0; text-align:center; width:100%; bottom:5%; z-index:10;} .Banner002563 .slick-dots li{ display:inline-block;padding-right:.28rem; position:relative; cursor: pointer;} .Banner002563 .slick-dots li:after{ position:absolute; content:''; right:0; top:0; width:.28rem; height:.01rem; background:rgba(255,255,255,0.28); top:50%;} .Banner002563 .slick-dots li:last-child{ padding-right:0;} .Banner002563 .slick-dots li:last-child:after{ display:none;} .Banner002563 .slick-dots li button{ display:block; border:.01rem solid transparent; width:.30rem; height:.30rem; border-radius:50%; margin:0 .02rem; position:relative;font-size: 0;padding: 0;background: none;} .Banner002563 .slick-dots li button::before{ position:absolute; left:50%; top:50%; margin-top:-.06rem; margin-left:-.06rem; width:.12rem; height:.12rem;border-radius:50%; content:''; background:#fff;} .Banner002563 .slick-dots li.slick-active button{ border-color:#fff;} .Banner002563 li{position: relative;} .Banner002563 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} @media(max-width:1200px){ .Banner002563{ padding:0;} } @media(min-width:1025px){ .Banner002563 li > img{ display:block; width:100%;} .Banner002563 li img.wap{ display:none;} } @media(max-width:1024px){ .Banner002563 li img.pc{ display:none;} .Banner002563 li .table img{ max-width:75%; margin:0 auto;} } @media(max-width:480px){ .Banner002563 .slick-arrow{ transform:scale(0.7);} .Banner002563 .slick-dots li{padding-right:10px; } .Banner002563 .slick-dots li::after{ width:10px;} .Banner002563 .slick-dots li button{width:20px; height:20px; } } @keyframes firstPart { 0% { bottom: .4rem; } 100% { bottom: .2rem; } } @-webkit-keyframes firstPart /* Safari and Chrome */ { 0% { bottom: .4rem; } 100% { bottom: .2rem; } } .Banner002563 .mousetip { background: url(../images/shubiao.png) no-repeat; width:.27rem; height:.48rem; position: absolute; bottom: .10rem; left: 50%; margin-left: -.135rem; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; } @media(max-width:768px){ .Banner002563 {margin-bottom: 30px;} .Banner002563 .mousetip{display: none;} } /*Floor003079 */ .Floor003079{margin-top: -.01rem;font-size: .16rem;position: relative;} .Floor003079, .Floor003079 a{color: #fff;} .Floor003079 .auto{max-width: 14.50rem;width: 94%;position: relative; z-index: 2;} .Floor003079 > .Ispic{position: absolute; left: 0; top: 0; width: 100%; height: 88.889%;} .Floor003079 .title{line-height: 1;font-family: 'SourceHanSansCN-Medium';font-size: .48rem; margin-bottom: 0.834em;} .Floor003079 .info{text-align: justify;line-height: 1.875; margin-bottom: 6.4vw;} .Floor003079 .box li a{display: block;position: relative;overflow: hidden;} .Floor003079 .box li .txt{position: absolute;left: 0; width: 100%; bottom: 0;padding: 3vw 2.08vw; z-index: 10;font-size: .24rem;} .Floor003079 .box li .txt aside{padding-right: 15%;word-break: break-word;} .Floor003079 .box li .txt .icon{width: .50rem; height: .50rem; border: .02rem solid #fff; border-radius: 50%;position: absolute;right: 2.08vw; top: 50%; transform: translate(-.30rem,-50%); opacity: 0; transition: 0.3s ease-out;display: none;} .Floor003079 .box li a:hover .txt .icon{opacity: 1;transform: translate(0,-50%);} .Floor003079 .box li .txt .icon:before{position: absolute; content: ''; width: .12rem; height: .12rem; transform: rotate(45deg);border-top: .02rem solid #fff; border-right: .02rem solid #fff; left: 50%; top: 50%; margin: -.06rem 0 0 -.08rem;} .Floor003079 .box li .Ispic{padding-bottom:153.125%;position: relative;background: url(../images/Floor003079-hover.png) no-repeat; background-size: cover;} .Floor003079 .box li .Ispic:before{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 100%; background: url("../images/Floor003079-hover.png") no-repeat;background-size: cover;opacity: 0; transition: 0.3s ease-out; } .Floor003079 .box li a:hover .Ispic:before{ opacity: 1;} .Floor003079 .tab-dots{overflow: hidden; margin-bottom: 2vw;} .Floor003079 .tab-dots li{list-style: none;line-height: 2.25; text-align: center; padding: 0 10rem;border-radius: 18rem;border: solid 1rem #ffffff; cursor: pointer;margin-bottom: 1.13vw;} .Floor003079 .tab-dots li:not(:last-child){margin-right: .20rem;} .Floor003079 .tab-dots li.slick-active{color: #0f55b0;background: #fff;} .Floor003079 .more{width:1.40rem;line-height: .40rem;background:rgba(255,255,255,0.85); display:block; transition: 0.3s; font-size: .15rem; text-align: center; color: #0f55b0;; position: absolute; top: 15%; left: 50%; margin-left: -.70rem; z-index: 100;} .Floor003079 .more:hover{background: #0f55b0;color: #fff;} @media(min-width:1025px){ .Floor003079 .tab-dots li{float: left;} } @media(max-width:1360px){ .Floor003079 .box li .txt{font-size: 20px;} } @media(max-width:1024px){ .Floor003079 .tab-dots{overflow: auto;white-space: nowrap;} .Floor003079 .tab-dots li{display: inline-block;} .Floor003079 .box{padding-bottom:70px;} .Floor003079 .box .slick-arrow{position: absolute;left: 50%; width: 40px; height: 40px;border: 2px solid #0f55b0; border-radius: 50%; bottom:14px;} .Floor003079 .box .slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; transform: rotate(45deg);border-top: 2px solid #0f55b0; border-right: 2px solid #0f55b0; left: 50%; top: 50%; margin: -6px 0 0 -8px;} .Floor003079 .box .slick-prev{margin-left: -60px;transform: rotateY(180deg);} .Floor003079 .box .slick-next{margin-left: 20px;} .Floor003079 .box li .Ispic{padding-bottom:120%;} } @media(min-width:769px){ .Floor003079 .info{max-width: 575px; width: 45%; } .Floor003079 .tab-dots li{min-width: 100px;} .Floor003079 .more{ display: none;} } @media(max-width:768px){ .Floor003079 .tab-dots li:not(:last-child){margin-right: 2vw;} .Floor003079 .box li .txt{padding: 3vw; font-size:5vw;} .Floor003079 .box li .txt .icon{width:8vw;height: 8vw; } .Floor003079 .box li .txt .icon:before{ width: 2vw; height: 2vw; margin: -1vw 0 0 -1vw;} .Floor003079 .box li .Ispic{padding-bottom:100%;} } /*Bottom002918 */ .Bottom002918{background: #003152;overflow: hidden; font-size: .14rem; } @media(min-width:1025px){ .Bottom002918 a:hover{color: #008cd6 !important;} } .Bottom002918 .b-foot{position: relative; z-index: 3; border-top: .01rem solid rgba(255,255,255,0.08);line-height: .22rem; padding: .25rem 0;} .Bottom002918 .b-foot dt{color: #fff;font-size:.20rem; line-height:1.7em;} .Bottom002918 .b-foot dt span{background: url("../images/Bottom002918_tel-1.png") no-repeat left center;background-size:.2rem ;padding-left: .30rem; display: block;} .Bottom002918 .b-foot dt span a{color: #fff} .Bottom002918 .b-foot dt span:nth-child(2){background-image: url("../images/Bottom002918_tel.png");} .Bottom002918 .b-foot dd{color: #f0f0f0;} .Bottom002918 .b-foot dd a{color: #f0f0f0;} .Bottom002918 .b-foot .jituanlink{margin-top:.30rem;margin-left: .50rem;} .Bottom002918 .b-foot .jituanlink select{border:1rem solid #ddd;background: none;padding: .02rem .28rem .02rem .05rem;color:#fff;} .Bottom002918 .b-foot .jituanlink select option{padding:.05rem .10rem;background: none;color:#666;} @media(max-width:1024px){ .Bottom002918 .b-foot {text-align: center;} .Bottom002918 .b-foot dd{padding-top: 20px;} .Bottom002918 .b-foot dd, .Bottom002918 .b-foot dd a{color: #fff;} } .Bottom002918 .b_contact{padding: 2.917vw 0 4%;} .Bottom002918 nav{padding: 2.917vw 0;} .Bottom002918 .b-foot .link { padding: 0.5vw 0; } .Bottom002918 .b-foot .link a{display: inline-block;color: #fff;} .Bottom002918 .b-foot .link a:not(:last-child):after{margin: 0 .20rem;content: ''; display: inline-block; width: .01rem; height: .12rem; vertical-align: middle;background: rgba(255,255,255,0.8);} .Bottom002918 nav dt a{color: #fff;} .Bottom002918 nav dt:after{display: block;content: '';height: .01rem;width: .18rem;background: #ffffff;margin: .15rem 0;} .Bottom002918 nav dd{line-height: .22rem; padding: .05rem 0;} .Bottom002918 nav dd a{color: #c1c1c1;} @media(min-width:641px){ .Bottom002918 nav .item{float: left; max-width: 1.80rem;} .Bottom002918 nav .item dl{display: block!important;} .Bottom002918 nav dt a{font-size: .18rem;} } @media(min-width:1025px){ .Bottom002918 nav{width: 70%;} } @media(max-width:1024px){ .Bottom002918 nav{display: none;} } @media(max-width:640px){ .Bottom002918 nav .item{margin: 0 0 3vw 0!important; border-bottom: 1px solid rgba(255,255,255,0.2); } .Bottom002918 nav .item dl{display: none;padding: 20px 0;} .Bottom002918 nav .item dt{ padding-right: 40px;padding-top: 12px; position: relative;overflow: hidden;} .Bottom002918 nav .item dt:after{margin-bottom: 0;} .Bottom002918 nav .item .open{position: absolute;right: 0; top: 0; width: 40px; height: 100%; transition: 0.3s;} .Bottom002918 nav .item .open.on{transform: rotate(45deg);} .Bottom002918 nav .item .open:before, .Bottom002918 nav .item .open:after{position: absolute; content: ''; background: #fff; width: 12px; height: 2px; left: 50%; top: 50%; transform: translate(-50%,-50%);} .Bottom002918 nav .item .open:after{width: 2px; height: 12px;} } .Bottom002918 .b_contact{position: relative; z-index: 1;} .Bottom002918 .b_contact .bg{position: absolute;left: 0;top: 0;width:160%;bottom: -44%;background: url(../images/Bottom002918_bg.png) no-repeat center bottom #002c4a;z-index: 1;} .Bottom002918 .b_contact .main{position: relative; z-index: 3; text-align: center;color: #fff; } .Bottom002918 .b_contact .code img{ max-width: 1.25rem;} .Bottom002918 .b_contact .code aside{padding-top: .10rem;} @media(min-width:1025px){ .Bottom002918 .b_contact{width:25%;} .Bottom002918 .b_contact .main{float: right;max-width: 90%;margin-right:18%;} } @media(max-width:1024px){ .Bottom002918 .b-foot dt span{display:inline-block;font-size: 16px;} .Bottom002918 .b_contact{padding:20px; 0} } /*Banner002730*/ .Banner002730{ position:relative;} .Banner002730::before{content:'';background:rgba(0,0,0,0.15); position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .Banner002730 .ytable{height: 100%;} .Banner002730 .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff; font-size:.40rem; } .Banner002730 .txt .cn{font-size:.40rem; } .Banner002730 .txt .en{font-size: .22rem;margin-top: .10rem; } .Banner002730 .txt .en span{font-size: .14rem;margin-top:.10rem; display:block;} .Banner002730 figure{ height:4.20rem; background-position: bottom center; } @media(max-width:640px){ .Banner002730 figure{ height:200px; } .Banner002730 .txt .cn{font-size: 22px; } .Banner002730 .txt .en{font-size: 15px;margin-top: 10px; } } /*Menu001093 */ .Menu001093{background: #fff;box-shadow: 0 .05rem .10rem rgba(0,0,0,0.08);position: relative; z-index: 1; font-size: .14rem;} .Menu001093 .Current{display: none;} .Menu001093 .Current em{float: right;font-style: normal;line-height: .70rem; max-width: 90%;} .Menu001093 .Current, .Menu001093 .Current a{color: #999;} .Menu001093 .Current a:hover{color: #008cd6;} .Menu001093 .Current span{color: #008cd6;} .Menu001093 .Current a:not(:last-child):after{display: inline-block; width: .05rem; height: .05rem; vertical-align: middle;background: #e5e5e5; content: ''; margin: 0 .17rem;} .Menu001093 .Current{float: right; width: 28.473%;} .Menu001093 .nav li{float: left;position: relative;display: table;height: .70rem; margin: 0 .01rem; min-width:3.334vw; } .Menu001093 .nav li a{transition: 0.3s; display: table-cell; vertical-align: middle; text-align: center;font-size: .16rem;padding: 0 1.5vw;} .Menu001093 .nav li a:hover, .Menu001093 .nav li.aon a{background: #008cd6;color: #fff;} .Menu001093 .nav li a:after{position: absolute; bottom: 6rem; left: 50%; margin-left: -.06rem; content: '';border:.04rem solid transparent; border-top-color: #fff; width: 0; height: 0; border-top-width: .06rem;} @media(min-width:1025px){ .Menu001093 .nav{float: left;width: 71.527%; padding-right: .40rem;} .Menu001093 .Current{display:block;} } @media(max-width:640px){ .Menu001093 .nav li{height: 10vw;} .Menu001093 .nav li a{font-size: 2.6vw;} .Menu001093 .Current{width: 100%;float: none;} .Menu001093 .Current em{line-height: 50px;} } @media(max-width:480px){ .Menu001093 .nav li{height: 14vw;} .Menu001093 .nav li a{font-size: 4vw; padding: 0 4vw;} .Menu001093 .nav li a:after{bottom: 0.5vw;} } .listtitle{font-size:.34rem; padding-bottom:2vw;color: #333;} .listtitle:after{display: inline-block; content: ''; height: .02rem;background: #008cd6; width: .50rem; margin-left: .14rem; vertical-align: middle;} @media(max-width:1024px){ .listtitle{font-size:24px;} } @media(max-width:640px){ .listtitle{font-size:20px;} } /*Floor003065 */ .Floor003065{padding:5vw 0;font-size: .16rem;} .Floor003065 .txt-info{position: relative;} @media(min-width:769px){ .Floor003065 .txt-info{/* padding-left: 2.76vw; */} .Floor003065 .ytable-cell{/* width: 50%; *//* vertical-align: top; *//* display: inline-block; */} } @media(max-width:768px){ .Floor003065 .ytable, .Floor003065 .ytable-cell{display: block;} } .Floor003065 .video{ float:left; width: 50%;position: relative;z-index: 10;} .Floor003065 .video .pic{position: relative; z-index: 1;border-radius: .20rem 0;overflow: hidden;background: #000;width: 92%;} .Floor003065 .video .pic img{opacity: 0.8;} .Floor003065 .video .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;} .Floor003065 .video .play:before{position: absolute; content: '';width: .86rem;height: .86rem;background:url("../images/Floor003065_play.png") no-repeat center center rgba(0,0,0,0.4); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .Floor003065 .video .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} @media(max-width:640px){ .Floor003065 .video{ float:none; width: 100%;} .Floor003065 .video .pic{width: 100%;} .Floor003065 .video .play:before{width: 20vw; height: 20vw;} } .Floor003065 .txt-info .inner{position: relative; z-index: 3;} .Floor003065 .txt-info .info .name{color: #008cd6;font-size: .24rem;} .Floor003065 .txt-info .info p{line-height: 2em;} /*.Floor003065 .txt-info .info .p{text-indent: 2em;}*/ .Floor003065 .txt-info .info p b{color: #008cd6; font-weight: bold;} @media(max-width:768px){ .Floor003065 .txt-info{margin-bottom: 5vw; } } @media(max-width:640px){ .Floor003065 .txt-info .info .name{font-size: 5vw;} .Floor003065 .txt-info .info .p{font-size: 15px;} } .Timeline003071{padding: 3vw 0;background: url("../images/Timeline003071_bg.jpg") no-repeat center bottom;background-size: 100% auto; font-size: .16rem;} .Timeline003071 .auto{max-width: 14.40rem;} .Timeline003071 .listtitle{ text-align: center;} .Timeline003071 .listtitle:after{display: block;margin: .20rem auto 0;} .Timeline003071 .tab dd{background: rgb(234,234,234,0.72);margin-bottom: .01rem;text-align: center;line-height: 3.056em;font-family: 'ArialMT';font-size: .36rem; cursor: pointer;} .Timeline003071 .tab dd.on{color: #fff;background: url("../images/Timeline003071_aon.jpg") no-repeat center center; background-size: cover; font-weight: bold;} .Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after{display: inline-block; content: '';width: .34rem; vertical-align: middle;height: .01rem;background: #ffffff; margin: 0 .20rem;} .Timeline003071 .tab-list{ border-left:.02rem solid #e4e4e4; padding-left: 5vw;} .Timeline003071 .tab-inner{position: relative;background: url("../images/Timeline003071_listbg.jpg") no-repeat center bottom #008cd6;background-size: 100% auto; border-radius: .05rem; padding: 3vw 2.24vw;color: #fff;} .Timeline003071 .tab-inner:not(:last-child){margin-bottom: .40rem;} .Timeline003071 .tab-inner:before, .Timeline003071 .tab-inner:after{position: absolute; content: '';top: 3vw;} .Timeline003071 .tab-inner:before{ right: 100%;width: .10rem; height: .10rem; border: .10rem solid transparent;border-right-color: #008cd6; } .Timeline003071 .tab-inner:after{margin-left:-5vw; width: .18rem;height: .18rem;background-color: #fff;border: solid .04rem #008cd6; border-radius: 50%; left: -.10rem;} .Timeline003071 .tab-inner label{position: absolute;right: 0.94vw; bottom: 0.99vw;font-family: 'yuweij'; font-size: 6.25vw;color: #f18e65;} .Timeline003071 .tab-inner time{font-family:Arial; font-weight: bold;display: block;font-size: .36rem; margin-bottom: .10rem;line-height: 1em;} .Timeline003071 .tab-inner time:after{width: .66rem; height: .01rem; content: ''; border: solid .01rem #ffffff; opacity: 0.4;display: inline-block; vertical-align: middle;margin-left: .10rem;} .Timeline003071 .tab-inner ul{position: relative; z-index: 4;} .Timeline003071 .tab-inner li{line-height: 1.667em;position: relative;padding-left: 1em;font-size: .18rem;} .Timeline003071 .tab-inner li:before{position: absolute; content: ''; left: 0; width: .05rem; height: .05rem; border-radius: 50%;top: .12rem; background: #fff;} .Timeline003071 .tab-inner li.b{font-weight: bold;} @media(min-width:1025px){ .Timeline003071 .left{width: 42.858%;} .Timeline003071 .right{width: 50%;} } @media(max-width:1024px){ .Timeline003071 .tab{overflow: hidden; margin-bottom: 4vw;} .Timeline003071 .tab dd{float: left; width: 50%; border-right: 1px solid #fff; font-size: 4vw;} .Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after{width: 1em; margin: 0 0.5em;} .Timeline003071 .tab-inner label{font-size: 12vw;} } @media(max-width:640px){ .Timeline003071 .tab-inner{padding: 5vw;} .Timeline003071 .tab-inner:not(:last-child){margin-bottom: 3vw;} .Timeline003071 .tab-inner time{font-size: 5vw;} .Timeline003071 .tab-inner li{font-size: 3.5vw;} .Timeline003071{padding-top: 0!important;} .Timeline003071 .listtitle{margin-bottom: 20px;} .Timeline003071 .tab dd{width: 33.33%;font-size: 4.5vw;} .Timeline003071 .tab dd.on:before, .Timeline003071 .tab dd.on:after{display:none;} } /*Floor003066 */ .Floor003088{padding:5vw 0;font-size: 16px;} .Floor003088 .listtitle{text-align: center;} .Floor003088 .listtitle:after{display:block; margin:20px auto 0;} /* .RighInfo002799 */ .RighInfo002799 { padding:5vw 0;font-size: .16rem;} /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{padding: 5vw 0; font-size: .14rem;} .PicList002433 .listtitle {text-align: center;} .PicList002433 .listtitle:after {display: block;margin: .20rem auto 0;} .PicList002433 .main{ padding:6% 0 4% 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:.57rem; height:.57rem; margin-top:-.30rem; border:.01rem solid #008cd6; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:rgb(5,109,180); } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:.18rem; height:.18rem; border-top:.02rem solid #008cd6; border-right:.02rem solid #008cd6; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-.09rem 0 0 -.11rem;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-.05rem;} .PicList002433 .main .slick-prev{ left:-.59rem;} .PicList002433 .main .slick-next{ right:-.59rem;} .PicList002433 .list ul{ padding:0 .50rem;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0rem; height:.90rem; width:.50rem;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-.50rem; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:.35rem;height:.90rem; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:2.45rem;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;} /* .PicList002433 .list li figure:after{ position:absolute; right:-.24rem; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:.24rem; height:100%; background-size:contain; content:'';} */ .PicList002433 .list li figure img{ max-height:2.45rem;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; max-width:2.10rem;width:90%; line-height:.20rem; max-height:.40rem; color:#333;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0rem; height:.90rem; width:.50rem; right:-.50rem; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0rem; height:.90rem; width:.50rem; right:-.50rem; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:1500px){ .PicList002433 .auto{padding: 0 80px;} .PicList002433 .main .slick-arrow{width: 50px;height: 50px;} .PicList002433 .main .slick-prev{ left:40px;} .PicList002433 .main .slick-next{ right:40px;} } @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /*RighInfo002816 */ .RighInfo002816 .titleSub{ text-align: center;} .RighInfo002816 .tab{margin-bottom: 3vw;} .RighInfo002816 .tab span{ float: left; text-align: center; font-size: .16rem; line-height: .50rem; margin-right: .30rem; width: calc((100% - .30rem * (5 - 1) - .01rem)/ 5); border-radius: .04rem; background: #f3f6fa;;} .RighInfo002816 .tab span a {display: block;} .RighInfo002816 .tab span:last-child{ margin-right: 0;} .RighInfo002816 .tab .current{border: .01rem solid #008cd6;background: #f3f6fa;} .RighInfo002816 .tab .current a{ color: #008cd6;} #pageNav.fixed { position: fixed; top:.80rem;left:0; width: 100%;padding:.20rem 0; background:#fff;z-index: 99;} .RighInfo002816 li.ol { overflow: hidden;} .RighInfo002816 .item .ol img{display: block;width: 100%;transition: 0.3s; border-radius:.30rem 0;} .RighInfo002816 .item .ol img:hover{transform: scale(1.08)} .RighInfo002816 .item{ padding:5vw 0; } .RighInfo002816 .item:nth-child(2n) { background: #f6f7fb;} .RighInfo002816 .item h3{ font-size: .30rem; color: #333; margin-top: 0; padding-left:.30rem; background:url(../images/RighInfo002816-icon.png) no-repeat left .05rem; background-size: 0.15rem;} .RighInfo002816 .item p{ line-height: 2; font-size: .16rem;} .RighInfo002816 .item .p{ padding:.20rem; background:#e0f2ff;} .RighInfo002816 .item h2{font-size: .20rem;color: #008cd6;font-weight: normal;margin: 2vw 0 0 0;} .RighInfo002816 .item dd{ position:relative; padding-left:.20rem; line-height:.32rem; font-size: .18rem;} .RighInfo002816 .item dd:before{position: absolute; content: ""; left: 0; top: .10rem; width: .10rem; height: .10rem; border-radius: 50%; background: #008cd6;} .RighInfo002816 .item dd span{ display:block; } .RighInfo002816 .item dd+dd{ margin-top: .10rem;} .RighInfo002816 .nav_er a{display: block;color: #333;border-radius: .04rem; border: .01rem solid #f3f6fa;} .RighInfo002816 .nav_er a:hover{border: .01rem solid #008cd6; color: #008cd6;} .RighInfo002816 .bottom_list{ padding: 5% 0; background: #f4f7fe;} .RighInfo002816 .bottom_list .List ul li {width: 100%; text-align: center;} .RighInfo002816 .bottom_list .List ul li a { display: block;} .RighInfo002816 .bottom_list .List ul li .txtCon{padding: .20rem;} .RighInfo002816 .bottom_list .List ul li a .img {display: block;height: .75rem; position: relative;} .RighInfo002816 .bottom_list .List ul li a .img img {/* max-height: 90%; */} .RighInfo002816 .bottom_list .List ul li a .img img.img02{ position: absolute; left: 0;top: 0;opacity: 0; } .RighInfo002816 .bottom_list .List ul li a .txt {display: block; width: 100%; color: #666; font-size: .14rem;} .RighInfo002816 .bottom_list .List ul li a .h3{font-size: #333;font-size: .18rem;font-weight: normal;margin: .10rem 0;} .RighInfo002816 .bottom_list .List ul li a .more{display: block; font-size: .14rem; width: .100rem;padding-left: .15rem;height: .30rem;line-height: .30rem; border-radius: .08rem 0;border:.01rem solid #999; color: #999; margin-top: .20rem;} @media screen and (min-width:540px ){ .RighInfo002816 .bottom_list .List ul li{width: 50%;float: left; margin-bottom: 3%;} } @media screen and (min-width:768px ){ .RighInfo002816 .bottom_list .List ul li{width: 33.33%;} } @media screen and (min-width:1200px ){ .RighInfo002816 .bottom_list .List ul li .txtCon{padding: 0 .80rem 0 12%;} .RighInfo002816 .bottom_list .List ul li a .h3{margin: .20rem 0 .10rem;color: #3a56a7;/* font-weight: bold; */font-size: .22rem;} .RighInfo002816 .bottom_list .List ul li a .txtp{height: .60rem;line-height: .26rem;font-size: .16rem;} } @media(min-width:1025px){ .RighInfo002816 .item:nth-child(2n-1) .ol{float: left;} .RighInfo002816 .item:nth-child(2n-1) .li{float: right;} .RighInfo002816 .item:nth-child(2n) .ol{float: right;} .RighInfo002816 .item:nth-child(2n) .li{float: left;} .RighInfo002816 .item .ol{width: 45%;} .RighInfo002816 .item .li{width: 55%;} .RighInfo002816 .item .li{ position: relative; z-index: 10;} .RighInfo002816 .item:nth-child(2n-1) .li .inner{ padding-left:10%;} .RighInfo002816 .item:nth-child(2n) .li .inner{width: 100%; padding-right: 10%;} } @media(max-width:1024px){ .RighInfo002816 .item .li{padding: 0!important;} .RighInfo002816 .item .inner{ padding: 20px;} } .RighInfo002816 .box-tit {color: #3957A6;font-size: .32rem;text-align: center;} .RighInfo002816 .box-tit::after {display: block;content: '';width: .40rem;height: .02rem;margin: .20rem auto .30rem;background-color: #3957A6;} .RighInfo002816 .des {margin: 0 auto;font-size: .16rem;line-height: 2;text-align: center;} .RighInfo002816 .box .tab {margin-top: .30rem;border-bottom: .02rem solid #3957a6;line-height: .50rem;text-align: center;} .RighInfo002816 .box .tab a {position: relative;display: inline-block;margin: 0 .50rem;color: #333;font-size: .18rem;} .RighInfo002816 .box .tab a::before {display: none;content: '';position: absolute;left: 50%;bottom: -.12rem;width: 0;height: 0;border-top: .08rem solid #3957A6;border-left: .08rem solid transparent;border-right: .08rem solid transparent;transform: translateX(-50%);} .RighInfo002816 .box .tab a.on {color: #3957A6;font-weight: bold;} .RighInfo002816 .box .tab a.on::before {display: block;} .RighInfo002816 .list .list-box {} .RighInfo002816 .list .list-box .left {float: left;width: 50%;} .RighInfo002816 .list .list-box .right {float: right;width: 45%;padding-top: .80rem;} .RighInfo002816 .list .list-box .right h3 {margin: 0 0 .20rem;color: #3957A6;font-size: .24rem;font-weight: normal;} .RighInfo002816 .list .list-box .right p {font-size: .16rem;line-height: 2;} .RighInfo002816 .box1 {padding-bottom: 5%;} .RighInfo002816 .box2 {background-color: #F4F7FE;padding: 5% 0} .RighInfo002816 .box2 .img {margin-top: .40rem;} @media(max-width:640px) { .RighInfo002816 .tab { display: flex;flex-wrap:wrap;} .RighInfo002816 .tab span {flex: 1 1 30%;margin: 0 1% 2%; font-size: 15px;line-height: 30px;padding: 5px 0;} #pageNav.fixed{ top: 80px;} #pageNav .auto { width: 100%;padding:0; display: flex; } .RighInfo002816 .item h3 { font-size: 20px;} .RighInfo002816 .item p{ font-size: 14px;} .RighInfo002816 .item dd { font-size: 14px; line-height:.28rem;} .RighInfo002816 .item .inner{padding:10px;} } /*Floor002861 */ .Floor002861 .main .tab-ul{position: relative;} .Floor002861 .main .tab-ul i{position:absolute;top: 0;height: 100%;background-repeat: no-repeat; width: .26rem;} .Floor002861 .main .tab-ul ul{position: relative; border-bottom: .02rem solid #ebebeb; } .Floor002861 .main .tab-ul li{float: left; border-bottom: .02rem solid transparent;line-height: .48rem; height: .50rem;font-size: .18rem; padding: 0 .23rem; cursor: pointer;} .Floor002861 .main .tab-ul li.on{ border-bottom-color: #008cd6;color: #008cd6;} .Floor002861 .main .tab-ul .more{position: absolute; right: 0; top: 0;line-height: .50rem;font-size: .16rem;background: url(../images/Floor002861_more.gif) no-repeat right center;padding-right: .14rem;display: none;} .Floor002861 .main .tab-ul li.on .more{display: block;} .Floor002861 .main .tab-list{clear: left;} .Floor002861 .main .tab-list .dl{display: none;} .Floor002861 .main .tab-list dl{padding-top: .26rem;padding-left: .08rem;} .Floor002861 .main .tab-list dt{line-height: .40rem;font-size: .16rem; } .Floor002861 .main .tab-list dt time{font-size: .14rem;color: #999;float: right;margin-left: .10rem;} @media(min-width:1025px){ .Floor002861 .main .fr, .Floor002861 .main .fl{width: 50%;} .Floor002861 .main .slider li .pic img{min-width: 100%; max-width: inherit;height: 4.00rem;} } @media(max-width:1024px){ .Floor002861 .main .slider li .pic img{width: 100%;} .Floor002861 .main .tab-ul li{height: 50px;font-size:15px; } } @media(max-width:768px){ .Floor002861 .main .tab-ul li{width: 100%;text-align: center;padding: 0;} .Floor002861 .top-new .slider li b{font-size: 16px;} .Floor002861 .top-new .slider li aside{font-size: 14px;} .Floor002861 .top-new .slider{margin-left: 0;} .Floor002861 .top-new{min-height: 80px;} .Floor002861 .top-new .tit{background-size: contain;width: 90px;font-size: 18px;padding: 15px 20px;} .Floor002861 .main .tab-list dt{line-height:30px;font-size: 14px; } } /*Floor001318 */ .Floor001318{ background-color:#f4f4f4; position: relative;} .Floor001318 .Hometitle{ margin-bottom: .30rem;} .Floor001318 .map{ overflow:hidden; position:relative; clear:both; height:100vh;} .Floor001318 .list{ position: absolute;right:0%;top:50%;transform: translate(-50%,-50%); z-index: 10;} .Floor001318 .list .con{width:4.60rem;background:rgba(255,255,255,0.9);box-shadow:-.08rem .08rem .20rem rgba(0,0,0,.1);padding:.40rem .40rem .80rem .40rem;overflow: hidden;position: relative; border-radius:0 0 .20rem .20rem; border-top:.05rem solid #056db4; float: right;} .Floor001318 .list .con .ul .slick-prev{width: 48%;background: url(../images/Floor001318-btn_prev.png) no-repeat center center #eaeaea; background-size: .32rem;height: .50rem;border-radius: .10rem;position: absolute;bottom: -.50rem;left: 0;} .Floor001318 .list .con .ul .slick-next{ width: 48%; background: url(../images/Floor001318-btn_next.png) no-repeat center center #eaeaea; background-size: .32rem;height: .50rem; border-radius: .10rem;position: absolute;bottom: -.50rem;right: 0;} .Floor001318 .list .con .ul .slick-current h1{color: #056db4;} .Floor001318 .list .con .ul .slick-current h1 i{width:20px;height:20px;background: url(../images/Floor001318_icon.png) no-repeat 0px -1px;display: inline-block;vertical-align:middle;margin-right: 5px;} .tdt-fade-anim .tdt-map-pane .tdt-infowindow{display: none;} .Floor001318 #all_map_1318{ position:absolute !important; left:0; top:0; width:100%; height:100%; z-index: 1;} .Floor001318 #all_map_1318 *{ box-sizing:content-box; } .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{ line-height:.20rem;} .Floor001318 .list li{cursor:pointer; padding:.20rem 0; border-top: .01rem solid #eaeaea;} .Floor001318 .list li h1{ margin:0; font-size:.17rem; color:#333; margin-bottom:.14rem;} /* .Floor001318 .list li:nth-child(1) h1 span { padding-right: .30rem; background: url(../images/Map002779_icon.png) no-repeat right top;} */ .Floor001318 .list li p{ font-size:.14rem;line-height:.28rem; margin:0 ; padding-left:.32rem; background: url(../images/Map002779_icon01.png) no-repeat left top; background-size: .20rem;} .Floor001318 .list li .dot-2{min-height: .56rem;} .Floor001318 .list li p+p{ margin-top: .04rem; background-image: url(../images/Map002779_icon02.png) ;} .Floor001318 .list li.on h1{color: #056db4;} .Floor001318 .list .bx-controls-direction{ overflow:hidden; clear:both; } .Floor001318 .list .bx-controls-direction a{ width:48%; background: url(../images/Floor001318-btn_prev.png) no-repeat center center #eaeaea; display:block; height:.50rem; float:left; overflow:hidden; line-height:10.00rem; border-radius: .10rem;} .Floor001318 .list .bx-controls-direction a.bx-next{ float:right; background-image:url(../images/Floor001318-btn_next.png);} @media(max-width:1440px){ .Floor001318 .list{right:2%;transform:translate(0,-50%);} } @media(max-width:768px){ .Floor001318 {padding-bottom: 30px} .Floor001318 .list{ float:none;max-width:100%; margin-top:0; position: relative; left:0;top:0;transform: translate(0,0);} .Floor001318 .list .con{width:100%; float:none;padding: 10px 10px 60px 10px;} .Floor001318 #all_map_1318{ position:relative !important; height:400px; } .Floor001318 .map{height:auto;} } /*RighInfo002521 */ .RighInfo002521{ padding:5vw 0;} .RighInfo002521 .listtitle{text-align: center;} .RighInfo002521 .listtitle:after{display:block; margin:.20rem auto 0;} .RighInfo002521 .ul_rundown li{ position:relative;} .RighInfo002521 .ul_rundown li p{ font-size:.18rem; color:#333; margin-bottom:0;} @media(min-width:769px){ .RighInfo002521 .ul_rundown{ display:table; width:100%; margin-bottom:1.30rem;} .RighInfo002521 .ul_rundown li{ display:table-cell; vertical-align:bottom; max-width:218rem; text-align: center;} .RighInfo002521 .ul_rundown li .num{ top:1.60rem; font-size:.40rem; border-top:.01rem solid rgba(3, 110, 184, 0.3); padding-top:.20rem; width:100%;} .RighInfo002521 .ul_rundown li .num::before{ position:absolute; content:''; width:.15rem; height:.15rem; border-radius:50%; background:#008cd6; left:50%; top:-.08rem; margin-left:-.08rem} .RighInfo002521 .ul_rundown li img{ width: .68rem; } } .RighInfo002521 .ul_rundown li .num{ position:absolute; left:0; color:rgba(5, 109, 180, 0.2); } @media(max-width:1024px){ .RighInfo002521 .ul_rundown{ margin-bottom:130px;} .RighInfo002521 .ul_rundown li p{ font-size:16px;} .RighInfo002521 .ul_rundown li .num{ font-size:40px; top:150px; } } @media(max-width:768px){ .RighInfo002521 .ul_rundown{ margin-bottom:0;} .RighInfo002521 .ul_rundown li{ min-height:50px;width: 50%;float: left;padding: 10px;text-align: center;} .RighInfo002521 .ul_rundown li:nth-child(2n+1){ clear: both;} .RighInfo002521 .ul_rundown li .num{position: static;font-size: 24px; padding-top:0; padding-bottom: 15px;} .RighInfo002521 .ul_rundown li .txt{ position:relative; padding-left: 0;} .RighInfo002521 .ul_rundown li .txt img{ height: 50px;} .RighInfo002521 .ul_rundown li .txt p{ margin:0; padding:30px 0;} } /*RighInfo003138 */ .RighInfo003138{background: #f6f7fb;padding: 5vw 0;} .RighInfo003138 .auto{position: relative;z-index: 1;} .RighInfo003138 .title{font-family: 'SourceHanSansCN-Medium'; font-size: 1.625em;color: #333333; line-height: 1.1538em;} .RighInfo003138 .title:after{display: block;content: '';width: .15rem; height:.02rem; background-color: #d72623; margin: 1.1538em 0;} .RighInfo003138 ul li:not(.space){background-color: #fff;} .RighInfo003138 dl{display: table;width: 86.648%;margin: 0 auto;} .RighInfo003138 dl > *{display: table-cell; vertical-align: middle;} .RighInfo003138 dt{width: 5.1875em;} .RighInfo003138 dt .icon{position: relative; width: 3.75em; height: 3.75em;border-radius: 50%;background-color:#008cd6;text-align: center; } .RighInfo003138 dt .icon img{ max-height:1.8em;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: .26rem;} .RighInfo003138 dd h3{margin: 0;font-size: 1.125em;color: #333; line-height: .28rem;} .RighInfo003138 dd aside{color: #999; font-size: 0.875em;} @media (min-width:1025px) { .RighInfo003138 ul{display: table;width: 100%; min-height: 11.25em;margin-top: .25rem;} .RighInfo003138 ul li{display: table-cell; vertical-align: middle;} .RighInfo003138 ul li.space{width: .13rem;} .RighInfo003138 ul li:not(.space){width:32.286%;} } @media (max-width:1024px) { .RighInfo003138 ul li:not(.space){padding:2em 0;} .RighInfo003138 ul li.space{height: 1em;} } @media (max-width:768px) { .RighInfo003138 dl{width: 96%;} .RighInfo003138 dd h3{font-size:15px;} .RighInfo003138 ul li.space{height: 1em;} } .RighInfo003138 .listtitle {text-align: center; padding-bottom: 1vw;} .RighInfo003138 .listtitle:after { display: block;margin: 20px auto 0;} /*Floor003083 */ .Floor003083 {padding: 5vw 0 0;} .Floor003083 .listtitle {text-align: center;} .Floor003083 .listtitle:after {display: block;margin: .20rem auto 0;} .Floor003083 .slick-dots{text-align: center;} .Floor003083 .slick-dots li{display: inline-block;width: .08rem; height: .08rem; margin: .10rem 0;position: relative;list-style: none; margin: 0 .09rem;} .Floor003083 .slick-dots li button{font-size: 0; width: .04rem; height: .04rem; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor003083 .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -.02rem 0 0 -.02rem;} .Floor003083 .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #0f55b0;} .Floor003083 .slider{/*margin: 0 -.45rem 0 -.40rem;*/ padding-right: .05rem;} .Floor003083 .slick-slide{overflow: hidden;padding: .40rem;} .Floor003083 .slick-slide > div{float: left; margin-left: -.01rem;border: .01rem solid #f5f5f5;margin-top: -.01rem;} .Floor003083 .slick-slide a{position: relative; z-index: 3; display: block;padding: 0 10%;} .Floor003083 .slick-slide .Ispic{height: 1.40rem;background-size: contain;} .Floor003083 .slick-slide .url{position: relative;} .Floor003083 .slick-slide .url:before{position: absolute; left: -.05rem; top: -.05rem; right: -.05rem; bottom: -.05rem; content: '';background: #fff;box-shadow: 0 0 .20rem rgba(0, 0, 0, 0.2); opacity: 0;transition: 0.3s;} .Floor003083 .slick-slide .url:hover:before{opacity: 1;} .Floor003083 .slick-slide .url:hover{z-index: 4;} @media(min-width:1025px){ .Floor003083 .slick-slide > div{width: 16.6667%;} .Floor003083 .slick-slide > div:nth-child(6n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:751px) and (max-width:1024px){ .Floor003083 .slick-slide > div{width: 25%;} .Floor003083 .slick-slide > div:nth-child(4n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:641px) and (max-width:750px){ .Floor003083 .slick-slide > div{width: 33.333%;} .Floor003083 .slick-slide > div:nth-child(3n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(max-width:1440px){ .Floor003083 .slider{margin: 0;} } @media(max-width:640px){ .Floor003083 .slick-slide{padding:20px;} .Floor003083{font-size: 3vw;} .Floor003083 .title{font-size: 5vw} .Floor003083 .slick-slide > div{width: 50%;} .Floor003083 .slick-slide > div:nth-child(2n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } .Floor003083 .slick-slide .Ispic{height: 28vw;} } .str_wrap {overflow: hidden;zoom: 1;width: 100%;position: relative;white-space: nowrap;} .str_wrap.str_active {} .str_move {white-space: nowrap;position: absolute;top: 0;left: 0;cursor: move;} .str_move_clone {zoom:1;vertical-align: top;position: absolute;left: 100%;top: 0;} .str_vertical .str_move_clone {left: 0;top: 100%;} .str_down .str_move_clone {left: 0;bottom: 100%;} .str_vertical .str_move, .str_down .str_move {white-space: normal;width: 100%;} .str_static .str_move, .no_drag .str_move, .noStop .str_move {cursor: inherit;} .str_wrap img {max-width: none !important;} /*slick Basic*/ .Floor002845 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002845 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002845 .slick-list:focus {outline: none} .Floor002845 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002845 .slick-slider .slick-track, .Floor002845 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002845 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002845 .slick-track:before, .Floor002845 .slick-track:after{display: table; content: '';} .Floor002845 .slick-track:after{ clear: both;} .Floor002845 .slick-loading .slick-track { visibility: hidden;} .Floor002845 .slick-slide{ display: none; float: left;min-height: .01rem;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002845 .slick-slide .slick-loading img { display: none;} .Floor002845 .slick-slide .dragging img { pointer-events: none;} .Floor002845 .slick-initialized .slick-slide { display: block;} .Floor002845 .slick-loading .slick-slide { visibility: hidden;} .Floor002845 .slick-vertical .slick-slide { display: block; height: auto; border: .01rem solid transparent;} .Floor002845 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002845 {padding: 5vw 0 5vw 0; background: #f4f5fa; } .Floor002845 .listtitle {text-align: center;} .Floor002845 .listtitle:after {display: block;margin: .20rem auto 0;} .Floor002845 .step{position: relative; z-index: 3;background: #fff; } /*.Floor002845 .slider{margin: 0 2vw;padding: 0 .38rem;}*/ .Floor002845 .slider li{padding-top: .20rem;} .Floor002845 .slider li .inner{position: relative; padding:0 .22rem .57rem;} /*.Floor002845 .slider li .inner:before{position: absolute; content: ''; height: .05rem; left: 0; width: 100%;background: #f3f3f3; top: .22rem;}*/ .Floor002845 .slider li .num{width: .50rem; height: .50rem; border-radius: 50%;background: #f3f3f3; text-align: center; line-height: .50rem;color: #999;font-size: .24rem;font-weight: bold;font-family: "DINBold";position: relative; z-index: 10;} .Floor002845 .slider li .t-1{font-size: .22rem;margin: 0;color: #333;} .Floor002845 .slider li .t-2{line-height: .24rem;color: #888;max-height: .48rem;} .Floor002845 .slider .slick-arrow{position: absolute; width: .38rem; height: .09rem;background: url(../images/Floor002845-btnon.png) no-repeat left center;border: 0;cursor: pointer;padding: 0; top: .40rem;font-size: 0;z-index: 10;} .Floor002845 .slider .slick-disabled{background-image: url(../images/Floor002845-btn.png);cursor: default;} .Floor002845 .slider .slick-prev{left: 0;} .Floor002845 .slider .slick-next{right: 0; transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} @media(min-width:1025px){ .Floor002845 .title-main{width: 21vw;} .Floor002845 .step .title{max-width: 2.82rem;width: 95%; margin: 0 auto;} } @media(max-width:1024px){ .Floor002845 .step, .Floor002845 .step .ytable-cell{display: block;} .Floor002845 .step .title{text-align: center;padding: 20px;} } .Floor002845 .case .auto{position: relative; z-index: 1;} .Floor002845 .case .left li{display: inline-block; font-size: .14rem;} .Floor002845 .case .left li .inner{min-height: 6.00rem;padding: 3vw;background:#fff;background-size: contain;box-shadow: 0 0 .0rem rgba(0,0,0,0.12); margin: 0 2.5%; position: relative;} .Floor002845 .case .left li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 140, 214,0.95); z-index:10; transition:0.3s; color:#fff; } .Floor002845 .case .left li .inner:hover .hover{ opacity:1;} .Floor002845 .case .left li .hover aside{ position:absolute;left:50%; top:50%; width:80%;height: 80%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); overflow-y: auto;line-height: 2em; font-size: .15rem; color: #fff; } .Floor002845 .case .left li .hover aside::-webkit-scrollbar {width: .05rem;height: .01rem;} .Floor002845 .case .left li .hover aside{ padding:0 .10rem;} .Floor002845 .case .left li .hover aside::-webkit-scrollbar-thumb { border-radius: .10rem;-webkit-box-shadow: inset 0 0 .05rem rgba(0,0,0,0.2);background: #fff;} .Floor002845 .case .left li .hover aside::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 .05rem rgba(0,0,0,0.2);border-radius: .10rem;background:rgba(255,255,255,0.5);} .Floor002845 .slick-dots{text-align: center; margin-top: .20rem;} .Floor002845 .slick-dots li{display: inline-block;width:.14rem; height:.14rem; margin:0 .10rem;position: relative;list-style: none; padding: 0;} .Floor002845 .slick-dots li button{font-size: 0; width:.10rem; height:.10rem; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor002845 .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -.05rem 0 0 -.05rem;} .Floor002845 .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #008cd6;} .Floor002845 .case .right .title{padding-bottom: 9vw;} .Floor002845 .case li figure.Ispic{ display:block; border-radius:50%; width:1.20rem; height:1.20rem; margin:0 auto;border:.01rem solid #ededed; } .Floor002845 .case .t-1{font-size: .22rem;color: #333;padding:1vw 0;} .Floor002845 .case .t-2{margin: .15rem 0;font-size: .16rem; color: #898989;} .Floor002845 .case .line{display: block;background: #e8e8e8;height: .05rem;border-left: .18rem solid #008cd6;} .Floor002845 .case p{line-height: 2em;color: #666;white-space: break-spaces; margin-bottom: 2vw;font-size: .15rem;} .dot6 { -webkit-line-clamp: 8; } .Floor002845 .case .details{display: block;width: .38rem; height: .09rem;background: url(../images/Floor002845-more2.png) no-repeat center right;} .Floor002845 .case .btn{display: none;} @media(max-width:1024px){ .Floor002845 .case .left li .inner{min-height: auto;} } @media(min-width:769px){ .Floor002845 .case .right{position: absolute;right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 28.473%;} .Floor002845 .case .left{width: 100%;} } @media(max-width:768px){ .Floor002845 .case .right{text-align: center;padding-bottom: 5vw;} .Floor002845 .case .t-1{font-size:18px;} .Floor002845 .case .t-2{font-size: 14px; color: #898989;} } /*Floor003081 */ .Floor003081 {padding: 5vw 0; } .Floor003081 .auto{position: relative;} .Floor003081 .listtitle {text-align: center;} .Floor003081 .listtitle:after {display: block;margin: .20rem auto 0;} .Floor003081 .info{text-align: justify;line-height: 1.875; margin-bottom: 3.18vw;color: #999999;} .Floor003081 .txt-area{position: relative; z-index: 1;} .Floor003081 .slick-dots{text-align: center;padding-top: 2.6vw;} .Floor003081 .slick-dots li{display: inline-block;width: .08rem; height: .08rem; position: relative;list-style: none; margin: 0 .09rem;} .Floor003081 .slick-dots li button{font-size: 0; width: .08rem; height: .08rem; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor003081 .slick-dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -.04rem 0 0 -.04rem;} .Floor003081 .slick-dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #0f55b0;} .Floor003081 .item a{border-radius: .06rem;background:#f4f5fa;} .Floor003081 .item .pic{width:58%; position: relative; } .Floor003081 .item .pic .Ispic{ display: block; position: absolute; left: .10rem; right: .10rem; top: .10rem; bottom: .10rem; background-size: contain; background-color:#fff;} .Floor003081 .item .txt{ background:#f4f5fa;} .Floor003081 .item .txt .inner{color: #999; width: 100%; margin: 0 auto;padding:2vw; } .Floor003081 .item .txt aside{color:#008cd6;font-size: .24rem; position: relative; padding-left:.20rem;} .Floor003081 .item .txt aside:before{position: absolute; left:0; top:.04rem; content: '';background:#008cd6; width:.03rem; height:.24rem; border-radius: .10rem;} .Floor003081 .item .txt p{ color: #666; font-size: .16rem; line-height:2;} .Floor003081 .item .txt p+p{ margin-top: .10rem;; } .Floor003081 .item .txt .p{ } .Floor003081 .item .txt time{display: block; border-top: .01rem solid #eee;font-family: 'ArialMT';font-size: .14rem;padding-top: 1.35vw;} .Floor003081 .slick-arrow{position: absolute; z-index: 30; top: 57.5%; width: .60rem; height: .60rem; border: .01rem solid #008cd6;padding: 0; margin-top: -.30rem; border-radius: 50%; transition: 0.3s; background: #f6f7fb;} .Floor003081 .slick-arrow:hover{background:#008cd6;} .Floor003081 .slick-arrow:before{position: absolute; content: ''; width: .10rem; height:.10rem; border-bottom: .02rem solid #008cd6;;border-left: .02rem solid #008cd6; left: 50%; top: 50%; margin: -.05rem 0 0 -.05rem; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003081 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .Floor003081 .slick-arrow:hover:before{border-bottom-color:#fff;border-left-color:#fff; } @media(max-width:640px){ .Floor003081 .slick-arrow{width: .40rem; height: .40rem;} } @media(min-width:1681px){ .Floor003081 .slick-prev{left: -6vw;} .Floor003081 .slick-next{right: -6vw;} } @media(max-width:1680px){ .Floor003081 .slick-slider{padding:0 80px;} .Floor003081 .slick-prev{left:30px;} .Floor003081 .slick-next{right:30px;} .Floor003081 .slick-arrow{width: 50px;height: 50px;} } @media(max-width:1440px){ .Floor003081 .slick-prev{left:40px;} .Floor003081 .slick-next{right:40px;} } @media(max-width:1024px){ .Floor003081 .slick-slider{padding:0 50px;} .Floor003081 .slick-prev{left:10px;} .Floor003081 .slick-next{right:10px;} .Floor003081 .slick-arrow{width: 30px;height: 30px;} .Floor003081 .ytable, .Floor003081 .ytable-cell{display: block;} .Floor003081 .item .pic{width:100%;padding:10px; } .Floor003081 .item .pic .Ispic{position:static; left: 0; right:0; top: 0; bottom:0; background-size: contain; background-color:#fff; padding-bottom: 60%;} } @media(min-width:641px){ .Floor003081 .info{max-width: 4.94rem; width: 80%; } } @media(min-width:769px){ .Floor003081 .txt-area .more{bottom: 0;} .Floor003081 .item a{ min-height:6.50rem;} } @media(max-width:768px){ .Floor003081 .txt-area .more{top: 0;} .Floor003081 .item a{min-height: 60vw;} .Floor003081 .item .Ispic{ padding-bottom: 60%; width: 100%;} .Floor003081 .item .ytable-cell{ display: block;} .Floor003081{font-size: 3vw;} .Floor003081 .title{font-size: 5vw} .Floor003081 .item .txt aside{font-size: 4.5vw} .Floor003081 .slick-dots{padding-top: 6vw;} .Floor003081 .txt-area .more a{width: auto;padding: 0 5vw;line-height: 5vw;font-size: 3vw;} .Floor003081 .slick-slider{padding: 0 20px;} .Floor003081 .slick-prev{left: 0;} .Floor003081 .slick-next{right: 0;} .Floor003081 .slick-arrow{width: 30px;height: 30px;} .Floor003081 .item .txt .p{font-size: 14px;line-height: 24px;} } /*PicList002856*/ .PicList002856{padding-top:5vw;} .PicList002856 .news-top .bx-wrapper{ position:relative; z-index:1;} .PicList002856 .news-top .bx-viewport{ z-index:1} .PicList002856 .news-top{ margin-bottom:3%; background:#fafafa;} .PicList002856 .news-top time{font-family: 'Arial';font-size: .16rem;color: #333;display: block;border-left: .03rem solid #056db4; padding-left: .19rem; margin-left: -.20rem;} .PicList002856 .news-top time b{display: block;font-size: .36rem;} .PicList002856 .news-top h3{font-size:.18rem; line-height:.30rem; margin-bottom:0;height:.60rem; } .PicList002856 .news-top h3 a{ color:#333;} .PicList002856 .news-top h3 a:hover{ color:#056db4;} .PicList002856 .news-top p{ line-height:.26rem; overflow:hidden; height:1.04rem; margin:0; color: #888;} .PicList002856 .bx-pager{ text-align:center; background:#fafafa; padding:3%;} .PicList002856 .bx-pager div{ display:inline-block;padding:0 .10rem;} .PicList002856 .bx-pager div a{ position:relative; display:block; width:.14rem; height:.14rem; border-radius:50%; border:.01rem solid transparent; overflow:hidden; line-height:10.00rem;} .PicList002856 .bx-pager div a::before{ position:absolute; content:''; left:.02rem; top:.02rem; right:.02rem; bottom:.02rem; background:#c4c4c4; border-radius:50%; } .PicList002856 .bx-pager div a.active{ background:#fff; border-color:#056db4;} .PicList002856 .bx-pager div a.active::before{ background:#056db4;} .PicList002856 .news-top .pic img{display: block; width: 100%;} @media(min-width:1025px){ .PicList002856 .news-top .pic{ width:50%;} .PicList002856 .news-top .txt{ width:50%;padding:2% 3% 2% 5%;} .PicList002856 .bx-controls{ position:absolute; left:0;width:50%; bottom:0; z-index:10;} .PicList002856 .bx-pager{ float:right;} .PicList002856 .bx-pager div{ float:left;} } @media(max-width:1024px){ .PicList002856 .ytable, .PicList002856 .ytable-cell{display: block;} .PicList002856 .list li, .PicList002856 .news-top{ margin-bottom:24px;} .PicList002856 .news-top .txt{ padding:3%;} .PicList002856 .news-top li h3{ max-height:60px; height:auto;} .PicList002856 .news-top li p{ margin:3% 0; height:auto;} } .PicList002856 .list h3{ margin:0; font-size:.18rem;line-height: 2em;} .PicList002856 .list p{ line-height:2em; color:#999; margin:1.5% 0 0 0;} .PicList002856 .list li{ overflow:hidden; position:relative; margin-bottom:2%; background-color:#fafafa; border-radius: .06rem;} .PicList002856 .list li sub{ position:absolute; content:''; right:0; top:0;width:.58rem; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:.02rem solid #fff;} .PicList002856 .list li .n_news_li{float: left;width: 56%;padding: 1.5vw 0 1.5vw 4vw;border-left: .01rem solid #E5E5E5;} .PicList002856 .list li time{float: left;width: 12%;margin-top: 1.5vw;} .PicList002856 .list li time span{ text-align:center;display: block;line-height: 2em; color:#333; font-size:.16rem;} .PicList002856 .list li time i{ font-style:normal;line-height: 1.6em; font-size:.36rem; color:#333; display:block; font-weight: bold;} .PicList002856 .list li time i:after{ display:block; content:''; margin:.05rem auto; height:.01rem; width:50%; max-width:.66rem; background:#dfdfdf;} .PicList002856 .list li .Ispic{padding-bottom:12%;float: right;width: 20%;margin-right: 8%;} @media(max-width:1000px){ .PicList002856 .list li{padding-left:100px;padding-right:30px;} .PicList002856 .list li:after{width:30px; background-size:35% auto;} .PicList002856 .list li time{width:100px;} .PicList002856 .list li time span{font-size:14px;} .PicList002856 .list li time i{font-size:40px;} } @media(max-width:768px){ .PicList002856 .listh3{ font-size:16px;} .PicList002856 .list li{padding-left:0px;padding-right:0;} .PicList002856 .list li sub{display: none ;} .PicList002856 .list li .n_news_li{float: none;width: 100%;padding: 15px} .PicList002856 .list li time{margin-top: 2.5vw;} .PicList002856 .list li .Ispic{padding-bottom:50%;float: none;width: 100%;margin-right: 0%;} } @media(max-width:480px){ .PicList002856 .list li:after{ display:none;} .PicList002856 .list li time{width:80px;} .PicList002856 .list li time span{font-size:12px;} .PicList002856 .list li time i{font-size:30px;} .PicList002856 .list h3{ font-size:15px;line-height: 1.6em;} .PicList002856 .list p{ font-size:12px; } } /*.RichInfo005*/ .RichInfo005{ padding:5vw 0;} .RichInfo005 .title{ color: #333; text-align:center; padding-bottom:.20rem; } .RichInfo005 .title h1{ margin:0; padding-bottom:.22rem; font-size:.24rem; font-weight:normal; } .RichInfo005 .title p{ margin:0;border-bottom:.01rem dashed #eaeaea; padding-bottom:.22rem;} .RichInfo005 .title p span{ margin:0 .05rem; color:#777;} .RichInfo005 .info{ font-size: .15rem; color: #666; line-height:2; } .RichInfo005 .info .pic{ margin:2% auto 3%; display: block;} .RichInfo005 .info .pic1{ float:right; margin-left:4%; margin-bottom:2%;} .RichInfo005 .info .pic2{ float:left; margin-right:4%; margin-bottom:2%;} .RichInfo005 .info_pn {margin-top: .40rem;padding-top: .40rem;border-top: .01rem dashed #d6d6d6;font-size: .14rem;position: relative;} .RichInfo005 .info_pn .left { float: left; width: 40%; } .RichInfo005 .info_pn .right { float: right; width:40%; } .RichInfo005 .info_pn a { color: #666; display: block; line-height:.30rem;padding:.08rem 0; padding-left: .64rem; background: url(../images/RichInfo005-left.png) no-repeat left center; } .RichInfo005 .info_pn .right a { text-align: right; padding-left: 0; padding-right: .64rem; background: url(../images/RichInfo005-right.png) no-repeat right center; } .RichInfo005 .info_pn span { color:#056db4; display: block; } .RichInfo005 .info_pn a:hover { color:#056db4; } .RichInfo005 .info_pn .more{ position: absolute; left: 50%; margin-left: -.80rem;} .RichInfo005 .info_pn .more a{ background: #056db4; text-align: center;color: #fff;line-height: .44rem;width: 1.60rem;border-radius:.06rem; padding-left: 0;} @media(max-width:1024px) { .RichInfo005 .info * {text-indent: 0!important; margin-left: 0 !important;} .RichInfo005 .info .pic img { float: none; width: 100%; margin-right: 0; margin-bottom: 4%; } .RichInfo005 .info_pn .left { width:35%; } .RichInfo005 .info_pn .right { width:35%; } } @media(max-width:768px) { .RichInfo005 .info_pn .more{ position:static; left:0; margin: 0 auto;} .RichInfo005 .info_pn .more a{ margin: 0 auto;} .RichInfo005 .title h1{font-size: 20px;} .RichInfo005 .info .pic img { float: none; width: 100%; margin-right: 0; margin-bottom: 4%; } .RichInfo005 .info_pn .left, .RichInfo005 .info_pn .right { width: 100%; float: none; margin-bottom: 4%; } .RichInfo005 .info_pn .right a { text-align: left; padding-left: 64px; padding-right: 0; background: url(../images/RichInfo005-right.png) no-repeat left center; } } /*Page002737 */ .Page002737{padding:.40rem 0 .80rem; } .Page002737 .Pages{ text-align: center;} .Page002737 .Pages > span{display: inline-block; vertical-align: middle;} .Page002737 .Pages .a_first, .Page002737 .Pages .a_end, .Page002737 .Pages .p_cur, .Page002737 .Pages .p_count, .Page002737 .Pages .p_jump, .Page002737 .Pages .p_total{display: none;} .Page002737 .Pages .p_jump, .Page002737 .Pages .p_page{overflow: hidden; } .Page002737 .Pages .p_page em{font-style: normal;} .Page002737 .Pages .p_page a{float: left;line-height:.38rem;border: .01rem solid #e5e5e5;border-radius: .04rem;padding: 0 .18rem;margin: 0 .05rem;font-size:.18rem;font-family:Arial," sans-serif"; color: #aaa; background: #fff;} .Page002737 .Pages .p_page a:hover, .Page002737 .Pages .p_page a.a_cur{background-color: #056db4; border-color: #056db4; color: #fff;} .Page002737 .Pages .p_page a.a_next, .Page002737 .Pages .p_page a.a_prev{font-size: 0; height:.40rem; width:.60rem; padding: 0; margin: 0 .06rem; background-position: center center; background-repeat: no-repeat;} .Page002737 .Pages .p_page a.a_prev{background-image: url(../images/a_prev.png);} .Page002737 .Pages .p_page a.a_prev:hover{background-image: url(../images/a_prev_hover.png);} .Page002737 .Pages .p_page a.a_next{background-image: url(../images/a_next.png);} .Page002737 .Pages .p_page a.a_next:hover{background-image: url(../images/a_next_hover.png);} .Page002737 .Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -.05rem; line-height: .34rem; height: .44rem;} .Page002737 .Pages .p_jump > *{float: left;} .Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 .04rem; line-height: .046rem;} .Page002737 .Pages .p_jump b.f0{margin-right: .06rem;} .Page002737 .Pages .p_jump input{height: .46rem; border-radius: .04rem;} .Page002737 .Pages .i_text{ line-height: .44rem; border: .01rem solid #e5e5e5; width: .46rem; text-align: center; color: #333; font-size:.16rem;} .Page002737 .Pages .i_button{background: #ebebeb; width: .70rem; padding: 0; cursor: pointer; border: none; margin-left: .10rem; color: #888;} @media(max-width:768px){ .Page002737{padding:0; } .Page002737 .Pages{ padding:30px 0;} .Page002737 .Pages .p_jump{display: none;} } /* .Map001070 为demo编号 */ .Map001070{ padding:5vw 0;} .Map001070 dd{ margin-bottom:4%; padding-right:53%; background-color:#fff; border-radius: .12rem;position: relative;box-shadow:0rem .03rem .12rem rgba(0,0,0,.2);} .Map001070 dd figure h1{font-size: .22rem;color:#056db4;padding-bottom:.30rem; margin:0;border-bottom: dashed .01rem rgba(1,58,113,.1);} .Map001070 dd li{line-height:.25rem; padding:.20rem 0 .20rem .50rem; background-repeat:no-repeat; background-position:.16rem .20rem;color: #333; font-size: .15rem; background-size: .21rem;} .Map001070 dd li:nth-child(2n){background-color: #f5f5f5;} .Map001070 dd li.add{background-image:url(../images/Map001070-ico_01.png);} .Map001070 dd li.zip{background-image:url(../images/Map001070-ico_02.png);} .Map001070 dd li.tel{background-image:url(../images/Map001070-ico_03.png);} .Map001070 dd li.fax{background-image:url(../images/Map001070-ico_04.png);} .Map001070 dd li.mail{background-image:url(../images/Map001070-ico_05.png);} .Map001070 .text{margin-bottom:.30rem;padding:1% 0;} .Map001070 .text .title{font-size:.30rem;color:#333;margin-bottom:.20rem;padding-bottom:4%;} .Map001070 .text .title span{font-weight:700;} .Map001070 .text .p{font-size:.16rem;color:#666;line-height:.38rem;margin:0;padding:0;} .Map001070 .map{width:100%;height:auto;} .Map001070 .map .maptu{height:100%;} .Map001070 .map .Ispic{height:100%;width: 100%; position: absolute; left: 0; top: 0;} .Map001070 .map img{max-width:none!important;} .Map001070 .phone{margin:.30rem 0 0;padding:.15rem;color:#fff;border-radius:.10rem;padding-left:.78rem;background:url(../images/RighInfo002275-icon1.png) no-repeat .24rem center #d9254e;} .Map001070 .phone span{display:block;font-size:.24rem;font-family:"Impact";} .Map001070 dd li a{ text-decoration: underline;} @media(min-width:769px){ .Map001070 .map{ position:absolute !important; width:49%; right:1%; bottom: 4%; top:4%;z-index: 2;border-radius:0 .12rem .12rem 0} .Map001070 dd:first-child{border-left: .03rem solid #056db4;} .Map001070 dd:nth-child(2n){padding-left:53%;padding-right: 0;border-right: .03rem solid #056db4;} .Map001070 dd:nth-child(2n) .map{right:auto;left:1%;border-radius:.12rem 0 0 .12rem} .Map001070 dd:before{display: inline-block;content: '';width: 0;height: 0;border: .20rem solid #fff;border-color: transparent transparent transparent #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;margin-left: .20rem;} .Map001070 dd:nth-child(2n):before{border-color: transparent #fff transparent transparent;left:50%;margin-left:-.20rem;} .Map001070 dd figure{ padding:8% 0 8% 8%;} .Map001070 dd:nth-child(2n) figure{ padding:8% 8% 8% 0;} } @media(max-width:768px){ .Map001070 dd{ padding:3%;} .Map001070 .map{ height:300px; position:relative !important;} .Map001070 dd figure{ padding:4% 0;} } @media(max-width:480px){ .Map001070 dd figure h1{ font-size:20px;} } /*Floor001867 */ .Floor001867{ padding:4vw 0;background: #F5F5F5;} .Floor001867 .listtitle{text-align: center;} .Floor001867 .listtitle:after{display:block; margin:.20rem auto 0;} .Floor001867 .form {width: 100%;padding:.30rem;background: #eee;} .Floor001867 .form td{ padding-bottom:2%;} .Floor001867 .form p .tel{padding-left: .50rem;width: 100%; font-size: .22rem;padding-top: .20rem;color: #333;} .Floor001867 .form td div{ position:relative; } .Floor001867 .form td.zero{ color: #008cd6; font-size: .25rem;font-weight: bold;width: 2%;} .Floor001867 .form td label{ line-height: .40rem;color: #008cd6; font-size: .14rem;} .Floor001867 .form td .text{ line-height:.60rem; height:.60rem; border: none; background: #fff; padding:0 .20rem; width:100%;border-radius: .05rem;box-shadow: 0 0 .10rem rgba(0,0,0,.06);} .Floor001867 .form .yzm td .text{ width:30%;} .Floor001867 .form td textarea.text{ height:2.00rem; line-height:.30rem;padding: .20rem;resize:none;} .Floor001867 .form td .btn{ width:2.00rem;line-height: .60rem;border-radius: .05rem; cursor:pointer; background: #008cd6;border: none; color:#fff; font-size:.16rem;display: block; } .Floor001867 .form td label:before {display: inline-block;content: ''; width: .10rem;height: .10rem;position: relative;margin-right: .08rem;border-radius: .04rem;background: #008cd6;} .Floor001867 .tel{font-size: .22rem;color: #333;margin-bottom: .25rem; padding-left:.34rem; background:url(../images/Form001215-call.png) no-repeat left center; background-size: .25rem; line-height: .40rem;} .Floor001867 .tel span{color: #008cd6;font-weight: bold; font-size: .30rem; display:inline-block;} @media(max-width:768px){ .Floor001867 .tel{font-size:16px;} .Floor001867 .tel span{font-size:22px; } .Floor001867 .form .yzm td .text{ width:50%;} .Floor001867 .form td.zero{ display: none;} .Floor001867 .form td{display: block; width: 100%;} .Floor001867 .form td .btn{ width:120px;line-height: 40px;} } /*TextList002739 */ .TextList002739{padding:4vw 0 1vw;} .TextList002739 .list-group .tit{cursor: pointer; line-height: .69rem; font-size: .17rem; } .TextList002739 .list-group .tit:before{background: #056db4; width: .04rem; height: .04rem; display: inline-block; content: '';vertical-align: middle; margin-right: .27rem; } .TextList002739 .title{ padding:0 .40rem; line-height: .60rem; background: #056db4; font-size: .16rem; color: #fff; border-bottom: .01rem solid #ededed;} .TextList002739 .title time, .TextList002739 .tit time{float: right; } .TextList002739 .tit time{color: #888;} .TextList002739 .list{border-bottom: .01rem solid #ededed;} .TextList002739 .tit{padding: 0 .40rem; background: #fafafa; font-weight: normal; margin: 0;} .TextList002739 .tit.active{background: #fff; margin: 0 .40rem; padding: 0; border-bottom: .02rem solid #056db4; color: #056db4;} .TextList002739 .tit.active time{color: #056db4;} .TextList002739 .info{padding:.30rem .70rem .60rem;} .TextList002739 .info strong{color:#555; display: block; margin-bottom: .06rem; font-size: .15rem;} .TextList002739 .info p{ line-height: .30rem; margin: 0;} .TextList002739 .info .p+.p{padding-top:.30rem; margin-top: .30rem; border-top: .01rem dashed #eaeaea;} .TextList002739 .send {padding-top:.40rem; margin-top:.40rem; border-top: .01rem dashed #eaeaea;} .TextList002739 .send em{ font-style: normal; border-bottom:.01rem solid #056db4 ; font-weight: bold; margin-left: .10rem; } .TextList002739 .send a{ display: inline-block; line-height: .30rem; color: #056db4; background: url(../images/TextList002514_icon.png) no-repeat right center; background-size: .24rem; padding-right: .35rem; font-size:.14rem; } @media(min-width:769px){ .TextList002739 .title time{ margin-right: .78rem;} .TextList002739 .tit time{padding-right: .63rem;} } @media(max-width:768px){ .TextList002739 .title{ padding:0 20px; line-height: 50px;} .TextList002739 .tit{padding: 0 20px;} .TextList002739 .tit.active{margin: 0 10px;} .TextList002739 .title time{ margin-right: 12px;} .TextList002739 .list-group .tit{font-size: 15px;} .TextList002739 .list-group .tit:before{ margin-right: 10px;} .TextList002739 .info{padding: 10px 20px 30px 34px;} .TextList002739 .info .p+.p{padding-top:15px; margin-top: 15px;} .TextList002739 .send {padding-top:15px; margin-top:15px; } } @media(max-width:480px){ .TextList002739 .tit time{margin-right: 0;} .TextList002739 .tit time{ font-size: 12px;} } /*Form002099 */ .Form002099{padding:4vw 0;} .Form002099::after{ position:fixed; content:''; background:url(../images/Form002099-bj.jpg) no-repeat top center; background-size: cover; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;} .Form002099 header{ padding-bottom:2%; text-align: center;} .Form002099 header a{display: inline-block; } .Form002099 header a img{display: block; max-height: 90px;} .Form002099 footer{ text-align:center; padding-top:4%;color:#666; } .Form002099 footer a{color:#666; display:inline-block;} .Form002099 footer a:hover{color:#008cd6;} .Form002099 footer i{margin: 0 12px;width:1px;height:12px;display:inline-block;background-color: #c3c3c3;} .Form002099 footer p{ margin: 14px 0 0;} .Form002099 section{ position:relative;} .Form002099 .form{padding:3%;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);max-width:510px;margin: 0 auto;border-radius:10px; background: #fff;} .Form002099 .form h1{ margin:0; font-size:18px; color:#333; padding-bottom:20px; border-bottom: 1px solid #f1f1f1;} .Form002099 .form td{ padding-top:22px;} .Form002099 .form td .box{ position:relative; line-height:50px; background:url(../images/login-input_icon.png) no-repeat} .Form002099 .form td .box1{ background: none;} .Form002099 .form td .zh{background-position:left top;} .Form002099 .form td .mm{background-position:left -100px;} .Form002099 .form td .sjh{background-position:left -50px;} .Form002099 .form td .yy{background-position:left -150px;} .Form002099 .form td .yzm{background-position:left -200px;padding-right: 154px;position: relative;} .Form002099 .form td .yzm b{position: absolute;right: 0;top: 0;width: 142px;text-align: center;border-radius: 4px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; border:1px solid #d6d6d6;} .Form002099 .form td label{ position:absolute; left:50px; color:#999;} .Form002099 .form td select, .Form002099 .form td .text{ width:100%;line-height:50px;height:50px; padding:0 14px 0 50px;border-radius:6px; border:1px solid #d6d6d6; background:none; font-size: 16px;} .Form002099 .form td .yy{border-radius:6px; border:1px solid #d6d6d6; } .Form002099 .form td select{border:none; width: 96%; font-size: 14px; color: #888; padding: 0 14px 0 46px;} .Form002099 .form td .text:focus{ border-color:#008cd6;} .Form002099 .form .box1 a{color:#737373;} .Form002099 .form .box1 a:hover{ text-decoration:underline; color:#008cd6;} .Form002099 .form .color, .Form002099 .form .regis{color:#008cd6 !important;} .Form002099 .form .protocol{ text-decoration:underline; color:#008cd6;} .Form002099 .form .fgpsw{float:right;} .Form002099 .form .btn{ width:100%;border-radius:6px; font-size:18px; color:#fff; background:#008cd6; cursor:pointer; padding:0; font-weight:bold; border:none; height:50px; box-shadow:0 5px 15px 0 rgba(5, 65, 139, 0.3);} @media(max-width:640px){ .Form002099 footer{ text-align:left;} .Form002099 .form{ padding:3%;} .Form002099 header span{ font-size:20px;} } @media(max-width:480px){ .Form002099 header img{ height:50px;} } .wl_bg {background: #F5F5F5;padding: 6.6vw 0 2vw 0;} .wl_bg .auto{border-radius: .14rem;background: #fff;padding-bottom: 3vw;box-shadow: 0 0 .10rem rgba(0,0,0,.08);} .wl_img{display: block;margin: 0 auto;} .fan_a{display: block;line-height: .40rem;background: #fff;border: .01rem solid #056db4; color: #056db4;width: 1.20rem;margin: 0 auto;text-align: center;} @media(max-width:1024px){ .wl_bg {margin-top: 50px;} } .wl_bg {background: #F5F5F5;padding: 10vw 0 10vw 0;} .wl_bg .auto{border-radius: .14rem;background: #fff;padding-bottom: 3vw;box-shadow: 0 0 .10rem rgba(0,0,0,.08);} .wl_img{display: block;margin: 0 auto; position: absolute; top:0; left:1.00rem;} .fan_a{display: block;line-height: .40rem;background: #fff;border: .01rem solid #056db4; color: #056db4;width: 1.20rem;margin: 0 auto;text-align: center;} .Inquire{ border-bottom: solid .01rem #e5e5e5; padding:.85rem 1.00rem; display: flex; align-items: center; justify-content: space-between;} .Inquire .Aniu{ margin-left:.30rem; font-size:.16rem; color:#fff; width:1.10rem; text-align: center; background: #056db4; border-radius:.06rem;} .Inquire #IdKey{ width:50%; margin-right:.15rem;} .ola{ position: relative;} .wl_con{ position: relative; z-index:3;} .Inquire .verify{ width: 30%; display: flex; align-items: center; margin-right:.15rem;} .Inquire .verify .code{ width: calc(100% - .95rem);} .Inquire .twza{ margin-left:.15rem; width:.80rem; text-align: center;} .Inquire input{ font-size:.16rem; padding:0 .25rem; border:none; line-height:.50rem; height:.50rem; background: #f2f2f2; border-radius:.06rem;} .Inquire input::-webkit-input-placeholder{color: #999999;} .Inquire input::-moz-placeholder{color: #999999;} .Inquire input:-ms-input-placeholder {color: #999999;} @media(max-width:1024px){ .Inquire{ display: block;} .Inquire .verify, .Inquire #IdKey{width: 100%;} .Inquire .verify{padding: 20px 0;} .Inquire .Aniu{margin-left: 0;} } .wl_con .wl_title{ padding:.58rem 0rem .30rem; font-size:.3rem; color: #333; text-align: center;} .wl_con .code-ko{ font-size:.16rem; color: #999; padding-left:1.80rem;} .wl_con .wl_list{ position: relative; margin-top:.45rem; padding-left:1.80rem; padding-right:.20rem;} .wl_con .wl_list::after{ position: absolute; top:0; margin-left:1.82rem; content: ''; z-index:-1; display: block; width:.01rem; height:97%; background: #ddd;} .wl_con .wl_list .itme{ margin-bottom:.35rem; display: flex;} .wl_con .wl_list .itme .time_box{ width:1.50rem; font-size:.12rem;} .wl_con .wl_list .itme .title{ width: calc(100% - 2.11rem); font-size:.14rem; padding-left:5%;} .wl_con .wl_list .itme .icon{ width:.65rem; text-align: center; font-size:0; color: #ddd;} .wl_con .wl_list .itme .icon span{ background: #fff; text-align: center; border:solid .01rem #ddd; width:.18rem; height:.18rem; line-height:.18rem; font-size:.12rem; display:inline-block; vertical-align: middle; border-radius:50%;} .wl_con .wl_list .itme.on .time_box{ color: #0f55b0;} .wl_con #loadBox{text-align: center;margin-bottom:.10rem;display: none;} .wl_con #loadBox .icon{display: inline-block;vertical-align: middle;max-width:.32rem;margin-right:.10rem;} .wl_con #loadBox p{display: inline-block;vertical-align: middle;margin: 0;font-size:.16rem; color: #999;} @media(max-width:1024px){ .wl_con .code-ko, .wl_con .wl_list{ padding:0 50px;} .Inquire{ padding:50px;} } @media(max-width:640px){ .Inquire{ padding:30px 0;} .wl_con .code-ko, .wl_con .wl_list{ margin-top:0; padding:0;} .wl_con .wl_list .itme .time_box{ width:90px;} .wl_con .wl_list .itme .title{ width: calc(100% - 155px); padding-left:2%;} .wl_con .wl_list .itme .icon{ width:40px;} .wl_con .wl_list::after{margin-left:110px;} .wl_con .wl_title{ padding:30px 0; font-size: 20px;} .Inquire #IdKey{ padding:0 10px;} .Inquire input{ font-size:14px; height:40px; line-height:40px;} .Inquire .Aniu{ font-size:14px;} } /*搜索*/ .TextList002322{ padding: 2% 0;} .TextList002322 h3{font-size: .24rem;color: #333;font-weight: normal;} .TextList002322 .list li{ position: relative; padding: .10rem 1.00rem 10rem 0; line-height: .22rem;} .TextList002322 .list li *{ color: #777;} .TextList002322 .list li time{ position: absolute; right: 0; top: .10rem; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: .15rem; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: .20rem;} .TextList002322 .list li a:hover{ color: #056db4;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } /*Other002679 */ .Other002679{ position:fixed; z-index:200; right:-.50rem; height: 100%; top:50%; transform: translateY(-50%); font-size: .14rem;transition: all 0.3s linear;-webkit-transition: all 0.3s linear; align-items: center; display: flex;} .Other002679 .ul{ padding: 80% 0 80% .20rem; } .Other002679 ol, .Other002679 ol > li{ position:relative;} .Other002679 aside{ display:none; position:absolute;top:50%; margin-top:-.20rem; right:100%;white-space:nowrap; text-overflow:ellipsis; padding-right:.25rem;font-size:.16rem; color:#666;} .Other002679 aside::after{position: absolute;content: '';background: #fff;box-shadow: .01rem -.01rem .02rem #cccccc; width: .14rem;height: .14rem;top: 50%;right: .18rem;margin-top: -.07rem;overflow: hidden;pointer-events: none;-webkit-transform: rotate(45deg);-mz-transform: rotate(45deg);transform: rotate(45deg);} .Other002679 aside dl{box-shadow: 0 0 .05rem #ccc;border-radius: .08rem;background: #fff;padding:0 .10rem;color: #999;line-height: .42rem;} .Other002679 aside.call{margin-top: -.60rem;} .Other002679 ol.advisory li aside dl{padding:.25rem .30rem; line-height:normal;} .Other002679 ol.advisory li+li{margin-top: .10rem;} .Other002679 aside.call dl h2{margin: .10rem 0 0 0;font-size: .30rem;color: #056db4;height: .40rem;line-height: .40rem;} .Other002679 span.iconfont{ display:block;width:.40rem; height:.40rem; line-height:.40rem; text-align:center; font-size:.20rem; color:#056db4; background:#fff; border-radius:50%; transition:0.3s; box-shadow: 0rem 0rem .05rem #ccc;} .Other002679 ol.advisory{border-radius: .10rem 0 0 .10rem;background:#fff;padding: .05rem;margin:.010rem 0;box-shadow: 0rem 0rem .05rem #cccccc;} .Other002679 ol.advisory li{padding: .11rem;border-radius: .10rem;transition:0.3s;} .Other002679 ol.advisory li figure{ width:.10rem; margin:.06rem auto 0;white-space:normal;word-break:break-word; text-align:center; line-height:.18rem; color:#666;transition:0.3s; text-transform: uppercase;} .Other002679 ol.advisory li span.iconfont{ height:auto; width:auto; line-height:normal; background:none; box-shadow:none;} .Other002679 ol:hover > span, .Other002679 ol:hover a span, .Other002679 ol.advisory li:hover{ color:#fff; background:#056db4;} .Other002679 ol.advisory li:hover figure, .Other002679 ol.advisory li:hover span{ color:#fff;} @media(max-width:1024px){ .Other002679{ display:none;} } @media(max-width:1024px){ .PicList002433, .RighInfo002799, .Floor003088, .Timeline003071, .Floor003065, .RighInfo003138, .RighInfo002521, .RighInfo002816 .item, .Floor003081, .Floor002845, .RichInfo005, .Floor001867, .Map001070{padding: 40px 0; } .Floor003083{padding: 40px 0 0; } .PicList002856{padding-top:40px;} .TextList002739{padding: 40px 0 10px; } } .ul_sitemap{margin: 3% auto;} .ul_sitemap li {margin-bottom: 20px;width: 32%;float: left;margin-right: 2%;} .ul_sitemap li strong{padding-right: 20px;text-align: left;} .ul_sitemap li a{font-size: 18px;} .ul_sitemap li span a{font-size: 16px;padding: 0px 6px;} @media(min-width:1025px){ .ul_sitemap li:nth-child(3n){margin-right: 0;} } @media(max-width:1024px){ .ul_sitemap li {width: 48%;margin-right: 4%;} .ul_sitemap li:nth-child(2n){margin-right: 0;} .ul_sitemap{margin: 4% auto;} } @media(max-width:768px){ .ul_sitemap li {width: 100%;margin-right: 0;} .ul_sitemap{margin: 30px auto;} } /*Floor002958 */ .Floor002958{margin: 5.5vw 0 5vw 0;} .Floor002958 .tit{margin-bottom: 3%;} .Floor002958 .left{font-size:.36rem;color:#008cd6;line-height: .56rem;float:left;position:relative;padding-left: .60rem;padding-right: .60rem;} .Floor002958 .left:before{position: absolute;content: '';width: .40rem;height: .40rem;left: 0;background: url(../images/fh2.png) no-repeat;} .Floor002958 .left:after{position: absolute;content: '';width: .40rem;height: .40rem;right: 0;background: url(../images/fh.png) no-repeat;bottom: 0;} .Floor002958 .right{float:right;width: 50%;} .Floor002958 ul{margin-top: .85rem;} .Floor002958 li{float: left; position: relative;padding: .60rem .10rem 0; z-index: 1;box-shadow: 0 0 .10rem rgb(0 0 0 / 20%);} .Floor002958 li:hover{background:#f3f7fb;} .Floor002958 li:hover .pic{top:-.75rem;} .Floor002958 li .Ispic{padding-bottom: 127.973%; transition: 0.3s;} .Floor002958 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002958 li .pic{position: absolute; width: 1.40rem; height: 1.40rem; text-align: center; border-radius: 50%;top: -.60rem; left: 50%; background: #008cd6; margin-left: -.70rem;z-index: 20;color: #fff;transition: 0.3s;} .Floor002958 li .pic img{ width: .5rem;} .Floor002958 li .pic .ytable{height:100%;} .Floor002958 li .txt{text-align: center;margin-top: .50rem;} .Floor002958 li a:hover .txt{background:#fff; color: #4ab344; box-shadow: 0 -.05rem .05rem rgba(74,179,68,0.3);} .Floor002958 li:nth-child(2n) a:hover .txt{color: #1e50ae;box-shadow: 0 -.05rem .05rem rgba(30,80,174,0.3);} .Floor002958 li .txt aside{font-size: .24rem; font-weight: bold;color: #333;} .Floor002958 li .txt p{color:#666;font-size: .18rem;line-height: .30rem;} .Floor002958 li .txt .ytable{height: 100%;} @media(max-width:1440px){ .Floor002958 .left{font-size: 28px;line-height: 48px;padding: 0 40px;} .Floor002958 .left:before, .Floor002958 .left:after{width: 30px;height: 30px;background-size: contain;} .Floor002958 li .txt aside{font-size: 22px;} .Floor002958 li .txt p{font-size:16px;line-height: 28px;} .Floor002958 li .pic{width:120px;height:120px;top: -50px;margin-left: -60px;} .Floor002958 li .txt{margin-top:40px;} .Floor002958 li{min-height: 280px;} } @media(min-width:1025px){ .Floor002958 li{width: 22.375%;margin-bottom: 1.556%; min-height: 3rem;} .Floor002958 li:not(:nth-child(4n)){margin-right: 3.5%;} } @media(max-width:1024px){ .Floor002958 .left{font-size:30px;line-height: 48px;padding: 0 40px;margin-bottom: 30px;} .Floor002958 .left:before, .Floor002958 .left:after{width: 30px;height: 30px;background-size: contain;} .Floor002958 li .txt aside{font-size: 22px;} .Floor002958 li .txt p{font-size:16px;} .Floor002958 li .pic{width: 100px;height: 100px;top: -40px;margin-left: -50px;} .Floor002958 li .txt{margin-top:40px;} .Floor002958 li{width:48%;margin-bottom: 80px;} .Floor002958 li:not(:nth-child(2n)){margin-right: 4%;} .Floor002958 .right{width:100%;float: none;} } @media(max-width:768px){ .Floor002958 .left{font-size: 16px;line-height: 30px;} .Floor002958 .left:before, .Floor002958 .left:after{width: 25px;height: 25px;} .Floor002958 li .txt aside{font-size: 20px;} .Floor002958 li .txt p{font-size: 13px;line-height: 24px;} .Floor002958 li .pic{width: 80px;height: 80px;top: -30px;margin-left: -40px;} .Floor002958 li .txt{margin-top: 10px;} .Floor002958 li{width:48%;margin-bottom: 50px;min-height: 270px;} .Floor002958 li:not(:nth-child(2n)){margin-right: 4%;} .Floor002958 .right{width:100%;float: none;} } /*TextList002855 */ .TextList002855{margin:3vw 0;} .TextList002855 li{border-bottom:.01rem solid #e3e3e3;margin-bottom:3%;position:relative;padding-left: .19rem;} .TextList002855 li h2{color: #333;font-size:.16rem;margin:0;position:relative;padding-right: 1.00rem;} .TextList002855 li span{font-weight: bold;position: absolute;right: 0;color: #999;font-size: .14rem;} .TextList002855 li h2 a{transition: .3s ease-out; color:#444;} .TextList002855 li h2 a:hover{ color:#008cd6;} .TextList002855 li p{color: #666;font-size: .14rem;line-height: .28rem;} .TextList002855 li b{color: #008cd6;font-size: .15rem;} .TextList002855 li:before{content: '';background: url("../images/TextList002855_icon.png") no-repeat;position: absolute;left: 0;width: .10rem;height: .10rem;top: .05rem;} .TextList002855 li span{font-style: inherit;padding: 0 .10rem;color: #999;font-size: .14rem;} .TextList002855 li a:hover span{color: #008cd6} @media(max-width:1024px){ .TextList002855{padding: 40px 0; } } @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } /* .TextList002192 */ .TextList002192{ padding:5vw 0;} .TextList002192 li{border-bottom:1px solid #e3e3e3;margin-bottom:3%;position:relative;min-height:102px;} .TextList002192 li h2{ color:#444444; font-size:16px; margin:0; position:relative; padding-right:70px;} .TextList002192 li span{color: #008cd6;font-weight: bold;} .TextList002192 li h2 a{transition: .3s ease-out; color:#444;} .TextList002192 li h2 a:hover{ color:#008cd6;} .TextList002192 li p{color: #666;font-size: 14px;line-height: 28px;} @media(max-width:1024px){ .TextList0021925{padding: 40px 0; } } .popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .28);z-index: 999;} .popup .popup-box{position: absolute;left: 50%;top: 50%;max-width: 9rem;width: 100%;padding: .5rem .4rem;background-color: #fff;border-radius: .15rem;transform: translate(-50%, -50%);z-index: 99;} .popup .popup-box .close{position: absolute;right: .1rem;top: .1rem;width: .36rem;height: .36rem;border-radius: .36rem;border: 2px solid #008cd6;cursor: pointer;overflow: hidden;} .popup .popup-box .close:before{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 2px;height: 100%;background-color: #008cd6;transform: rotate(45deg);z-index: 1;} .popup .popup-box .close:after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 2px;height: 100%;background-color: #008cd6;transform: rotate(-45deg);z-index: 1;} .popup .popup-box .textarea{max-height: 75vh;min-height: 2rem;font-size: .18rem;color: #333;line-height: 1.8;overflow-x: hidden;} .popup .popup-box .textarea img{width: 100%;} @media(max-width:768px){ .popup .popup-box{max-width: 92%;padding: .4rem .2rem;} }