/*Top002262*/ .Top002262 { position: relative;width:100%; background: #fff; z-index: 100;} .Top002262.in{ opacity: 0; transform: translate(0, -100px); } .Top002262.in2 { opacity: 1; transform: translate(0, 0); } .banner-index { position: relative;} .banner-index a{width: 26px; height: 26px; background: rgb(165, 35, 37); color: rgb(255, 255, 255); font-size: 22px; position: absolute; border-radius: 50%; right: 30px; top: 20px; text-decoration: none; text-align: center; line-height: 26px; display: none; } .banner-index img{ display: block; width: 100%;} .Top002262 .header-left{ float: left; width: 40%; display:table; height:90px;max-width: 198px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-mid {} .Top002262 .header-menu li{ width:auto !important;} .Top002262 .header-menu li:last-child { margin-right: 0;} .Top002262 .header-menu li em{ padding:0 27px;position:relative;} .Top002262 .header-menu li em a{ line-height:90px; position:relative; font-size:16px; color:#555;} .Top002262 .header-menu li em a::after{ position:absolute; content:''; left:50%;bottom:0; transform:translateX(-50%); height:3px; background:#fff;width:0; transition:ease-in-out 0.3s;} .Top002262 .header-menu li em a:hover::after, .Top002262 .header-menu li.aon em a::after{width:100%;} .Top002262 .header-menu li .sub{ width:130%; left:-15%; overflow:hidden; } .Top002262 .header-menu li#m14 .sub{ display:none !important;} .Top002262 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top002262 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002262 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002262 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#0168b7; } .Top002262 .header-right { margin-left: 25px;} .Top002262 .header-right dd{ float:left;padding:25px 0;} .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../images/Top002262-search.png) no-repeat center center; width:35px; height:36px; display:block;} .Top002262 .open-search-show{ position:relative; background:none;} .Top002262 .open-search-show::before, .Top002262 .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#fff; top:50%; left:10%; transform:rotate(-45deg);} .Top002262 .open-search-show::after{transform:rotate(45deg);} .Top002262 .search-box{ position:absolute; top:100%; right:0; z-index:100; display:none;} .Top002262 .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;} .Top002262 .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;} .Top002262 .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;} @media(max-width:1024px){ .Top002262 { position: relative;} .Top002262 #header-menu li#m14.has-sub em::before{ display:none !important;} .Top002262 #header-menu{ position:fixed; right:-100%; top:0; background:#0168b7; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s;} .Top002262 #header-menu.header-menu-show{ right:0;} .Top002262 #header-menu ul{ background: #0168b7} .Top002262 #header-menu li em, .Top002262 #header-menu li em a{ border-bottom:0;} .Top002262 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} .Top002262 #header-menu li .sub-menu{ padding:5%;} .Top002262 #open_menu{ width:40px; height:30px;background:#fff; margin-top: 2px;margin-left:10px; position:relative; z-index:101; transition:background 0.3s;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#114771; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background:#114771; position:fixed; right:2%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} .Top002262 #open_menu.open_menu_on i, .Top002262 #open_menu.open_menu_on i::before, .Top002262 #open_menu.open_menu_on i::after{background:#fff;} } @media(max-width:480px){ /* .Top002262 {background:#114771;}*/ .Top002262 .header-left { height: auto;padding:14px 0;} .Top002262 .header-right dd {padding:20px 0;} } .Banner002744 .slick-initialized .slick-current .txt>*{animation:none;} /*Banner002744 */ .Banner002744{ position: relative; overflow: hidden; z-index: 1;} /*slick Basic*/ .Banner002744 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Banner002744 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Banner002744 .slick-list:focus {outline: none} .Banner002744 .slick-list.dragging {cursor: pointer;cursor: hand;} .Banner002744 .slick-slider .slick-track, .Banner002744 .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)} .Banner002744 .slick-track {position: relative; top: 0; left: 0; display: block;} .Banner002744 .slick-track:before, .Banner002744 .slick-track:after{display: table; content: '';} .Banner002744 .slick-track:after{ clear: both;} .Banner002744 .slick-loading .slick-track { visibility: hidden;} .Banner002744 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Banner002744 .slick-slide .slick-loading img { display: none;} .Banner002744 .slick-slide .dragging img { pointer-events: none;} .Banner002744 .slick-initialized{/*transition:6s linear;*/} .Banner002744 .slick-initialized .slick-slide { display: block;/*transition:6s linear;*/} .Banner002744 .slick-initialized .slick-active{/*transition:6s linear;*/} .Banner002744 .slick-initialized .slick-current img{/*transition:6s linear;*/} /*.Banner002744 .slick-initialized .slick-current img{ transform:scale(1.12); -webkit-transform:scale(1.12);transition:6s linear;}*/ .Banner002744 .slick-initialized .slick-current .txt>*{} .Banner002744 .slick-loading .slick-slide { visibility: hidden;} .Banner002744 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Banner002744 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Banner002744 li.slick-slide{position: relative; overflow: hidden;} .Banner002744 li.slick-slide a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; opacity: 0;-webkit-opacity: 0;} .Banner002744 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;z-index: 20;object-fit: cover;object-position: center center;} .Banner002744 li.slick-slide > img{display: block; width: 100%;position: relative;z-index: 18} .Banner002744 li .txt{display: block;width: 100%;max-width: 1280px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 20;} .Banner002744 li .txt>*{margin:0;color: #fff;;} .Banner002744 li .txt h2,.Banner002744 li .txt h3{font-size: 42px;letter-spacing: 5px;} .Banner002744 li .txt h3{padding-left: 100px;padding-top: 20px;} @media(max-width:1366px){ .Banner002744 li .txt{max-width: 960px;} .Banner002744 li .txt h2,.Banner002744 li .txt h3{font-size: 32px;letter-spacing: 2px;} .Banner002744 li .txt h3{} } @media(max-width:768px){ .Banner002744 li .txt{display: none} } @media(max-width:640px){ /*.Banner002744 li.slick-slide video { display: none;}*/ } @media(min-width:1025px){ .Banner002744 li.slick-slide > img.wap{display: none;} } @media(max-width:1024px){ .Banner002744 li.slick-slide > img.pc{display: none;} } .Banner002744 .pager {position: absolute;width:90%;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); bottom: 0;z-index:10; overflow: hidden;height: 60px;} .Banner002744 .slick-prev { display: none !important;} .Banner002744 .slick-next { width: 60px; height: 60px;background: url("../images/arrow-next.png") no-repeat center #020c15;border:0; cursor: pointer;font-size: 0;} .Banner002744 .slick-dots{float: left;} .Banner002744 .slick-dots li{float: left; width: 60px; height: 60px; background: #020c15;list-style: none; } .Banner002744 .slick-dots li button{display: block;border: 0;width: 100%;height: 100%;background: none;color: #fff;font-family: Tahoma;font-size: 16px; cursor: pointer;} .Banner002744 .slick-dots li.slick-active{background: #0168b7;} @media(max-width:768px){ .Banner002744 .pager {height: 30px;} .Banner002744 .slick-next {width:30px;height:30px;} .Banner002744 .slick-dots li {width:30px;height:30px;} } @keyframes mymove { 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.2); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.2); } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.2); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.2); } } /*Banner002848 */ .Banner002848 img{display: block;width: 100%;} /*Index_tit*/ .Index_tit { padding:6.5% 0 10px;} .Index_tit h3 {position: relative;margin:0; padding-bottom: 28px;font-weight:normal;font-size: 36px;color: #0168b7;} .Index_tit h3:after { position: absolute;content:'';left:50%;bottom:0;margin-left:-30px;width:60px;height:1px; background:#0168b7;} @media(max-width:768px){ .Index_tit {padding: 4% 0 3%;} .Index_tit h3 { font-size: 26px;} } /*Menu002147 */ .Menu002147{ background:#f5f5f5;height:90px;} .Menu002147 ul{ margin:0 auto;text-align: center;} .Menu002147 li{ display: inline-block; width:33.1%;text-align: center; position:relative;} .Menu002147 li:after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#ccc;} .Menu002147 li.end:after{ display:none;} .Menu002147 li a{ display:block;font-size:16px; position:relative; overflow:hidden; line-height:90px;height:90px;} .Menu002147 li a:after{ position:absolute; left:0; bottom:0;content:''; height:4px; width:100%;} .Menu002147 li.aon a, .Menu002147 li:hover a{ color:#0168b7;} .Menu002147 li.aon a:after, .Menu002147 li:hover a:after{ background:#0168b7;} @media(max-width:1024px){ .Menu002147 li{ padding:0 20px;} .Menu002147 li a{ line-height:50px;height:50px;} } @media(max-width:768px){ .Menu002147 { height: auto;padding:2% 0 0 ; margin-bottom: 2%;} .Menu002147 ul{ display:block;} .Menu002147 li{ float:left; width:25%; text-align:center; padding:0;} } @media(max-width:768px) and (min-width:481px){ .Menu002147 li:nth-child(4n):after{ display:none;} } @media(max-width:480px){ .Menu002147 li{ width:33.33333333333%} .Menu002147 li:nth-child(3n):after{ display:none;} } @media(max-width:375px){ .Menu002147 li a{ font-size:16px;} } /*Menu002148 */ .Menu002148{ background:#f5f5f5;height:90px;} .Menu002148 ul{ margin:0 auto;text-align: center;} .Menu002148 li{ display: inline-block; width:16%;text-align: center; position:relative;} .Menu002148 li:after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#ccc;} .Menu002148 li.end:after{ display:none;} .Menu002148 li a{ display:block;font-size:16px; position:relative; overflow:hidden; line-height:90px;height:90px;} .Menu002148 li a:after{ position:absolute; left:0; bottom:0;content:''; height:4px; width:100%;} .Menu002148 li.aon a, .Menu002148 li:hover a{ color:#0168b7;} .Menu002148 li.aon a:after, .Menu002148 li:hover a:after{ background:#0168b7;} @media(max-width:1024px){ .Menu002148 li{ padding:0 20px;} .Menu002148 li a{ line-height:50px;height:50px;} } @media(max-width:768px){ .Menu002148 ul{ display:block;} .Menu002148 li{ float:left; width:25%; text-align:center; padding:0;} } @media(max-width:768px) and (min-width:481px){ .Menu002148 li:nth-child(4n):after{ display:none;} } @media(max-width:480px){ .Menu002148 li{ width:33.33333333333%} .Menu002148 li:nth-child(3n):after{ display:none;} } @media(max-width:375px){ .Menu002148 li a{ font-size:16px;} } /*RighInfo002807 */ .RighInfo002807 .txt{padding-bottom: 5%;} .RighInfo002807 .txt .info{position:relative; z-index: 10;background: #fff; padding: 7% 3% 4% 6%;background:url(../images/RighInfo002806-bg1.png) no-repeat right -264px top -22% #fff;} .RighInfo002807 .txt .info aside.t-1{font-size: 34px;color: #333437;} .RighInfo002807 .txt .info aside.t-2{ font-family: "DINCond-Bold";color: #0168b7;font-size: 34px;} .RighInfo002807 .txt .info p{line-height: 30px;font-size: 16px;margin-top: 4%;text-align: justify;} .RighInfo002807 .txt .table td{border-bottom: 5px solid #fff;padding: 20px;line-height: 24px; background: #f7f7f7; font-size: 16px;} .RighInfo002807 .txt .table .f-name{width: 29.5%;border-right: 5px solid #fff;} .RighInfo002807 .txt .table tr:nth-child(2n) td:nth-child(2), .RighInfo002807 .txt .table tr:nth-child(2n-1) .f-name{background: #f0f0f0;} .RighInfo002807 .txt .table tr:last-child td{border-bottom: 0;} @media(min-width:1025px){ .RighInfo002807{padding-top: 2%;} .RighInfo002807 .txt .auto{position: relative; z-index: 1;padding-top: 6%;} .RighInfo002807 .txt .Ispic{position: absolute; right: 0; top: 0; height: 100%; width: 125%;} .RighInfo002807 .txt .info{float: right;width: 53.125%; max-height:445px;} .RighInfo002807 .txt .table{margin-top: 20%;} } @media(max-width:1024px){ .RighInfo002807 .txt .info{padding: 5% 0;} .RighInfo002807 .txt .Ispic{padding-bottom: 61%;} } @media(max-width:640px){ .RighInfo002807 .txt .info aside.t-1{font-size: 24px;} .RighInfo002807 .txt .info aside.t-2{ font-size: 24px;} .RighInfo002807 .txt .table td{padding: 10px;} } @media(max-width:480px){ .RighInfo002807 .txt .table td{font-size: 14px;} } .RighInfo002807 .mid{background-repeat: no-repeat;padding-top: 4%;background-size: 47.083% auto;} .RighInfo002807 .con1 .auto{position: relative; margin-bottom: 2%;} .RighInfo002807 .con1 .auto:before, .RighInfo002807 .con1 .auto:after{position: absolute; content: ''; border: 4px solid #0168b7; width: 51px; height: 30px;} .RighInfo002807 .con1 .auto:before{right: 0; top: 0; border-bottom: 0;border-left: 0;} .RighInfo002807 .con1 .auto:after{right: 0; bottom: 0; border:0;} .RighInfo002807 .con1 .p1{font-size:34px;color:#333;} .RighInfo002807 .con1 p{font-size:16px;line-height: 30px} .RighInfo002807 .num{position: relative; margin-bottom: 10%;} .RighInfo002807 .num:before, .RighInfo002807 .num:after{position: absolute; content: ''; border: 5px solid #f6550d; width: 30px; height: 30px;} .RighInfo002807 .num:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002807 .num:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002807 .num li{float:left; width:25%; padding: 30px 0;} .RighInfo002807 .num li .inner{color: #f6550d;font-family: "DINCond-Bold";font-size: 100px;display: table; margin: 0 auto;} .RighInfo002807 .num li aside{overflow: hidden; height: 0.6em;} .RighInfo002807 .num li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002807 .num li sup{font-size: 0.5em;line-height: 0.7em;vertical-align:top;} .RighInfo002807 .num li span{font-size: 0.8em;line-height: 0.725em;vertical-align: text-top;} .RighInfo002807 .num li p{font-size: 0.2em;} .RighInfo002807 .num li aside *{display: inline-block;} @media(max-width:1280px){ .RighInfo002807 .num li .inner{font-size: 80px;} } @media(max-width:1024px){ .RighInfo002807 .num li .inner{font-size: 70px;} } @media(max-width:768px){ .RighInfo002807 .num li{width: 50%;} .RighInfo002807 .num li:nth-child(2n+1){clear: left;} .RighInfo002807 .con1 .p1{font-size:24px;} } @media(max-width:480px){ .RighInfo002807 .num li .inner{font-size: 50px;} } /*视频*/ .RighInfo002807 .video{margin-bottom: 7%;position: relative;} .RighInfo002807 .video img{display: block;width: 100%;} .RighInfo002807 .video .play, .RighInfo002807 .video .files{position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .RighInfo002807 .video .play{background: url(../images/RighInfo002807-play.png) no-repeat center center rgba(102,135,154,0.5); z-index: 3; cursor: pointer;} .RighInfo002807 .video .files{ z-index: 10;display: none;} .RighInfo002807 .video .files video{object-fit: cover;} @media(max-width:480px){ .RighInfo002807 .video .play{background-size:40px auto;} } /*业务*/ .RighInfo002807 .business{margin-bottom: 5%;} .RighInfo002807 .business li{padding:4% 0;} .RighInfo002807 .business li:not(.no){border: 10px solid #f0f0f0;} .RighInfo002807 .business li .inner{margin-left: -10px;} .RighInfo002807 .business li .inner > *{border-left: 10px solid transparent; padding:0 10%;} .RighInfo002807 .business li .inner .info{border-left-color:#f6550d;} .RighInfo002807 .business li .icon img{max-height: 60px;} .RighInfo002807 .business li aside.t-1{color: #f6550d;font-size: 24px; margin: 27px 0 13px 0;} .RighInfo002807 .business li aside.t-2{font-size: 16px;} @media(min-width:641px){ .RighInfo002807 .business ul{display: table; width: 100%;} .RighInfo002807 .business li{display: table-cell; vertical-align: middle;} .RighInfo002807 .business li:not(:last-child){width: 32.03125%;} .RighInfo002807 .business li.no{width: 2.03125%;} } @media(max-width:640px){ .RighInfo002807 .business li .inner{margin-left: -5px;} .RighInfo002807 .business li:not(.no){border-width: 5px;} .RighInfo002807 .business li .inner > *{border-left-width: 5px;} } @media(max-width:480px){ .RighInfo002807 .business li .icon img{max-height: 40px;} .RighInfo002807 .business li aside.t-1{font-size: 20px;} .RighInfo002807 .business li aside.t-2{font-size: 14px;} } /*文化*/ .RighInfo002807 .culture{position: relative;z-index: 1;} .RighInfo002807 .culture:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%;background: rgba(246,85,13,0.8);} .RighInfo002807 .culture ul{padding: 4.6875% 0;position: relative; z-index: 2;} .RighInfo002807 .culture li{ vertical-align: top;color: #fff;} .RighInfo002807 .culture li aside{font-size: 24px; margin: 15% 0 6% 0;} .RighInfo002807 .culture li p{line-height: 32px; font-size: 20px;} @media(min-width:481px){ .RighInfo002807 .culture ul{display: table;width: 100%;} .RighInfo002807 .culture li{display: table-cell;width: 33.333333%;padding-left: 5%; } .RighInfo002807 .culture li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.5);} } @media(min-width:481px) and (max-width:640px){ .RighInfo002807 .culture li img{height: 40px;} } @media(max-width:640px){ .RighInfo002807 .culture li aside{font-size: 18px; } .RighInfo002807 .culture li p{line-height: 24px; font-size:16px;} } @media(max-width:480px){ .RighInfo002807 .culture{background-size:100% 100%;} .RighInfo002807 .culture li{padding:5%; margin: 0 5%;} .RighInfo002807 .culture li aside{ margin: 6% 0;} .RighInfo002807 .culture li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom: 3%;} } /*PicList002095 */ .PicList002095{margin-top:3%;} .PicList002095 li{ float:left; width:30.92%; margin-right:3.6%; margin-bottom:3.6%;} .PicList002095 li:nth-child(3n){ margin-right:0;} .PicList002095 li .Ispic{ display:block; padding-bottom:65%;} .PicList002095 li .Ispic img{ display:none;} .PicList002095 li div{ border:1px solid #eaeaea; border-top:0;transition: .3s;} .PicList002095 li .dot{ text-align:center; font-size:18px; padding:5% 5% 5%;} .PicList002095 li .dot:after{ display:none; content:''; height:1px; width:53px; margin:0 auto; margin-top:5%; background-color:#eaeaea;} .PicList002095 li p{display: none; line-height:18px; overflow:hidden; height:36px; color:#9e9e9e; font-size:12px; padding:0 5%;} .PicList002095 li aside{ border-top:1px solid #eaeaea; padding:0 5%; line-height:36px; text-align:right;} .PicList002095 li aside a{ background:url(../images/PicList002095-more_after.png) no-repeat right center; padding-right:15px; color:#555; display:inline-block;} .PicList002095 li aside a:before{ display:inline-block; content:''; background:url(../images/PicList002095-more.png) no-repeat left top; width:9px; height:9px; margin-right:5px;} .PicList002095 li:hover div { border-color:#0168b7} .PicList002095 li:hover a { color:#0168b7} @media(max-width:480px){ .PicList002095 li { width: 48%; margin-right: 4%;} .PicList002095 li:nth-child(3n) { margin-right: 4%;} .PicList002095 li:nth-child(2n) { margin-right: 0;} } @media(max-width:375px){ .PicList002095 li .dot{ font-size:14px;} .PicList002095 li aside a{ font-size:12px;} } /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #0168b7; background:#0168b7;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#0168b7; border-color:#0168b7;} .Page002193 .p_page b{ font-weight:normal;} /* .RighInfo002225 为demo编号 */ .RighInfo002225{margin-top:4%;margin-bottom:4%;} .RighInfo002225 .item{} .RighInfo002225 .wrap-content{} .RighInfo002225 .title{font-size: 36px;color: #0168b7;text-align: center;padding-bottom: 2%} .RighInfo002225 .title:after{content: '';display: block;width: 60px;height: 1px;background: #0168b7;margin: 20px auto} .RighInfo002225 .item{ color:#323232; margin:0 auto; padding:15px 0; max-width:553px;} .RighInfo002225 .item .word{ text-align:center; margin-bottom:15px;} .RighInfo002225 .item .pic{ text-align:center;} .RighInfo002225 .item .tit{ margin-top:0; font-size:24px; font-weight:normal;} .RighInfo002225 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002225 .item.first .tit{ font-style:normal; color:#323232; font-size:24px;} .RighInfo002225 .item .con{line-height:22px; position:relative; margin:0;} .RighInfo002225 .item .con dd{line-height: 30px;} .RighInfo002225 .item .con:before{ display:none;} .RighInfo002225 .item.first .con .stit{ color:#323232; font-size:18px; text-transform:uppercase;} @media screen and (min-width: 768px){ .RighInfo002225 .item{ max-width:none;margin:0; padding:0;} .RighInfo002225 .item .word{ float:left; width:50%; text-align:left; padding-right:5%; padding-left:0; margin-bottom:0;} .RighInfo002225 .item .pic{ float:right; width:50%;} .RighInfo002225 .item.odd .word{ float:right; padding-left:5%; padding-right:0;} .RighInfo002225 .item.odd .pic{ float:left;} .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:30px;color:#0168b7;font-family: "DINCond-Bold" } .RighInfo002225 .item .word{ padding-top:40px;} .RighInfo002225 .item .con{line-height:24px; overflow:hidden;padding-left:32px;} .RighInfo002225 .item .con:before{ position:absolute; left:0; top:6px; height:50%; max-height:60px; width:3px; content:""; background: -webkit-linear-gradient(top, #0168b7, #02c0ff); display:block;} .RighInfo002225 .item .con dd{line-height: 30px;float:left;width:40%;} .RighInfo002225 .item .con dd:nth-child(2n+1){width:53%;} .RighInfo002225 .item .tit em{ font-size:14px;} .RighInfo002225 .item .tit{background: -webkit-linear-gradient(top, #0168b7, #02c0ff); color: #1585d4; font-size: 26px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .RighInfo002225 .item .con span{display: block;font-size:24px;color:#0168b7;margin-bottom:15px;} .RighInfo002225 .item.first{ position:relative; margin-bottom:60px;} .RighInfo002225 .item.first .word{ position:absolute; width:55%; left:0; top:10%; height:90%; border:1px solid #040000; padding:6% 10% 0 8%;} .RighInfo002225 .item.first .pic{ position:relative; z-index:2;} .RighInfo002225 .item.first .con{ padding-left:0;} .RighInfo002225 .item.first .con:before{ display:none;} } @media screen and (min-width: 1024px){ .RighInfo002225 .item .tit,.RighInfo002225 .item.first .tit{font-size:62px;margin-bottom:14px; } .RighInfo002225 .item .word{ padding-top:51px;max-height:320px; overflow: hidden;} .RighInfo002225 .item .con{line-height:30px;} } @media(max-width:414px){ .RighInfo002225 .item .con{ padding: 0 35px} .RighInfo002225 .item .con span { display: block; font-size: 18px; margin-bottom: 20px;} } @media(max-width:375px){ .RighInfo002225 .item .con{ padding: 0 25px} } /* .RighInfo002778 */ .RighInfo002778{ padding:3% 0 4%;} .RighInfo002778 .auto{max-width:1280px;margin:0 auto;} .RighInfo002778 .auto_1650{ max-width:1650px;} @media(max-width:1650px){ .RighInfo002778 .auto_1650{ padding:0 2%;} } .RighInfo002778 .auto_1680{ max-width:1680px;} @media(max-width:1680px){ .RighInfo002778 .auto_1680{ padding:0 2%;} } .RighInfo002778 .title{ padding-bottom:5%; font-size: 26px; color: #333; position: relative; text-align: center;} .RighInfo002778 .title span{text-transform:uppercase; font-size:20px; font-family:"Arial"; color:#f7f7f7;display: block; position: absolute; top:5%; width: 100%; z-index: -1;line-height: 36px;} .RighInfo002778 .title:after{ display:block; content:''; margin:30px auto 0;width:40px; height:1px;background-color:#ccc;} .RighInfo002778 .intro, .RighInfo002778 .img{padding:0%; margin: 0 auto;} .RighInfo002778 .span{color:#0168b7; font-size: 36px;} .RighInfo002778 .h1{color:#333; font-size:22px;font-weight:normal; margin:14px 0; position: relative; padding-bottom: 28px;text-align: justify;} .RighInfo002778 .h1:after{display: none; position: absolute; left:16px; bottom: 0; content:''; width:1px; height:40px;background-color:#cb8d40; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } .RighInfo002778 .p{color:#666; font-size:14px; margin: 0; line-height: 30px;text-align: justify;} .RighInfo002778 .box{margin-top: 4%;} .RighInfo002778 .box ul{position:relative; font-size: 0;} .RighInfo002778 .box li .Ispic{display: block; transition:all 0.5s;} .RighInfo002778 a{display: inline-block; color:#0168b7;border:1px solid #0168b7;padding:10px 33px;font-size:15px;margin-top:36px;margin-top:62px; } @media(min-width:541px){ .RighInfo002778 .title{ font-size:36px;} .RighInfo002778 .title span{font-size:30px;} .RighInfo002778 .box ul{ padding-bottom:31.152%;} .RighInfo002778 .box li{position:absolute; overflow: hidden;} .RighInfo002778 .box li:nth-child(1){width:32.91%; height:100%; left: 0; top:0;} .RighInfo002778 .box li:nth-child(2){width:9.94%; height:30.545%; left:34%; top: 0;} .RighInfo002778 .box li:nth-child(3){width:9.94%; height:30.545%; left:45.03%; top: 0;} .RighInfo002778 .box li:nth-child(4){width:9.94%; height:30.545%; left:56.06%; top: 0;} .RighInfo002778 .box li:nth-child(5){width:9.94%; height:30.545%; left:67.09%; top: 0;} .RighInfo002778 .box li:nth-child(6){width:21%; height:65.567%; left:34%; bottom: 0;} .RighInfo002778 .box li:nth-child(7){width:9.94%; height:30.545%; left:56.06%; top:34.4%;} .RighInfo002778 .box li:nth-child(8){width:9.94%; height:30.545%; left:67.09%; top:34.4%;} .RighInfo002778 .box li:nth-child(9){width:9.94%; height:30.545%; left:56.06%; bottom:0;} .RighInfo002778 .box li:nth-child(10){width:9.94%; height:30.545%; left:67.09%; bottom:0;} .RighInfo002778 .box li:nth-child(11){width:21.86%; height:65%; right:0; top:0;} .RighInfo002778 .box li:nth-child(12){width:10.435%; height:30.545%; right:11.525%; bottom:0;} .RighInfo002778 .box li:nth-child(13){width:10.435%; height:30.545%; right:0; bottom:0;} .RighInfo002778 .box li .Ispic{height: 100%;} .RighInfo002778 .box li:hover .Ispic{transform: scale3d(1.1,1.1,1.1);} } @media(max-width:540px){ .RighInfo002778 .box li{width: 48.5%; margin-right:3%; display: inline-block; margin-bottom:3%;} .RighInfo002778 .box li:first-child{width:100%; margin-right: 0; } .RighInfo002778 .box li:nth-child(2n+1){margin-right:0;} .RighInfo002778 .box li .Ispic{ padding-bottom: 50%;} .RighInfo002778 .span { display: block; margin-top: 20px;font-size: 22px;text-align: center;} .RighInfo002778 .h1 { font-size: 16px;text-align: center;} } @media(min-width:1000px){ .RighInfo002778 .intro{ float:left; width:45%;margin-top:-2%; } .RighInfo002778 .img{ float:right; width:47%; position: relative; padding: 22px; padding-right: 0;} .RighInfo002778 .img img{box-shadow: 0 0 5px #ccc;} .RighInfo002778 .img:before{left:-6%;content: ""; width:71%; height:91%; max-width: 668px;max-height: 668px; position: absolute; top:-6%; background:#f5f5f5; z-index:-1;} } @media(min-width:1400px){ .RighInfo002778 .intro{ padding-top: 0%;} .RighInfo002778 .p{ font-size:16px;} } /*Timeline002790 */ .Timeline002790 { padding:6% 0 3%} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f7f7f7; border-radius: 10px; padding:42px; float: right; position: relative; overflow: hidden;border: 1px solid #fff } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{width: 60%; } .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:14px; line-height:24px; padding-right: 21px} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 30px;color: #0168b7; padding-bottom: 7px; font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li .txt p{font-size:18px;color:#333;margin-top:4px;} .Timeline002790 li .txt span{position: relative; display: block;} .Timeline002790 li .txt span:after{content:'';width:4px;height:4px;background:#0168b7;display: block;position: absolute;left:-10px;top:10px;border-radius: 20px} .Timeline002790 li.hover .con{ border: 2px solid #0168b7} .Timeline002790 li.hover:after{ border-color: #0168b7} .Timeline002790 li.hover:before{ border-color: #0168b7} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #0168b7; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /*Floor002733 */ .Floor002733{overflow-x: hidden;} .Floor002733 .auto{padding: 0!important; width: 96%; } .Floor002733 .column-name{ text-align: center; padding: 35px 0; font-size: 28px;} .Floor002733 .column-name .cn{color: #184477; letter-spacing: 5px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .Floor002733 .column-name .en{text-transform: uppercase; color: #f1f1fa; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; } @media(max-width:480px){ .Floor002733 .column-name{ font-size: 24px;} .Floor002733 .column-name .cn{line-height: 40px;} } .Floor002733 .slick-dots{padding-top: 20px; text-align: center;} .Floor002733 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002733 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;} .Floor002733 .slick-dots li.slick-active{border-color: #184477;} .Floor002733 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #184477;} .Floor002733 .more{padding: 20px 0 44px 0; } .Floor002733 .more a{display: block; line-height: 58px; width: 220px; border-radius: 5px; border: 1px solid #e5e5e5; margin: 0 auto;text-align: center; font-size: 16px; transition: 0.3s; color: #aaa;} .Floor002733 .more a:hover{background: #184477; border-color: #184477; color: #fff;} .Floor002733 li.slick-slide{padding-top: 14px; height: auto;} .Floor002733 li.slick-slide .inner{ position: relative;transition: 0.3s; } .Floor002733 li.slick-slide .inner > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;transition: 0.3s;border: 3px solid #184477; opacity: 0;-webkit-opacity: 0;} .Floor002733 li.slick-slide .pic{overflow: hidden;} .Floor002733 li.slick-slide .Ispic{padding-bottom: 65.79%; transition: 0.3s;} .Floor002733 li:hover .Ispic{ transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);} .Floor002733 li.slick-slide:hover a{ opacity: 1;-webkit-opacity: 1;} .Floor002733 li.slick-slide:hover .inner{box-shadow: 0 0 14px rgba(0,0,0,0.3);} .Floor002733 li.slick-slide .txt{padding: 30px;} .Floor002733 li.slick-slide .txt time{color: #666; font-size: 16px;} .Floor002733 li.slick-slide .txt aside{font-weight: bold; color: #184477;font-size: 18px; margin-top: 10px;} .Floor002733 li.slick-slide .txt p{line-height: 28px;} @media(min-width:1201px){ .Floor002733 .slider{margin-left: -35px; margin-right: -35px; } .Floor002733 li.slick-slide .inner{ margin: 0 35px;} } @media(max-width:1200px){ .Floor002733 li.slick-slide .inner{ margin: 0 14px;} } @media(max-width:1024px){ .Floor002733 li.slick-slide .txt{padding: 15px;} } /*TextList002514 */ .TextList002514{max-width:1280px;margin:0 auto;margin-top:4%;margin-bottom:1%;} .TextList002514 .list{ border:1px solid #e8e8e8; margin-bottom:15px;} .TextList002514 .job-title{ line-height:30px; padding:15px 0; font-size:18px;color:#333; cursor:pointer; position:relative;padding:1% 3%;} .TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#0168b7; border-radius:50%; right:17px; top:50%; margin-top:-11px;} .TextList002514 .job-title i::before, .TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;} .TextList002514 .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{ color:#fff;background:#0168b7;} .TextList002514 .job-title.select i{background:#fff;} .TextList002514 .job-title.select i::before{background:#0168b7;} .TextList002514 .job-main{ display:none; padding:35px 3%; border-top:1px dotted #e5e5e5;} .TextList002514 .job-main strong{font-size:15px;} .TextList002514 .job-email{ color:#0168b7; padding:30px 0;} @media(max-width:1024px){ .TextList002514 .job-title { font-size: 16px;} } /*PicList002735 */ .PicList002735{margin-top:2%;margin-bottom:2%;} .PicList002735 li{ margin-top: 3.6%;} .PicList002735 li a{display: block; transition: 0.3s;} .PicList002735 li a:hover{ box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .PicList002735 li a:hover time{color:#555;} .PicList002735 li a time{color:#555;} .PicList002735 li a:hover .txt h3{color:#0168b7;font-weight: bold;} .PicList002735 li .Ispic{ background-size: contain;background-color: #fff; padding-bottom: 65.241%;} .PicList002735 li .txt{padding: 1% 4%;border: 2px solid #f0f0f0;border-top:0;} .PicList002735 li:hover .txt{border-color: #fff;} .PicList002735 li .txt h3{font-size: 18px; color: #333;margin-bottom:11px;font-weight: normal;} .PicList002735 li .txt p{line-height: 24px;color: #555;height: 50px; } @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width: 30.9%; } .PicList002735 li:not(:nth-child(3n)){margin-right: 3.6%;} .PicList002735 li .txt {padding: 25px;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } /* .Menu000706 为demo编号 */ .Menu000706{ padding-bottom:2%;} .Menu000706 header{ margin-top:-3%;} .Menu000706 header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0; padding:10px 10% 10px 18px; background:url(../images/Menu000706-icon.png) no-repeat 95% center #ed6c00; color:#fff; font-weight:normal; font-size:24px;} .Menu000706 header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;} .Menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;padding-bottom:2%;} .Menu000706 nav dl{ font-size:16px;float:right; right:0; top:50%; margin-top:49px; background:url(../images/Menu000706-cur.png) no-repeat left center; padding-left:30px; color:#666; line-height:24px;} .Menu000706 nav dl a{color:#666;font-size:16px;} .Menu000706 nav dl span, .Menu000706 nav dl a:hover{color:#0168b7;} .Menu000706 nav li a{ display:block; font-size:16px; padding:18px 0;} @media(min-width:769px){ .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; padding:0 2%;} .Menu000706 nav li a:hover, .Menu000706 nav li a.aon{ color:#0168b7; border-bottom:3px solid #0168b7;} } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} .Menu000706 header{ position:relative; z-index:5;} .Menu000706 header h1{ display:block; padding-right:0;} } @media(max-width:768px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;} .Menu000706 nav ol span{display:block; background-color:#0168b7; padding:5px;border-radius:3px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;} .Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #0168b7;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#0168b7; padding:5px; border-radius:0 0 5px 5px; display:none;} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #0168b7;border-radius:5px;} .Menu000706 nav li:nth-child(2n){ background-color:rgba(255,255,255,0.8);} .Menu000706 nav li a{ padding:0 2%; line-height:40px; } .Menu000706 nav li a:hover{color:#0168b7;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } /*Map002520 */ .Map002520{ padding:3% 0 4%;} .Map002520 .auto{ background:#fff; box-shadow:3px 0 20px rgba(0,0,0,0.1); padding:2% 2%;} .Map002520 .right{ position:relative; /*height:568px;overflow-y: scroll;padding-right:13px;*/} .Map002520 .right::-webkit-scrollbar{width:5px;height:10px; /**/ } .Map002520 .right::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:2px; } .Map002520 .right::-webkit-scrollbar-thumb{ background: #e0e0e0; border-radius:10px; } .Map002520 .right::-webkit-scrollbar-thumb:hover{ background: #333; } .Map002520 .right::-webkit-scrollbar-corner{ background: #179a16; } .Map002520 .right .bx-controls-direction a{ position:absolute; width:100%; left:0; height:31px; cursor:pointer; background:#fbf9ee; overflow:hidden; text-indent:-999em;} .Map002520 .right .bx-controls-direction a::before{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; left:50%; margin-left:-6px; margin-top:-3px; top:50%;} .Map002520 .right .bx-controls-direction a.bx-prev{ top:0; border-bottom:11px solid #fff;} .Map002520 .right .bx-controls-direction a.bx-prev::before{ border-top-color:transparent;border-bottom-color:#ababab; margin-top:-8px;} .Map002520 .right .bx-controls-direction a.bx-next{ bottom:0; border-top:11px solid #fff;} .Map002520 .right li{ line-height:26px; border-bottom:1px solid #eee; padding:19px 0; cursor:pointer;} .Map002520 .right li > *{ margin:0;} .Map002520 .right li h5{ font-size:18px;margin-bottom:5px; color:#0168b7;/*font-weight:normal;*/} .Map002520 .right li p{ position:relative; } .Map002520 .right li p span{} .Map002520 .left { display: none;} .Map002520 .left .name{ width:224px;} .Map002520 .left .name h2{ margin:0; color:#6c3b27; font-size:30px; font-weight:normal;} .Map002520 .left .name h2 span{ display:block; font-size:14px; color:#bbbbbb; font-family:"Courier New", Courier, monospace; text-transform:uppercase;} .Map002520 .left .name p{ margin-bottom:0; line-height:24px;} .Map002520 .map{ position:relative;} .Map002520 .map > img{ width:100%;} .Map002520 .map #allmap{width:100%; height:565px;} .Map002520 .map #allmap img{ max-width:none;} .Map002520 .map #allmap *{ box-sizing:content-box;} .Map002520 .map #allmap .anchorBL, .Map002520 .map #allmap .BMap_cpyCtrl{ display:none !important;} @media(min-width:1025px){ .Map002520 .right{ width:50%;margin: 0 auto} .Map002520 .left{ float:left; width:70%;} } @media(min-width:641px){ /*.Map002520 .left{ display:table;} .Map002520 .left > *{ display:table-cell; vertical-align:middle;}*/ } @media(max-width:1024px){ .Map002520 .left{ width:100%;} .Map002520 .right{ margin-top:3%;} } @media(max-width:480px){ .Map002520 .select dl > *{ float:none; margin-bottom:10px; width:auto !important;} .Map002520 .map #allmap{width:100%; height:320px;} } /* .RighInfo002803 为demo编号 */ .RighInfo002803 { padding: 4% 0 0; } .RighInfo002803 .auto { max-width: 1280px; } .RighInfo002803 .title{font-size: 36px;color: #0168b7;text-align: center;padding-bottom: 2%} .RighInfo002803 .title:after{content: '';display: block;width: 60px;height: 1px;background: #0168b7;margin: 20px auto} .RighInfo002803 .tit{font-size:26px;color:#333;text-align: center;margin-bottom:47px;} .RighInfo002803 .tit:after{content:'';width:55px;height:2px;background:#0168b7;display: block;margin:0 auto;margin-top:18px;display: none} .RighInfo002803 .tit p{line-height: 27px;color:#666;} .RighInfo002803 dl dd{float:left;width:20%;text-align: center;font-size:18px;color:#333;} .RighInfo002803 dl dd img{width:110px;} .RighInfo002803 .p2{font-size:16px;text-align: center;} @media(max-width:1440px) { .RighInfo002803 .auto { padding-left: 2%; padding-right: 2%; } } .RighInfo002803 .txtbox { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; margin-bottom: 4%; } .RighInfo002803 .name { font-size: 24px; color: #000; line-height: 1; padding-bottom: 20px; } .RighInfo002803 .name em { font-style: normal; color: #c92c0d; } .RighInfo002803 .word { line-height: 30px; font-size: 16px; color: #585858; position: relative; } .RighInfo002803 .word .wap_pic { display: block; text-align: center; } .RighInfo002803 .word .pc_pic { display: none; } .RighInfo002803 .word .fr { margin-left: 60px; margin-bottom: 40px; } .RighInfo002803 .word .fl { margin-right: 60px; margin-bottom: 40px; margin-top: 40px; } @media only screen and (min-width:769px ) { .RighInfo002803 .name { font-size: 36px; padding-bottom: 30px; } .RighInfo002803 .word .wap_pic { display: none; } .RighInfo002803 .word .pc_pic { display: block; position: absolute; right: 0; top: 0; z-index: -1; } .RighInfo002803 .word .pic { display: block; float: right; margin-left: 50px; } .RighInfo002803 .p { padding-right: 54%; margin-bottom: 20px; } .RighInfo002803 .p1 { } } @media (max-width: 1200px) { .RighInfo002803 .word .pc_pic { position: static; width: 45%; float: right; margin-left: 5%; } .RighInfo002803 .p, .RighInfo002803 .p1 { padding-right: 0; } } .RighInfo002803 ul { padding-top: 1%; } .RighInfo002803 li { float: left; width: 32%;height:370px; text-align: center; position: relative; border: 1px solid #ddd; } .RighInfo002803 li+li { margin-left: 2%; } .RighInfo002803 li div { padding: 10% 0; margin: 0 auto; width: 80%; max-width: 280px; } .RighInfo002803 li figure img { width: 50%; max-width: 87px; ; transition: 0.3s; } .RighInfo002803 li h3 { font-size: 30px; font-weight: normal; color: #000; margin: 0; margin-top: 15px; } .RighInfo002803 li p { line-height: 28px; font-size: 16px; color: #666;text-align: left; margin-bottom: 0; } .RighInfo002803 li:hover * { color: #c92c0d !important; } .RighInfo002803 li:hover figure img { transform: scale(1.15); } @media(max-width:768px) { .RighInfo002803 li h3 { font-size: 20px; margin-top: 10px; } .RighInfo002803 li p { font-size: 16px; } } @media(max-width:480px) { .RighInfo002803 .tit { font-size: 22px;} .RighInfo002803 li { width: 100%; height: auto;float: none; margin-left: 0 !important; margin: 2% 0; } } /*RighInfo002806 */ .RighInfo002806{padding: 4% 0 5%;background: #f5f5f5} .RighInfo002806 .title{font-size: 36px;color: #0168b7;text-align: center;padding-bottom: 2%} .RighInfo002806 .title:after{content: '';display: block;width: 60px;height: 1px;background: #0168b7;margin: 20px auto} .RighInfo002806 .txt aside.t-1{font-size: 42px;color: #333437;} .RighInfo002806 .txt aside.t-2{ font-family: "DINCond-Bold";color: #f6550d;font-size: 34px;} .RighInfo002806 .txt p{line-height: 30px;font-size: 16px;margin-top: 4%;} .RighInfo002806 .num .pic img{display: block; width: 100%;} .RighInfo002806 .num .list{ position: relative;padding-left:52px;padding:68px 50px;} .RighInfo002806 .num .list:before, .RighInfo002806 .num .list:after{position: absolute; content: ''; border: 5px solid #0168b7; width: 30px; height: 30px;} .RighInfo002806 .num .list:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002806 .num .list:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002806 .num .list li{float:left; width: 55%; padding: 30px 0;} .RighInfo002806 .num .list li .inner{color: #333;font-size: 18px;} .RighInfo002806 .num .list .p1{font-size:18px;color:#333;margin-top:15px;} .RighInfo002806 .num .list li aside{} .RighInfo002806 .num .list li aside span{font-size:36px;color:#0168b7;font-weight: bold; display: inline-block;margin-left:8px;} .RighInfo002806 .num .list li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002806 .num .list li sup{font-size: 0.5em;line-height: 0.7em;vertical-align:top;} .RighInfo002806 .num .list li span{font-size: 0.8em;line-height: 0.725em;vertical-align: text-top;} .RighInfo002806 .num .list li p{font-size: 0.2em;} .RighInfo002806 .num .list li aside *{display: inline-block;} .RighInfo002806 .culture ul{padding: 4.6875% 0;background: rgba(246,85,13,0.8);} .RighInfo002806 .culture li{ vertical-align: top;color: #fff;} .RighInfo002806 .culture li aside{font-size: 20px; margin: 15% 0 6% 0;} .RighInfo002806 .culture li p{line-height: 32px; font-size: 20px;} .RighInfo002806 .num .list dl { overflow: hidden;} .RighInfo002806 .num .list dl dd{width:20%;float:left;font-size:18px;color:#333;} .RighInfo002806 .num .list dl dd span{display: block;color:#0168b7;font-size:36px;font-weight: bold; margin-top:16px;} @media(min-width:481px){ .RighInfo002806 .culture ul{display: table;width: 100%;} .RighInfo002806 .culture li{display: table-cell;width: 33.333333%;padding-left: 5%; } .RighInfo002806 .culture li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.5);} } @media(min-width:769px){ .RighInfo002806 .num .pic{float: right; width: 39.75%; position: relative;} .RighInfo002806 .num .pic:before{position: absolute; left: 0;bottom: 0; height:66.746%; width: 12.143%;background: #f5f5f5; content: '';} .RighInfo002806 .num .list{float: left; width: 60%;} } @media(max-width:1280px){ } @media(max-width:1024px){ } @media(min-width:481px) and (max-width:640px){ .RighInfo002806 .culture li img{height: 40px;} } @media(max-width:640px){ .RighInfo002806 .txt aside.t-1{font-size: 32px;} .RighInfo002806 .txt aside.t-2{font-size: 24px;} .RighInfo002806 .culture li aside{font-size: 18px; } .RighInfo002806 .culture li p{line-height: 24px; font-size:16px;} } @media(max-width:480px){ .RighInfo002806 .culture{background-size:100% 100%;} .RighInfo002806 .culture li{padding:5%; margin: 0 5%;} .RighInfo002806 .culture li aside{ margin: 6% 0;} .RighInfo002806 .culture li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom: 3%;} .RighInfo002806 .num .list {padding: 8%;} .RighInfo002806 .num .list li{float:none; width: 100%; padding: 30px 0;} .RighInfo002806 .num .list dl dd { width: 33.3%; margin-top: 4%; font-size: 16px;} .RighInfo002806 .num .list .p1 , .RighInfo002806 .num .list li .inner { font-size: 16px;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:2%;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:52%;} .PicList000762 li a:hover{ background-color:#ee7700; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /* .RighInfo001355 为demo编号 */ .RighInfo001355{ padding:4.5% 0;} .RighInfo001355 .auto{} .RighInfo001355 figure {float:right; margin-left:5%; width:39.6%;} .RighInfo001355 .text{float:left;width:50%;text-align: justify;} .RighInfo001355 .p1{font-size:34px;color:#0168b7;line-height: 45px;} .RighInfo001355 .p2{color:#333;margin-bottom:13px;font-size:28px;} .RighInfo001355 .con{margin-top:9%;overflow: hidden;} .RighInfo001355 p{font-size:16px;line-height: 32px;text-indent: 2em;color:#555;} .RighInfo001355 .more{background:#fff;color:#0168b7;border:1px solid #0168b7; padding:11px 27px 11px 38px;display: inline-block;font-size:16px;margin-top:8%; cursor: pointer;transition: .3s;} .RighInfo001355 .more span{width:10px;height:1px;float:right;background:#0168b7;display: inline-block;margin-top:12px;margin-left:12px;transition: .3s;} .RighInfo001355 .more:hover {background:#0168b7;color:#fff;} .RighInfo001355 .more:hover span {background:#fff;} .RighInfo001355 .more em{ font-style:normal} @media(max-width:480px){ .RighInfo001355 figure, .RighInfo001355 .text {float:none;width:100%;margin:0;} .RighInfo001355 .p1 { font-size: 18px; } .RighInfo001355 .p2 { margin-bottom: 0;} .RighInfo001355 .con { margin-top: 0;} } /*RighInfo002816 */ .RighInfo002816{padding-top: 5%;} .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 6%;} .RighInfo002816 ul .inner{background: #f9f9f9;padding-top: 8%; padding-bottom: 10%;} .RighInfo002816 ul h3{ font-size: 24px;font-weight: normal; color: #333;} .RighInfo002816 ul h3:before{display: inline-block; content: ''; height:24px; width:3px; background: #0168b7; vertical-align: middle; margin-right: 15px;margin-top:-5px;} .RighInfo002816 ul .li p{ line-height: 28px; color: #666;font-size:15px;margin-bottom:0;} .RighInfo002816 ul .li p b{display: block;font-size:25px;font-weight: normal; color:#0168b7;} .RighInfo002816 ul .li .p1{font-size:18px;color:#333;} .RighInfo002816 ul .li .p2{margin-bottom:30px;} .RighInfo002816 ul .li p span{position: relative; display: inline-block;margin-right:32px;} .RighInfo002816 ul .li p span:after{content:'';width:4px;height:4px;background:#0168b7;display: block;border-radius: 15px;float:left;margin-top:13px;margin-right:8px;} .RighInfo002816 ul .li .icon{padding-bottom: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li{width: 50%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner{ margin-left: -10%; padding-left: 15%;padding-right:15%;} .RighInfo002816 ul:nth-child(2n) .li .inner{width: 110%; padding-right: 15%;padding-left:15%; } } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } @media(max-width:480px){ .RighInfo002816 ul h3 { font-size: 20px;} } /* .PicList002239 为demo编号 */ .PicList002239 { padding:3.5% 0 0;} .PicList002239 .list li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left;transition: .3s; } .PicList002239 .infobox .singlePage{line-height: 28px;color: #333;} .PicList002239 .infobox .singlePage p{ margin:0 0 15px;} .PicList002239 .infobox .box{ display:table;} .PicList002239 .infobox .box img{ display:block;} .PicList002239 .infobox h5{margin:0;font-size:18px;color:#333;margin-bottom: 30px;line-height:32px;font-weight:normal;} .PicList002239 .infobox .box{margin-bottom:3%;background: #f8f8f8;padding: 2%;} .PicList002239 .infobox .box dl dd{ float:left; width:49%;margin-right:2%;} .PicList002239 .infobox .box dl dd:last-child{ margin-right:0%;} .PicList002239 .infobox .box .txt{padding-right: 2%;} .PicList002239 .infobox .box p{font-size: 14px;line-height:24px;margin:0 0 15px;color: #666;} .PicList002239 .infobox .title-css{padding:0 0 15px;} .PicList002239 .infobox .title-css span{display: block;font-size: 20px;color: #0168b7;padding-left: 25px;position: relative;} .PicList002239 .infobox .title-css span:after{border: 3px #0168b7 solid;content:'';width: 14px;height: 14px;display:block;border-radius: 10px;position: absolute;left: 0;top: 10px;} @media(min-width:769px){ .PicList002239 .infobox .box .txt, .PicList002239 .infobox .box dl{display:table-cell;vertical-align: middle;} .PicList002239 .infobox .box dl{width:50%;/* padding-left:5%; */} .PicList002239 .list li{margin-right:4%; width:30.6%; } .PicList002239 .list li:hover { border-bottom-color: #0168b7;} .PicList002239 .list li:hover dt { color: #0168b7;} .PicList002239 .list li:nth-child(3n){ margin-right:0;} } .PicList002239 .list li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 .list li dl{ position:relative; margin:0 10px; text-align: center; line-height:62px;} .PicList002239 .list li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 .list li dt{font-size: 18px; color: #333;} @media(max-width:768px){ .PicList002239 .list li{ width:48%; margin-right:4%;} .PicList002239 .list li:nth-child(2n){ margin-right:0;} .PicList002239 .list li dt { font-size: 16px;} } /*RighInfo002522 */ .RighInfo002522{ padding:3% 0;} .RighInfo002522 .title{ padding-bottom:3%; font-size:36px; color:#132b47;} .RighInfo002522 .title span{ display:block; font-size:14px; color:#999; text-transform:uppercase;} .RighInfo002522 .list dl{ float:left; width:100%; display:table; border:1px solid #ddd; margin-bottom:3.5%;} .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:95px;} .RighInfo002522 .list dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#0168b7; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .RighInfo002522 .list dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#9abd55; bottom:0; right:0;} .RighInfo002522 .list dd p{ padding:3% 5% 3% 0; color:#666; margin:0;font-size:18px;} @media(max-width:1024px){ .RighInfo002522 .title{ font-size:24px;} } @media(min-width:769px){ .RighInfo002522 .list dl{width:23.5%;margin-right:2%;} .RighInfo002522 .list dl:nth-child(4n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(4n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } /*Floor001893*/ .Floor001893{padding-top:0%;} .Floor001893 .title{font-size: 36px;color: #0168b7;text-align: center;padding-bottom: 2%} .Floor001893 .title:after{content: '';display: block;width: 60px;height: 1px;background: #0168b7;margin: 20px auto} .Floor001893 .year{ position:relative; padding:0 40px;} .Floor001893 .year .prev, .Floor001893 .year .next{ position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; background:url(../images/Floor001893-controls.png) no-repeat left top; cursor:pointer;} .Floor001893 .year .prev{ left:0;} .Floor001893 .year .next{ right:0; background-position:left bottom;} .Floor001893 .year .nextStop, .Floor001893 .year .prevStop{ cursor:default;} .Floor001893 .year .prevStop{ background-position: right top;} .Floor001893 .year .nextStop{ background-position: right bottom;} .Floor001893 .year .bd{ background:url(../images/Floor001893-bg.png) repeat-x left center; overflow:hidden;} .Floor001893 .year li{ cursor:pointer; text-align:center; background:url(../images/Floor001893-dot.png) no-repeat center center;font-size:18px; padding-bottom:40px;} .Floor001893 .year li span{ display:block; height:130px; padding-top:10px;} .Floor001893 .year li:before{ display:block; width:0; height:0; margin:0 auto; border:20px solid transparent; content:'';} .Floor001893 .year li.on{ font-size:28px; color:#0168b7; background-image:url(../images/Floor001893-dot_hover.png);} .Floor001893 .year li.on:before{border-top-color:#f5f5f5;} .Floor001893 .year li.on span{ padding-top:0;} .Floor001893 .txt{ background-color:#f5f5f5; } .Floor001893 .txt li{ padding:3% 3% 4% 0; position:relative;height:430px; overflow: hidden;} .Floor001893 .txt li .img{ float:right; right:0; width:45%; top:0%;position: absolute;} .Floor001893 .txt li .img img{ display:block; width:100%;} .Floor001893 .txt li dl{ float:left; width:54%;max-height: 430px; overflow: hidden; } .Floor001893 .txt li dl dt, .Floor001893 .txt li dl dd{ display:table-cell; vertical-align:top;padding-left:30px;/*width:100%;*/} .Floor001893 .txt li dl dd .h3{font-size:22px;color:#333;} .Floor001893 .txt li dl dd p{position: relative; display: block;line-height: 35px;font-size:15px;margin:0;} .Floor001893 .txt li dl dd p:after{content:''; width:4px;height:4px;border-radius: 50px; background:#0168b7;display: block;float:left;margin-top:16px;margin-right:8px;} .Floor001893 .txt li dl dt{ border-right:1px solid #cacaca; width:246px !important; text-align:right; font-size:72px; color:#0168b7;} .Floor001893 .txt li dl dt span{ display:block; padding-right:100px;} .Floor001893 .txt li dl dt:after{ display:block; float:right;; content:''; width:20px; height:20px; background-color:#0168b7;} .Floor001893 .txt li dl dd pre{ padding-left:30px; font-size:16px; line-height:24px;} @media(max-width:1000px){ .Floor001893 .txt li{ padding-right:3%;} .Floor001893 .txt li dl{ position:relative; z-index:1;} .Floor001893 .txt li .img{ display:none;} .Floor001893 .txt li dl{min-height:none;} .Floor001893 .txt li dl dt{width:170px; font-size:50px;} .Floor001893 .txt li dl dd pre{ font-size:14px; line-height:20px;} } @media(max-width:768px){ .Floor001893 .title{font-size:26px;} .Floor001893 .title span{font-size:20px;} .Floor001893 .title:after{ height:3px;} } @media(max-width:480px){ .Floor001893 .txt li {height:auto; padding-right: 0;} .Floor001893 .txt li .img { display: block; position: relative;width:100%;} .Floor001893 .txt li dl dd, .Floor001893 .txt li dl dt, .Floor001893 .txt li dl { font-variant: normal; width: 100%;} .Floor001893 .txt li dl dt{width:120px; font-size:32px;text-align: left; height: auto;} .Floor001893 .txt li dl dt:after {float:none;} } @media(max-width:375px){ .Floor001893 .txt li dl dd, .Floor001893 .txt li dl dt, .Floor001893 .txt li dl{ display:block;} .Floor001893 .txt li dl dt{ width:auto; border-right:0; overflow:hidden;} .Floor001893 .txt li dl dt span{ padding-right:0;} } /*Floor002061 */ .Floor002061{ background: url("../images/Floor002061-bg.jpg") no-repeat top center;} .Floor002061 .auto{ position:relative; } .Floor002061 section{ max-width:1025px; margin:0 auto; text-align:center;padding:0 0 8% 0; color:#666;} .Floor002061 ul li{ padding-top: 20px;} .Floor002061 ul li{ float:left; width:33.333333%; font-size: 20px; font-weight: bold; color:#0168b7;} .Floor002061 ul li b{ font-size:40px; font-family:Impact; font-weight: normal; } .Floor002061 ul li span{ display:inline-block; padding: 0 10%;line-height: 34px;color: #666; font-weight: normal; font-size: 18px} .Floor002061 ul li .plus{ font-size: 28px; display: inline;} .Floor002061 h1{ font-size:24px; font-weight:normal; margin:0;} .Floor002061 h1:after{ display:block; content:''; margin:0 auto; width:55px; height:2px; background-color:#000; margin-top:25px;} .Floor002061 p{ line-height:32px; font-size: 16px; text-align: left; text-indent: 32px;} .Floor002061 .more { position: relative;display: inline-block;max-width: 194px;padding:0 98px 0 30px; margin:6% auto 0;line-height: 50px; font-size: 16px;color:#0168b7;border:1px solid #0168b7;transition:all .3s;} .Floor002061 .more:after { position: absolute;content:''; top:50%;right: 30px; width: 10px;height:1px;background:#0168b7;transition:all .3s;} .Floor002061 .more:hover { color:#fff;background: #0168b7;} .Floor002061 .more:hover:after { background:#fff;right:40px;} .Floor002061 .floatList{position: relative;height: 350px;} .Floor002061 .floatList .item a{font-size: 17px;color: #fff;/* font-weight: bold; *//* font-weight: lighter; *//* font-family: "Microsoft YaHei Light"; */} .Floor002061 .floatList .item:hover{margin-top:-5px;} .Floor002061 .floatList .item.s1{opacity: .8;left: 22%;top: 26%;} .Floor002061 .floatList .item.s2{opacity: .5; left: 35%;top: 75%; width: 45px;height: 45px;} .Floor002061 .floatList .item.s3{opacity: .8;left: 109%;top: 25%;} .Floor002061 .floatList .item.s4{opacity: .8;left: 92%;top: 77%;width: 50px; height: 50px;} .Floor002061 .floatList .item.s5{opacity: .8;left: 2%;top: 93%;} .Floor002061 .floatList .item.s6{opacity: .6;left: 67%;top: 25%;width: 35px;height: 35px;} .Floor002061 .floatList .item.s7{opacity: .8;left: 58%;top: 85%;} @media(min-width:1025px){ .Floor002061 .floatList .item{width: 20px;height: 20px;position: absolute;top: 0;left: 0;background:#fff;background: -webkit-gradient(linear, 30% 61%, 28% bottom, from(#ddd), to(#949494));background: linear-gradient(30deg, #0168b7 3%, #6abeff);;border-radius:50%;text-align: center;transition:.3s;} .Floor002061 .floatList .item.sh{width: 120px;height: 120px;opacity: .8;left: 10%;top: 55%;line-height:120px;} .Floor002061 .floatList .item.sx{width: 130px;height: 130px;opacity: .6;left: 40%;top: 18%;line-height: 130px;} .Floor002061 .floatList .item.dl{width: 100px;height: 100px;opacity: 1;left: 62%;top: 68%;line-height: 100px;} .Floor002061 .floatList .item.zd{width: 150px;height: 150px;opacity: 1;left: 90%;top: 18%;line-height: 150px;} .Floor002061 .floatList .item.sh{left:1%; top:55%;} .Floor002061 .floatList .item.sx{left:25%; top:18%;} .Floor002061 .floatList .item.dl{left:45%; top:68%;} .Floor002061 .floatList .item.zd{left:66%; top:18%;} .Floor002061 .floatList .item.xy{width:130px; height:130px; line-height:130px; left:95%; top:60%; opacity:0.7;} } @media(max-width:1024px){ .Floor002061 { padding-top: 5%;background-size:cover;} .Floor002061 p{ line-height:2;} .Floor002061 ul li{ float:none; width:auto;} .Floor002061 .floatList{ height: auto; overflow: hidden} .Floor002061 .floatList .item{ width: 49%;background:#fff;background: -webkit-gradient(linear, 30% 61%, 28% bottom, from(#ddd), to(#949494));background: linear-gradient(30deg, #0168b7 3%, #6abeff); border-radius: 5px; margin-bottom: 2%; padding: 15px; text-align: center; margin-right: 2%; float: left} .Floor002061 .floatList .item:nth-child(2n){margin-right: 0 } .Floor002061 .floatList .item:last-child{margin: 0 ; width: 100%} } @media(max-width:480px){ .Floor002061 ul li{font-size:20px;} .Floor002061 ul li b{ font-size:50px;} } /*Floor002768 */ .Floor002768 li{position: relative; float: left;text-align: center; overflow: hidden;} .Floor002768 li > img{display: block; width: 100%; transition: 0.3s;} .Floor002768 li:hover > img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002768 li .tit{position: absolute;left: 5%; right: 5%; font-size: 30px; top: 14%;color: #fff; transition: 0.3s;} .Floor002768 li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1, 104, 183, 0.8);opacity: 0;-webkit-opacity: 0; transition: 0.3s; z-index: 10;} .Floor002768 li .ytable{height: 100%; margin: 0 auto; width: 77%;} .Floor002768 li aside { position: relative;padding-bottom: 4%;} .Floor002768 li aside:after { position: absolute;content: '';width:34px;height:2px;bottom:0;left:50%;margin-left:-15px; background:#fff;} .Floor002768 li aside.name:after { background:#67a4d4;} .Floor002768 li .name{font-size: 30px; font-weight: bold;color: #fff;} .Floor002768 li .text {color:#fff; font-size: 15px; line-height: 1.8; text-align: left; text-indent: 30px;} .Floor002768 .more { position: relative;display: inline-block;max-width: 194px;padding:0 98px 0 30px; margin:10% auto 0;line-height: 50px; font-size: 16px;color:#fff;border:1px solid #fff;transition:all .3s;} .Floor002768 .more:after { position: absolute;content:''; top:50%;right: 30px; width: 10px;height:1px;background:#fff;transition:all .5s;} .Floor002768 li:hover a{opacity: 1;-webkit-opacity: 1;} .Floor002768 li:hover .tit{opacity: 0;-webkit-opacity: 0;} .Floor002768 li:hover .more:after { right:40px;} @media(min-width:1025px){ .Floor002768 li{width: 33.33%;} } @media(max-width:1024px){ .Floor002768 li{width: 50%;} } @media(max-width:480px){ .Floor002768 li { width: 100%;} .Floor002768 li .tit{font-size: 24px;} .Floor002768 li .name{font-size: 24px;} .Floor002768 li .more{font-size: 16px; line-height: 36px;padding-right:58px;} } /* .Floor002233 */ .Floor002233{ padding-bottom: 5%;background:url("../images/Floor002233-bg.jpg") no-repeat center top/cover; } .Floor002233 .Index_tit { display: inline-block; margin-bottom: 2%;} .Floor002233 .Index_tit h3:after { left: 0;margin-left:0;} .Floor002233 .wrap-content{position: relative; } .Floor002233 .wrap-content .content { overflow: hidden;} .Floor002233 li { boder-bottom:1px solid #dddddd;} .Floor002233 li h3{ font-weight: 100; font-size: 18px; color: #0168b7; line-height: 25px; margin: 0} .Floor002233 li figure.img{ position: relative; display: block; text-align: center; background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 65.12%;} .Floor002233 li figure.img .time{color: #fff; text-align: center; position: absolute; top: 0; right: 33px; width: 57px; height: 57px; background: url(../images/Floor002233-time.png); display: block; font-size: 12px;} .Floor002233 li figure.img span{ font-size: 22px; display: block; padding-top: 4px} .Floor002233 li figure.img img{ width: 100%;} .Floor002233 li { margin: 0 0 0;/*max-height: 372px;*/ width: 100%;} .Floor002233 li .text{ padding: 26px 23px} .Floor002233 li .text .time { display: block;margin:14px 0;font-size: 14px;color: #999999;} .Floor002233 li .text p{ font-size: 14px; color: #888888; line-height: 22px;} .Floor002233 li .text i { display: inline-block;font-size: 15px;color: #666666; font-style: normal; line-height: 42px;padding: 0 80px 0 0;background:url("../images/Floor002233_more.png") no-repeat 90% center;transition: .3s;} .Floor002233 li:hover .text i { padding-left: 24px;color:#fff;background:url("../images/Floor002233_more_h.png") no-repeat 90% center #0168b7;} .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev,.Floor002233 .swiper-button-prev,.Floor002233 .swiper-container-rtl .swiper-button-next{ display: none;} @media (min-width: 768px) { .Floor002233 .titl{ font-size: 24px;} .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev, .Floor002233 .swiper-button-prev, .Floor002233 .swiper-container-rtl .swiper-button-next{ display: block; top: 50%; width: 61px; height: 61px; background: url(../images/Floor002233-prev.png) no-repeat center center; opacity: 1 !important; right: 38px; left: auto;transition: .3s;} .Floor002233 .swiper-button-next:hover {background: url(../images/Floor002233-next_hover.png) no-repeat center center; } .Floor002233 .swiper-button-prev{ left: -80px; } .Floor002233 .swiper-button-next{ right: -80px; background: url(../images/Floor002233-next.png) no-repeat center center;} .Floor002233 .swiper-button-prev:hover {background: url(../images/Floor002233-prev_hover.png) no-repeat center center; } .Floor002233 li{ width: 33.33%; float: left; } .Floor002233 li h3{overflow: hidden;} } @media (min-width: 1024px) { .Floor002233 .titl{ font-size: 30px;} } @media (min-width: 1280px) { .Floor002233 li .text p{ height: 66px; overflow: hidden;} } /* swiper */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;/*height:100%;*/z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px} .swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /*Floor002053 */ .Floor002053{background:url('../images/Floor002053-bg.jpg') no-repeat top center;} .Floor002053 .auto{ position:relative;} .Floor002053 .Index_tit { display: inline-block; margin-bottom: 2%;} .Floor002053 .Index_tit h3:after { left: 0;margin-left:0;} .Floor002053 .title h1:before{ position:absolute; content:''; width:100%; height:1px; background-color:#000; right:105%; top:50%;} .Floor002053 .title h1{ position:relative; margin:0; font-size:18px; font-weight:normal;} .Floor002053 .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;} .Floor002053 .title h1 span.b{ font-size:60px;} .Floor002053 .title h1 a{ position:absolute; width:56px; height:56px; background:url(../images/Floor002053-title_more.gif) no-repeat center center #000; right:0; top:50%; margin-top:-28px;} .Floor002053 .title h2{ font-weight:normal; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; margin:0;} .Floor002053 .title h2 span.num{ font-size:72px;} .Floor002053 .wrap {box-shadow: 0 0 10px 0px #dedede; overflow: hidden;} .Floor002053 .img_pager{float: left;width: 27%; background:#fff; position: relative; z-index: 10;} .Floor002053 .img_pager a{ position:relative; display: block;padding: 30px 30px 18px;border-bottom:1px solid #e5e5e5;} .Floor002053 .img_pager a h4{margin:0; font-size: 18px; color: #3b393a; font-weight: normal;} .Floor002053 .img_pager a p{ width: 90%;font-size: 14px; color: #3b393a;} .Floor002053 .img_pager a.active { width: 104%;box-shadow:4px 9px 14px 1px #cecece;background:#0168b7;} .Floor002053 .img_pager a.active h4, .Floor002053 .img_pager a.active p {color:#fff;} .Floor002053 .img_pager a.active h4 { font-size: 28px;} .Floor002053 .img_pager a.active:after { position: absolute; content: '';top:50%;right:4%;margin-top:-8px;border:8px solid transparent;border-left-color:#fff;} .Floor002053 .table{ display:table; width:100%; height:100%;} .Floor002053 .table-cell{ display:table-cell; vertical-align:middle; text-align:center;} .Floor002053 .auto > .bx-wrapper > .bx-viewport{ height:auto !important;} .Floor002053 .list{ position: relative;float: right; width: 73%;} .Floor002053 .list li{position: absolute;top:0;left:0; display: none;overflow:hidden;} .Floor002053 .list li .img_group{ position:relative;} .Floor002053 .img_group .bx-viewport{ z-index:1;} /*.Floor002053 .img_group dd{!*padding-top:49px; *!width:100% !important;}*/ .Floor002053 .img_group dd figure{ position:relative; height:100%;background-color:#f4f4f4;} .Floor002053 .img_group .bx-pager{ position:absolute; right:0;bottom:0; z-index:10; text-align:center; padding:3% 0;} .Floor002053 .img_group .bx-pager div{ display: inline-block;} .Floor002053 .img_group .bx-pager div a { display: block;text-indent: 500em; width:15px;height:15px;margin: 0 10px;border:3px solid #fff; overflow: hidden;border-radius: 50%;} .Floor002053 .img_group .bx-pager div a.active{ background:#0168b7;border-color:#0168b7} .Floor002053 .list li .txt{ float:left; width:45%;} .Floor002053 .list li .txt pre{ padding-top:8%;} @media(max-width:1225px){ .Floor002053 .list li .txt{ padding-left:2%;} } @media(max-width:1000px){ .Floor002053 .title h1{font-size:16px;} .Floor002053 .title h1 span.b{font-size:40px; } .Floor002053 .title h1 a{ width:40px; height:40px; margin-top:-20px;} .Floor002053 .title h2{ font-size:18px;} .Floor002053 .title h2 span.num{ font-size:50px;} .Floor002053 .img_group .bx-pager{left:-20px;width:40px; } } @media(max-width:768px){ .Floor002053 .list li .img_group, .Floor002053 .list li .txt{ float:none; width:auto;} .Floor002053 .list li .txt{ padding:3% !important;} .Floor002053 .img_group .bx-pager{ left:0;} .Floor002053 .title{ position:relative; left:auto; top:auto; padding:3% 3% 3% 20%; width:auto;} } @media(max-width:480px){ .Floor002053 .img_pager a{ width:23.5%; margin-bottom:2%; margin-right:2%;} .Floor002053 .img_pager a:nth-child(4){ margin-right:0;} } /*Floor002566 */ .Floor002566{ padding-bottom: 5%; background:url('../images/Floor002053-bg.jpg') no-repeat top center/cover;} .Floor002566 .Index_tit { display: inline-block; margin-bottom: 2%;} .Floor002566 .Index_tit h3:after { left: 0;margin-left:0;} .Floor002566 .wrap {box-shadow: 0 0 10px 0px #dedede; overflow: hidden;} .Floor002566 .tab{ background: #fff;position: relative;z-index: 10;;} .Floor002566 .tab li{ position: relative;display: block;padding: 28px 30px 18px;border-bottom: 1px solid #e5e5e5; cursor: pointer;} .Floor002566 .tab li h4{margin: 0;font-size: 18px;color: #3b393a;font-weight: normal;} .Floor002566 .tab li p{width: 90%;font-size: 14px;color: #3b393a;} .Floor002566 .tab li.swiper-slide-thumb-active{ width: 104%;box-shadow:4px 9px 14px 1px #cecece;background:#0168b7;} .Floor002566 .tab li.swiper-slide-thumb-active h4, .Floor002566 .tab li.swiper-slide-thumb-active p {color:#fff;} .Floor002566 .tab li.swiper-slide-thumb-active h4 { font-size: 28px;} .Floor002566 .tab li.swiper-slide-thumb-active:after { position: absolute; content: '';top:50%;right:4%;margin-top:-8px;border:8px solid transparent;border-left-color:#fff;} .Floor002566 .box{} /*swiper*/ .Floor002566 .js-img .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;} .Floor002566 .js-img .swiper-container-android .swiper-slide, .Floor002566 .js-img .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002566 .js-img .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform; transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002566 .js-img .swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; -webkit-transition-property: -webkit-transform;transition-property: -webkit-transform; -o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} /*.Floor002566 .js-img .swiper-slide { opacity:0 !important;} .Floor002566 .js-img .swiper-slide-active { opacity:1 !important;}*/ .Floor002566 .js-img .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} /*swiper end*/ @media(min-width:1280px){ .Floor002566 .tab li{ padding: 28px 30px 24px;} } @media(min-width:769px){ .swiper-container.gallery-thumbs{overflow:visible!important; z-index: 20;} .Floor002566 .wrap { display: flex;} .Floor002566 .left{ float: left;width: 27%;} .Floor002566 .main{ position:relative; z-index:1;float: right;width: 73%;} .Floor002566 .main * { height: 100%;} /*.Floor002566 .main:before{position:absolute;content:'';height:77%;width: 45%;background:#c8a063;left:0;bottom:0;}*/ .Floor002566 .box{ position:relative; z-index:1;} /*.Floor002566 .box::before{ width:45%; position:absolute; content:''; left:0; bottom:0; height:77%; background:#c8a063;}*/ .Floor002566 .box .js-img, .Floor002566 .box dl{ width:100%;} .Floor002566 .box .js-img{ float:left;} .Floor002566 .box dl{ float:right;} } .Floor002566 .js-img li .Ispic{display:block;padding-bottom: 64.5%;} .Floor002566 .js-img li .txt{background:#c8a063;color:#fff; padding:30px 0; position:relative;} .Floor002566 .js-img li .txt::before{ position:absolute; content:''; border:13px solid transparent; border-bottom-color:#c8a063; left:17px; top:-26px;} .Floor002566 .js-img li .txt h3{ font-size:18px; margin:0 0 10px 0;} .Floor002566 .js-img li .txt h3 a{ color:#fff;} .Floor002566 .js-img li .txt p{ line-height:24px; height:48px; overflow:hidden; margin:0;} .Floor002566 .js-img li .txt time{ font-family:Arial, Helvetica, sans-serif; text-align:center; border-right:1px dashed rgba(255,255,255,0.3); padding-right:28px; width:90px;} .Floor002566 .js-img li .txt time span{ line-height:48px; display:block; border-bottom:2px solid #fff; font-size:53px; margin-bottom:2px;} .Floor002566 .js-img li .txt figure{ margin:0 0 0 5%; max-width:80%;} .Floor002566 .pager{ position:absolute; left:auto;right:2%; bottom:2%;width:auto; height: auto;margin-bottom:2%; z-index:10;} .Floor002566 .pager *{ float:left; width:12px; height:12px; margin:0 3px; border:2px solid #fff; border-radius:50%; cursor:pointer;} .Floor002566 .pager .swiper-pagination-bullet-active{ opacity:1;} .Floor002566 .pager .swiper-pagination-bullet { display: block;text-indent: 500em; width:15px;height:15px;margin: 0 10px;border:3px solid #fff; overflow: hidden;border-radius: 50%;background:none;} .Floor002566 .pager .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0168b7;border-color:#0168b7} .Floor002566 .box dd{ margin-bottom:3%;} .Floor002566 .box dd:last-child{ margin-bottom:0;} .Floor002566 .box dd a{ transition:0.3s; padding:5% 0;border:1px solid transparent; background:#fafafa;} .Floor002566 .box dd a:hover{color:#c8a063; border-color:#c8a063;background:#fff; box-shadow:1px 0 7px rgba(200,160,99,0.22);} .Floor002566 .box dd time{ width:23%; text-align:center; color:#d6d6d6; font-family:Arial, Helvetica, sans-serif;} .Floor002566 .box dd a:hover time{color:#c8a063;} .Floor002566 .box dd time span{ display:block; font-size:53px; line-height:46px;} .Floor002566 .box dd time span::after{ display:block; margin:5px auto; content:''; width:54px; height:2px; background:#d6d6d6;} .Floor002566 .box dd a:hover time span::after{background:#c8a063;} .Floor002566 .box dd figure{ max-width:72%;} .Floor002566 .box dd h2{ font-size:18px; margin:0; font-weight:normal;} .Floor002566 .box dd p{ margin-bottom:0; line-height:24px; height:48px; overflow:hidden; color:#999;} .Floor002566 .box dd a:hover p{color:#c8a063;} @media(max-width:768px){ .Floor002566 .main .auto{ padding:0;} .Floor002566 .js-img li .txt{ padding:3% 5%;} } @media(max-width:480px){ .Floor002566 .tab li {padding:5%;} .Floor002566 .tab li.on {width: 100%;} .Floor002566 .tab li.on h4 {font-size: 22px;} .Floor002566 .js-img li .txt time{ padding-right:16px; width:72px;} .Floor002566 .js-img li .txt figure{ max-width:75%;} .Floor002566 .js-img li .txt time span{ font-size:38px; line-height:40px;} .Floor002566 .box dd{ margin:3% 0 0 0;} .Floor002566 .box dd time span{ font-size:38px;line-height:40px;} .Floor002566 .pager{ bottom:3%;} } /* .Bottom002250 */ .Bottom002250{ background: #4d4d4d;} .Bottom002250 .nav{ padding:3% 0 3% 0;} .Bottom002250 .nav a{ color: #ffffff;} .Bottom002250 .nav dl{} .Bottom002250 .nav dt{ position: relative; } .Bottom002250 .nav dt a{ font-size: 16px; line-height: 30px;} .Bottom002250 .nav dd a{ font-size: 14px; line-height: 30px; color: #a6a6a6;} .Bottom002250 .nav dd a:hover { color: #fff;} .Bottom002250 .nav .message{ color: #fff;} .Bottom002250 .nav .message .btm_logo { margin-bottom: 25px;} .Bottom002250 .nav .message .f_phone{ padding-left: 50px; padding-bottom: 10px; background: url(../images/Bottom002250-tel.png) no-repeat; } .Bottom002250 .nav .message .f_phone h3{ margin: 0; font-size: 28px; line-height: 38px;} .Bottom002250 .nav .message .f_phone h3 span{ font-size: 20px; height: 20px; line-height: 20px; display: block; font-weight: normal;} .Bottom002250 .nav .message p{ margin: 0; line-height: 2.15; clear: both;} .Bottom002250 .nav .message p.address span { display: block; float: left;margin-bottom: 2px;} .Bottom002250 .nav .bottomlinks a{ display: inline-block;padding-right: 8px; margin-right: 3px; line-height: 1;border-right:1px solid #9f9f9f;} .Bottom002250 .nav .bottomlinks a:last-child{ border-right:0;} .Bottom002250 .nav .copyright{ padding-bottom: 10px;color: #fff;line-height: 30px} .Bottom002250 .nav .copyright a{color: #fff} .Bottom002250 .footer{ background: #3f3f3f; padding: 20px 0;} .Bottom002250 .footer *{color: #9f9f9f; } .Bottom002250 .footer a:hover{ color: #fff;} .Bottom002250 .footer .bottomlinks a{ display: inline-block;padding-right: 8px; margin-right: 3px; line-height: 1;border-right:1px solid #9f9f9f;} .Bottom002250 .footer .bottomlinks a:last-child{ border-right:0;} .Bottom002250 .footer .copyright{ padding-bottom: 10px;} @media only screen and (max-width:767px) { .Bottom002250 .nav .fr { display: none} .Bottom002250 .footer{ text-align: center;} .Bottom002250 .nav dt{ border-bottom: 1px solid #3f3f3f; padding: 5px 10px;} .Bottom002250 .nav dd{ display: none; background-color: #3f3f3f;} .Bottom002250 .nav dd:first-child{ margin-top: 10px;} .Bottom002250 .nav dd:last-child{ border-bottom: 2px solid #609fe0; margin-bottom: 10px;} .Bottom002250 .nav .message{ margin-top: 15px;} .Bottom002250 .nav .message .f_phone h3{ font-size: 24px;} } @media only screen and (min-width:768px) { .Bottom002250 .nav .fr { max-width:860px; width: 40%;} .Bottom002250 .nav .message {} .Bottom002250 .nav dl{ float: left;} .Bottom002250 .nav dl dt { margin-bottom: 20px;} .Bottom002250 .nav dl dt a { font-size: 20px; font-weight: bold;} .Bottom002250 .footer .bottomlinks{ float: right;} .Bottom002250 .footer .copyright{ float: left; padding-bottom: 0;} } @media only screen and (min-width:1024px) { .Bottom002250 .nav dl{ margin-right: 8.7%; padding-top: 2%;} .Bottom002250 .nav dl:last-child{ margin-right: 0;} } #map-wrap {position: fixed!important;width: 50%;height: 600px;top: 50%;;left:50%;transform:translate(-50%,-50%);z-index:9999!important;padding-top:50px;background:#fff; display: none;} #map-wrap .close { display: block; position: absolute;top:20px;right:20px;width:16px;height:16px; cursor: pointer;background:url("../images/map_close.png") no-repeat center/contain;} #map-wrap.show { display: block;} #map {width:100%;height:100%;} #map img {max-width:none;} @media only screen and (max-width:767px) { #map-wrap { width: 98%;height:350px;} } /*Menu002551 */ .Menu002551{ position:relative;padding:5% 0 0; z-index:2;} .Menu002551 .owl-item{ float:left; text-align:center;} .Menu002551 .owl-item li{ list-style:none;} .Menu002551 .owl-carousel{position:relative; padding:0 50px;} .Menu002551 .owl-carousel:before {position:absolute;content: '';width:calc(100% - 80px);height:1px;top:36%;left:50%;transform:translateX(-50%);background:#eeeeee;} .Menu002551 .owl-stage-outer{overflow:hidden;} .Menu002551 .owl-nav button{ position:absolute; padding:0; cursor:pointer; top:22%;width:40px;height:40px; border:none; background:#fff; font-size:40px; color:#fff;} .Menu002551 .owl-nav button span{ display: block;width:100%;height:100%;background-repeat: no-repeat;background-position: center;background-size:contain; text-indent:300em; overflow: hidden;} .Menu002551 .owl-nav button.owl-prev span{background-image: url(../images/Menu002551-prev.png);} .Menu002551 .owl-nav button.owl-next span{ background-image: url(../images/Menu002551-next.png)} .Menu002551 .owl-nav button.disabled{ opacity:0.5;} .Menu002551 .owl-nav .owl-prev{ left:0;} .Menu002551 .owl-nav .owl-next{ right:0;} .Menu002551 li { padding-top: 5%;justify-content: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .Menu002551 li a{ color:#333333; font-size:16px; display:block;} .Menu002551 li a .Ispic { position: relative;width:78px;height:78px;align-items: center;justify-content: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;background:#f5f5f5;border-radius: 50%;transition: .3s;} .Menu002551 li a .Ispic:after {position: absolute;content: ''; width: 120%; height: 120%;top:50%;left:50%;transform: translate(-50%,-50%);background: rgba(1, 104, 183, 0.2);border-radius: 50%;z-index: -1;transition: .3s;opacity: 0} .Menu002551 li a .Ispic img{ max-width:47px;} .Menu002551 li a .Ispic .icon-h { display: none;} .Menu002551 li:hover a .Ispic .icon, .Menu002551 li.aon a .Ispic .icon { display: none;} .Menu002551 li:hover a .Ispic .icon-h , .Menu002551 li.aon a .Ispic .icon-h { display: block;} .Menu002551 li.aon a .Ispic , .Menu002551 li:hover a .Ispic { background:#0168b7;} .Menu002551 li.aon a .Ispic:after, .Menu002551 li:hover a .Ispic:after { opacity: 1;} @media(max-width:1024px){ /* .Menu002551 .auto{ display:none;} .Menu002551 .owl-item{ float:left; text-align:center;} .Menu002551 .owl-item li{ list-style:none;} .Menu002551 .owl-carousel{position:relative; padding:0 30px;} .Menu002551 .owl-stage-outer{overflow:hidden;} .Menu002551 .owl-nav button{ position:absolute; padding:0; cursor:pointer; height:100%; top:0; width:25px; border:none; background:none; font-size:40px; color:#fff;} .Menu002551 .owl-nav button.disabled{ opacity:0.5;} .Menu002551 .owl-nav .owl-prev{ left:0;} .Menu002551 .owl-nav .owl-next{ right:0;}*/ } @media(max-width:480px){ .Menu002551 li a{ font-size:14px;line-height:50px;} .Menu002551 .owl-nav button { top: 18%;} .Menu002551 .owl-carousel:before {top:30%;} } /* .RichInfo005 */ .RichInfo005{ padding:3% 0; min-height: 300px;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#0f76d3; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#0f76d3;} @media(max-width:480px){ .RichInfo005 .news_info .title h1 { font-size: 20px;} } /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} .fancybox-title-float-wrap .child {background: #0168b799 !important;} .fancybox-close::before, .fancybox-close::after {background: #0168b7 !important;} .GroupNewsTop { position: relative; margin-bottom: 4%;} .GroupNewsTop .itemBox { position: relative; display: block; color: #555; background: #f8f8f8; } .GroupNewsTop .itemBox .TxtBox { padding: 20px; } .GroupNewsTop .img { overflow: hidden; } .GroupNewsTop .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .GroupNewsTop .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .GroupNewsTop .h3txt { position: relative; line-height: 28px; } .GroupNewsTop .h3txt .h3 {font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;font-size: 16px;} .GroupNewsTop .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 15px 0; line-height: 1.4em; height: 5.6em; } .GroupNewsTop .owl-carousel .owl-nav { position: absolute; right: 20px; bottom: 20px; } .GroupNewsTop .owl-carousel .owl-nav .owl-prev { margin-right: 20px; } .GroupNewsTop .owl-carousel .owl-nav .owl-prev, .GroupNewsTop .owl-carousel .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; line-height: 35px; border-radius: 100%; background: #0168b7; text-align: center; color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .GroupNewsTop .owl-carousel .owl-nav .owl-prev:hover, .GroupNewsTop .owl-carousel .owl-nav .owl-next:hover { background: #08548e; } .GroupNewsTop .item{ margin-bottom:20px;} @media screen and (min-width:640px) { .GroupNewsTop .item{width: 48.5%; float:left;margin-right:3%;} .GroupNewsTop .item:nth-of-type(3n){ margin-right:3%;} .GroupNewsTop .item:nth-of-type(2n){ margin-right:0;} .GroupNewsTop .itemBox { font-size: 0; } .GroupNewsTop .itemBox .img {/* display: inline-block; */vertical-align: top;font-size: 14px;width: 100%;} .GroupNewsTop .itemBox .TxtBox {/* display: inline-block; */vertical-align: top;font-size: 14px;width: 100%;} .GroupNewsTop .h3txt .h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom:5px; font-size:16px; line-height:28px; margin-bottom:5px; height:56px; } .GroupNewsTop .moreViewBox { padding-top: 17px; } } @media screen and (min-width:1024px) { .GroupNewsTop .item{float:left;width: 31.333%;margin-right:3%;} .GroupNewsTop .item:nth-of-type(2n){ margin-right:3%;} .GroupNewsTop .item:nth-of-type(3n-1){ margin-right:3%;} .GroupNewsTop .item:nth-of-type(3n){ margin-right:0;} .GroupNewsTop .h3txt .h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px; line-height:28px; margin-bottom:5px; height:56px; } .GroupNewsTop .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 6.8em; line-height: 1.7em; } .GroupNewsTop .h3txt { line-height: 32px; } .GroupNewsTop .h3txt .iconfont { left: -30px; } } @media screen and (min-width:1360px) { .GroupNewsTop .txt { font-size: 18px; } .GroupNewsTop .itemBox .TxtBox { padding:20px; } .GroupNewsTop .owl-carousel .owl-nav { right: 80px; bottom: 50px; } .GroupNewsTop .moreViewBox { padding-top: 6px; } } /* 人才理念 */ .JoblistView { max-width: 1280px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 4%; margin-bottom: 1%; } .Joblist .list .litop { background: #0168b7; color: #fff; } .Joblist .list .litop .dl { border-radius: 20px 0; } .Joblist .list .li { cursor: pointer; background: #fff; border-bottom: 1px dashed #666; } .Joblist .list .li dl { color: #333; background: #fff; overflow: hidden; } .Joblist .list .li.odd dl{background:#F5F5F5;} .Joblist .list .lion { overflow: hidden; background-color: #fff; } .Joblist .list dl.dl { margin: 0; font-size: 0; line-height: 30px; position: relative; } .Joblist .list dl.dl .btn { display: inline-block; padding: 0 10px; background:#B5B5B5; color: #fff; border-radius: 5px; } .Joblist .list .lion dl.dl .dd1 .i { opacity: 1; filter: alpha(opacity=100); } .Joblist .list dl.dl dd { width: 60%; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px; display: inline-block; vertical-align: top; } .Joblist .list dl.dl .dd1 { text-align: left; position: relative; } .Joblist .list dl.dl .dd6 { width: 40%; text-align: center; } .Joblist .list dl.dl .dd5, .Joblist .list dl.dl .dd4, .Joblist .list dl.dl .dd3, .Joblist .list dl.dl .dd2 { display: none; } .Joblist .list .liConBox { background: #f9f9f9; padding: 20px; overflow: hidden; display: none; } .Joblist .list .liConBox .txt { line-height: 26px; color: #666; margin-bottom: 10px; } .Joblist .list .liConBox .txt .h4 { font-weight: normal; font-size: 14px; color: #333; padding-bottom: 5px; } .Joblist .list .Fmore { text-align: left; } .Joblist .list .Fmore .btnBottom { text-align: left; } .Joblist .job-email{ color:#0168b7; padding:30px 0 0;} @media screen and (min-width:768px) { .Joblist { padding: 0px 0 20px; } .Joblist .list dl.dl dd { width: 31.25%; padding: 15px; } .Joblist .list dl.dl .dd6, .Joblist .list dl.dl .dd5, .Joblist .list dl.dl .dd3, .Joblist .list dl.dl .dd4, .Joblist .list dl.dl .dd2 { display: inline-block; width: 16.75%; } /* .Joblist .list { padding-bottom: 30px; } */ } @media screen and (min-width:1000px) { .Joblist { padding: 0px 0 50px; } .Joblist .list li dl.dl .dd1 { padding-left: 50px; } .Joblist .list dl.dl dd { font-size: 16px; line-height:45px; padding: 10px 15px; } /* .Joblist .list .litop dl.dl .dd1 { text-align: center; padding-left: 0; } */ .Joblist .list dl.dl .btn {line-height: 35px; height: 35px; margin-top: 5px;} .Joblist .list .liConBox { padding:50px; position: relative; } .Joblist .list .liConBox .txt .h4 { font-size: 16px; } .Joblist .list .liConBox .txt { line-height: 28px; font-size: 16px; margin-bottom: 35px; } .Joblist .list .btnBottom .btnA { width: 140px; line-height: 40px; } } @media screen and (min-width:1280px) { .Joblist .list .liConBox .txt .h4 { font-size: 20px; } .Joblist .list .liConBox .txt { line-height: 30px; } .Joblist .list .btnBottom .btnA { font-size: 18px; } .Joblist .list .liConBox .txt .h4 { padding-bottom: 15px; } } .Maintitle .Index_tit { padding-top: 0; display: inline-block; margin-bottom: 2%; } .Maintitle .Index_tit h3:after { left: 0;margin-left:0;} .FxBox { position: fixed; right: 20px; top: 50%; margin-top: -90px; z-index: 88; } .FxBox ul li { width: 42px; height: 42px; margin-bottom: 5px; position: relative; color: #fff; cursor: pointer; } .FxBox ul li a { width: 42px; height: 42px; background: #0168b7 no-repeat center; display: block; border-radius: 3px; } .FxBox ul li:hover a { background-color: #08548e; } .FxBox ul li.FxTel a { background-image: url('../images/fxicon01.png'); } .FxBox ul li.Fxyx a { background-image: url('../images/fxicon04.png'); } /* .FxBox ul li.Fxyx .liwrap { width: 190px; } */ /* .FxBox ul li.Fxyx .libox { width: 180px; } */ .FxBox ul li.Fxyx .txt { height: 42px; line-height: 42px; } .FxBox ul li.Fxwx a { background-image: url('../images/fxicon02.png'); } /* .FxBox ul li.Fxwx .liwrap .libox { height: 136px; padding: 10px; } */ .FxBox ul li.Fxwx .liwrap .libox .txt { padding-top: 2px; } .FxBox ul li.backtop a { background-image: url('../images/fxicon03.png'); } .FxBox ul li .liwrap { right: 100%; text-align: center; bottom: 0; width: 140px; position: absolute; display: none; } .FxBox ul li .libox { background: #08548e; border-radius: 3px; width: 130px; } .FxBox ul li.backtop { margin-bottom: 0; } .FxBox .FxTel .txt { height: 42px; line-height: 42px; } /*PicList002854 */ .PicList002854{padding: 1vw 0;} /*slick Basic*/ .PicList002854 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002854 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002854 .slick-list:focus {outline: none} .PicList002854 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002854 .slick-slider .slick-track, .PicList002854 .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)} .PicList002854 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002854 .slick-track:before, .PicList002854 .slick-track:after{display: table; content: '';} .PicList002854 .slick-track:after{ clear: both;} .PicList002854 .slick-loading .slick-track { visibility: hidden;} .PicList002854 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002854 .slick-slide .slick-loading img { display: none;} .PicList002854 .slick-slide .dragging img { pointer-events: none;} .PicList002854 .slick-initialized .slick-slide { display: block;} .PicList002854 .slick-loading .slick-slide { visibility: hidden;} .PicList002854 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002854 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002854{padding: 3vw 0 3vw 0;} .PicList002854 .box{ margin-bottom:4%} .PicList002854 .box h3{ font-size:28px; color:#333; font-weight:normal; margin:0 0 30px; text-align:center;} .PicList002854 .box h3:after{ display:block; margin:15px auto; height:3px; width:40px; background:#0168b7; content:'';} .PicList002854 li{float: left; padding:0 10px;} .PicList002854 li a{display: block;position: relative;padding: 1vw 0; transition: 0.3s;} .PicList002854 li aside{font-size: 16px;line-height: 28px;text-align: center;margin-top: 1.5vw;color: #333;} .PicList002854 li .Ispic{background-size: contain;padding-bottom:70%;} .PicList002854 li a:hover aside{ color:#0168b7} .fancybox-close::before, .fancybox-close::after {background: #fff !important;} .PicList002854 .slick-arrow{position:absolute;top:50%;width: 46px;height: 46px;margin-top: -23px;border:1px solid #0168b7;padding:0;background:none;font-size:0;z-index:10;cursor:pointer;border-radius:50%;} .PicList002854 .slick-arrow:hover{ background:#0168b7; } .PicList002854 .slick-arrow:before{position:absolute;content:'';width: 14px;height: 14px;border-top:2px solid #0168b7;border-right:2px solid #0168b7;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);left:50%;top:50%;margin: -8px 0 0 -11px;} .PicList002854 .slick-arrow:hover:before{ border-color:#fff;} .PicList002854 .slick-prev:before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);margin-left: -3px;} .PicList002854 .slick-prev{ left:-59px;} .PicList002854 .slick-next{ right:-59px;} @media(max-width:1280px){ .PicList002854 .auto{ padding:0 30px;} .PicList002854 .slick-prev{ left:-25px;} .PicList002854 .slick-next{ right:-25px;} } @media(max-width:768px){ .PicList002854 .slick-arrow{ width:36px; height:36px;} .PicList002854 .slick-arrow:before{width:12px;height:12px;margin-top:-6px;margin-left: -8px;} .PicList002854 .slick-prev:before{margin-left: -2px;} .PicList002854 li aside{ font-size: 16px;} } .infobox .group_001{ height: auto; overflow: hidden ; padding-bottom: 3%} .infobox .group_001 .pic{ width: 50%; float: right} .infobox .group_001 .text{ width:45%; float:left; font-size: 16px ;line-height: 26px;} @media(max-width:768px){ .infobox .group_001 { padding-bottom: 40px;} .infobox .group_001 .pic, .infobox .group_001 .text{ width:100%; float:left} }