body{font-family: arial, sans-serif;} /*Top003075 */ .Top003075{position: fixed; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.3); z-index: 100;font-size: 16px; transition: padding 0.3s;} .Top003075 menu li.aon{border-bottom:2px solid #f79447;} .Top003075 menu li.aon span a{color: #f79447;} .Top003075 menu li .sub{display: none;} .Top003075 menu li .sub dl{position: relative;} .Top003075 menu li .sub dt {line-height: 24px;padding:7px 0;} .Top003075 menu li .sub dt a:hover{text-decoration: underline;} .Top003075 .logo{display: table;} .Top003075 .logo a{display: table-cell; vertical-align: middle;} .Top003075 .top-right{position: absolute;right:3.13vw; top: 0;height: 100%;} .Top003075 .top-right dl{display: table; height: 100%;} .Top003075 .top-right dl > *{display: table-cell; vertical-align: middle;} .Top003075 .top-right dt{color: #333;} .Top003075 .top-right dt a{border-radius: 2px;border: solid 1px #eee;width: 26px;line-height: 24px;text-align: center;display: inline-block; margin-left: 10px;font-size:12px;color: #afafaf; background: #fff;} .Top003075 .top-right dt a.on{color: #fff;background: #f79447;border-color: #f79447; font-size: 14px;} .Top003075 .top-search{padding: 0 22px; overflow: hidden;} .Top003075 .top-search > *{ float: left;} .Top003075 .top-search .text{width: 0;overflow: hidden;padding: 0; transition: width 0.3s;} .Top003075 .top-search .btn-area{position: relative; line-height: 44px;} .Top003075 #TopBtn{position: absolute; left: 0; top:0;height: 100%; width: 100%;z-index: 10;display: none;} .Top003075 .open-sbox{color: #fff;display: block;padding-left: 25px;background: url("../images/Top003075-search.png") no-repeat left center;} .search-show .Top003075 #TopBtn{display: block;} .search-show .Top003075 .top-search .text{padding: 0 10px; border-radius: 5px;} .search-show .top-search .btn-area{padding-left: 10px;} @media(min-width:1025px){ .Top003075{height: 85px;} .search-show .Top003075 .auto{/* padding-right: 12.5vw; */} .search-show .Top003075 .top-search .text{width:12vw;} .Top003075 .logo{position: absolute; left: 3.13vw; top: 0;height: 90px;} .Top003075 .logo img{height: 60px;} .Top003075 menu{display: table; margin: 0 auto; padding-left:13vw} .Top003075 menu li{float: left;position: relative;} .Top003075 menu li:not(:last-child){margin-right: 3.13vw;} .Top003075 menu li span{display: block;line-height: 84px;} .Top003075 menu li span a{ color: #fff;} .Top003075 menu li .sub{position: absolute; top: 102%; left: 50%; width:180px;margin-left: -90px;background:rgba(0,0,0,0.5); text-align: center; padding: 10px 0; border-radius: 0 0 5px 5px;} .Top003075 menu li .sub dt a{color: #fff; font-size: 15px;} } @media(min-width:1025px) and (max-width:1500px){ .Top003075 menu li:not(:last-child){margin-right: 3.13vw;} } @media(min-width:1025px) and (max-width:1366px){ .search-show .Top003075 .top-right dt{font-size: 0;} .search-show .Top003075 .top-right dt a{font-size:16px;} } @media(min-width:1025px) and (max-width:1280px){ .Top003075 .top-right dt{font-size: 0;} .Top003075 .top-right dt a{font-size:16px;} .search-show .Top003075 .top-right dt{opacity: 0;} } @media(max-width:1024px){ .Top003075, .Top003075 .logo{height: 70px;} .Top003075 .logo img{height:45px;} .Top003075 menu{position: fixed; left: -100%;opacity: 0; top: 70px;bottom: 0;overflow: auto;background: #fff; z-index: 99; width: 220px;box-shadow: 0 10px 10px rgba(0,0,0,0.1); padding: 20px 0;transition: 0.5s;} .menu-show .Top003075 menu{left: 0;opacity: 1; } .Top003075 menu li span{display: block;position: relative;line-height: 40px;padding: 0 40px 0 20px; border-bottom: 1px solid rgba(0,0,0,0.05);} .Top003075 .has-sub span .op:before, .Top003075 .has-sub span .op:after{background: #ccc;} .Top003075 .open-menu span{position: relative;display: block; width: 30px; height: 30px; margin: 0 auto;} .Top003075 .open-menu{/* background: #0f55b0; border-left: 1px solid #fff; */} .Top003075 .top-right{right:1vw; } .Top003075 .top-right dt{font-size: 0; padding-right:5px;} .Top003075 .top-right dt a{font-size:14px; margin-left: 5px;} .Top003075 menu li .sub{padding: 20px 30px;background: #f1f5fa;} .Top003075 .top-search{padding-left: 5px; padding-right: 5px;} .Top003075 .open-sbox{font-size: 0; width: 25px; height: 44px;background-position: center center;} } @media(max-width:640px){ .search-show .Top003075 .logo{opacity: 0.2} .search-show .Top003075 .top-search .text{width:43vw;} } .auto_1400{max-width:1400px;} .h-title{font-size:52px;margin-bottom:30px;text-align: center;} .h-title:after{content:'';width:42px;height: 3px;background:#fdb811;display: block;margin:0 auto; margin-top:15px;} .h-title h2{color:#333;font-size:0.75em;font-weight: normal;margin:0; margin-top:-38px;} .h-title span{color:#f3f3f3;text-transform: uppercase;font-family: Oswald;font-size:54px;} @media(max-width:640px){ .h-title h2{font-size:7vw;margin-top:0px;} .h-title span{font-size:9vw;} } .Homebanner{position:relative;z-index:1;overflow:hidden;height:100%;width:100%;padding-bottom:0;} .Homebanner .con li .pic{background-position:center center;background-repeat:no-repeat;} .Homebanner .con li a{position:relative;display:block} .Homebanner .con li .phone{display:none} .Homebanner .slick-arrow{font-size:0;width:0.8rem;height:0.8rem;border:none;position:absolute;top:50%;margin-top:-0.3rem;background:none !important;cursor:pointer;padding:0;z-index:100;opacity:0.8;} .Homebanner .slick-prev{left:0.7rem;} .Homebanner .slick-next{right:0.7rem;} .Homebanner .slick-next::before,.Homebanner .slick-prev::before{position:absolute;content:'';width:50%;height:50%;border-top:0.005rem solid #fff;border-right:0.005rem solid #fff;top:25%;left:25%;transform:rotate(45deg);-webkit-transform:rotate(45deg);} .Homebanner .slick-prev::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);} .Homebanner .slick-next:hover,.Homebanner .slick-prev:hover{opacity:0.5} .Homebanner .slick-dots{position:absolute;left:0;bottom:10%;text-align:center;width:100%;z-index:10;} .Homebanner .slick-dots li{background:#fff; width: 8px; height: 8px; display: inline-block; margin: 0 15px; border-radius: 100px;;} .Homebanner .slick-dots .slick-active{ width: 50px;} .Homebanner .slick-dots li button{display:none} @media(min-width:769px){.Homebanner .con .slick-list li .pic{z-index:1;width:100%;background-position:center center} } @media(max-width:768px){.Homebanner{/* margin-top:70px */} .Homebanner .con li,.Homebanner .con li a{/* height:auto */} .Homebanner .con li{background:#fff !important} .Homebanner .con li .pic{display:none} .Homebanner .con li .phone{display:block;width:100%} .Homebanner .con li .text{display:none} } /*Floor003065 */ .Floor003065{padding:5% 0; font-size: 16px;} @media(min-width:769px) and (max-width:1024px){ .Floor003065{font-size:1.5vw; } } @media(max-width:640px){ .Floor003065{font-size: 4vw;} } .Floor003065 .auto{max-width: 1400px;} .Floor003065 .h-title{text-align: left;} .Floor003065 .h-title:after{margin-left: 0;} .Floor003065 .txt-info{position: relative; /* background:url("../images/Floor003065_bg.png") no-repeat center bottom ; */} @media(min-width:769px){ .Floor003065 .txt-info{padding-left: 4vw;} .Floor003065 .video{width: 42%;} .Floor003065 .txt-info{width: 56%;} } @media(max-width:768px){ .Floor003065 .ytable, .Floor003065 .ytable-cell{display: block;} } .Floor003065 .video .pic{position: relative; z-index: 1;border-radius: 20px;overflow: hidden;background: #000; margin-bottom: 0vw;} .Floor003065 .video .pic img{opacity: 0.95;} .Floor003065 .video .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;} .Floor003065 .video .play:before{position: absolute; content: '';width: 86px;height: 86px;background:url("../images/Floor003065_play.png") no-repeat center center rgba(11,77,162,0.85); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .Floor003065 .video .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} @media(max-width:640px){ .Floor003065 .video .play:before{width: 20vw; height: 20vw;} } .Floor003065 .number{margin-top:7%;} .Floor003065 .number li{float: left;color: #333; width: 22%; margin-right: 4%;} .Floor003065 .number li:nth-child(4n){ margin-right: 0%;} .Floor003065 .number li aside{color: #fdb811;} .Floor003065 .number li aside b{font-size: 38px;font-weight: 900;line-height: 0.85em;display: inline-block;margin-right:3px;} .Floor003065 .number li aside sup{font-size:22px;margin-left:2px;} .Floor003065 .number li p{margin-bottom: 0;} @media(min-width:769px) and (max-width:1024px){ .Floor003065 .number li aside b{font-size: 4vw; } } @media(max-width:640px){ .Floor003065 .number li{float: left;width: 48%;margin-right: 2%; margin-bottom: 3%; } .Floor003065 .number li aside b{font-size: 8vw; } .Floor003065 .number li aside sup{font-size:5vw;} .Floor003065 .number li p{font-size: 4vw;} } .Floor003065 .more{margin-top: 3vw;} .Floor003065 .more a{display: inline-block;color: #0b4da2;line-height: 2.875em;border-radius: 50px;border: solid 1px #0b4da2; padding: 0 2.5em; transition: 0.3s; font-size: 16px;} .Floor003065 .more a:hover{background: #0b4da2;color: #fff;} @media(max-width:640px){ .Floor003065 .more a{font-size: 4vw; } } .Floor003065 .txt-info .inner{position: relative; z-index: 3; padding-right: 0px;} .Floor003065 .txt-info .inner .enter{margin-top: 7%; } .Floor003065 .txt-info .inner .enter dd{ float: left; width: 20%; margin-right: 6%; background: #f7f7f7; padding: 3% 0 ; border-radius: 10px;} .Floor003065 .txt-info .inner .enter dd:last-child{ margin-right: 0;} .Floor003065 .txt-info .inner .enter dd {text-align: center; } .Floor003065 .txt-info .inner .enter dd:last-child { margin-bottom: 0px;;} .Floor003065 .txt-info .inner .enter dd img{ width:40px; } .Floor003065 .txt-info .inner .enter dd span{ display: block; margin-top: 10px;} .Floor003065 .txt-info .inner .enter dd a:hover span{ color: #fdb811; } .Floor003065 .txt-info .info .name{color: #ee7133;font-size: 24px;} .Floor003065 .txt-info .info p{line-height: 2em;text-align: justify;} .Floor003065 .txt-info .year{z-index: 1; padding: 2vw 10.21vw 3vw 2.08vw; border-radius: 20px;background-color: #ee7133;} .Floor003065 .txt-info .year b{font-family: 'Arial'; font-weight: 800;font-size: 3.13vw; color: #fff;position: relative; z-index: 3; line-height: 1em;} .Floor003065 .txt-info .year:after, .Floor003065 .txt-info .year:before{position: absolute; content: ''; background-position: center center;background-repeat: no-repeat;background-size: contain;} .Floor003065 .txt-info .year:before{width: 3.44vw;height: 3.44vw; background-image: url("../images/Floor003065_bg1.png");right: 1.93vw; bottom: 1.93vw;} .Floor003065 .txt-info .year:after{width: 33.59vw; height: 31.93vw;background-image: url("../images/Floor003065_bg.png"); right: 0; bottom: 0;} @media(min-width:769px){ .Floor003065 .txt-info .year{position: absolute; right: 0; bottom: 0;} } @media(max-width:768px){ .Floor003065 .txt-info{margin-bottom: 5vw; } .Floor003065 .txt-info .year{position: relative; margin-top: 4vw;} .Floor003065 .txt-info .year br{display: none;} .Floor003065 .txt-info .year b{font-size:4vw;} .Floor003065 .txt-info .year:after{width:50vw; height:50vw;} .Floor003065 .txt-info .year:before{width: 7vw;height: 7vw;} } @media(max-width:640px){ .Floor003065 .txt-info .info .name{font-size: 5vw;} } /* * .Floor001025 为demo编号 */ .Floor001025{padding: 4% 0;background:#D5E1F1} .Floor001025 .h-title{text-align: center;} .Floor001025 .h-title span{color:#e9e9e9;} .Floor001025 .ti{ text-align: center; font-size: 36px; line-height: 1.5; text-transform: uppercase;} .Floor001025 .slick-slider{ position: relative; display: block; margin-bottom: 0px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .Floor001025 .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .Floor001025 .slick-list:focus { outline: none;} .Floor001025 .slick-list.dragging { cursor: pointer; cursor: hand;} .Floor001025 .slick-slider .slick-track, .Floor001025 .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); } .Floor001025 .slick-track { position: relative; left: 0; top: 0; display: block;} .Floor001025 .slick-track:before, .Floor001025 .slick-track:after { content: ""; display: table;} .Floor001025 .slick-track:after { clear: both;} .Floor001025 .slick-slide { float: left; /*height: 100%;*/ min-height: 1px; display: none;} [dir="rtl"] .slick-slide { float: right;} .Floor001025 .slick-slide img { display: block; width: 700px; height: 466px;} .Floor001025 .slick-slide.slick-loading img { display: none;} .Floor001025 .slick-slide.dragging img { pointer-events: none;} .Floor001025 .slick-initialized .slick-slide{ display: block;} .Floor001025 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor001025 .slick-arrow.slick-hidden { display: none;} .Floor001025 .slick-loading .slick-slide {visibility: hidden;} .Floor001025 .slick-loading .slick-track { visibility: hidden;} .Floor001025 .slick-loading .slick-list { background: #fff url("../images/Floor001025-loader.gif") center center no-repeat;} .Floor001025 .carousel-center-mode .slick-slide { outline: none; padding: 0 15px;} .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { transition: 450ms;} .Floor001025 .carousel-center-mode .slick-slide h5{font-weight: normal;} @media (min-width: 1200px) { .Floor001025 .carousel-center-mode .slick-track{ display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Floor001025 .carousel-center-mode .slick-slide{ position: relative; padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; } .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail{ min-width: 550px; -webkit-transform: scale(0.8); transform: scale(0.8); } .Floor001025 .carousel-center-mode .slick-slide h5{ font-size: 18px; transition: 0s;margin:3% 0;} .Floor001025 .carousel-center-mode .slick-slide p{ font-size: 12px; transition: 0s;} .Floor001025 .carousel-center-mode .slick-slide.slick-active{ cursor: pointer;} .Floor001025 .carousel-center-mode .slick-slide.slick-center{ z-index: 10; cursor: default;} .Floor001025 .carousel-center-mode .slick-slide.slick-center .image-thumbnail{ min-width: 700px; -webkit-transform: scale(1); transform: scale(1); } .Floor001025 .carousel-center-mode .slick-slide.slick-center h5{ font-size: 22px;} .Floor001025 .carousel-center-mode .slick-slide.slick-center p{ font-size: 14px;line-height: 25px} } .Floor001025 .image-thumbnail { max-width: 700px; margin-left: auto; margin-right: auto; position: relative; border-radius: 10px; overflow: hidden;} .Floor001025 .image-thumbnail img { border-radius: 10px;} .Floor001025 .image-thumbnail .caption { padding: 20px;} @media (min-width: 768px) { .Floor001025 .image-thumbnail * { color: #fff;} .Floor001025 .image-thumbnail:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; display: inline-block; background-image: -webkit-linear-gradient(top, transparent 30%, #000 110%); background-image: -o-linear-gradient(top, transparent 30%, #000 110%); background-image: linear-gradient(to bottom, transparent 30%, #000 110%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0); } .Floor001025 .image-thumbnail .caption { position: absolute; left: 0; right: 0; bottom: 0; text-align: left;} .Floor001025 .image-thumbnail .caption p { line-height: 21px;} .Floor001025 .image-thumbnail .caption h5 + p { margin-top: 12px;} } @media (min-width: 1200px) { .Floor001025 .image-thumbnail .caption { padding: 20px 40px;} } @media (max-width: 640px) { .Floor001025 .slick-slide img { height: 250px;} .Floor001025 .image-thumbnail .caption { padding: 10px 20px;} .Floor001025 .image-thumbnail .caption h5{ margin: 0; font-size: 5vw;} .Floor001025 .image-thumbnail .caption p{ line-height: 2; font-size: 4vw;} } /* Icons */ /* Arrows */ .Floor001025 .slick-prev, .Floor001025 .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; background: #fff; color: transparent; top: 28%; padding: 0; border: none; outline: none; z-index: 9; transition: 350ms; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .Floor001025 .slick-prev:hover, .Floor001025 .slick-prev:focus, .Floor001025 .slick-next:hover, .Floor001025 .slick-next:focus { outline: none; /*background-color: #f48e46;*/} .Floor001025 .slick-prev:hover:before, .Floor001025 .slick-prev:focus:before, .Floor001025 .slick-next:hover:before, .Floor001025 .slick-next:focus:before { color: #fff;} .Floor001025 .slick-prev.slick-disabled:before, .Floor001025 .slick-next.slick-disabled:before { opacity: 0.5;} @media (min-width: 768px) { .Floor001025 .slick-prev, .Floor001025 .slick-next { top: 50%;} } .Floor001025 .slick-prev:before, .Floor001025 .slick-next:before { content:''; position: absolute; width: 18px; height: 18px; top: 50%; margin-top: -9px; overflow: hidden; font-size: 0; cursor: pointer; z-index: 10; border: 0; background: none; padding: 0; border-top: 2px solid #fdb811; border-left: 2px solid #fdb811; transform: rotate(-45deg); } .Floor001025 .slick-prev { border-radius: 50%; left: 8%;} [dir="rtl"] .slick-prev { left: auto; right: 0;} .Floor001025 .slick-prev:before {left: 24px} [dir="rtl"] .slick-prev:before { } .Floor001025 .slick-next { border-radius: 50%; right: 8%;} [dir="rtl"] .slick-next { left: 0; right: auto;} .Floor001025 .slick-next:before {right: 24px;transform: rotate(135deg);} [dir="rtl"] .slick-next:before { } /* Dots */ .Floor001025 .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;} .Floor001025 .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .Floor001025 .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .Floor001025 .slick-dots li button:hover, .Floor001025 .slick-dots li button:focus { outline: none;} .Floor001025 .slick-dots li button:hover:before, .Floor001025 .slick-dots li button:focus:before { opacity: 1;} .Floor001025 .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-dots li.slick-active button:before { color: black; opacity: 0.75;} .Floor001025 .carousel-center-mode .slick-track { min-height: 460px; padding: 0px 0;} .Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto;} @media (min-width: 768px) { .Floor001025 .carousel-center-mode .slick-list { width: 750px;} } @media (min-width: 992px) { .Floor001025 .carousel-center-mode .slick-list { width: 970px;} } @media (min-width: 1400px) { .Floor001025 .carousel-center-mode .slick-list { width: 1360px;} } @media (max-width: 640px) { .Floor001025 .slick-prev, .Floor001025 .slick-next{width: 45px;height: 45px;} .Floor001025 .carousel-center-mode .slick-track { min-height: 320px; } } /*Floor003106 */ .Floor003106{font-size: 100px;position: relative;z-index: 1;} @media (max-width:1600px) { .Floor003106{font-size: 6.25vw;} } @media (max-width:1024px) { .Floor003106{font-size: 14vw;} } .Floor003106 .h-title{color:#fff; margin-top: 5%;} .Floor003106 .h-title span{color:rgba(255,255,255,0.15);} .Floor003106 .h-title h2{color:#fff;} .Floor003106 .auto{max-width: 1400px;width: 96%;} .Floor003106 .main{color: #333; table-layout: fixed;} .Floor003106 .title{color: #003f84;font-size: 0.38em; margin-bottom: 1.0526em;} .Floor003106 .title .en{font-family: 'AvantGardeITCbyBT-Demi';font-size: 1.368em;line-height: 1;} .Floor003106 .info{line-height: 1.75;font-size: 0.16em; margin: 0 auto 1.69em;color:#fff; text-align: center;} .Floor003106 .main .slider li .icon{position: relative; height: 0.41em; /* margin:0 auto 0.3em; */display: table;line-height: 0; margin-bottom:0.3em} .Floor003106 .main .slider li .icon img{width:60px;height: 60px;} .Floor003106 .main .slider li .icon aside{position: absolute;left: 0; top:0; width: 100%;opacity: 0;transition: 0.3s;} .Floor003106 .main .slider li a{display: block;height:3.6em;padding: 0.5em 0.3em 0; transition: 0.3s;color: #fff; text-align: center;background-color: #0b4da2;border-radius: 10px; } .Floor003106 .main .slider li:not(:nth-child(4n)) {margin-right: 2%;} .Floor003106 .main .slider li:nth-child(2n-1) a{/* background: #f2f2f2; */} .Floor003106 .main .slider li a:hover{ background-color: #0b4da2;color: #fff;border-radius: 10px; } .Floor003106 .main .slider li .name{font-size: 0.22em; transition: transform 0.3s; text-align: left; margin-bottom:1em;} .Floor003106 .main .slider li a:hover .icon > img{opacity: 1;} .Floor003106 .main .slider li a:hover .icon aside{opacity:1;} .Floor003106 .main .slider li pre{opacity: 1;} /* .Floor003106 .main .slider li a:hover pre{opacity: 1;} */ .Floor003106 .main .slider li pre{ font-size: 0.16em; line-height: 1.875;} /* .Floor003106 .main .slider li a:hover img{transform: translateY(-0.3em);} .Floor003106 .main .slider li a:hover .name{transform: translateY(-1.5em);} */ .Floor003106 .main .slider li .more{display: table;line-height: 0;width: 0.21em; height: 0.13em; margin: 20px ato; background: url(../images/Floor003106-icon-white.svg) no-repeat;background-size: contain;transition: transform 0.3s; display: none;} .Floor003106 .main .slider li a:hover .more{transform: translateY(-0.24em);} @media (min-width:1025px) { .Floor003106 .main{position: absolute;left: 0; top: 0;width: 100%; height: 100%;z-index: 20;} .Floor003106 .info{ max-width: 661px;} .Floor003106 .main .slider{width:90%; margin: 0.7em auto ;} .Floor003106 .bg-img .slick-dots{display: none!important;} } @media (max-width:1024px) { .Floor003106{overflow: hidden;padding-top: 0.5em;} .Floor003106 .main .slider{margin: 0 -6%;} .Floor003106 .bg-img .slick-dots{text-align: center;display: flex;align-items: center; justify-content: center; padding: 0.3em 0;} .Floor003106 .bg-img .slick-dots li{width: 0.2em; height: 0.2em; border-radius: 50%;background-color: #00ac6f; opacity: .3; margin: 0 0.1em;} .Floor003106 .bg-img .slick-dots li.slick-active{opacity: 1;} .Floor003106 .bg-img .slick-dots li button{display: none;} } @media (max-width:480px) { .Floor003106 .info{font-size: 0.24em;} .Floor003106 .main .slider li .name{font-size: 0.32em;} .Floor003106 .main .slider li a{height: 2.4em;padding: 0.4em 0.2em 0;} .Floor003106 .main .slider li .icon{margin-bottom: 0.6em;} .Floor003106 .main .slider li a:hover .name{transform: translateY(-1.5em);} } /*Floor003089 */ .Floor003089{background: url("../uploadfiles/Floor003106-1.jpg") no-repeat; background-size: cover; padding: 1.5vw 0 3vw 0;font-size: 16px;position: relative;z-index: 2;} .Floor003089 .h-title{color:#fff; margin-top: 5%;} .Floor003089 .h-title span{color:rgba(255,255,255,0.15);} .Floor003089 .h-title h2{color:#fff;} .Floor003089 .info{line-height: 1.75;font-size: 1.125em; margin: 0 auto 1.69em;color:#fff; text-align: center;} .Floor003089 .title{position: relative;font-size: 38px;color: #005bac; margin-bottom: 2vw;} .Floor003089 .title .en{font-size: .5em; line-height: 0.8667; text-transform: uppercase; margin-bottom: 0.1em;} .Floor003089 .more{display: inline-block;line-height: 40px; border-radius: 40px;} .Floor003089 .more:after{display: inline-block; content: '';background: url("../images/Floor003089-more.svg") no-repeat; width: 5px; height: 10px; margin-left: 15px; } .Floor003089 .title .more{position: absolute;right: 0; bottom: 0;color: #0b4da2; font-size: .5em;} .Floor003089 .title{font-size: 2vw;padding-left: 2.5vw;} .Floor003089 .title::before{content: "";display: block;position: absolute;top: -3.5vw;left: 10px;width: .6vw;height: 6vw;background: #0b4da2;-webkit-transform: skewX(-20deg);transform: skewX(-20deg);} @media(max-width:1024px){ .Floor003089 .title{font-size: 5vw; } } .Floor003089 .slider li{overflow: hidden; float: left; width: 25%;} .Floor003089 .slider li a{display: block;margin: 20px 10px;background:rgba(11, 77, 162, 0.6) ;position: relative; padding-bottom: 125.715%; border-radius: 10px; } .Floor003089 .slider li .inner, .Floor003089 .slider li figure.hover{position: absolute; transition: .3s; } .Floor003089 .slider li figure.hover{opacity: 0;transition: 0.3s; left: 0; width: 100%; top: 0; bottom: -40px;background: #fdb811; border-radius: 10px; } .Floor003089 .slider li .inner{padding: 2.08vw 2.08vw 2.97vw; left: 0; width: 100%; top: 3vw;} .Floor003089 .slider li .icon{margin-bottom: 2vw;display: table;position: relative;} .Floor003089 .slider li .icon img{transition: 0.3s;width: 3.5vw;} .Floor003089 .slider li .icon .hover{position: absolute; left: 0; top: 0; width: 3.5vw; opacity: 0;} .Floor003089 .slider li .more{opacity: 0;transition: 0.3s; transform: translateY(30px);padding: 0 20px; background: #fff;color: #0b4da2;font-size: 14px;margin-top: 10px;} .Floor003089 .slider li .tit{color: #fff; font-size: 1.5em;/* height: 2.5em; */font-weight: bold;} .Floor003089 .slider li dl{margin: 0.8em 0;} .Floor003089 .slider li dd{position: relative;padding-left: 15px; font-size: 16px; /* transition: 0.3s; */ line-height: 2;opacity: 0.8;color: #fff;} .Floor003089 .slider li dd:before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%;background: #FFFFFF; left: 0; top: 12px;} .Floor003089 .slider li pre{font-size: 16px; margin: 0.8em 0;/* transition: 0.3s; */ line-height: 2;opacity: 0.8; } .Floor003089 .slider li a:not(:hover) pre{color: #fff;} .Floor003089 .slider li a:hover dl{margin-bottom: 1vw;} .Floor003089 .slider li dl{margin: 0.8em 0;} .Floor003089 .slider li a:hover dd{opacity: 1;} .Floor003089 .slider li a:hover figure.hover{opacity: 1; top: -20px; bottom: -20px;} .Floor003089 .slider li a:hover .inner{top: 0vw;} .Floor003089 .slider li a:hover .more{opacity: 1; transform: translateY(0);} .Floor003089 .slider li a:hover .icon .hover{opacity: 1;} .Floor003089 .slider li a:hover .icon .on{opacity: 0;} .Floor003089 .slider li .number { position: absolute; right: 1.5vw; top: 1.5vw; font-size: 3vw; color: rgba(255, 255, 255, 0.2); font-family: oswald; z-index: 2; transition: .3s;} .Floor003089 .slider li a:hover .number { top: 0vw;color: rgba(255, 255, 255, 0.4);} .Floor003089 .slick-dots{text-align: center;} .Floor003089 .slick-dots li{display: inline-block; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%;background:#1f4b8c; opacity: 0.5} .Floor003089 .slick-dots li button{display: none;} .Floor003089 .slick-dots li.slick-active{opacity: 1;} @media(max-width:1024px){ .Floor003089 .slider li .inner{padding: 5vw;} .Floor003089 .slider li a:hover p{margin-bottom: 5vw;} .Floor003089 .slider li .tit{font-size: 4.5vw;} } @media(max-width:480px){ .Floor003089{font-size: 3.5vw;padding: 8vw 0;} } /*Floor002733 */ .Floor002733{overflow-x: hidden;padding:4% 0; background: #f5f5f5;} .Floor002733 .auto{padding: 0!important; width: 96%; } .Floor002733 .h-title{text-align: center;} .Floor002733 .h-title:after{margin:0 auto;margin-top:15px;} .Floor002733 .h-title span{color:#e9e9e9;} .Floor002733 .slick-dots{padding-top: 20px; text-align: center;} .Floor002733 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 22px; height: 22px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002733 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e7e7e7; 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: #fdb811;} .Floor002733 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fdb811;} .Floor002733 .more{padding: 20px 0 0px 0; } .Floor002733 .more a{display: block; line-height: 55px; width: 200px; border-radius: 5px; border: 1px solid #e5e5e5; margin: 0 auto;text-align: center; font-size: 16px; transition: 0.3s; color: #666;background:#fff;} .Floor002733 .more a:hover{background: #0b4da2; border-color: #0b4da2; color: #fff;} .Floor002733 li.slick-slide{padding-top: 0px; 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;opacity: 0;-webkit-opacity: 0;} .Floor002733 li.slick-slide .pic{overflow: hidden;} .Floor002733 li.slick-slide .Ispic{padding-bottom: 62%; 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{} .Floor002733 li.slick-slide .txt{padding: 25px 28px;background:#fff;} .Floor002733 li.slick-slide .txt time{color: #999; font-size: 15px;} .Floor002733 li.slick-slide .txt aside{color: #333;font-size: 22px; margin-top: 10px;} .Floor002733 li.slick-slide:hover .txt aside{color:#0b4da2;} .Floor002733 li.slick-slide .txt p{line-height: 28px;color:#666;} @media(min-width:1201px){ .Floor002733 .slider{margin-left: -22px; margin-right: -22px; } .Floor002733 li.slick-slide .inner{ margin: 0 22px;} } @media(max-width:1200px){ .Floor002733 li.slick-slide .inner{ margin: 0 14px;} } @media(max-width:1024px){ .Floor002733 li.slick-slide .txt{padding: 15px;} } .TextList001111 { padding: 3% 0;} .TextList001111 .auto{ } .TextList001111 .con{ width: 100%; height: 600px; background: url(../images/map.png) no-repeat center center ; background-size: contain; position: relative;} .TextList001111 .con ul{position:absolute; left: 0; top: 0; width: 100%; height: 100%;} .TextList001111 .con ul figure{ display: none; position:absolute; left: 0; top: 0; width:400px; background: #fff; padding: 30px; box-shadow: 0 0 30px rgba(0,0,0,0.05); line-height: 2; } .TextList001111 .con ul li{position:absolute; } .TextList001111 .con ul li h4{ margin: 0 0 0.5em; font-size: 20px; font-weight: normal; } .Right_box{position:fixed;right:0px;z-index:500;top:50%;margin-top:-100px;box-shadow:0 0 10px rgba(0,0,0,0.1);background:#fff; text-align: center;} .Right_box li{position:relative;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);} .Right_box li:last-child{border-bottom:none;} .Right_box li>a{display:block;width:50px;height:50px;transition:.3s; font-size: 14px; padding-top: 12px; color: #999} .Right_box li>a span{ display: block; width: 25px; height:25px; margin: 0 auto;} .Right_box li>a:hover{background:#eee} .Right_box li.li_0 span{ background: url(../images/ricon0.png) no-repeat center center; background-size:contain;} .Right_box li.li_1 span{ background: url(../images/ricon1.png) no-repeat center center; background-size:contain;} .Right_box li.li_2 span{ background: url(../images/ricon2.png) no-repeat center center; background-size:contain;} .Right_box ul li figure{ position:absolute; top:0; right:50px;background:#fdb811; color:#fff; display:none;} .Right_box .li_1 figure{ width:150px; padding:10px;} .Right_box .li_1 figure img{ display:block; width:100%;} .Right_box .li_2 figure{ padding:0 10px; font-size:18px;line-height:50px;white-space:nowrap;} .Right_box .li_2 figure a{ color:#fff;} .Right_box li.li_gettop a{background: url(../images/ricon4.png) no-repeat center center #fdb811; background-size: auto 10px !important:} @media(max-width:1024px){.Right_box li.li_tel a{display:none} .Right_box li.li_tel .wap{display:block} } @media(max-width:640px){.Right_box ul{top:auto;margin-top:0;bottom:2%} } /*Bottom002887 */ .Bottom002887{background:#202020;} .Bottom002887, .Bottom002887 a{color: #fff;} .Bottom002887 .auto{max-width: 1400px;} .Bottom002887 .copyright{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.6); line-height: 30px;} .Bottom002887 .copyright a{color:rgba(255,255,255,0.6);} .Bottom002887 .copyright .fr{overflow: hidden;} .Bottom002887 .copyright .fr a{float: left;height: 30px;} .Bottom002887 .copyright .fr a:not(:last-child):after{margin: 0 16px;content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle;background: rgba(255,255,255,0.2);margin-top:-4px;} .Bottom002887 .mems_btn{ width: 200px; line-height: 40px; text-align: center; background: url(../images/mems.png) no-repeat left 35px center #fdb811 ; color: #222; display: block; margin-bottom: 20px; font-size: 16px; border-radius: 50px; padding-left:10px;} .Bottom002887 .b_link{margin-bottom: 26px; line-height: 24px;} .Bottom002887 .b_link .fr{position: relative; padding-left: 70px;} .Bottom002887 .b_link .fr span{position: absolute; left: 0; top: 0;} .Bottom002887 .b_link .fr a{margin-left: 25px;display: inline-block;} .Bottom002887 .b_link .fl a{display: inline-block;} .Bottom002887 .b_link .fl a:not(:last-child):after{margin: 0 20px;content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle;background: rgba(255,255,255,0.2);} .Bottom002887 .code{max-width: 320px; margin: 0 auto;} .Bottom002887 .code li{float: left; width: 100%; text-align: center;} .Bottom002887 .code li:nth-child(2n){float: right;} .Bottom002887 .code li aside{color: rgba(255,255,255,0.5); margin-top: 10px;} .Bottom002887 .code li img{border-radius: 0px; display: block; width: 100%;} .Bottom002887 .b_nav{padding: 4.875% 0 6% 0;} .Bottom002887 .b_nav .tit{font-size: 16px;} .Bottom002887 .b_nav nav dd{line-height: 22px;padding:4px 0;} .Bottom002887 .b_nav nav dd a{color: rgba(255,255,255,0.6);} .Bottom002887 .b_nav nav dd a:hover{color: #fff;} .Bottom002887 .contact .call{font-size: 28px;font-weight: bold; } .Bottom002887 .contact p{margin-top: 10px; opacity: 0.6;-webkit-opacity: 0.6;} @media(min-width:641px){ .Bottom002887 .b_nav nav {display: flex;justify-content: space-around;} /* .Bottom002887 .b_nav nav .item{max-width: 140px;} */ .Bottom002887 .b_nav nav .item:nth-child(2){max-width: 200px;} .Bottom002887 .b_nav .tit{padding-bottom: 15px; } .Bottom002887 .b_nav nav .item dl{display: block!important;} } @media(min-width:1025px){ .Bottom002887 .b_link > div{max-width: 48%;} .Bottom002887 .code{width:120px;} .Bottom002887 .b_nav nav{width:58%;} .Bottom002887 .contact{width: 28.5%;padding: 0 1% 0 1%; } } @media(max-width:1024px){ .Bottom002887 .mems_btn{ margin: 0 auto;} .Bottom002887 .b_nav nav{ display: none;} .Bottom002887 .contact, .Bottom002887 .code .tit{text-align: center;} .Bottom002887 .contact{padding: 10px 0;} } @media(max-width:640px){ .Bottom002887 .b_nav nav .item{margin: 0!important;border-bottom: 1px solid rgba(255,255,255,0.1);} .Bottom002887 .b_nav nav .item dl{display: none; padding-bottom: 20px;} .Bottom002887 .b_nav .tit{padding: 20px 0; } .Bottom002887 .b_nav nav .tit{position: relative;z-index: 1;padding-right: 40px;} .Bottom002887 .b_nav nav .tit i{position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -8px;transition: 0.3s;} .Bottom002887 .b_nav nav .tit i.on{transform: rotate(45deg);} .Bottom002887 .b_nav nav .tit i:before, .Bottom002887 .b_nav nav .tit i:after{position: absolute; content: ''; left: 50%; top: 50%;transform: translate(-50%,-50%);background: #fff;} .Bottom002887 .b_nav nav .tit i:before{width: 50%; height: 2px;} .Bottom002887 .b_nav nav .tit i:after{width: 2px; height: 50%;} .Bottom002887 .b_nav nav dd{padding: 5px 0;} .Bottom002887 .code{max-width: 280px;} .Bottom002887 .code li img{width: 55%; margin: 0 auto;} } .Form002324{ position:fixed ; background:rgba(0,0,0,0.8); width:100%;height: 100%; top:0; left:0; z-index:9999; display: none;} .Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:580px; height:560px; margin-left:-300px; left:50%; background:#fff; z-index:100;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002324 .Title{ font-size:24px; color:#555555; text-align:center;padding: 50px 0 20px;} .Form002324 .desc{ font-size:18px; color:#555555; text-align:center;padding: 0px 0 20px;} .Form002324 input, .Form002324 textarea{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:43px; line-height:33px; padding:5px 10px 5px 20px; margin:0 auto 10px; width:500px; font-size: 16px;;} .Form002324 textarea{ height: 100px;;} .Form002324 .goLogin{cursor: pointer; width:500px; margin:0 auto; color:#fff; text-align:center; border: none; height: 42px; line-height:34px; font-size:20px; display:block; background:#fdb811; margin-top: 30px} .Form002324 .OtherLogin{ width:500px; margin:0 auto;} .Form002324 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} @media only screen and (max-width:664px ) { .Form002324 .wrap-container{top:0;margin-top: 0; width:100%; height:100%; margin-left:0; left:0; padding: 5%;} .Form002324 input,.Form002324 textarea,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form002324 .OtherLogin{ text-align: center;} .Form002324 .Lyzm{ width: 90px;} .Form002324 .Title{ font-size: 20px; line-height: 70px;} } /*TextList003121 */ .TextList003121{padding: 4% 0;} .TextList003121 .inside{padding: 0%;} .TextList003121 .tit{margin: 0;font-size: 36px;color: #333333;padding-bottom: 1em;line-height: 1;} .TextList003121 .area dd{color: #333333;font-size: 20px; line-height: 2.4;border-radius: 2.5em;padding: 0 2.25em; cursor: pointer;} .TextList003121 .area dd.on{background-color: #fdb811;color:#fff;} .TextList003121 .list{display: none;padding-left:90px;padding-right:90px;padding-top:50px;} .TextList003121 .list li{ padding:3% 2%;font-size: 16px;line-height: 1.875;} .TextList003121 .list li h4{font-weight: normal;font-size:22px;padding-left: 2em;background: url(../images/TextList003121-icon.png) no-repeat left center; margin: 0 0 0 -2em;color: #333333;line-height: 1.5;margin-bottom:7px;} .TextList003121 .list li aside{position: relative;padding-left: 3.125em; min-height: 1.875em;} .TextList003121 .list li aside span{position: absolute;left: 0;top: 0;} .TextList003121 .list-group{float:right;width:94%; background:#f8f8f8;} .TextList003121 .list{height: 580px;overflow: hidden;background-repeat: no-repeat;background-size:cover;} @media (min-width:769px) { .TextList003121 .ytable{table-layout: fixed;} .TextList003121 .ytable-cell{vertical-align: top;} .TextList003121 .area{width: 170px;border-right: 1px solid #e7e7e7;padding-top: 20px;} .TextList003121 .area dl{margin-right: -22px;} .TextList003121 .list-group{} } @media (max-width:768px) { .TextList003121 .ytable, .TextList003121 .ytable-cell{display: block;} .TextList003121 .area{margin-bottom: 2vw;} .TextList003121 .area dl{display: flex;flex-wrap: wrap;} .TextList003121 .area dd{font-size: 2.5vw;} } @media (max-width:480px) { .TextList003121 .tit{font-size:6vw;} .TextList003121 .list li{font-size:3.5vw;} .TextList003121 .area dd{font-size:3.5vw; padding: 0 1em; line-height: 2.2;} } /*Floor002745 */ .Floor002745{background: #f7f7f7;padding:4% 0;} .Floor002745 .h-title{text-align: center;} /*slick Basic*/ .Floor002745 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002745 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002745 .slick-list:focus {outline: none} .Floor002745 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002745 .slick-slider .slick-track, .Floor002745 .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)} .Floor002745 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002745 .slick-track:before, .Floor002745 .slick-track:after{display: table; content: '';} .Floor002745 .slick-track:after{ clear: both;} .Floor002745 .slick-loading .slick-track { visibility: hidden;} .Floor002745 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002745 .slick-slide .slick-loading img { display: none;} .Floor002745 .slick-slide .dragging img { pointer-events: none;} .Floor002745 .slick-initialized .slick-slide { display: block;} .Floor002745 .slick-loading .slick-slide { visibility: hidden;} .Floor002745 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002745 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002745 li.slick-slide{padding: 10px 10px 15px; background: #fff; margin-right: 2%; min-height: 325px;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.02);border-radius: 10px;} .Floor002745 li.slick-slide:last-child{ margin-right: 0%;} .Floor002745 li.slick-slide .icon{width: 60%; max-width: 114px; margin: 0 auto;position: relative;} .Floor002745 li.slick-slide .icon:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: #fdb811; } .Floor002745 li.slick-slide:nth-child(2n) .icon:before{background: #ee8542;} .Floor002745 li.slick-slide .icon img{ border-radius: 50%;position: relative; z-index: 3;} .Floor002745 li.slick-slide h2{font-size:26px;font-weight: normal; color:#333;text-align: center;margin-bottom:0;margin-top:10%;} .Floor002745 li.slick-slide aside{line-height: 26px; font-size: 16px; text-align: center;color: #666; padding-top: 10px;position: relative; z-index: 3;} .Floor002745 li.slick-slide aside span{font-size:20px;color:#333;margin-top:10px;display: block;line-height: 28px;} /*.Floor002745 li.slick-slide:hover .icon:before{animation:Floor002745 1s ease infinite;-webkit-animation:Floor002745 1s ease infinite;-ms-animation:Floor002745 1s ease infinite;}*/ @-webkit-keyframes Floor002745{ 0%{transform: scale(1);opacity: 1;} 100%{transform: scale(2);opacity: 0;} } @-ms-keyframes Floor002745{ 0%{transform: scale(1);opacity: 1;} 100%{transform: scale(2);opacity: 0;} } @keyframes Floor002745{ 0%{transform: scale(1);opacity: 1;} 100%{transform: scale(2);opacity: 0;} } .Floor002745 .slick-dots{ text-align: center; padding:0 0 20px 0;} .Floor002745 .slick-dots li{display: inline-block; width: 14px; height: 6px; background: rgba(0,0,0,0.2); margin: 0 2px;} .Floor002745 .slick-dots li button{display: none;} .Floor002745 .slick-dots li.slick-active{background: #eb422c;} .Map003074{ padding: 4vw 0;} .Map003074 .auto{max-width: 1400px;} @media(max-width:480px){ .Map003074 .tel-main dd span{ width: 100%;} .Map003074 .tel-main dt{background-size: contain; } } .Map003074 .map{height: 32vw; z-index: 0;} .Map003074 .map *{box-sizing: content-box;} .Map003074 .map img{max-width: none;} .tdt-infowindow-content{font-size: 14px; padding: 10px;} .tdt-infowindow-content b{color: #fdb811; font-size: 18px; margin-bottom: 10px; display: block;;} /*百度样式 .Map003074 .map .BMap_bubble_content{box-sizing: border-box;padding: 0 10px 10px;color: #333;font-size: 14px;} .Map003074 .map .BMap_bubble_title{font-weight: bold;color: #ee7133!important; line-height: 20px!important; white-space: normal!important;padding-top: 10px; padding-right: 40px; padding-left: 10px; box-sizing: border-box;} .Map003074 .map .BMap_bubble_pop{width: 334px!important;} */ @media(max-width:1024px){ .Map003074 .map{height: 60vw;} } @media(max-width:480px){ .Map003074 .map{height: 80vw;} } /* .Floor001318 为demo编号 */ .Floor001318{ padding: 4vw 0; position: relative;} .Floor001318 .Hometitle{ margin-bottom: 30px;} .Floor001318 .map{ overflow:hidden; position:relative; clear:both; height:72vh;} .Floor001318 .list{/* max-width: 1440px;width: 100%; */position: absolute;right:0%;top:50%;transform: translate(-20%,-50%); z-index: 10;} .Floor001318 .list .con{width:420px;background:rgba(255,255,255,0.9);box-shadow:-8px 8px 20px rgba(0,0,0,.1);padding:40px 40px 80px 40px;overflow: hidden;position: relative; border-radius:0 0 10px 10px; border-top:5px solid #fdb811; float: right;} .Floor001318 .list .con .ul .slick-prev{width: 48%;background: url(../images/Floor001318-btn_prev.png) no-repeat center center #f1f1f1;height: 50px;border-radius: 10px;position: absolute;bottom: -50px;left: 0;} .Floor001318 .list .con .ul .slick-next{width: 48%;background: url(../images/Floor001318-btn_next.png) no-repeat center center #f1f1f1;height: 50px;border-radius: 10px;position: absolute;bottom: -50px;right: 0;} .Floor001318 .list .con .ul .slick-current h1{color: #fdb811;} .tdt-fade-anim .tdt-map-pane .tdt-infowindow{display: none;} .Floor001318 #all_map_1318{ position:absolute !important; left:0; top:0; width:100%; height:100%; z-index: 1;} .Floor001318 #all_map_1318 *{ box-sizing:content-box; } .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{ line-height:20px;} .Floor001318 .list li{cursor:pointer; padding:20px 0; border-top: 1px solid #eaeaea;} .Floor001318 .list li h1{ margin:0; font-size:18px; color:#333; margin-bottom:14px;} .Floor001318 .list li:nth-child(1) h1 span { padding-right: 30px; background: url(../images/Map002779_icon.png) no-repeat right top;} .Floor001318 .list li p{ font-size:16px;line-height:28px; margin:0 ; padding-left:32px; background: url(../images/Map002779_icon01.png) no-repeat left top;} .Floor001318 .list li .dot-2{/* min-height: 56px; */} .Floor001318 .list li p+p{ margin-top: 4px; background-image: url(../images/Map002779_icon02.png) ;} .Floor001318 .list li.on h1{color: #fdb811;} .Floor001318 .list .bx-controls-direction{ overflow:hidden; clear:both; } .Floor001318 .list .bx-controls-direction a{ width:48%; background: url(../images/Floor001318-btn_prev.png) no-repeat center center #eaeaea; display:block; height:50px; float:left; overflow:hidden; line-height:1000px; border-radius: 10px;} .Floor001318 .list .bx-controls-direction a.bx-next{ float:right; background-image:url(../images/Floor001318-btn_next.png);} @media(max-width:1440px){ .Floor001318 .list{right:2%;transform:translate(0,-50%);} } @media(max-width:768px){ .Floor001318 {padding-bottom: 30px} .Floor001318 .list{ float:none;max-width:100%; margin-top:0; position: relative; left:0;top:0;transform: translate(0,0);} .Floor001318 .list .con{width:100%; float:none;} .Floor001318 #all_map_1318{ position:relative !important; height:400px; } .Floor001318 .map{height:auto;} } /*Banner003144 */ .Banner003144 .pc{background-position: center center; background-repeat: no-repeat; height: 28.125em; background-size: cover;} @media (min-width:1025px) { .Banner003144 .wap{display: none;} } @media (max-width:1024px) { .Banner003144 .pc{display: none;} } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);font-family: 'SourceHanSansCN-Regular';} .Menu003135 .current{ font-size: 0.875em; padding-left: 1.21428em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height: 5.7142;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: #999;} .Menu003135 .current span{color: #333;} .Menu003135 .nav-menu li{float: left;font-size: 1.125em;line-height: 4.44444;} .Menu003135 .nav-menu li:not(:last-child){margin-right:2.222em;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: #fdb811;} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #fdb811;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;} } /*RighInfo000623 */ .RighInfo000623{padding: 4% 0;} .RighInfo000623 .title{margin-bottom: 2vw;} .RighInfo000623 .title .cn{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 1vw; } .RighInfo000623 .title .cn:after{display: block; content: ''; width: 42px; height: 3px; background: #fdb811;margin-top: 15px; } .RighInfo000623 .title .en{color: #fdb811;font-size:20px;} @media(max-width:768px){ .RighInfo000623 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo000623 .title .cn{font-size: 6vw;} } .RighInfo000623 .ytable-cell{} .RighInfo000623 .pic .inner{ position: relative;} .RighInfo000623 .pic time{bottom: 0; text-align: right;position: absolute;right: 0; background: rgba(165,45,51,0.64);color: #fff; padding: 26px 50px 26px 26px;} .RighInfo000623 .pic time span{display: block;margin-bottom: 5px;font-size: 72px; line-height: 0.8em;} .RighInfo000623 .pic time span:before{display: inline-block; height: 2px; background: #fff; content: ''; width: 16px; vertical-align:bottom; margin-right: 5px;} .RighInfo000623 .info{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); background-size: contain;} .RighInfo000623 .p-info{font-size: 16px;line-height: 2.2em;color: #333;} .RighInfo000623 .p-info p{/* margin: 0 0 2vw 0; */} @media(min-width:1025px){ .RighInfo000623 .pic{width: 18.429%;} .RighInfo000623 .pic .inner{width: 208.696%;} .RighInfo000623 .info .inner{padding-left: 31.624%;padding-right: 5.548%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} .RighInfo000623 .info{padding: 4vw;} } @media(max-width:640px){ .RighInfo000623 .pic time span{font-size: 12vw;} .RighInfo000623 .p-info{font-size:4vw;} } /*RighInfo002924 */ .RighInfo002924{padding: 4% 0;background: #f5f5f5;} .RighInfo002924 .title{margin-bottom: 2vw;} .RighInfo002924 .title:after{display: block; content: ''; width: 42px; height: 3px; background: #fdb811; } .RighInfo002924 .title .cn{font-size: 32px;color: #333; padding-bottom: 10px;font-weight: bold;margin-top: -38px;} .RighInfo002924 .title .en{color: #f3f3f3;text-transform: uppercase;font-family: Oswald;font-size: 54px;} @media(max-width:768px){ .RighInfo002924 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo002924 .title .cn{font-size: 8vw; margin-top: 0px; } .RighInfo002924 .title .en{font-size: 11vw;} } .RighInfo002924 .box-1{background: #fff; margin-bottom: 1.786%;} .RighInfo002924 .box-1 .info{} .RighInfo002924 .box-1 .intro{font-size: 20px;color: #fdb811;} .RighInfo002924 .box-1 .intro span{color: #fdb811;border-bottom: 2px solid #a5894b; display: inline-block;} @media(min-width:769px){ .RighInfo002924 .box-1 .pic{width: 50%;} .RighInfo002924 .box-1 .info .inner{max-width:500px ; margin: 0 auto; width: 90%;} } @media(max-width:768px){ .RighInfo002924 .box-1{margin-bottom: 3vw;} .RighInfo002924 .box-1 .ytable, .RighInfo002924 .box-1 .ytable-cell{display: block;} .RighInfo002924 .box-1 .info{padding: 4vw;} } @media(max-width:480px){ .RighInfo002924 .box-1 .intro{font-size: 5vw;line-height: 1.6em;} } .RighInfo002924 .box-2 li:not(.no){background: #fff;padding: 2vw;} .RighInfo002924 .box-2 li .inner{padding-left: 1.5vw;} .RighInfo002924 .box-2 li .inner > *{margin: 0;} .RighInfo002924 .box-2 li .icon img { transition: 0.3s; } .RighInfo002924 .box-2 li:hover .icon img { transform: rotateY(180deg); } .RighInfo002924 .box-2 li h3{color: #333;font-size: 22px;} .RighInfo002924 .box-2 li h3:after{display: block;content: '';height: 3px; width: 42px;background: #fdb811; margin: 10px 0;} .RighInfo002924 .box-2 li .inner p{color: #666;line-height: 1.875;font-size: 16px;} @media(min-width:769px){ .RighInfo002924 .box-2 ul{display: table; width: 100%;table-layout: fixed;} .RighInfo002924 .box-2 li{display: table-cell; vertical-align: middle; width: 32.143%;} .RighInfo002924 .box-2 li.no{ width: 1.786%;} .RighInfo002924 .box-2 li .icon{width: 25%;} } @media(max-width:768px){ .RighInfo002924 .box-2 li .icon{width:90px;} .RighInfo002924 .box-2 li.no{ height: 3vw;} .RighInfo002924 .box-2 li .inner{padding-left: 4vw;} } @media(max-width:480px){ .RighInfo002924 .box-2 li .icon{width:30%;} .RighInfo002924 .box-2 li h3{font-size: 5vw;} .RighInfo002924 .box-2 li .inner p{font-size:4vw;line-height: 1.6;} } /* .RighInfo002803 为demo编号 */ .RighInfo002803 { padding: 4% 0; } @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: #fdb811; } .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 { padding-right: 40%; } } @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: 4%; } .RighInfo002803 li { float: left; width: 32%; text-align: center; position: relative; border: 1px solid #ddd; box-shadow: 0 10px 20px rgba(0,0,0,0.12); } .RighInfo002803 li+li { margin-left: 2%; } .RighInfo002803 li div { padding: 6% 0; margin: 0 auto; width: 80%; max-width: 280px; } .RighInfo002803 li figure img { width: 50%; max-width: 100px; ; transition: 0.3s; } .RighInfo002803 li h3 { font-size: 30px; font-weight: normal; color: #000; margin: 0; margin-top: 15px; } .RighInfo002803 li p { line-height: 2; font-size: 16px; color: #666; margin-bottom: 0; } .RighInfo002803 li:hover * { color: #fdb811 !important; } .RighInfo002803 li:hover figure img { transform: rotateY(180deg); } @media(max-width:768px) { .RighInfo002803 li h3 { font-size: 20px; margin-top: 10px; } .RighInfo002803 li p { font-size: 16px; } } @media(max-width:480px) { .RighInfo002803 li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } /*Timeline002853 */ .Timeline002853 {padding: 4% 0; background: url(../images/Timeline002853_bg.jpg) no-repeat top center; background-size: contain;} .Timeline002853 .inner{max-width: 1400px;} @media(min-width:1025px){ .Timeline002853 .slider-nav{float: left;width: 40.516%;} .Timeline002853 .slider-for{float: right;width: 51.134%;} .Timeline002853 .slider-nav .slick-arrow{width: 197.246%;right:0; top: 50%;} .Timeline002853 .slider-nav .slick-prev{margin-top: -65px;} .Timeline002853 .slider-nav .slick-next{margin-top: 65px;} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);} .Timeline002853 .slider-nav li{padding-right: 3vw;text-align: right;} } .Timeline002853 .slider-nav{border-right: 1px solid #efefef;position: relative; padding: 3vw 0;} .Timeline002853 .slider-nav .slick-arrow{position: absolute; font-size: 0;border:0;border-bottom: 1px solid #efefef; cursor: pointer;font-size: 0;padding: 0; z-index: 10;} .Timeline002853 .slider-nav .slick-arrow:before{position: absolute; content: ''; width: 25px; height: 25px; background: url(../images/Timeline002853_btn.png) no-repeat center center #fff; left: 50%; top: 50%; margin: -12px 0 0 -12px;} .Timeline002853 .slider-nav li{line-height: 129px; font-size: 18px;color: #ccc;font-weight: 100;} .Timeline002853 .slider-nav li span{font-family: "DINPro-Regular"; font-size: 34px; margin-right: 10px;} .Timeline002853 .slider-nav li.slick-center{color: #333;} .Timeline002853 .slider-for .box{padding-top: 6.2vw;line-height: 2;} .Timeline002853 .slider-for .year{ font-family: "DINBold";color: #fdb811;font-size: 48px;line-height: normal;} .Timeline002853 .slider-for .desc{line-height: 2;color: #333; margin: 1vw 0 2vw 0;font-size: 24px;} .Timeline002853 .slider-for .info{line-height: 2;color: #333; font-size: 18px;} .Timeline002853 .slider-nav.under3 .slick-track{transition: 0.3s;} @media(max-width:1024px){ .Timeline002853 .slider-nav li{line-height: 60px; text-align: center;} .Timeline002853 .slider-nav{padding: 0 5vw;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;} .Timeline002853 .slider-nav .slick-arrow{width: 1px; height: 100%;background: #efefef; top: 0;} .Timeline002853 .slider-nav .slick-prev{ left: 2.5vw;} .Timeline002853 .slider-nav .slick-next{ right: 2.5vw;} .Timeline002853 .slider-nav .slick-prev:before{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);} .Timeline002853 .slider-nav .slick-next:before{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);} .Timeline002853 .slider-nav .slick-track{margin-top: 0!important;} .Timeline002853 .slider-nav li.slick-current{color: #666;} } @media(max-width:640px){ .Timeline002853 .slider-nav li{font-size: 16px;} .Timeline002853 .slider-nav li span{font-size: 6vw;} .Timeline002853 .slider-for .year{font-size: 10vw;} .Timeline002853 .slider-for .info{font-size: 4vw;} } /*PicList002925 */ .PicList002925{padding: 5% 0 4%;overflow: hidden; background: #f7f7f7;} .PicList002925 .title{margin-bottom: 2.5vw; text-align: center;} .PicList002925 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .PicList002925 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .PicList002925 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .PicList002925 .title .cn{font-size: 6vw;} } .PicList002925 .list{padding: 0 3.4375vw;} .PicList002925 .list ul{margin: 0 -2vw;} .PicList002925 li{float: left; text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top 70% left;} .PicList002925 li a{display: block;position: relative; z-index: 3;} .PicList002925 li .pic{padding-bottom: 1.98vw;} .PicList002925 li .Ispic{padding-bottom: 60%;background-size: contain;} .PicList002925 li .Ispic_1{padding-bottom:73%;} .PicList002925 li .tit{margin-top: 1.303vw; margin-bottom: 2.08vw; padding: 0 5%;} .PicList002925 li .tit aside{font-size: 16px; line-height: 1.6em;height: 3.2em;} .PicList002925 li a:hover .tit aside{color: #0b4da2;} @media(min-width:769px){ .PicList002925 li{width:25%;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f7f7f7; width:7.4375vw;left: -2vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f7f7f7; width:7.4375vw;right: -2vw;} } @media(max-width:768px){ .PicList002925 .list{padding: 0 6vw;} .PicList002925 li{width:50%;} .PicList002925 li .pic{padding-bottom: 7vw;} .PicList002925 li .tit{margin-bottom: 5vw;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f7f7f7; width:7.4375vw;left: -3vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f7f7f7; width:7.4375vw;right: -3vw;} .PicList002925 li .tit aside{font-size: 4vw;} } /*PicList000687 */ .PicList000687{padding: 5vw 0 1vw 0;} .PicList000687 .title{margin-bottom: 2.5vw; text-align: center;} .PicList000687 .title .cn{font-size 30px;color: #0b4da2; padding-bottom: 10px;font-weight: bold;} .PicList000687 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .PicList000687 .title{margin-bottom: 5vw;} } @media(max-width:640px){ .PicList000687 .title .cn{font-size: 6vw;} } .PicList000687 .news-top .more {display: inline-block;color: #0b4da2;line-height: 2.875em;border-radius: 50px;border: solid 1px #0b4da2; padding: 0 2.5em; transition: 0.3s; font-size: 1em;} .PicList000687 .news-top .more:hover{background: #0b4da2;color: #fff;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} } .PicList000687 .tit{font-size: 22px;color: #333;line-height: 2; font-weight: normal;} .PicList000687 .tit a:hover{color: #0b4da2;} .PicList000687 time{font-family: 'DIN-Medium';} .PicList000687 p{ font-size: 16px; line-height: 1.875em; color: #666; margin-bottom: 1vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom: 4.22vw;} .PicList000687 .news-top .info{border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .PicList000687 .news-top time{/* border-left:1px solid #c6c6c6; padding-left: 1.62vw; */display: block; margin-bottom:1vw;color: #999;font-size: 1em;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 14px; height:14px; border-radius: 50%; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#fdb811;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 520px;} .PicList000687 .news-top .info .main{padding-left: 5.21vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{padding: 1vw 0 1vw 0;} .PicList000687 .news-list li{background: #fff; margin-bottom: 1.5vw;border: 1px solid #f0f0f0;} .PicList000687 .news-list li a:hover{/* box-shadow: 0 0 20px rgba(60,60,66,0.2); */} .PicList000687 .news-list li .pic{overflow: hidden;} .PicList000687 .news-list li .Ispic{padding-bottom: 75%; transition: 0.3s;} .PicList000687 .news-list .main{ padding-left: 2.17vw; padding-right: 2.06vw;} .PicList000687 .news-list .tit{margin-bottom: 5px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #0b4da2;background: none;width: auto; text-align: left;} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw; border-bottom: 0;} } /*Page003143 */ .Page003143 .Pages{padding: 0 0 3% 0;text-align: center;font-family: 'PingFang-SC-Medium';} .Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages > span:not(.p_page){display: none;} .Page003143 .Pages .p_page{display: table; margin: 0 auto;} .Page003143 .Pages .p_page *{float: left;} .Page003143 .Pages .p_page a{border: solid 1px #ebebeb;line-height: 36px;transition: 0.3s;} .Page003143 .Pages .p_page > a{border-radius: 5px;padding: 0 15px;} .Page003143 .Pages .p_page em{font-style: normal; margin: 0 30px;} .Page003143 .Pages .p_page em a{width: 36px;border-radius: 5px; margin: 0 5px;} .Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur{color: #fff;background-color: #fdb811;border-color: #fdb811;} @media (max-width:1024px) { .Page003143 .Pages{padding: 0 0 2em 0;} .Page003143 .Pages .p_page em{display: none;} .Page003143 .Pages .p_page > a{margin: 0 10px;} } /*RighInfo002927 */ .RighInfo002927{/* background: #f5f5f5; */padding: 6% 0 4% 0;} .RighInfo002927 .tab{padding-bottom: 3.13vw;} .RighInfo002927 .tab .auto{ text-align: center;background: #f5f5f5;} .RighInfo002927 .tab li{float: left; transition: 0.3s; } .RighInfo002927 .tab li a{display: block;margin: 0 20px; padding: 20px; transition: 0.3s; cursor: pointer;} .RighInfo002927 .tab li .icon{padding-bottom: 10px;} .RighInfo002927 .tab li .icon img{height: 50px;} .RighInfo002927 .tab li:not(.active) .icon img.off{display: none;} .RighInfo002927 .tab li.active .icon img.on{display: none;} .RighInfo002927 .tab li.active a{background: #fdb811;color: #fff;box-shadow: 6px 15px 32px rgba(253,184,17,0.3); margin-top: -1.5vw;} .RighInfo002927 .tab li.active{padding-bottom: 1.5vw;} .RighInfo002927 .tab li aside{font-size: 18px;} @media(min-width:481px){ .RighInfo002927 .tab li{width:20%;} .RighInfo002927 .tab li:not(:last-child){border-right: 1px solid #e6e6e6;} } @media(max-width:768px){ .RighInfo002927 .tab li a{margin: 0 2vw; padding: 2vw; } } @media(max-width:640px){ .RighInfo002927 .tab li aside{font-size: 4vw;} .RighInfo002927 .tab li{width:50%; margin: 1vw 0;} .RighInfo002927 .tab li:not(:nth-child(2n)){border-right: 1px solid #e6e6e6;} } .RighInfo002927 .box{position: relative;padding-top: 9.9vw;} .RighInfo002927 .box .big-img{position: absolute; left: 0; top: 0; width: 100%;height: 23.44vw;background-size: cover;background-repeat: no-repeat;background-position: center top;} .RighInfo002927 .box .auto{position: relative; z-index: 4; background: url("../images/RighInfo002927_bg.jpg") no-repeat center center #fff;background-size: contain;} .RighInfo002927 .box .inner{padding: 4.73vw 4.21vw;} .RighInfo002927 .box .tit aside{font-size: 30px;color: #333;} .RighInfo002927 .box .tit:after{display: block; content: ''; width: 42px; height: 3px; margin: 1vw 0;background-color: #fdb811;} .RighInfo002927 .box .edit{line-height: 2em;font-size: 16px;color: #666;} .RighInfo002927 .box .edit p{ margin: 0;} .RighInfo002927 .box.v-top .ytable-cell{vertical-align: top;} .RighInfo002927 .box ul{ overflow:hidden;} .RighInfo002927 .box li{ float:left; width:20%; } .RighInfo002927 .box li a{ display:block; text-align:center; padding:20% 0; } .RighInfo002927 .box li p{ margin-bottom:0; font-size:18px; color:#666;} .RighInfo002927 .box li a:hover p{ color:#fdb811;} .RighInfo002927 .box li figure{ position:relative; width:70%; max-width:102px; margin:0 auto; margin-bottom: 15px;} .RighInfo002927 .box li figure img{ display:block; width:100%; border-radius:50%; border:1px solid #f2f2f2; background:#fff;transition:transform ease-out 0.1s;} .RighInfo002927 .box li figure img.hide{ display:none; } .RighInfo002927 .box li a:hover figure img{ /* border-color:#fdb811; */} .RighInfo002927 .box li a:hover figure img{ /* display:none; */} /* .RighInfo002927 .box li a:hover figure img.hide{ display:block;transform: scale(0.95);} */ .RighInfo002927 .box li a figure::after{ top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: '';box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);transform: scale(0.9);} .RighInfo002927 .box li a:hover figure::after{ animation: sonarEffect 1.3s ease-out 75ms infinite;} @media(max-width:480px){ .RighInfo002927 .box li{ width:33.33333%;} .RighInfo002927 .box li a{ padding:5% 0;} .RighInfo002927 .box li p{ font-size:15px;} } @media(min-width:769px){ .RighInfo002927 .box .pic{width: 40%;} .RighInfo002927 .box .info{padding-left: 3.17vw; vertical-align: top;} } @media(max-width:768px){ .RighInfo002927 .box .ytable, .RighInfo002927 .box .ytable-cell{display: block;} .RighInfo002927 .box .info{padding:4vw;} .RighInfo002927 .box .tit aside{font-size: 6vw;} } @media(max-width:480px){ .RighInfo002927 .box .edit{font-size: 4vw;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding:4% 0 2% 0;} .PicList000762 li{ float:left; width:31.33%; margin-right:3%; margin-bottom:3%; border: 1px solid #f0f0f0;} .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block;/* background-color:#f7f7f7; */transition:all ease-in-out 0.3s;} .PicList000762 li .txt{padding:3%;} .PicList000762 li h2{ margin:0; line-height: 2; font-size:20px; color:#333; font-weight: normal; } .PicList000762 li p{margin:0; font-size:16px; color:#666; line-height:1.875; min-height:3.8em; overflow: hidden;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:62%;} .PicList000762 li a:hover{ } .PicList000762 li a:hover h2{} @media(max-width:640px){ .PicList000762 li{width:100%;} .PicList000762 li:nth-child(1n){ margin-right:0%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:5vw;} .PicList000762 li p{font-size:14px;} } /* .TextList001652 涓篸emo缂栧彿 */ .TextList001652 {padding: 4% 0 2% 0;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both; font-size: 16px; } .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:20%; text-align:center;} .TextList001652 .job_ol li{ background-color:#fdb811; color:#fff; line-height:3em;} .TextList001652 .list{ border:1px solid #ebebeb; margin-bottom: 15px;} .TextList001652 .job_info{ display:none;} .TextList001652 .list_ul{ cursor:pointer;font-size:16px;} .TextList001652 .list_ul li{padding: 15px 0; line-height:2; font-size: 16px; color: #333} .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:50px; display:inline-block; padding:0 8%; line-height:2em;} .TextList001652 .list_ul li:nth-child(5) a:hover{ background-color:#0b4da2;color:#fff;} .TextList001652 .job_info{ padding:2% 5% 2%; color: #333333; font-size: 16px;line-height:1.875;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:25%;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } /* .Form002219 */ .Form002219{position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%;left: -100%;top: 0; z-index: 1;opacity: 0} .Form002219 .ytable{height: 100%;table-layout: fixed; } .Form002219 .close{position: absolute;top: 20px;right: 20px;height: 17px;width: 17px;display: block;background: url(../images/Form002324-colseBtn.jpg) no-repeat;cursor: pointer;z-index: 999} .Form002219_on{z-index: 999; left: 0; opacity: 1;} .Form002219 .wrap-container{background:#fff; padding:3% 2% 3% 2%; border-radius: 6px; width: 50%; max-width: 900px; position: relative; margin:0 auto;} .CLSBTN{cursor: pointer;width: 33px;height: 33px;background: url(../images/PicList000307-close.jpg) center no-repeat;position: absolute;right: 2%;top: 2%;} .Form002219 dl{ width:100%; padding-left:100px; min-height:44px; position:relative; margin-bottom:20px;} .Form002219 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:70px; text-align:right; line-height:44px;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:44px;height:44px; color:#5b5b5b;} .Form002219 strong{ display: block;border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:44px;height:44px; color:#5b5b5b;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px !important; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px;color:#fff; background-color:#fdb811; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .queueList{margin: 0 !important;} .wu-example p{display: none !important;} .placeholder{ padding:40px 0 !important; } .placeholder .webuploader-pick{background:#fdb811 !important; } @media(max-width:1000px){ .Form002219 .wrap-container{ width: 90%;} .Form002219 dl {padding-left: 0;margin-bottom: 0} .Form002219 dt{position:relative;width:auto; text-align:left;} .Form002219 dl.dl{margin-bottom: 10px;} } @media(max-width:768px){ .Form002219{padding:50px 0;} } @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:250px !important;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /* .Map001070 为demo编号 */ .Map001070{ padding:4% 0;} .Map001070 .list{ margin-bottom:2%; background-color:#fff; border-radius: 12px;box-shadow:0px 3px 12px rgba(0,0,0,.2);} .Map001070 .text{ padding:3% 0 3% 3%;} .Map001070 .text{float: left;width: 50%;} .Map001070 .map1{ float: right; width: 45%; overflow: hidden;} .Map001070 .map1 img{ border-radius:0 12px 12px 0;} .Map001070 .text h1{font-size: 26px;color: #0b4da2; font-weight:bold;padding-bottom:30px; margin:0;border-bottom: dashed 1px rgba(11,77,162,.1);} .Map001070 .text ul{ padding-top:16px;} .Map001070 .text li{line-height:25px; padding:20px 0 20px 50px; background-repeat:no-repeat; background-position:16px 20px;color: #333; font-size: 16px;} .Map001070 .text li:nth-child(2n){background-color: #f5f5f5;} .Map001070 .text li:nth-child(1){background-image:url(../images/Map001070-ico_01.png);} .Map001070 .text li:nth-child(2){background-image:url(../images/Map001070-ico_06.png);} .Map001070 .text li:nth-child(3){background-image:url(../images/Map001070-ico_03.png);} .Map001070 .text li:nth-child(4){background-image:url(../images/Map001070-ico_05.png);} .Map001070 .text li:nth-child(5){background-image:url(../images/Map001070-ico_05.png);} @media(max-width:640px){ .Map001070 .text{ float: none; width: 100%;} .Map001070 .map1{ float: none;width: 100%; } .Map001070 .map1 img{ border-radius:12px } .Map001070 dd figure{ padding:0;} } @media(max-width:480px){ .Map001070 dd figure h1{ font-size:20px;} } /*PicList002735 */ .PicList002735{ padding: 4% 0 2% 0;} .PicList002735 li{ margin-bottom: 2%; } .PicList002735 li a{display: block;background: #f7f7f7; border: 1px solid #f0f0f0; transition: 0.3s;} .PicList002735 li a:hover{/* border-color: #0b4da2; */ } .PicList002735 li .Ispic{ background-size: cover;background-color: #fff; padding-bottom: 65%;} .PicList002735 li .txt{padding: 3%;} .PicList002735 li .txt h3{font-size: 20px; color: #333; margin: 0; font-weight: normal; line-height: 2;} .PicList002735 li a:hover h3{ color: #0b4da2;} .PicList002735 li .txt p{ font-size: 16px; line-height: 2;color: #666; margin: 0; } @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width: 31.6875%; } .PicList002735 li:not(:nth-child(3n)){margin-right: 2%;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } /*Floor003006 */ .Floor003006{position: relative; z-index: 1;padding: 4% 0; background: #f9f9f9;} .Floor003006:before{position: absolute; left: 0; bottom: 0; content: ''; width: 30.31vw; height: 22.29vw;background: url("../images/Floor003006_ye.png") no-repeat left bottom;background-size: contain;z-index: 2;} .Floor003006 .list li{display:inline-block; width: 200px; margin-right: 1%; } .Floor003006 .list li figure{display: table; height: 110px;width: 100%; text-align: center;} .Floor003006 .list li a{display: table-cell;vertical-align: middle;} .Floor003006 .list li img{/* max-height: 100px; */ max-width: 100%!important;} .Floor003006 .title{font-size: 48px;text-align: center;padding: 0.5625em 0 1em 0;font-family: 'FZQKBYSJW';} .Floor003006 .title .sub-tit{color: #8f97a2;font-size: 0.5em;line-height: 1.584em; margin-bottom: 0.4167em;} .Floor003006 .title .sub-tit:before, .Floor003006 .title .sub-tit:after{width: 32px; height: 1px; display: inline-block; content: ''; vertical-align: middle;background-color: #b9c3d0; margin: 0 20px;} .Floor003006 .title .tit{color: #464d57;} @media(max-width:1024px){ .Floor003006 .title{font-size: 5vw;} .Floor003006 .list li{width: 25vw;} .Floor003006 .list li figure{height: 12vw;} .Floor003006 .list li img{max-height: 8vw; width: 80%;display: block; margin: 0 auto;} } @media(max-width:640px){ .Floor003006 .title{font-size: 8vw;} } /*PicList003140 */ .PicList003140{ padding: 4% 0 ;} .PicList003140 .news-top{ padding:0 0 2% 0; } .PicList003140 .news-top li{float: left; margin-bottom: 2.5em;} .PicList003140 .news-top li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.875em;} .PicList003140 .news-top li .tit{ font-size: 1.375em;line-height: 1.6666;} .PicList003140 .news-top li p{font-size: 1em; line-height: 1.875; color: #999999;} .PicList003140 .news-top li .pic{overflow: hidden;} .PicList003140 .news-top li .Ispic{padding-bottom: 62.223%;transition: 0.3s;} .PicList003140 .news-top li a:hover .Ispic{transform: scale(1.1);} .PicList003140 .news-top li a:hover{color: #0b4da2;} .PicList003140 .news-top li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;font-family: 'Roboto-Regular';} .PicList003140 .news-top li a:hover time{background-image: url(../images/PicList003142-icon-red.svg);} @media (min-width:1025px) { .PicList003140 .news-top li{width: 32.143%;} .PicList003140 .news-top li:not(:nth-child(3n)){margin-right: 1.7855%;} .PicList003140 .news-top li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003140 .news-top li{width: 100%;} .PicList003140 .news-top li:not(:nth-child(1n)){margin-right: 4%;} .PicList003140 .news-top li:nth-child(1n+1){clear: left;} .PicList003140 .news-top li .txt{padding: 1em;} } .PicList003140 .news-list{ padding: 2% 0; background: #FaFaFa;} .PicList003140 .news-list li a{display: block; border-bottom: 1px dotted #ececec;padding: 2.25em 1.2em;transition: 0.3s;} .PicList003140 .news-list li .tit{font-size: 1.375em;color: #333;} .PicList003140 .news-list a:hover .tit{color: #0b4da2;} .PicList003140 .news-list p{color: #999;font-size: 1em; line-height: 1.875;} .PicList003140 .news-list li p{} .PicList003140 .news-list time{color: #999;display: inline-block;} .PicList003140 .news-list li time{padding-right: 2em; background: url(../images/PicList003140-icon.svg) no-repeat right center;background-size: 1em auto; /* margin-top: 1em; */} .PicList003140 .news-list li a:hover time{background-image: url(../images/PicList003140-icon-red.svg);} .PicList003140 .news-list li a:hover{/* background-color: #fff;box-shadow: 0 0.625em 4.375em rgba(0, 0, 0, 0.08); */} @media (min-width:1025px) { .PicList003140 .news-list li{float: left;width: 48.215%;} .PicList003140 .news-list li:not(:nth-of-type(2n)){margin-right: 3.57%;} } @media (max-width:1024px) { .PicList003140 .auto{margin-top: 2em;/* margin-bottom: 2em; */} } /*RighInfo002939 */ .RighInfo002939{padding:4% 0;} .RighInfo002939 .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px;} .RighInfo002939 .name h1{margin: 0 0 20px 0;font-size: 1.625em;color: #333; font-weight: normal;} .RighInfo002939 .time{color: #999;padding-bottom: 20px;line-height: 2;} .RighInfo002939 .share{margin-left: 10px;} .RighInfo002939 .time time, .RighInfo002939 .share, .RighInfo002939 .share > *{display: inline-block; vertical-align: middle;} .RighInfo002939 .share em{font-style: normal;} #bsPanel, #bsPanel *, .bsBox, .bsBox *{box-sizing: content-box;} .RighInfo002939 .edit-info{line-height: 2.4;color: #333; padding-bottom: 3vw;} .RighInfo002939 .info-page{border: solid 1px #eee; padding: 0 10px;} .RighInfo002939 .info-page dd{line-height:4;} .RighInfo002939 .info-page dd a{padding: 0 20px;} .RighInfo002939 .info-page dd a:hover{color: #0b4da2;} .RighInfo002939 .edit-info p img:nth-child(1){margin-right: 4%;} .RighInfo002939 .info-page dd:nth-child(2){text-align: right;} .RighInfo002939 .info_back{ width: 140px; line-height: 50px; text-align:center; background: #0b4da2; color: #fff;margin:0 auto;border-radius:5px; margin-bottom: 5%;} .RighInfo002939 .info_back a{ color:#fff; font-size:1em;} @media(min-width:641px){ .RighInfo002939 .info-page dd{float: left; width: 50%;} .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;} .RighInfo002939 .time, .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info{font-size: 1em; line-height: 2.2; } } @media(max-width:640px){ .RighInfo002939 .edit-info{font-size: 4vw;} .RighInfo002939{padding:30px 0;} .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;text-align: left} .RighInfo002939 .share{display: block; padding-top: 10px;} .RighInfo002939 .info_back a{font-size: 14px; } .RighInfo002939 .info_back{width: 125px;line-height: 33px;} .RighInfo002939 .info-page dd{line-height:2.5;} } /*Floor003110 */ .Floor003110{padding: 4% 0; background: #F9F9F9;} .Floor003110 .title{text-align: center;line-height: 1;font-size: 52px;padding-bottom: 1em;} .Floor003110 .title .en{color: #dedede;text-transform: uppercase;font-family: 'DIN-Bold';} .Floor003110 .title .cn{color: #000;font-size: 0.7692em;font-weight: 700;margin-top: -0.5em;} .Floor003110 .title .cn:after{display: block;content: '';width: 1em;height: 3px;background-color: #c71b27;margin: 0.5em auto 0;} @media (max-width:1024px) { .Floor003110 .title{font-size: 5vw;} } @media (max-width:480px) { .Floor003110 .title{font-size: 6vw;} } .Floor003110 .tab-ul{font-size: 24px; margin-bottom: 4%;line-height: 2; display: none;} .Floor003110 .tab-ul .more{float: right;padding-right:1.375em;background: url(../images/Floor003110-more.svg) no-repeat right center;background-size: auto 0.58334em;} .Floor003110 .tab-ul .more:not(:hover){color: #666;} .Floor003110 .tab-ul nav{overflow: hidden;} .Floor003110 .tab-ul nav a{float: left;border-bottom: 2px solid transparent;cursor: pointer;} .Floor003110 .tab-ul nav a:not(:last-child){margin-right: 4%;} .Floor003110 .tab-ul nav a.aon{color: #c71b27;border-bottom-color: #c71b27;} .Floor003110 .slider .slick-slide{padding-right: 1px;} .Floor003110 .slider .slick-slide > div{float: left; margin: 0.5% 0;} .Floor003110 .slider li{display: block!important;overflow: hidden;} .Floor003110 .slider li .ytable{ overflow: hidden;/* height: 127px;border: 1px solid #efefef; */text-align: center;} .Floor003110 .slider li img{transition: 0.3s; width: 230px; height: 176px; /* max-height: 100px;max-width: 86%; */} .Floor003110 .slider li:hover img{ transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);} .Floor003110 .slider .slick-arrow{position: absolute; display: block; height: 70px; width: 70px; border-radius: 50%; line-height: 0; font-size: 0; cursor: pointer; background: rgba(253,184,17,0.2); color: transparent; top: 50%; padding: 0; border: 0px solid #fdb811; outline: none; z-index: 9;transform: translateY(-50%);} .Floor003110 .slider .slick-arrow:hover{background:#fdb811;} .Floor003110 .slider .slick-prev:before, .Floor003110 .slider .slick-next:before{ text-align: center; content:''; position: absolute;width: 21px;height: 21px;top: 50%; left: 40%; margin-top: -11px;overflow: hidden;font-size: 0;cursor: pointer;z-index: 10;border: 0;background: none;padding: 0;border-top: 2px solid #f79447;border-left: 2px solid #f79447;transform: rotate(-45deg);} .Floor003110 .slider .slick-next::before{ transform: rotate(135deg); left: 30%;} .Floor003110 .slider .slick-arrow:hover:before{border-top: 2px solid #fff !important;border-left: 2px solid #fff !important;} @media(max-width:1600px){ .Floor003110 .auto{padding: 0 50px;} .Floor003110 .slider .slick-prev{left: -70px;} .Floor003110 .slider .slick-next{right: -70px;} } @media (min-width:1025px) { .Floor003110 .slider .slick-slide > div{width: 15.8%;} .Floor003110 .slider .slick-slide > div:not(:nth-child(6n)){margin-right: 1%; } /* .Floor003110 .slider .slick-arrow{width: 30px;height: 30px;margin-top: -15px;} */ } @media (max-width:1440px) { .Floor003110 .slider li .ytable{height: 8.82vw;} .Floor003110 .slider li img{ } } @media (min-width:641px) and (max-width:1024px) { .Floor003110 .slider .slick-slide > div{width: 32%;} .Floor003110 .slider .slick-slide > div:not(:nth-child(3n)){margin-right: 2%;} } @media (max-width:1024px) { .Floor003110 .tab-ul{font-size: 2.344vw;} .Floor003110 .slider{padding: 0 5vw;} .Floor003110 .slider .slick-arrow{width: 45px;height: 45px;} .Floor003110 .slider .slick-prev{left: 0;} .Floor003110 .slider .slick-next{right: 0;} .Floor003110 .slider .slick-prev:before, .Floor003110 .slider .slick-next:before {width: 16px;height: 16px;} .Floor003110 .auto{padding: 0;} .Floor003110 .slider li .ytable{height:12vw;} .Floor003110 .slider li img{} } @media (max-width:640px) { .Floor003110 .slider .slick-slide > div{width: 49%;} .Floor003110 .slider .slick-slide > div:not(:nth-child(2n)){margin-right: 2%;} .Floor003110 .tab-ul{font-size: 3.5vw;} .Floor003110 .slider .slick-next::before{ transform: rotate(135deg);} } /*Floor003153 */ .Floor003153 {padding: 4% 0;background: #f7f7f7;} .Floor003153 .title{position: relative;margin-bottom: 3em;} .Floor003153 .intro .info{line-height: 4em;font-family: 'SourceHanSansCN-Regular';margin-left: -2vw;} .Floor003153 .intro .info p{ transition: 0.3s;height: 64px;display: flex;padding-left: 70px;position: relative;align-items: center;line-height: 24px;} .Floor003153 .intro .info p b{ transition: 0.3s; display: inline-block;width:50px;height:50px;background: #fdb811;border-radius: 50%;text-align: center;line-height: 50px;color:#fff;margin-right:20px;font-size: 18px; font-weight: bold;position: absolute;left: 0;top: 50%;transform:translateY(-50%);} .Floor003153 .intro .info p:nth-child(2){margin-left: 4.2vw;} .Floor003153 .intro .info p:nth-child(3){margin-left: 6vw;} .Floor003153 .intro .info p:nth-child(4){margin-left: 6vw;} .Floor003153 .intro .info p:nth-child(5){margin-left: 4.2vw;} .Floor003153 .intro .info p:nth-child(6){margin-left: 0vw;} .Floor003153 .intro.ytable{ overflow: auto; } /*.Floor003153 .intro .info p:hover b{margin-left: -2vw;}*/ @media (min-width:1025px) { .Floor003153 .intro .img{width: 45%;} .Floor003153 .intro .info{/*padding-left:2em;*/ font-size: 16px; color: #333;} } @media (max-width:1024px) { .Floor003153 .auto{padding: 2em 0;} .Floor003153 .intro .img{margin-bottom: 2em;} .Floor003153 .intro .info{ line-height: 3em;margin-left: 0;} .Floor003153 .intro .info p{margin-left: 0 !important;} } /*Floor002921 */ .Floor002921{background: url(../images/Floor003106-1.jpg) no-repeat;background-size: cover;padding: 1.5vw 0 4vw 0; overflow: hidden;} .Floor002921 .h-title{color:#fff; margin-top: 5%; } .Floor002921 .h-title span{color:rgba(255,255,255,0.15);} .Floor002921 .h-title h2{color:#fff;} .Floor002921 .info{line-height: 1.75;font-size: 1.8em; margin: 0 auto 3em;color:#fff; text-align: center;} .Floor002921 .tab{position: relative; z-index: 1; margin-bottom: 2.917vw;} .Floor002921 .tab:before{position: absolute; content: ''; left: 0; width: 100%; height: 1px; background: #fff;top:60px;} .Floor002921 .tab .line{position: absolute; left: 0; height: 2px; width: 0; top: 59px; background: #fdb811; transition: 0.3s;} .Floor002921 .tab .slick-dots{overflow: hidden; } .Floor002921 .tab .slick-dots li{float: left;position: relative;list-style: none;text-align: center;} .Floor002921 .tab .icon{height: 60px; } .Floor002921 .tab .icon img{max-height: 50px;} .Floor002921 .tab .quan{display: block; margin: -8px auto 0; width: 16px; height: 16px; border: 1px solid transparent; position: relative;border-radius: 50%; } .Floor002921 .tab .quan:before{position: absolute; content: '';border:1px solid #e0e0e0; border-radius: 50%; background: #f5f5f5; width: 6px; height: 6px; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .Floor002921 .slick-active .quan, .Floor002921 .slick-active .quan:before{border-color: #fdb811;} .Floor002921 .slick-active .quan:before{background: #fdb811; width: 8px; height: 8px;} .Floor002921 .tab .tit{font-size: 22px; padding-top: 10px; color: #fff;} .Floor002921 .slick-active .tit{font-weight: bold;color: #fdb811;} @media(max-width:640px){ .Floor002921 .tab{margin-bottom: 6vw;} .Floor002921 .tab .tit{font-size: 4vw;} } .Floor002921 .slider{margin: 0 -50.609375%;} .Floor002921 .slider li a{display: block; margin: 0 3.125vw; position: relative; overflow: hidden;} .Floor002921 .slider li .Ispic{padding-bottom: 51.498%; opacity: 0;} .Floor002921 .slider li.slick-current .Ispic{opacity: 1; } .Floor002921 .slider li.slick-current .Ispic:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(4,27,69,0.3); content: ''; z-index: 4; transition: 0.3s ease-in-out;} .Floor002921 .slider li .txt{position: absolute; right: 5%; top: 10%; bottom: 10%;/* background: rgba(255,255,255,0.95); */ max-width: 340px; width: 90%;text-align: left; opacity: 0;transform: translateX(50px);z-index: 5; /* transition: 0.3s 0.2s; */} .Floor002921 .slider li.slick-current .txt{transform: translateX(0);opacity: 1;} .Floor002921 .slider li .txt .ytable{height: 100%; position: relative;} .Floor002921 .slider li .more{position: absolute; bottom: 2%; width: 125px; line-height: 40px; text-align: center; border-radius: 50px; color: #fff; background: #fdb811; left: 25%; margin-left: -62.5px;} /* .Floor002921 .slider li .more:after{display: inline-block; content: '';background: url("../images/Floor002921_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} */ .Floor002921 .slider li .main{ max-width: 310px; margin: 0 auto; width: 95%;padding-bottom: 40px;} .Floor002921 .slider li h4{margin: 0;font-size: 24px;color: #fff;} .Floor002921 .slider li .line{display: block; margin: 15px 0px; height: 3px;background: #fdb811; width: 30px;} .Floor002921 .slider li .txt p {position: relative;padding-left: 15px; margin: 0; line-height: 2.2em; font-size:20px;color: #fff;} .Floor002921 .slider li .txt p:before{position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%;background: #fff; left: 0; top: 18px;} /* .Floor002921 .slider li p{color: #333; line-height: 1.715em; max-height: 5.145em;} */ @media(max-width:1366px){ .Floor002921 .slider{margin: 0 -40%;} } @media(max-width:1024px){ .Floor002921 .slider{margin: 0 -70%;} } @media(max-width:640px){ .Floor002921 .slider li .Ispic{padding-bottom: 100%;} .Floor002921 .slider li .line{margin-top: 1vw; margin-bottom: 3vw;} } @media(max-width:480px){ .Floor002921 .slider li h4{ font-size: 5vw;} .Floor002921 .slider li .txt p { font-size: 4vw;} .Floor002921 .slider li .main{padding-bottom: 10vw; width: 95%;} .Floor002921 .slider li .more{line-height: 10vw; bottom: 0%;} .Floor002921 .slider li{font-size: 3vw;} .Floor002921 .slider li .txt{top: 5%;} } .Floor002921 .slick-arrow{top: 50%;position:absolute; width: 30px; height: 30px; border-top:5px solid #dedede;border-left:5px solid #dedede;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); z-index: 20; transition: 0.3s; margin-top: -15px;} .Floor002921 .slick-arrow:hover{border-color: #fdb811;} .Floor002921 .slick-prev{left: 33.3333%; margin-left: -10px;} .Floor002921 .slick-next{right: 33.3333%;margin-right:-10px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} @media(max-width:640px){ .Floor002921 .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;border-left-width:1vw;border-top-width:1vw;} .Floor002921 .slick-prev{margin-left: -1.5vw;} .Floor002921 .slick-next{margin-right: -1.5vw;} } /*PicList010 */ .PicList010{ padding: 4% 0;} .PicList010 .list li{float:left;width: 19.2%;margin-right:1%;margin-bottom: 1%;} .PicList010 .list li div{border: #f7f7fa 2px solid;padding: 2%;} .PicList010 .list li:nth-child(5n){margin-right:0%;} .PicList010 .list li .pic{overflow: hidden;} .PicList010 .list li .Ispic{padding-bottom: 70%;background-size: cover; } /*.PicList010 .list li:hover div{ background:#eff9ff;} */ .PicList010 .list li div img{ width:100%; display:block;} .PicList010 .list li h3{line-height: 48px;height: 48px; overflow:hidden; font-weight:normal;text-align: center;color: #333; margin:0; font-size:1.125em; text-align:center;} .PicList010 .list li a:hover h3{ color:#fdb811; } @media(max-width:480px){ .PicList010 .list li:nth-child(2n){margin-right:0%;} .PicList010 .list li{width: 49%;} } .TextList000746{color: #333;padding: 4% 0;/* padding: 3%; *//* box-shadow: 0 1px 5px 0px #eee; */} .TextList000746 li{border-bottom: #eee 1px dashed; line-height:2; padding:12px 0;} .TextList000746 li a{ /*padding-left:20px; background:url(../images/TextList000746-icon.jpg) no-repeat 5px center; */ font-size: 1.125em;} .TextList000746 li a:hover{color: #fdb811;} .TextList000746 li time{ float:right; color:#999; font-size:1em; margin-left:10px;} @media(max-width:640px){ .TextList000746 li{padding:10px 0;} .TextList000746 li a{ font-size: 14px;} .TextList000746 li time{ font-size:12px; } } /*Timeline000913 */ .Timeline000913{padding: 5vw 0 3vw; background:url(../images/history_bg.jpg) no-repeat center center; background-size: cover;} .Timeline000913 .auto{max-width: 1400px;} .Timeline000913 .title{margin-bottom: 2vw; text-align: center;} .Timeline000913 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .Timeline000913 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .Timeline000913 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .Timeline000913 .title .cn{font-size: 6vw;} } .Timeline000913 .main{position: relative; z-index: 1; } .Timeline000913 .main .quan{padding: 0 20px 9px;position: relative;} .Timeline000913 .main .quan:after{display: block;width: 10px; height: 10px; border-radius: 50%; background: #fff;border: 1px solid #dedede;position: absolute;left: 50%;margin-left:-4px;bottom: 0;content: "";} .Timeline000913 .main .txt{text-align: center;/* background:#fff; */color:#f79347;font-weight: bold;padding-bottom: 25px;font-size: 32px;} .Timeline000913 .main:before{position: absolute; content:'';width: 1px; top: 40px; bottom: 10px;background: #d9d9d9; } @media(min-width:769px){ .Timeline000913 .main .quan{ margin: 0 auto; } .Timeline000913 .main:before{left: 50%;} .Timeline000913 .outer > .ytable-cell{width: 50%;} } @media(max-width:768px){ .Timeline000913 .main .quan{padding-left: 0;padding-right: 0;display: block;} .Timeline000913 .main .quan:after{left: 0;} .Timeline000913 .outer, .Timeline000913 .outer > .ytable-cell{display: block;} .Timeline000913 .main:before{left: 5px;} .Timeline000913 .main .txt{font-size: 16px;} } .Timeline000913 .item{position: relative;z-index: 4;} .Timeline000913 .item p{font-size:15px;} .Timeline000913 .item:not(:last-child){margin-bottom: 1vw;} .Timeline000913 .info{position: relative;} .Timeline000913 .info:before{position: absolute; content: ''; top: 50%; margin-top: -16px; border:16px solid transparent;} .Timeline000913 .info .inner{background: #f0f0f0;padding: 1vw;} .Timeline000913 .pic{width: 32.787%;} .Timeline000913 .pre pre{font-size: 15px;line-height: 1.867em;} .Timeline000913 .year{color: #fdb811;font-size: 38px;} .Timeline000913 .year aside{background-repeat: no-repeat;background-image: url("../images/Timeline000913_icon.png");} @media(min-width:769px){ .Timeline000913 .item:nth-of-type(2n-1) .info{padding-right: 32px;} .Timeline000913 .item:nth-of-type(2n) .info{padding-left: 32px;} .Timeline000913 .item:nth-of-type(2n-1) .info:before{right: 0;border-left-color: #f0f0f0;} .Timeline000913 .item:nth-of-type(2n) .info:before{left: 0;border-right-color: #f0f0f0;} .Timeline000913 .item:nth-of-type(2n-1) .pre{} .Timeline000913 .item:nth-of-type(2n) .pre{} .Timeline000913 .item:nth-of-type(2n-1) .year aside{margin-left: -10px;background-position: left center;} .Timeline000913 .item:nth-of-type(2n-1) .year aside:before, .Timeline000913 .item:nth-of-type(2n) .year aside:after{display: inline-block; content: ''; width: 30px; height: 1px; vertical-align: middle;background: #d9d9d9; margin: -10px 32px 0;} .Timeline000913 .item:nth-of-type(2n) .year aside{background-position: right center;margin-right: -11px; text-align: right;} } @media(max-width:768px){ .Timeline000913 .main{margin-left: 3vw;} .Timeline000913 .year{font-size: 7vw;} .Timeline000913 .year aside{padding-left: 32px;background-position: left center;margin-left: -5px;} .Timeline000913 .year aside:before{display: inline-block; content: ''; width: 30px; height: 1px; vertical-align: middle;background: #d9d9d9; margin: -1vw 3vw 0;} .Timeline000913 .info{padding: 3vw;} .Timeline000913 .pre{padding-left: 3vw;} } @media(max-width:480px){ .Timeline000913 .pic{width:45%;} .Timeline000913 .pre pre{font-size: 3.5vw;} }