@media screen and (min-width: 320px) and (max-width: 991px) { .map-list-box{overflow-x: scroll;} .ghhd-btn-box{display: none;} } /* 浠呴拡瀵规墜鏈虹 * */ *{font-family: auto!important;} @media screen and (min-width: 320px){ /** * nav-two */ .two-nav{position: relative;z-index: 1;} .two-nav ul{overflow: hidden;margin:-2px;padding: 10px 0;} .two-nav li{float: left;width: 50%;line-height: 35px;text-align: center;padding: 2px;} .two-nav li div a{display: block;font-size: 16px;} .two-nav li.on div,.two-nav li:hover div{background: #0053a3;} .dj-nav li.on div,.dj-nav li:hover div{background: rgb(132,20,19);} .two-nav li:hover div a,.two-nav li.on div a{color: #fff;} .banner .relative{display: none;} .Caster{background: #ecebf1;padding: 20px 0;} .three-nav{ overflow:hidden; margin:-2px; padding: 15px 0;} .three-nav li{ float:left; padding:2px;} .three-nav li div{ border-radius:4px; background:#f4f4f4;} .three-nav li div a{display: block;font-size: 16px; padding:10px 15px; font-size:14px; color:#000;} .three-nav li.on div,.three-nav li:hover div{background: #0053a3;} .three-nav li:hover div a,.three-nav li.on div a{color: #fff;} } @media screen and (min-width: 992px) { .ny-new-box{padding:40px 0;} .Caster{padding: 40px 0;} .two-nav ul{padding: 0;margin: 0;margin-top: -60px;background: #fff;} .two-nav li{width: 134px;border-right: 1px solid #e2e6ec;height: 60px;line-height: 60px;padding: 0;} .banner .index-tit{position: absolute;right: 0;top: 50%;margin-top: -34px;} .banner .index-tit h3{color: #fff;padding-bottom: 5px;text-align: right;} .banner .index-tit .i-t-l span{border:3px solid #fff} .banner .index-tit .i-t-l b{color: #fff;} .banner .relative{height: 100%;display: block;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .info-r{background: #0053a3;} .info-r h3{color:#fff ;font-weight: bold;font-size: 22px;padding: 10px 0;text-align: center;} .info-r h4{color: #fff;font-weight: bold;font-size: 16px;text-align: center;padding: 10px 0;} .info-r-l{line-height: 2;font-size: 14px;color: #fff;text-align: center;} .info-qr{overflow: hidden;text-align: center;padding: 10px 0;} .info-qr-l{width: 50%;float: left;} .info-qr-r{width: 50%;float: right;} .info-qr div p{text-align: center; color: #fff;font-size: 14px;padding-top: 10px;} .wb-more a{line-height: 32px;height: 32px;border: 2px solid #e1e1e1;background: #fff;display: block;text-align: center;color: #333333;} .wb-more{padding: 10px;} .wb-more img{margin-top: -5px;padding: 0 10px;} .map-list{padding: 30px 0 0 0;width: 1200px;} .map-list ul{overflow: hidden;margin-bottom: 1px;background: #fff;padding: 20px;display: flex;align-items: center;cursor: pointer;} .map-list ul:nth-child(1){background: #f0faff;} .map-list ul:nth-child(1) li{color: #0053a3;font-size: 14px;font-weight: bold;} .map-list li:nth-child(1){font-size: 16px;} .map-list li{float: left;width: 25%;line-height: 2;font-size: 14px;color: #666666;} .map-list li:nth-child(3){width: 33%;} .map-list li:nth-child(4){width: 17%;} .map-list ul:hover{background: #f0faff;} } @media screen and (min-width: 992px) { .info-qr-l{padding:0 15px;} .info-qr-r{padding:0 15px;} .m-l{float: left;width: 550px;} .info-r{float: right;width: 650px;overflow: hidden;padding: 40px 24px;color:#fff;} .info-r h3{padding: 0;line-height: 1;text-align: left;padding-bottom: 38px;color:#fff;} .info-r h4{padding:0;line-height: 1;text-align: left;padding-bottom: 16px;color:#fff;} .info-r-l{float:left;width: 50%;color:#fff;} .info-r-r{float: right;width: 50%;color:#fff;} .info-qr{padding: 0;color:#fff;margin:0 -15px;} .info-r-l{text-align: left;color:#fff;} .map_info{height: 375px;overflow: hidden;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .phone-show div{font-weight: bold;font-size: 16px;} .phone-show div span{font-weight: 500;} .zp-tit>li{display: none;} .zp-tit li:nth-child(1){display: block;} .zp-list ul>li{display: none;} .zp-list li:nth-child(1){display: block;} .zp-tit{background: #27374d;text-align: center;height: 50px;line-height: 50px;} .zp-tit li{width: 100%;float: left;color: #fff;position: relative;} .zp-list ul{height: 50px;line-height: 50px;text-align: center;} .zp-tit li div.xz_sanjiao{border-bottom: solid 8px #fff;cursor: pointer;border-top:none; border-left: solid 8px transparent; border-right: solid 8px transparent;margin-right: 8px;} .zp-tit li div.color{width: 50px;cursor: pointer;} .zp-list{background: #e8f4ff; cursor: pointer;} .zp-list:nth-child(even){background: #fff;} .zp-list li{position: relative;} .zp-list li i{position: absolute;right: 20px;color: #fff;font-size: 18px;font-weight: bold;opacity: 0;} .zp-list:hover{background: #0053a3;} .zp-list:hover i{opacity: 1;} .zp-list:hover li{color:#fff;} .zp-list-info{background: #FFF;padding:15px;line-height: 1.5;color: #333333;font-size: 14px;margin-bottom: 10px; display: none;} .zp-list-info h3{color: #333333;font-size: 16px;font-weight: bold;} .zp-list-info .desc{color:#0053a3;} .zp-list ul.on{background: #0053A3;} .zp-list ul.on li{color:#fff;} .zp-list ul.on li i{opacity: 1;transform:rotate(180deg);-ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 鍜 Chrome */ -o-transform:rotate(180deg);} .fgs{position: absolute;width: 100%;top: 100050px;background: #27374d;z-index: 2;} .fgs li{float: none;width: 100%;} .fgs li a{color: #fff;} .fgs-open {animation: fgs-show 0.3s linear; animation-fill-mode: forwards;pointer-events: auto;} .fgs-hide {animation: fgs-hide 0.3s linear; animation-fill-mode: forwards;pointer-events: none;} .xz{transform:rotate(180deg);} @keyframes fgs-show /* Safari 鍜 Chrome */ { from { top: 45px; opacity: 0;} to {top: 50px; opacity: 1;} } @keyframes fgs-hide /* Safari 鍜 Chrome */ { from { top: 50px; opacity: 1;} to{top: 45px; opacity: 0;} } } @media screen and (min-width: 992px) { .phone-show{display:none;} .zp-tit li{display: block;width: 25%;} .zp-list li{width: 25%;float: left;} .zp-list-info{padding: 30px 50px;} .fgs li{float: none;width: 100%;} .fgs li a{display: block;} .zp-list ul>li{display: block;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .fzln-list>div{position: relative;padding: 10px 0;} .shang{position: absolute;left: 20px;top: 20px;} .xia{position: absolute;left: 20px;bottom: 20px;} .xia h3{font-size: 40px;color: #46bebd;padding-bottom: 5px;} .xia div{color: #333333;font-size: 26px;} .shang h3{font-size: 40px;color: #3285d5;padding-bottom: 5px;} .fzln-list>div:last-of-type .shang h3{color: #e26c4e;} .shang div{color: #333333;font-size: 26px;} .qyhd li div i.pic-size{padding-bottom: 61%;} .qyhd li{padding: 10px 0;} .qyhd li p{color: #666666;font-size: 16px;background:#fff;text-align: center;line-height: 40px;} .qyhd li:hover p{background: #0053a3;color: #fff;} .dj li:hover p{background:rgb(132,20,19);} .ghhd-tit i.pic-size{padding-bottom: 62%;} .ghhd-tit p{line-height: 30px;background: #fff;color: #0053a3;font-size: 12px;padding: 0 10px;text-align: center;} .ghhd .on p{background: #0053A3;color: #fff;} .ghhd-list{position: relative;} .ghhd-btn{height:90px;width: 40px;background: rgba(0,0,0,.5);margin-top: -50px;} .ghhd-next{background-image: url(../img/next-btn.png);right: -50px;} .ghhd-prev{background-image: url(../img/prev-btn.png);left: -50px;} .ghhd-tit p{line-height: 55px;font-size: 14px;} .ghhd-pic{margin-top: 25px;overflow: hidden;} .ghhd-pic{padding: 15px;border: 1px solid #cccbcc;background: #fff;} .this-num {color: #333333;font-size: 18px;font-weight: bold;} .this-num span:first-child {font-size: 30px;} .list-name{color: #333333;font-size: 18px;font-weight: bold;padding-top: 10px;} .gallerytopbox{padding-top: 10px;padding-bottom: 20px;} .gallery-big{padding-bottom:100%;} .gallery-small{padding-bottom: 23%;} .small-btn{width: 125px;height:30px;bottom: 0;top: auto;background-size:initial !important;} .small-next{background-image: url(../img/small-next.png);background-color: #bdbdbd;right: 0;} .small-prev{background-image: url(../img/small-prev.png);background-color: #d4d4d4;left: 0;} .gp-r{position: relative;} .swiper-this{font-size: 18px !important;} .swiper-pagination-current{font-size: 30px !important;} .gp-r{height:100px;} .pic-close{position: absolute;top: 15px;right:15px;font-size: 40px;cursor: pointer;} .ghhd-pic{position: relative;} .ywjs_img_box{border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;} .ywjs_box li p{text-align: center;} .ywjs_box li i.pic-size{padding-bottom: 80%;} .ywjs_box li i.pic-size img{width: 100%;} .open_pic li{float:left;width: 33.3333%;padding: 5px;} .open_pic li i.pic-size{padding-bottom: 80%;} .open_pic li i.pic-size img{width: 100%;} .open_pic ul{overflow: hidden;margin:-5px;} .open-window{padding: 20px;} .open_h3{color: #333333;text-align: center; font-size: 18px;padding-bottom: 15px;} .open_content{color: #333333;font-size: 12px;line-height: 2;} .open_pic{padding-top: 15px;} .ywjs_box li p{height: 40px;line-height: 40px;background: #fff;color: #333333;font-size: 18px;font-weight: bold;} .ywjs_box li {padding: 15px 0;} .ywjs-tit .hd{overflow: hidden;} } @media screen and (min-width: 992px) { .open_window_box{width: 900px !important;height:530px !important;top:0;overflow:overlay;} .open-window{padding: 50px 45px;} .open_h3{color: #333333;text-align: center; font-size: 24px;padding-bottom: 30px;} .open_content{color: #333333;font-size: 14px;line-height: 2;} .layui-layer .layui-layer-setwin .layui-layer-close2{right: 5px;top: -5px;} .open_pic{padding-top: 30px;} .ywjs_top_box{margin-top: 40px;} .ywjs_box ul{overflow: hidden;margin: -20px;} .ywjs_box li{width: 25%;float: left;padding: 20px;} .ywjs_box li p{height: 40px;line-height: 40px;background: #fff;color: #333333;font-size: 18px;font-weight: bold;} .small-btn{height: 52px;} .pic-close{top: 30px;right: 30px;} .gallerytopbox{padding-bottom: 0;} .gp-l{float: left;width: 830px;} .ghhd-pic{padding: 30px 40px 25px;} .gallery-big{height: 550px;padding-bottom: 0;} .gp-r{float: right;width: 250px;margin-top: 84px;overflow: hidden;height: 550px;} .fzln-list{overflow: hidden;} .fzln-list>div{float: left;width: 33.3333%;padding: 0;} .shang{top: 65px;left: 30px;} .xia{bottom: 65px;left: 30px;} .ghhd-tit{width: 20%;} .qyhd li:hover img{transform: scale(1.2);} .qyhd ul{overflow: hidden;margin: -20px -13.5px;} .qyhd li{width: 33.3333%;float: left;padding: 20px 13.5px;} .qyhd li p{line-height: 75px;padding: 0 15px;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .info-tit{background: #fff;text-align: center;padding: 15px; border-bottom:solid 1px #f4f4f4;} .info-tit h3{ color: #333333;font-size: 18px;padding-bottom: 5px;} .info-tit p{color: #999999;font-size: 16px;} .info-content{color: #333333;font-size: 14px;line-height: 2;padding: 15px 15px; background:#fff;} .info-content *{background:none !important;} .info-content * p{background:none !important;} .ywjs-tit{background-image: url(../img/yw-bg.jpg);} .ywjs-tit li{width: 50%;float: left;} .font-icon{overflow: hidden;} .icon-box i{color: #fff;font-size: 30px;} .font-icon p{color: #FFF;font-size: 12px;float: left;line-height: 53px;text-align: center;} .icon-box{float: left;padding: 10px;width: 40px;margin-right: 15px;} .ywjs-tit ul{overflow: hidden;} .ywjs-tit li.on .font-icon{background: #fff;} .ywjs-tit li.on .font-icon .icon-box i{color: #0053a3;} .ywjs-tit li.on .font-icon p{color: #0053A3;} .ywjs-content{padding: 10px;color: #333;line-height: 2;background: #fff;} .ywjs-content h3{font-weight: bold;font-size: 16px;} .info-content *{font-family:寰蒋闆呴粦 !important;font-size:14px !important;} } @media screen and (min-width: 992px) { .info-tit{padding: 35px 0;} .info-content *{font-family:寰蒋闆呴粦 !important;font-size:18px !important;} .info-tit h3{font-size: 24px;padding-bottom: 10px;padding-left: 30px;padding-right: 30px; font-weight:bold; color:#0053a3;} .info-content{padding: 20px;} .ywjs-tit ul.hd{overflow: inherit;} .zp-list-box{min-height: 500px;} .ywjs-tit{height: 150px;} .ywjs-tit li{width: 12.5%;} .icon-box i{font-size:77px;text-align: center;display: block;position: absolute;left: 50%;margin-left:-65px;top:0;} .ywjs-tit li.on .font-icon{background: none;} .ywjs-tit li.on .font-icon .icon-box {background: #fff;border-radius: 100%;} .ywjs-tit li.on .font-icon p{color: #fff;} .icon-box{width: 80px;height: 80px;margin-right: 0;} .font-icon{padding-top: 17px;} .font-icon p{font-size: 16px;float: none;} .icon-box{float: none;padding: 0;margin: 0 auto;display: flex;align-items: center;position: relative;} .ywjs-content{padding: 30px 20px;} .ywjs-content h3{font-size: 18px;} .ywjs-tit li{position: relative;} .san{display: none; border-top: solid 10px #0053A3; border-left: solid 10px transparent; border-right: solid 10px transparent;position: absolute;bottom: -10px;left: 50%;margin-left: -10px;} .ywjs-tit li.on .san{display: block;} .yw-dxal .case-list li{padding: 10px;} .yw-dxal .case-list ul{padding-bottom: 0;margin: -10px;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .qyjs-list li div i.pic-size {padding-bottom: 71%;} .qyjs-list li p{font-size: 14px;color: #333;text-align: center;padding-top: 5px;} .qyjs-list li{padding: 10px 0;} .Base-info h3{color: #0053a3;font-weight: bold;font-size: 20px;padding: 10px 0;} .Base-info {color: #444444;font-size: 14px;line-height: 2;} .gslz div{color: #666666;font-size: 16px;text-align: center;padding-top: 10px;} .gs-t li{color: #fff;font-size: 14px;line-height: 2;} .gs-t li span{width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;margin: 0 5px;margin-bottom: 2px;} .gs-t{padding: 15px 10px;background: #0053A3;} .qy-nav-l{background: #0053a3;} .qy-nav-l li a{color: #fff;line-height: 40px;border-bottom: 1px solid #4d87bf;display: block;text-align: center;} .qy-nav-l li.on,.qy-nav-l li:hover{background: #026cd2;} .qy-nav-l li.on a,.qy-nav-l li:hover a{border-bottom: 1px solid #026CD2;} .qy-info-r h3{font-size: 20px;color: #0053a3;font-weight: bold;padding: 15px 0;} .qy-info-r{color: #444444;font-size: 14px;line-height: 1.8 !important;} .qy-info-r *{font-family:瀹嬩綋 !important; font-size:18px !important;line-height: 1.8 !important; } .gs-lb{padding-bottom: 66%;} .swiper-gs-lb{padding-top: 30px;} } @media screen and (min-width: 992px) { .qyjs-list ul{overflow: hidden;margin: -15px;} .qyjs-list li{float: left;width: 25%;padding: 15px;} .qyjs-list li div{border: 4px solid #fff;} .qyjs-list li div img{width:100%;} .Base-info{float: left;width: 790px;} .gslz{float: right;position: relative;} .gslz div{position: absolute;right: 0;width: 20px;bottom: 10px;} .Base-info h3{font-size: 24px;} .Base-re{overflow: hidden;} .gs-box{overflow: hidden;} .gs-l{float: left;width: 718px;} .gs-r{float: right;width: 482px;} .gs-t{padding: 28px;} .gs-t li{font-size: 16px;} .qy-nav-l{float:left;width: 320px;position: absolute;height: 100%;padding: 30px 0;border-radius: 5px;} .qy-nav-l li a{line-height: 77px;font-size: 16px;margin: 0 30px;} .qy-nav-l li{position: relative;} .qyjs-gs-list{position: relative;overflow: hidden;min-height: 400px;} .qy-info-r{float: right;width: 845px;} .qy-info-r h3{padding: 30px 0;} .swiper-gs-lb .ghhd-next{right: 10px;} .swiper-gs-lb .ghhd-prev{left: 10px;} .san-1{border-left: solid 8px #026cd2; border-top: solid 8px transparent; border-bottom: solid 8px transparent; position: absolute;top: 50%;margin-top: -4px;right: -8px;z-index: 1;display: none;} .qy-nav-l li.on .san-1{display: block;} .gs-lb-pagin .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #cbcdcc;} .gs-lb-pagin .swiper-pagination-bullet-active{background: #0053A3;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px){ .index-tit div.public{float: right;} .n-l-tit{ background:#fff; padding:10px;} .n-l-t-r .tit{background: #fff;padding: 10px 0;text-align: center;} .n-l-t-r h3{color: #333333;font-size: 18px;padding: 10px 0;} .new-desc{color: #333333;line-height: 2;padding: 10px 0;} .news-date{color: #999999;font-size: 14px;padding-bottom: 10px;} .news-more{border: 2px solid #0053A3;padding: 10px 0;color: #0053A3;text-align: center;} .new-list .news{padding: 10px 0;} .new-list .news li a div{font-size: 14px;} } @media screen and (min-width: 992px) { .new-list .news li a div{font-size: 16px;} .new-list .news{float: none;width: 100%;} .news-date{padding: 0;} .new-desc{padding: 20px 0;} .n-l-tit{overflow: hidden;height: 319px; background:#fff; padding:0;} .n-l-t-r .tit{padding: 0 10px;} .n-l-t-l{float: left;width: 587px;} .n-l-t-r{float: right;width: 591px;position: relative;height: 100%;} .n-l-t-r h3{padding: 0;line-height: 100px;padding: 0 15px; border-bottom:solid 1px #f4f4f4; font-weight:bold; font-size:24px;} .news-more{position: absolute;bottom: 0;left:0; right:10px; bottom:10px; line-height: 46px;padding: 0;} } @media screen and (min-width: 1400px) and (max-width:1680px){} @media screen and (min-width: 991px) and (max-width:1480px){} @media screen and (min-width: 991px) and (max-width:1360px){} @media screen and (min-width: 320px) and (max-width:991px){ .new-box-img{display: none;} } @media screen and (min-width: 992px) { .img-box-style{background-position: center center;background-size: cover;width: 100%;height: 580px;background-repeat: no-repeat;} .new-box-img{background-color: #f6f8fa;} .i-f-box{position: relative;} .i-font{position: absolute;top: 0;left: 0px;z-index: 999;height: 100%;} .i-font-box{padding:0 40px;padding-top: 50px;padding-left:120px;} .i-font-name{color: #ffffff;font-size: 28px;font-weight: bold;} .i-font-out{color: #ffffff;font-size: 14px;font-weight: bold;} .i-font-out b{font-weight: bold;} .i-font-out span{ border-radius: 100%; width: 12px; height: 12px; border: 3px solid #fff; display: inline-block; margin-right: 11px; margin-top: 10px;} .i-font-desc{color: #ffffff;font-size: 14px;line-height: 1.75;padding-top: 30px;} .tags-box {float: right;} .tags-box ul{overflow: hidden;margin: 0 -2px;} .tags-box ul li{float: left;padding: 0 2px;} .tags-box li div{color: #ffffff;font-size: 16px;font-weight: normal;padding: 10px;background-color: #66a1e7;border-radius: 5px;} .tags-box li:nth-child(1) div{background-color: #66a1e7;} .tags-box li:nth-child(2) div{background-color: #45bebe;} .tags-box li:nth-child(3) div{background-color: #eeae6e;} .tags-box li:nth-child(4) div{background-color: #a8a884;} .tags-box li:nth-child(5) div{background-color: #e5887d;} .i-font-tit{width: 30px;color: #ffffff;font-size: 22px;line-height: 1;margin: 0 auto;padding-top: 30px;} .i-font-l-show{top: 0;width: 80px;height: 100%;display: table;z-index: 999;cursor: pointer;} .i-font-l-show-in{text-align: center;height: 100%;} .swiper-btm{position: absolute;top: 0;bottom: 0;height: 100%;width: 100%;z-index: 999;} .i-font-l{float: left;padding: 0 1px;height: 100%;} .font-box{float: right;height: 100%;overflow: hidden;} .i-font-tit-box{background-color: rgba(0,0,0,.3);height: 100%;padding-top: 180px;width: 80px;float: left;} .i-font-info{display: none;} .i-font-info{text-align: left;padding-left: 120px;padding-top: 60px;padding-right: 40px;} .show .i-font-info{display: block;} .i-font-l-one{float: left;width: 540px;position: absolute;} .i-font-l-one .i-font-info{display: block;padding-left: 40px;} .i-font-l-show-in .i-font-info{height: 100%;} .i-font-l-show-in .i-font-info a{display: block;width: 100%;height: 100%;} } /* 鍙戝睍鍘嗙▼ */ @media screen and (min-width: 320px) { .swiper-dian{width: 12px;height: 12px;border-radius: 100%;background-color: #0053A3;position: absolute;top: -20px;left:50%;margin-left: -6px;} .lb-swiper{padding-top: 20px;} .swiper-btn-bx{position: relative;} .swiper-x{height: 1px; background-color: #0053a3;position: absolute;width: 100%;bottom: -6px;} .swiper-lb-left{position: absolute;left: -5px;top: 50%;margin-top: -11px;z-index: 999;} .swiper-lb-right{position: absolute;right: -5px;top: 50%;margin-top: -11px;z-index: 99;} .lb-style{text-align: center;} .swiper-ld-nian{font-size: 12px;font-weight: bold;color: #0053a3;} .swiper-ld-name{color: #333333;font-size: 16px;font-weight: bold;padding: 10px 0;} .swiper-ld-desc{color: #333333;font-size: 12px;} .swiper-ld-img{width: 156px;margin: 0 auto;padding-top: 15px;} .swiper-ld-img i.pic-size{padding-bottom: 133%;} .ld-swiper-box{padding-top: 40px;} .ld-swiper-tit{font-size: 14px;font-weight: bold;color: #333;text-align: center;padding-bottom: 25px;} .fzlc-box{overflow: hidden;} .fzlc-new-box{background-color: #fff;padding: 60px 40px;} .fzlc-list{ padding-left: 90px; position: relative;padding-right: 15px;} .fzlc-tit{ font-weight: bold; color: #333333; font-weight: bold; font-size: 16px;} .fzlc-list::before{ content: ' '; position: absolute; left: 70px; top: 0; bottom: 0; width: 1px; background: #ECECEC;} .fzlc-list dl{ padding-top: 15px; position: relative;} .fzlc-list dt{ position: absolute; left: -90px; color: #0053a3; font-size: 22px;} .fzlc-list dt::before{ content: ' '; width: 3px; height: 34px; background: #0053a3; position: absolute; left: 69px; top: 50%; margin-top: -17px;} .fzlc-list dd{ border-bottom: dashed 2px #E7E7E7; padding-bottom: 15px; } .fzlc-list dd div{ padding: 10px 0; line-height: 2; font-size: 14px; color: #666666;} .gdt{margin: 5px; width: 99%; height:750px;overflow: auto; float: left;border: none;} .gdt-1::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ width: 6px; height: 1px; } .gdt-1::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ background: #e3e2ea; } .gdt-1::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ width: 6px;background: #f8f8f8;} .swiper-lb-left,.swiper-lb-right{cursor: pointer;} } @media screen and (min-width: 375px) { } @media screen and (min-width: 480px) { } @media screen and (min-width: 992px) { .ld-swiper-box{padding:40px 0;} .ld-swiper-tit{font-size:22px;padding-bottom: 30px;} .swiper-box{padding: 0 45px;} .lb-style{text-align: left;} .swiper-dian{left: 0;margin-left: 0;} .swiper-ld-nian{font-size: 16px;} .swiper-ld-name{font-size: 22px;} .swiper-ld-desc{font-size: 14px;} .swiper-ld-img{margin-left: 0;padding-top: 22px;} .fzlc-tit{ font-size: 20px;} .fzlc-list dd div{ font-size: 14px;} .fzlc-list dl{ padding-top: 20px;} .fzlc-list dd{ padding-bottom: 20px;} .fzlc-list{ padding-left: 155px;padding-right: 25px;} .fzlc-list::before{ left: 130px;} .fzlc-list dt{ font-size: 36px; line-height: 1; left: -155px; } .fzlc-list dt::before{ left: 129px;} } @media screen and (min-width: 1240px) { .fzlc-tit{ font-size: 22px;} .fzlc-list dl{ padding-top: 25px;} .fzlc-list dd{ padding-bottom: 25px;} .fzlc-list{ padding-left: 185px;padding-right: 35px;} .fzlc-list::before{ left: 150px;} .fzlc-list dt{ font-size: 40px; left: -185px; } .fzlc-list dt::before{left: 149px;} }