a:hover {color:#be1929;} ::-webkit-scrollbar {width:5px;height:5px;} ::-webkit-scrollbar-track {width: 5px;background-color:#eaeaea;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;} ::-webkit-scrollbar-thumb {background-color:#be1929;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;} ::-webkit-scrollbar-thumb:hover {background-color:#be1929;} @media(min-width:1281px) and (max-width:1366px) { .w_96 {width: 92%;} } /*Top003124 */ @media (min-width:1025px) { .Top003124 { position: relative; width: 100%; left: 0; top: 0; z-index: 100; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } .Top003124.hover, .Top003124.down { background-color: #fff; border-bottom: none; box-shadow: 0px 0px 30px 0px rgb(46 62 90 / 17%); } .Top003124.hover .logo .white, .Top003124.down .logo .white, .Top003124 .logo .red { display: none; } .Top003124.hover .logo .red, .Top003124.down .logo .red { display: inline-block; } .Top003124 a:not(:hover) { color: #fff; } .Top003124.hover, .Top003124.down, .Top003124.hover a:not(:hover), .Top003124.down a:not(:hover) { color: #333; } } @media (max-width:1024px) { /*.Top003124 { height: 102px; }*/ .Top003124 .wap-fixed { position: relative; width: 100%; left: 0; top: 0; z-index: 100; background-color: #fff; box-shadow: 0px 0px 30px 0px rgb(46 62 90 / 17%); padding-top: 3em; } .Top003124 .logo .white { display: none; } .Top003124 .auto { position: relative; border-top: 1px solid #eee; } } .Top003124 .logo { float: left; display: table; height: 6.25em; } .Top003124 .logo a { display: table-cell; vertical-align: middle; } .Top003124 .logo img {max-height:4.0625em ;} @media (max-width:1024px) { .Top003124 .logo { height: 4em; padding: 2% 0;} .Top003124 .logo img { max-height: 3.5em; } } .Top003124 .top-nav dd.stock b { font-weight: normal; } .Top003124 .top-nav dd.lang a{margin: 0 5px;} .Top003124.hover .top-nav dd.lang a.on, .Top003124.down .top-nav dd.lang a.on{color:#be1929;} @media (min-width:1025px) { .Top003124 .top-nav { float: right; margin-left: 5.5em; padding-top: 1.75em; } .Top003124 .top-nav dd { float: left; line-height: 2.75em; } .Top003124 .top-nav dd.stock { margin-right:1.5em; padding-right: 1.5em; border-right: 1px solid #fff; } .Top003124 .top-nav dd.lang{margin-right:1.5em;} .Top003124.hover .top-nav dd.stock, .Top003124.down .top-nav dd.stock { border-right-color: rgba(0,0,0,0.1); } } @media(min-width:1025px) and (max-width:1770px) { .Top003124 .top-nav {margin-left: 2vw;/*margin-right: 8.34vw;*/ } } @media(min-width:1281px) and (max-width:1366px) { .Top003124 .top-nav dd.stock {margin-right: 1em;padding-right: 1em;} } @media(min-width:1025px) and (max-width:1280px) { .Top003124 .top-nav dd.stock {margin-right: 0.4428em;padding-right: 0.4428em;} } @media (max-width:1024px) { .Top003124 .top-nav { position: absolute; right: 0; bottom: 100%; display: flex; align-items: center; margin-bottom: 0; } /*.Top003124 .top-nav dd { line-height: 2; }*/ .Top003124 .top-nav dd:not(:last-child) { margin-right: 1em; } } .Top003124 menu li span { display: block; } @media (min-width:1025px) { .Top003124 menu { float: right; } .Top003124 menu li { float: left; } .Top003124 menu li:not(:last-child) { margin-right: 3.5em; } .Top003124 menu li span, .Top003124 menu li span a { line-height: 6.25em; } .Top003124 menu li span a { display: block; position: relative; z-index: 1; } .Top003124 menu li span a:after { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; background-color: #be1929; transition: 0.3s; } .Top003124 menu li:hover span a:after, .Top003124 menu li.aon span a:after { width: 100%; } .Top003124 menu li .sub { position: absolute; top: 100%; background-color: #fff; border-radius: 0 0 5px 5px; overflow: hidden; min-width: 180px; margin-left: 0; width: auto; transform: translateX(-50%); white-space: nowrap; } } @media(min-width:1025px) and (max-width:1770px) { .Top003124 menu li:not(:last-child) {margin-right: 1.3em;} } @media(min-width:1025px) and (max-width:1279px) { .Top003124 menu li:not(:last-child) {margin-right: 0.3em;} } @media (max-width:1024px) { .Top003124 menu { position: fixed; left: -100%; top: 7em; height: calc(100% - 7em); overflow: auto; background-color: #fff; width: 220px; opacity: 0; transition: 0.3s ease; } .menu-show .Top003124 menu { left: 0; opacity: 1; transform: translateX(0); } .Top003124 menu li { border-bottom: 1px solid #eee; } .Top003124 menu li span { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; } .Top003124 .has-sub span .op:before, .Top003124 .has-sub span .op:after { background-color: #ccc; } .Top003124 menu li .sub { background-color: rgba(0,0,0,0.1); } } .Top003124 .open-search { position: relative; display: inline-block; width: 2.75em; height: 2.75em; background: url(../images/Top003124-btn-white.svg) no-repeat center; cursor: pointer; background-size:1.5em auto ; } .Top003124.hover .top-nav .open-search, .Top003124.down .top-nav .open-search { background-image: url(../images/Top003124-btn.svg); } .Top003124 .top-search { position: absolute; right: 0; top: 100%; background-color: #fff; width: 100%; max-width: 400px; } .Top003124 .top-search .btn { background-color: rgba(0,0,0,1); background-image: url(../images/Top003124-btn.svg); background-size: auto 50%; } .Top003124 .open-search.on:before, .Top003124 .open-search.on:after { width: 40%; left: 30%; } .Top003124.hover .open-search.on:before, .Top003124.hover .open-search.on:after { background-color: rgba(0,0,0,1); } @media (max-width:1024px) { .Top003124 .open-search { width: 2.4em; height: 2.4em; top: 0; margin-top: 0; background-color: rgba(0,0,0,1); background-size: auto 60%; right: 0; } .Top003124 .open-menu { width: 2.4em; height: 2.4em; right: 0; } .Top003124 .open-menu i { width: 90%; background-color: rgba(0,0,0,1); } .Top003124 .open-search.on:before, .Top003124 .open-search.on:after {width: 60%;left: 18%;background:#000;} } /*Banner003126 */ .Banner003126 { overflow: hidden; position: relative; z-index: 1; } .Banner003126 li { position: relative; z-index: 1; } .Banner003126 li.slick-slide video{position: absolute; z-index: 10;height: 100%; width: 100%; transition: 0.3s; object-fit: fill;-o-object-fit: fill} /* .Banner003126 li:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0.15) 100%);background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0.15) 100%);} */ .Banner003126 li img { display: block; width: 100%; } .Banner003126 li img.wap { display: none;} .Banner003126 li .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10; color: #fff; } .Banner003126 .txt .auto > * { opacity: 0; transform: translateX(50px); transition-duration: 1s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1); } .Banner003126 .ani-show .txt .auto > * { opacity: 1; transform: translateX(0); } .Banner003126 .txt .logo { transition-delay: 0.3s; } .Banner003126 .txt .logo img { max-height: 1.5625em; } .Banner003126 .txt h2 { font-size: 4.375em; margin: 0.3em 0 0.1em 0; transition-delay: 0.6s; } .Banner003126 .txt .en { text-transform: uppercase; letter-spacing: 0.25em; color: rgba(255,255,255,0.5); transition-delay: 0.9s; } .Banner003126 .txt .btn { display: inline-block; background-color: #be1929; line-height: 3.4375; padding: 0 2.1875em; color: #fff; margin-top: 3.75em; transition-delay: 1.2s; } .Banner003126 .txt .btn:after { margin-left: 20px; display: inline-block; content: ''; width: 20px; height: 8px; background: url(../images/icon-more-white.svg) no-repeat center; background-size: contain; vertical-align: middle; } .Banner003126 .scroll { position: absolute; z-index: 20; left: 50%; margin-left: -1.875em; bottom: 3.25vw; width: 3.75em; height: 3.75em; border-radius: 50%; background: url(../images/icon-down.svg) no-repeat center center #be1929; background-size: 35% auto; animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1); } @keyframes scroll-icon { 0% { -webkit-transform: translateY(-12px); transform: translateY(-12px); } 100% { -webkit-transform: translateY(12px); transform: translateY(12px); } } .Banner003126 .slick-dots { position: absolute; right: 3.44vw; top: 50%; transform: translateY(-50%); z-index: 20; } .Banner003126 .slick-dots li { list-style: none; position: relative; width: 60px; height: 12px; } .Banner003126 .slick-dots li button { position: absolute; right: 0; top: 0; content: ''; background: none; color: #fff; text-indent: -999em; font-size: 1em; border: 0; padding: 0; ; line-height: 1; opacity: 0; transition: 0.3s; width: 16px; } .Banner003126 .slick-dots li.slick-active button { opacity: 1; background: none; background-size: contain; } .Banner003126 .slick-dots li:not(:last-child) { margin-bottom: 30px; } .Banner003126 .slick-dots li:before, .Banner003126 .slick-dots li:after { position: absolute; content: ''; transition: 0.3s; } .Banner003126 .slick-dots li:after { width: 10px; top: 50%; right: 5px; margin-top: -5px; border-radius: 50%; height:10px; background: rgba(255,255,255,0.3); } .Banner003126 .slick-dots li.slick-active:after{background-color: #be1929;} .Banner003126 .slick-dots li:before { width: 0; height: 1px; background-color: #be1929; top: 50%; left: 0; margin-top: -1.5px; } .Banner003126 .slick-dots li.slick-active:before { width: 25px; } @media(max-width:640px) { .Banner003126 .slick-dots li { width: 40px; } .Banner003126 .slick-dots li.slick-active:before { width: 15px; } .Banner003126 .slick-dots li:not(:last-child) { margin-bottom: 20px; } } @media (max-width:1024px) { .Banner003126 .root-sz-16 { font-size: 2vw; } .Banner003126 .txt .btn {padding: 0 2%;line-height: 2.4;} .Banner003126 .txt .btn:after {margin-left: 10px;} .Banner003126 li img.pc { display: none;} .Banner003126 li img.wap { display: block;} } @media (max-width:640px) { .Banner003126 .txt h2 { font-size: 3.2em; } .Banner003126 .txt .btn { margin-top: 1em; } } .Htitle{margin-bottom: calc(40 / 16 * 1em);position: relative;z-index: 1;text-align: center;} .Htitle .cn{color: #333;font-size:calc(40 / 16 * 1em);font-weight: bold; line-height: 1;position: relative; } .Htitle .cn:after{display:block;width:50px;height:3px;background-color:#be1929;content:'';margin:0.5em auto 0; border-radius: 5px;} .Htitle .desc{font-size: calc(60 / 16 * 1em); text-transform: uppercase;color:#666; opacity: 0.065; letter-spacing: 2px; font-weight: bold; line-height: 1; position: absolute; top: 0%; transform: translateY(-50%); -webkit-transform: translateY(-30%);width: 100%; z-index: -1;} @media (max-width: 1024px) { .Htitle .cn {font-size:calc(32 / 16 * 1em);} .Htitle .desc {font-size: calc(36 / 16 * 1em);} } /*Floor002699 */ .Floor002699{ padding: 5% 0; position:relative; z-index:4; background:url(../images/Floor002699_bg.jpg) no-repeat center center; background-size:cover; } .Floor002699 ul{ display: flex; flex-wrap: wrap;} .Floor002699 li{ float:left; position:relative; overflow:hidden; text-align: center; position:relative;transition:.3s;top:0; display: flex;justify-content: center;align-items: center;cursor: auto;} .Floor002699 li:hover{top:-10px;} .Floor002699 li:last-child {border-right: none;} .Floor002699 li .txt{ height: 100%; padding: calc(50 / 16 * 1em) calc(40 / 16 * 1em);border-radius: calc(20 / 16 * 1em)} .Floor002699 li .icon{ margin-bottom: calc(30 / 16 * 1em);} .Floor002699 li .icon img{ max-width:calc(60 / 16 * 1em);} .Floor002699 li:nth-child(1) .txt{ background: rgba(31, 124, 204, 1);} .Floor002699 li:nth-child(2) .txt{ background: rgba(190, 25, 41, 1);} .Floor002699 li:nth-child(3) .txt{ background: rgba(9, 43, 111, 1);} .Floor002699 li .tit{ font-size:calc(24 / 16 * 1em);color:#fff; font-weight:bold; margin-bottom: calc(20 / 24 * 1em);} .Floor002699 li .desc{ line-height:2; font-size:calc(16 / 16 * 1em); color:#fff;} @media(min-width:1025px){ .Floor002699 li{ width: 31.33%; margin-right: 3%;} .Floor002699 li:nth-child(3n){ margin-right:0;} } @media(max-width:1024px){ .Floor002699 li{ width: calc(100% / 0); margin-bottom: 3%;} .Floor002699 li:nth-child(2n){ margin-right:0;} .Floor002699 li .txt{width:100%;} } /*Floor003079 */ .Floor003079{position: relative; padding:5% 0; /* background-image: linear-gradient(180deg,#fff,#f5f5f5); */ overflow: hidden;} .Floor003079 .box{margin: 0 calc(-10 / 16* 1em); } .Floor003079 .box li{margin: 0 calc(10 / 16* 1em); margin-top: calc(28 / 16 * 1em); /* margin-bottom:calc(24 / 16 * 1em) ; */} .Floor003079 .box li a{display: block;position: relative;overflow: hidden; background: #fff; border: 1px solid #eee; border-radius: 20px;transition: .3s all} .Floor003079 .box li .txt{padding: calc(22 / 16 * 1em); text-align: center;} .Floor003079 .box li .txt .tit{font-size: calc(20 / 16 * 1em);margin-bottom: calc(16 / 24 * 1em); color: #333;font-weight: 700;} .Floor003079 .box li .txt .model{ margin-bottom: calc(15 / 16 * 1em); color: #999;} .Floor003079 .box li .txt p{line-height: 1.75; margin: 0; color: #777; font-size: calc(15 / 16* 1em);min-height: 3.5em;} .Floor003079 .box li .pic{overflow: hidden} .Floor003079 .box li .Ispic{padding-bottom:62%;position: relative;transition: .3s all} .Floor003079 .box li a:hover .tit{ color: #be1929;} .Floor003079 .box li a:hover .Ispic{ transform: scale(1.1);} .Floor003079 .box li a:hover {box-shadow: 0px 0px 20px rgba(190, 25, 41, 0.1);transition: 0.4s;transform: translateY(calc(-15 / 16* 1em)); border-color: #be1929;} .Floor003079 .box li.slick-slide {overflow: visible;} .Floor003079 .slick-list{overflow: inherit;} .Floor003079 .box .slick-list{ overflow: hidden;} .Floor003079 .box .slick-arrow{position: absolute;width: calc(50 / 16 * 1em); height:calc(50 / 16 * 1em); background: #fff;box-shadow: 0 0px 20px rgba(0,0,0,0.1); top: 50%;margin-top: calc(-25 / 16 * 1em); border-radius: 50%; transition: 0.3s; font-size: 1em; text-indent: -999em; overflow: hidden; z-index: 3;} .Floor003079 .box .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #be1929;border-left: 2px solid #be1929; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor003079 .box .slick-arrow:hover{background: #be1929;} .Floor003079 .box .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .Floor003079 .box .slick-prev{ left:calc(-70 / 16 * 1em);} .Floor003079 .box .slick-next{right: calc(-70 / 16 * 1em);} .Floor003079 .box .slick-arrow:hover:before{border-color:#fff;} .Floor003079 .tab-dots{margin-bottom: calc(40 / 16 * 1em);text-align: center;position: relative} .Floor003079 .tab-dots li{list-style: none;line-height:calc(50 / 16 * 1em); background: #f5f5f5; text-align: center; padding: 0 calc(40 / 16 * 1em);border-radius:50px;border: solid 1px #ffffff; cursor: pointer;display: inline-block;color: #333;font-weight: 700;} .Floor003079 .tab-dots li:not(:last-child){margin-right: calc(12 / 16 * 1em);} .Floor003079 .tab-dots li .t{position: absolute;max-width: 10rem;width: 90%;top: 100%;left: 50%;transform: translateX(-50%);display: none;line-height: 1.5;font-size: 14px} .Floor003079 .tab-dots li.slick-active{color: #fff;background: #be1929;border-color: #be1929} .Floor003079 .tab-dots li.slick-active .t{display: block;color: #333} @media(min-width:1025px){ } @media(max-width:1024px){ .Floor003079 .box .slick-prev{left: 10px;} .Floor003079 .box .slick-next{right: 10px;} } @media(min-width:641px){ } @media(max-width:640px){ .Floor003079 .tab-dots li{ margin-bottom: 1%;padding: 0 calc(15 / 16* 1em);} } /*Floor003127 */ .Floor003127 { overflow: hidden; padding: 6.25em 0; background: rgb(245,245,245); background: -moz-linear-gradient(bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#ffffff', GradientType=0 ); } .Floor003127 .main { position: relative; z-index: 4; } .Floor003127 .video .pic { position: relative; z-index: 1; border-radius: 20px; overflow: hidden; } .Floor003127 .video .pic img { transition: .3s;} .Floor003127 .video .play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .Floor003127 .video .play:before { position: absolute; content: ''; width: 86px; height: 86px; background: url("../images/icon-play.png") no-repeat center center rgba(190,25,41,0.5); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;transition: .3s; } .Floor003127 .video .pic video { position: absolute; left: 0; top: 0; z-index: 20; background: #000; } .Floor003127 .video .pic:hover img { transform: scale(1.08);} .Floor003127 .video .pic:hover .play:before {background-color: rgba(190,25,41,1)} .Floor003127 .intro .info .year { color: #ececec; font-weight: 900; font-family: 'Arial'; font-size: 60px; line-height: 0.934em; } .Floor003127 .intro .info .name { color: #be1929; font-size: calc(26 / 16* 1em); font-weight: bold; margin-bottom:0.625em; } .Floor003127 .intro .info .edit_info{ line-height: 2; color: #333; } .Floor003127 .intro .more { display: inline-block; background-color: #be1929; line-height: 3.4375; padding: 0 2.1875em; color: #fff; margin-top: 2.875em; /* transition-delay: 1.2s; */ } .Floor003127 .intro .more:after { margin-left: 20px; display: inline-block; content: ''; width: 20px; height: 8px; background: url(../images/icon-more-white.svg) no-repeat center; background-size: contain; vertical-align: middle; } .Floor003127 .cultrue { margin-top: 2.875em; background-color: #fff; border: solid 1px #f2f2f2; } .Floor003127 .cultrue dd { position: relative; padding: 2.125em 0; } .Floor003127 .cultrue dd .ytable { padding: 0 2em; color: #333; } .Floor003127 .cultrue dd .tit { font-size: 1.125em; } .Floor003127 .listtit{font-size:36px;color:#333;margin:0 0 30px 0; font-weight: bold; text-align: left;} .Floor003127 .listtit:after{width:42px;height:2px;background:#be1929; border:none;margin:25px 0; content: ""; display: block;} .Floor003127 h2{color: #be1929; margin-bottom: 10px; margin-top: 32px;} @media (min-width:1025px) { .Floor003127 .intro { padding-left: 3.875em; } .Floor003127 .cultrue dd { float: left; width: 33.33333%; } .Floor003127 .cultrue dd:not(:last-child) .ytable { border-right: 1px solid #ebebeb; } .Floor003127 .cultrue dd .img { width: 4.25em; } .Floor003127 .cultrue dd .img img { height: 3.25em; transition: .3s;} .Floor003127 .cultrue dd:hover .img img { transform: translateY(-10px)} .Floor003127 .cultrue dd:hover .tit {color: #be1929;} } @media (max-width:1024px) { .Floor003127 .listtit {font-size: 6vw;margin-top: 5vw;margin-bottom: 0;} .Floor003127 .listtit:after {margin: 3vw 0;} .Floor003127 .cultrue {margin-top: 5vw;} .Floor003127 .cultrue dl {display: flex;} .Floor003127 .cultrue dd {padding: 4vw 0;text-align: center;} .Floor003127 .cultrue dd .img { width: 5em; } .Floor003127 .cultrue dd .img img { width: 3.6em; } .Floor003127 .cultrue dd:not(:last-child) { border-bottom: 1px solid #ebebeb; } .Floor003127 .intro .info .year {margin-top: 20px;font-size: 24px;} .Floor003127 .intro .info .name {margin-top: 10px;font-size: 18px;} .Floor003127 .intro .more { margin: 5vw auto 0; } } @media (max-width:640px) { .Floor003127 {padding: 11vw 0;} .Floor003127 .ytable, .Floor003127 .ytable-cell {display: block;width: 100%;} .Floor003127 .video .play:before { width: 16vw; height: 16vw;background-size: 32%;} .Floor003127 .intro .info h3 { font-size: 1.4em; } } /*Floor003128 */ .Floor003128 { padding-top: 6.25em; overflow: hidden; } .Floor003128 .slick-list { overflow: inherit; } .Floor003128 .slider-img { border-top: 5px solid #be1929; } .Floor003128 .slider-img .item { position: relative; padding: 5em 0; } .Floor003128 .slider-img .main { position: relative; z-index: 10; color: #fff; } .Floor003128 .slider-img .tit { font-size: 2.25em; margin-bottom: 40px; } .Floor003128 .slider-img .txt p { line-height: 2; margin: 0; max-width: 80%; } .Floor003128 .slider-img .txt .more { display: inline-block; background-color: #be1929; line-height: 3.4375; padding: 0 2.1875em; color: #fff; margin-top: 6.25em; transition-delay: 1.2s; } .Floor003128 .slider-img .txt .more:after { margin-left: 20px; display: inline-block; content: ''; width: 20px; height: 8px; background: url(../images/icon-more-white.svg) no-repeat center; background-size: contain; vertical-align: middle; } .Floor003128 .slider-img .intro { position: relative; } .Floor003128 .slider-img .intro .Ispic { position: absolute; top: 50%; width: 18em; height: 18em; border-radius: 50%; box-shadow: 0 20px 40px rgb(235 225 228 / 25%); overflow: hidden; left: 50%; transform: translate(-50%, -50%); background-size: contain; } .Floor003128 .slider-img .intro .Ispic:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; box-shadow: 0 -9px 2px #be1929 inset; border-radius: 50%; transform: rotate(-42deg); -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); } .Floor003128 .slider-img .intro .Ispic img { display: none; } .Floor003128 .slider-img .intro li { float: left; margin: 0 0 0 34%; text-align: center; } .Floor003128 .slider-img .intro li:nth-child(2n) { margin-left: 2%; } .Floor003128 .slider-img .intro li:nth-child(3), .Floor003128 .slider-img .intro li:nth-child(7) { margin: 0 32% 0 17%; } .Floor003128 .slider-img .intro li:nth-child(5) { margin: 0 42% 0 12%; } .Floor003128 .slider-img .intro li:nth-child(3), .Floor003128 .slider-img .intro li:nth-child(4), .Floor003128 .slider-img .intro li:nth-child(9), .Floor003128 .slider-img .intro li:nth-child(10) { margin-top: -4%; } .Floor003128 .slider-img .intro li:nth-child(5), .Floor003128 .slider-img .intro li:nth-child(6), .Floor003128 .slider-img .intro li:nth-child(7), .Floor003128 .slider-img .intro li:nth-child(8) { margin-top: 1%; } .Floor003128 .slider-img .intro li div { position: relative; width: 120px; height: 120px; border-radius: 50%; padding: 32px 15px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15); } .Floor003128 .slider-img .intro li.no div { background: none; border: none; } .Floor003128 .slider-img .intro li aside { margin: 0; color: #fff; text-align: center; font-size: 0.875em; } .Floor003128 .slider-img .intro li.aon aside { color: #fff; } .Floor003128 .slider-img .intro li.aon div { background: #008e76; } .Floor003128 .slider-nav { position: relative; z-index: 10; } .Floor003128 .slider-nav .inside { text-align: center; padding-bottom: 40px; color: #333; position: relative; } .Floor003128 .slider-nav .inside:after { position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); bottom: -20px; border: 16px solid transparent; border-bottom: 0; content: ''; font-size: 0; width: 0; } .Floor003128 .slider-nav .inside .icon { transition: 0.3s; display: inline-block; width: 6.25em; height: 6.25em; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 20px; position: relative; } .Floor003128 .slider-nav .inside .icon i { position: absolute; width: 3px; height: 100%; top: 0; } .Floor003128 .slider-nav .inside .icon i.i_1 { left: 0; } .Floor003128 .slider-nav .inside .icon i.i_2 { right: 0; } .Floor003128 .slider-nav .inside .icon i::before, .Floor003128 .slider-nav .inside .icon i::after { position: absolute; content: ''; width: 6px; height: 6px; } .Floor003128 .slider-nav .inside .icon i::before { top: -1px; } .Floor003128 .slider-nav .inside .icon i::after { bottom: -1px; } .Floor003128 .slider-nav .inside .icon i.i_1::before, .Floor003128 .slider-nav .inside .icon i.i_1::after { left: -1px; border-left: 2px solid #ccc; } .Floor003128 .slider-nav .inside .icon i.i_2::before, .Floor003128 .slider-nav .inside .icon i.i_2::after { right: -1px; border-right: 2px solid #ccc; } .Floor003128 .slider-nav .inside .icon i.i_1::before, .Floor003128 .slider-nav .inside .icon i.i_2::before { border-top: 2px solid #ccc; } .Floor003128 .slider-nav .inside .icon i.i_1::after, .Floor003128 .slider-nav .inside .icon i.i_2::after { border-bottom: 2px solid #ccc; } .Floor003128 .slider-nav .inside .icon span { display: block; padding: 1.25em; } .Floor003128 .slider-nav .inside .icon img.hover { display: none; } .Floor003128 .slider-nav li { cursor: pointer; transition: 0.3s; } .Floor003128 .slider-nav .slick-current .icon { border-color: rgba(230,0,39,0.1); } .Floor003128 .slider-nav .slick-current .icon i.i_1::before, .Floor003128 .slider-nav .slick-current .icon i.i_1::after, .Floor003128 .slider-nav .slick-current .icon i.i_2::before, .Floor003128 .slider-nav .slick-current .icon i.i_2::after { border-color: #be1929; } .Floor003128 .slider-nav .slick-current .icon span { background: #be1929; } .Floor003128 .slider-nav .slick-current .icon img.default { display: none; } .Floor003128 .slider-nav .slick-current .icon img.hover { display: inline-block; } .Floor003128 .slider-nav .slick-current .inside { color: #be1929; } .Floor003128 .slider-nav .slick-current .inside:after { border-top-color: #be1929; } @media (min-width:1025px) { .Floor003128 .slider-img .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .Floor003128 .slider-nav { text-align: center; } } @media (max-width:1024px) { .Floor003128 .slider-img .bg { padding-bottom: 73.283%; } .Floor003128 .slider-img .txt { left: 3%; right: 3%; } .Floor003128 .slider-img .slick-current .txt { bottom: 2em; } .Floor003128 .slider-nav { overflow: hidden; height: 5em; } .Floor003128 .slider-nav .inside { display: flex; align-items: center; height: 5em; padding: 0 0.5em; } .Floor003128 .slider-nav .inside aside { flex: 1; } .Floor003128 .slider-nav .inside .icon { width: 25%; flex-shrink: 0; margin-right: 5%; text-align: center; } .Floor003128 .slider-nav .inside .icon img { max-height: 1.5em; } } .btn .more { display: inline-block; background-color: #be1929; line-height: 3.4375; padding: 0 2.1875em; margin-top: 2.875em; border-radius: 50px; color: #fff; transition: .3s; } .btn .more:hover { background:#1f7ccc;} .btn .more:after { margin-left: 20px; display: inline-block; content: ''; width: 20px; height: 8px; background: url(../images/icon-more-white.svg) no-repeat center; background-size: contain; vertical-align: middle; } @media (max-width: 1024px) { .btn {text-align: center;} } /*Floor003129 */ .Floor003129 { padding: 6.25em 0; background: rgb(245,245,245);} .Floor003129 .title { margin-bottom: 3.6875em; position: relative; } .Floor003129 .title .name { font-size: 2.625em; color: #333; } .Floor003129 .title .name:after { display: inline-block; content: ''; width: 15px; height: 2px; background-color: #e60012; margin-left: 22px; vertical-align: middle; } .Floor003129 .title p { margin: 0; font-size: 0.875em; } .Floor003129 .new-top { position: relative; overflow: hidden; border-radius: 20px; } .Floor003129 .new-top figure { height: 37.5em; position: relative; z-index: 1; transition: .3s; } .Floor003129 .new-top:hover figure { transform: scale(1.05); } .Floor003129 .new-top figure:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 65%; opacity: 0.85; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */ } .Floor003129 .new-top .txt { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; z-index: 10; padding: 2.5em; } .Floor003129 .new-top .txt aside { font-size: 1.25em; font-weight: bold; margin: 25px 0 10px 0; } .Floor003129 .new-top .txt p { opacity: 0.75; margin: 0; } .Floor003129 .new-top .txt span { display: inline-block; margin-top: 25px; padding-right: 20px; background: url(../images/icon-more-white.svg) no-repeat right center; background-size: auto 50%; } .Floor003129 .new-list li { float: left; width: calc((100% - 1.875em)/2); position: relative; transition: .3s;} .Floor003129 .new-list li:hover { transform: translateY(-20px)} .Floor003129 .new-list li:nth-child(2n) { float: right; } .Floor003129 .new-list li:nth-child(2n+1) { clear: left; } .Floor003129 .new-list li:nth-child(n+3) { margin-top: 1.875em; } .Floor003129 .new-list figure { height: 17.8125em; position: relative; z-index: 1; } .Floor003129 .new-list figure:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #fff; transition: .3s; } .Floor003129 .new-list .txt { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-50%); z-index: 10; padding: 0 2.5em; } .Floor003129 .new-list .txt time { color: #be1929; } .Floor003129 .new-list .txt aside { font-size: 1.25em; font-weight: bold; margin: 25px 0; transition: .3s;} .Floor003129 .new-list .txt p { color:#333;} .Floor003129 .new-list .txt span { display: inline-block; margin-top: 25px; padding-right: 20px; background: url(../images/icon-more.svg) no-repeat right center; background-size: auto 50%; transition: .3s; } /*.Floor003129 .new-list li:hover figure:after { background: #be1929; opacity: 0.85 }*/ /*.Floor003129 .new-list li:hover .txt * { color: #fff; }*/ .Floor003129 .new-list li:hover .txt span { background-image: url(../images/icon-more-red.svg); } .Floor003129 .btn { text-align: center; } @media(min-width:769px) { .Floor003129 .new-top { float: left; width: 36%; } .Floor003129 .new-list { float: right; width: calc(64% - 1.875em); } } @media(max-width:768px) { .Floor003129 {padding: 11vw 0;} .Floor003129 .new-top { margin-bottom: 5vw; } .Floor003129 .new-top figure {height: auto;padding-bottom: 100%;} .Floor003129 .new-top .txt {padding: 5vw;} .Floor003129 .new-top .txt aside {margin: 4vw 0;} .Floor003129 .new-list li {width: 100%;margin-bottom: 4%;} .Floor003129 .new-list li:nth-child(n+3) {margin-top: 0;} .Floor003129 .new-list figure {height: 14.8125em;} .Floor003129 .new-list .txt {padding: 0 5vw;} .Floor003129 .new-list .txt aside {margin: 4vw 0;} .Floor003129 .btn .more {margin-top: 0;} } /*Bottom003125 */ .Bottom003125 { background: #3a3a3a; padding-top: 3%; } .Bottom003125 a:hover { color: #be1929; } .Bottom003125 .b-top nav dl { margin-right: 0 !important; } .Bottom003125 .b-top nav dd { line-height: 1.5; padding: 6px 0; } .Bottom003125 .b-top nav dt { font-size: 1.125em; margin-bottom: 25px; } .Bottom003125 .b-top nav dt, .Bottom003125 .b-top nav dt a:not(:hover) { color: #fff; } .Bottom003125 .b-top nav dd a:not(:hover) { color: rgba(255,255,255,0.5); } .Bottom003125 .share li { display: inline-block; position: relative; } .Bottom003125 .share li:not(:last-child) { margin-right: 1em; } .Bottom003125 .share li a { cursor: pointer; width: 2.8125em; height: 2.8125em; background-color: rgba(255,255,255,0.1); border-radius: 50%; position: relative; display: block; transition: 0.3s; } .Bottom003125 .share li a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 60%; max-height: 60%; } .Bottom003125 .share li figure {position: absolute;bottom:110%;left:50%;width: 110px;margin-left:-55px;border-radius:5px;overflow:hidden;display: none;} .Bottom003125 .share li:hover figure {display: block;} .Bottom003125 .share li:hover a { background-color: #be1929; } .Bottom003125 .logo img { height: 4.25em; } .Bottom003125 .code{width: calc(110 / 16 * 1em);} .Bottom003125 .code li { text-align: center; } .Bottom003125 .code li:not(:last-child) { margin-right: 0.625em; } .Bottom003125 .code li figure { padding: 5px; background-color: #fff; border-radius: 5px;max-width: 130px; } .Bottom003125 .code li aside { margin-top: 0.5em; color: rgba(255,255,255,0.5); } .Bottom003125 .b-bottom { margin-top: 5%; padding: 1.25% 0; font-size: 0.875em; line-height: 2.8125; color: rgba(255, 255, 255, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.1); } .Bottom003125 .b-bottom a:not(:hover) { color: rgba(255, 255, 255, 0.4); } .Bottom003125 .b-top nav.nav-en dl{ flex: 1 0 0; padding-right: 1.5em; } .Bottom003125 .b-top nav.nav-en dl:last-child{padding-right: 0;} .Bottom003125 .contact .two-phoneCall li{display: flex;justify-content: space-between; line-height: 1.5; font-size: calc(24 / 16 * 1em);color: #fff;font-weight: 700;} .Bottom003125 .contact .two-phoneCall li span{width: 2em;flex-shrink: 0;} .Bottom003125 .contact .two-phoneCall li i{font-style: normal;} .Bottom003125 .contact .two-phoneCall li:nth-child(1) ~ li span i{opacity: 0;} .Bottom003125 .contact .two-phoneCall li a{flex: 1; display: block;} .Bottom003125 .contact .two-phoneCall li a:not(:hover){color: #fff;} .Bottom003125 .contact .call-time{color: #7a7a7a;line-height: 1.5;font-size: calc(14 / 16 * 1em); margin-top: 1em;} @media (min-width:1025px) { .Bottom003125 .b-top nav { width: 68%;display: flex; justify-content: space-between; } .Bottom003125 .b-top .contact { width: 32%; padding-left: 6%; } .Bottom003125 .b-top .contact{ display: flex; flex-direction: row-reverse; justify-content: space-between; } .Bottom003125 .b-top .contact .contact-phoneNumbers{ width: calc(100% - 130 / 16 * 1em); } .Bottom003125 .b-top nav.nav-en{ justify-content: flex-start; } } .Bottom003125 .f-logo{ padding-bottom: calc(24 / 16 * 1em); margin-bottom: calc(50 / 16 * 1em); border-bottom: solid 1px rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; } .Bottom003125 .f-logo .sign{font-size: 1.125em;color: #fff;opacity: .8;max-width: 60%;line-height: 1.5;} @media (max-width:1024px) { .Bottom003125 .b-top nav { display: none; } .Bottom003125 .b-bottom { text-align: center; } .Bottom003125 .share, .Bottom003125 .code { display: flex; justify-content: center; } .Bottom003125 .contact .logo,.Bottom003125 .contact .two-phoneCall,.Bottom003125 .contact .call-time {text-align: center;} .Bottom003125 .contact .call-time{margin: 10px 0 15px;} .Bottom003125 .code{margin: 0 auto;width: 110px;} } @media(max-width: 768px) { .Bottom003125 .f-logo{ padding-bottom: 0; margin-bottom: 0; flex-direction: column; border-bottom: 0; } .Bottom003125 .f-logo .sign{ margin: 10px 0 20px; max-width: 100%; text-align: center; } } @media (max-width:480px) { .Bottom003125 .share { font-size: 3.5vw; } } /**.Columnbanner*/ .Columnbanner { position: relative; z-index: 1; } .Columnbanner .go { position: absolute; left: 0; right: 0; margin: auto; bottom: 3.5vw; user-select: none; width: 60px; height: 60px; border-radius: 50%; line-height: 60px; background: url(../images/icon-down.svg) no-repeat center center #be1929; background-size: 35% auto; text-align: center; display: flex; transform-origin: 50% 50%; justify-content: center; align-items: center; animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1); } @keyframes scroll-icon { 0% { -webkit-transform: translateY(-12px); transform: translateY(-12px); } 100% { -webkit-transform: translateY(12px); transform: translateY(12px); } } .Columnbanner div { height: 600px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #666; } .Columnbanner img { display: none } .Columnbanner aside { position: absolute; left: 50%; top: 50%; line-height: 1.5; width: 100%; font-size: 3.25em; padding: 0 2%; text-align: center; color: #fff; font-weight: bold; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: normal; } .Columnbanner aside span { display: block; font-size: 0.75em; color: #fff; line-height: 1; margin-bottom: 20px; text-transform: uppercase; font-family: 'oswald'; } @media(max-width:1000px) { .Columnbanner div { display: none } .Columnbanner img { display: block; width: 100% } .Columnbanner .go {display: none;} } @media(max-width:640px) { .Columnbanner aside { font-size: 24px } } /*-------------------------------------------------------------------------------------------------------------.Columnmenu*/ .Columnmenu { background: #fff; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 30%); position: relative; z-index: 1; } .Columnmenu ul { display: table; margin: 0 auto;overflow: hidden;} .Columnmenu li { float: left; padding: 0 calc(50 / 1920 * 100vw); position: relative; } .Columnmenu li:after { position: absolute; content: ''; width: 1px; right: 0; top: 50%; height: 14px; margin-top: -7px; background: #dfdfdf; } .Columnmenu li:last-child:after { display: none; } .Columnmenu li a { display: block; font-size: calc(18 / 16* 1em); position: relative; overflow: hidden; line-height: calc(80 / 18* 1em); height: calc(80 / 18* 1em); } .Columnmenu li a:after { position: absolute; left: 0; bottom: 0; content: ''; height: 2px; width: 100%; } .Columnmenu li.aon a, .Columnmenu li:hover a { color: #be1929; } .Columnmenu li.aon a:after, .Columnmenu li:hover a:after { background: #be1929; } @media(max-width:1024px) { .Columnmenu li { padding: 0 calc(40 / 1920 * 100vw); } .Columnmenu li a { line-height: 50px; height: 50px; } } @media(max-width:768px) { .Columnmenu ul { display: block; } .Columnmenu li { float: left; width: 25%; text-align: center; padding: 0; } } @media(max-width:768px) and (min-width:481px) { .Columnmenu li:nth-child(4n):after { display: none; } } @media(max-width:480px) { .Columnmenu li { width: 33.333% } .Columnmenu li:nth-child(3n):after { display: none; } } @media(max-width:375px) { .Columnmenu li a { font-size: 14px; } } /*.------------------------------------------------------------------------------------------------------------.Columnpage */ .Columnpage .Pages { text-align: center; padding:0 0 5% 0 } .Columnpage .Pages1 { text-align: center; padding: 2vw 0 6vw 0 } .Columnpage .Pages a { border-radius: 50px; display: inline-block; vertical-align: middle; background: #fff; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); width: 50px; text-align: center; line-height: 50px; color: #666; } .Columnpage .Pages a.a_cur, .Columnpage .Pages a:hover { background-color: #be1929; color: #fff; } .Columnpage .Pages em { font-style: normal; display: inline-block; vertical-align: middle; } .Columnpage .Pages em a { margin: 0 10px; } .Columnpage .Pages .p_count, .Columnpage .Pages .p_cur, .Columnpage .Pages .p_jump, .Columnpage .Pages .p_total, .Columnpage .Pages .a_first, .Columnpage .Pages .a_end { display: none } .Columnpage .Pages .a_prev, .Columnpage .Pages .a_next { padding: 0; width: 50px; overflow: hidden; line-height: 1000px; height: 50px; margin: 0 10px; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); } .Columnpage .Pages .a_prev { background: url(../images/Columnpage-a_prev.png) no-repeat center center #fff; } .Columnpage .Pages .a_next { background: url(../images/Columnpage-a_next.png) no-repeat center center #fff } .Columnpage .Pages .a_prev:hover { background: url(../images/Columnpage-a_prev2.png) no-repeat center center #be1929 } .Columnpage .Pages .a_next:hover { background: url(../images/Columnpage-a_next2.png) no-repeat center center #be1929 } @media(max-width:1024px) { .Columnpage .Pages .a_prev, .Columnpage .Pages .a_next, .Columnpage .Pages a {width: 40px;line-height: 40px;height: 40px; } .Columnpage .Pages .a_prev, .Columnpage .Pages .a_next {font-size: 0;} .Columnpage .Pages em a {margin: 0 4px;} .Columnpage .Pages .a_end, .Columnpage .Pages .a_first { display: none } } @media(max-width:480px) { .Columnpage .Pages a { padding: 0 5px } } .culture { overflow: hidden; } /*Floor003153 */ .Floor003153 { padding: 6.25em 0; position: relative; } .Floor003153 .auto { position: relative; z-index: 5; } .Floor003153 .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .Floor003153 .bg img { position: absolute; right: -14vw; bottom: -9vw; max-width: 1200px; width: 62.5vw; } .Floor003153 .intro .info { line-height: 2.1428; } .Floor003153 .intro .info h2 { margin-top: 2.4vw; font-size: 1.5em; font-weight: normal; color: #333; } .Floor003153 .intro .info h2 span { color: #be1929; font-size: 2em; margin-bottom: 0.5em; } .Floor003153 .intro .info h3{margin:1vw 0 2vw; font-size: 1.5em; font-weight: normal; color: #333; } .Floor003153 .intro .info h3 span{display: inline-block; padding-right:7.167%;padding-left:7.167%;position: relative;} .Floor003153 .intro .info h3 span:first-child:before, .Floor003153 .intro .info h3 span:last-child:after{position: absolute; content: ''; width: 7%;height: 100%; background-size:20px auto; background-repeat: no-repeat;;} .Floor003153 .intro .info h3 span:first-child:before{left: 0; top: 0;background-image: url(../images/yinhao-l.png); background-position: left 5px;} .Floor003153 .intro .info h3 span:last-child:after{right:0;bottom: 0;background-image: url(../images/yinhao-r.png) ; background-position: right 5px;} @media (min-width:1025px) { .Floor003153 .intro .img { text-align: center; } .Floor003153 .intro .img figure { margin: 0 auto; display: inline-block; width: 70%; overflow: hidden; padding-bottom: 70%; border-radius: 50%; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); } .Floor003153 .intro .info { padding: 0 5.0714em; } } @media (max-width:1024px) { .Floor003153 {padding: 11vw 0;} .Floor003153 .intro .img { margin-bottom: 2em; } .Floor003153 .intro .info h3 {font-size: 4.5vw;} .Floor003153 .intro .info h2 {margin-top: 0;} .Floor003153 .intro .info h2 span {font-size: 24px;} } /*Floor002988*/ .Floor002988 { padding: 6.25em 0 0; position: relative; z-index: 5; } .Floor002988 .pic { padding-right: calc((100% - 1500px)/2); } .Floor002988 .pic figure { padding-bottom: 42%; } .Floor002988 .inner { position: relative; z-index: 1; } .Floor002988 .design { position: relative; padding: 8.75em 0; } .Floor002988 .design:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: #be1929; } .Floor002988 .design .main { margin: 0 5.2vw; } .Floor002988 .design .txt .slider { width: 90%; margin-bottom: 6%; } .Floor002988 .design .txt { color: #fff; } .Floor002988 .design .txt small { display: flex; justify-items: flex-start; align-items: center; font-size: calc(30 / 16 * 1em); margin-bottom: 2.6vw; } .Floor002988 .design .txt small .line { display: inline-block; width: 6em; height: 1px; background-color: #fff; margin-left: calc(15 / 16 * 1em); } .Floor002988 .design .txt h4 { font-size: calc(36 / 16 * 1em); font-weight: normal; margin: 0; line-height: 1.4; } .Floor002988 .design .slick-dots { margin-top: 6vw; } .Floor002988 .design .slick-dots li { float: left; width: calc(12 / 16 * 1em); height: calc(12 / 16 * 1em); border-radius: 50%; border: 1px solid rgba(232, 232, 232, 0.5); list-style: none; } .Floor002988 .design .slick-dots li button { display: none; } .Floor002988 .design .slick-dots li.slick-active { background-color: #fff; } .Floor002988 .design .slick-dots li:not(:last-child) { margin-right: calc(20 / 16 * 1em); } @media(min-width:1025px) { .Floor002988 .design { position: absolute; width: 50%; right: 0; bottom: 0; z-index: 10; } .Floor002988 .design:before { height: 100%; } } /*Floor002731 */ .Floor002731 { padding: 6.25em 0; position: relative; z-index: 5; background: url(../images/Floor002988-bg.jpg) no-repeat center; } .Floor002731 li { padding: 3em; } .Floor002731 li a { text-align: center; } .Floor002731 li p { line-height: 2; height: 128px; max-width: 90%; margin: 0 auto; color: rgba(255, 255, 255, 0.85); } .Floor002731 li .icon img { width: 68px; height: 68px;transition: .3s; } .Floor002731 li:hover .icon img { transform: translateY(-20px) } .Floor002731 li .title { max-width: 90%; margin: 0 auto; } .Floor002731 li h2 { margin: 20px 0; font-size: 1.25em; color: #fff; } @media(min-width:1025px) { .Floor002731 li { float: left; width:32%; } .Floor002731 li:not(:nth-child(3n)) {margin-right: 2%; border-right: 1px solid rgba(255, 255, 255, 0.3);} } @media(max-width:1024px) { .Floor002731 {padding:4vw 0;background-size:cover;} .Floor002731 ul {display: flex;flex-wrap: wrap;} .Floor002731 li {width: 50%;padding: 2vw;} .Floor002731 li h2 {margin: 3vw 0;} .Floor002731 li .icon img {width: 48px;height: 48px;} .Floor002731 li p {height:auto;} } /*Floor002732 */ .Floor002732 { padding: 6.25em 0; position: relative; z-index: 5; } .Floor002732 .column-name { text-align: center; } .Floor002732 .column-name .cn { color: #be1929; font-size: 2.5em; margin-bottom: 1em; } .Floor002732 li { background: #f7f7f7; padding: 3em; transition: .3s;} .Floor002732 li:hover { box-shadow: 0 0 10px 0 rgb(36,36,36,0.20)} .Floor002732 li a { text-align: center; } .Floor002732 li p { line-height: 2; height: 128px; max-width: 90%; margin: 0 auto; color: #666; } .Floor002732 li .icon img { width: 68px; height: 68px; transition: .3s;} .Floor002732 li:hover .icon img { transform: rotateY(180deg)} .Floor002732 li .title { max-width: 90%; margin: 0 auto; } .Floor002732 li h2 { margin: 20px 0; font-size: 1.25em; color: #333; } @media(min-width:1025px) { .Floor002732 li { float: left; width: 23.5%; } .Floor002732 li:not(:nth-child(4n)) {margin-right: 2%;} } @media(max-width:1024px) { .Floor002732 {padding: 11vw 0;} .Floor002732 .column-name .cn {font-size: 24px;} .Floor002732 ul {display: flex;flex-wrap: wrap;} .Floor002732 li {width: 50%;padding: 4vw 1vw;} .Floor002732 li h2 {margin: 3vw 0;} .Floor002732 li .icon img {width: 48px;height: 48px;} .Floor002732 li p {height: auto;} } /*Timeline003058 */ .Timeline003058 { padding: 6.25em 0; background: url(../images/Timeline003058-bg.jpg) no-repeat center bottom; background-size: cover;} .Timeline003058 .list { overflow: hidden; } .Timeline003058 .year { position: relative; z-index: 1; } .Timeline003058 .year .slider:after { position: absolute; content: ''; left: 0; top: 40px; width: 100%; height: 8px; border-radius: 4px; background: #eee; } .Timeline003058 .year li { text-align: center; } .Timeline003058 .year li span { color: #fff; background: #ccc; display: inline-block; border: 5px solid #fff; width: 90px; line-height: 80px; border-radius: 50%; font-size: 18px; } .Timeline003058 .year li.aon span { color: #fff; background: #be1929; } .Timeline003058 .slider-list { margin-top: 2.6vw; position: relative; } .Timeline003058 .slider-list li { padding: 1.405vw 0 2vw 0; } .Timeline003058 .slider-list .inner { background-color: #ffffff; border: solid 1px #eee; padding: 5vw; padding-left: 15vw; position: relative; margin: 0 1.405vw; transition: 0.3s; } .Timeline003058 .slider-list .inner time { position: absolute; left: 5vw; top: 5vw; display: block; margin-bottom: 1.2vw; color: #be1929; } .Timeline003058 .slider-list .inner time b { font-family: 'Arial'; font-size: 45px; line-height: 1.634em; margin-right: 10px; } .Timeline003058 .slider-list .inner time b:not(:last-child):after { display: inline-block; width: 13px; height: 2px; background-color: #e5e5e5; margin: 0 15px; vertical-align: middle; content: ''; } .Timeline003058 .slider-list dl { border-left: 1px solid #eee; padding-left: 4vw; min-height: 10em; } .Timeline003058 .slider-list dd { font-size: 16px; line-height: 1.625em; color: #000; padding-left: 20px; position: relative; margin: 20px 0; } .Timeline003058 .slider-list dd:before { width: 6px; height: 6px; content: ''; border-radius: 50%; background: #be1929; position: absolute; left: 0; top: 10px; } .Timeline003058 .slider-list .btn .slick-arrow { position: absolute; top: 50%; border: solid 4px #ccc; width: 32px; height: 32px; transform: rotate(45deg); border-right: 0; border-top: 0; border-radius: 4px; } .Timeline003058 .slider-list .btn .slick-next { transform: rotate(-135deg); } .Timeline003058 .slider-list .btn .slick-arrow:hover { border-color: #be1929; } @media(min-width:1601px) { .Timeline003058 .slider-list .btn .slick-prev { left: -3.07vw; } .Timeline003058 .slider-list .btn .slick-next { right: -3.07vw; } .Timeline003058 .slider-list .slider { margin: 0 -1.405vw; } } @media(max-width:1600px) { .Timeline003058 .slider-list .btn .slick-prev { left: 0; } .Timeline003058 .slider-list .btn .slick-next { right: 0; } .Timeline003058 .slider-list .inner { margin: 0 1vw; } .Timeline003058 .slider-list .slider { padding: 0 40px; } } @media(max-width:640px) { .Timeline003058 .slider-list .btn .slick-arrow { width: 5vw; height: 5vw; margin-top: -2.5vw; } .Timeline003058 .slider-list .slider { padding: 0 5vw; } .Timeline003058 .slider-list .inner time b { font-size: 5vw; } .Timeline003058 .year .slider:after { height: 5px; top: 28px; } .Timeline003058 .year li span { font-size: 4vw; } } /*RighInfo003141 */ .RighInfo003141 { overflow: hidden; } .RighInfo003141 .box { padding: 6.25em 0; } .RighInfo003141 .box1 { padding: 6.25em 0 0; } .RighInfo003141 .intro { line-height: 2.1428; text-align: center; max-width: 1100px; margin: 0 auto; margin-bottom: 3vw; } .RighInfo003141 .intro .tit { font-size: 2.5em; line-height: 1.5; color: #be1929; display: inline-block; } .RighInfo003141 .intro .subtit { font-family: 'oswald'; font-size: 1.875em; color: #333; line-height: 1.33; margin-top: 10px; text-transform: capitalize; margin-bottom: 1.5vw; } .RighInfo003141 .intro .icon img { width: 4em; height: 4em; display: inline-block; vertical-align: top; margin-bottom: 0.625em; } .RighInfo003141 .intro span { font-size: 1.5em; line-height: 1.8333; color: #be1929; width: 93%; margin-bottom: .36rem; display: block; } .RighInfo003141 .main { padding: 6.25em 0; background: url(../images/RighInfo003141-bg.jpg) no-repeat center center; background-size: cover; } .RighInfo003141 .main .auto { position: relative; } .RighInfo003141 .main .Ispic { position: absolute; top: 50%; width: 18em; height: 18em; border-radius: 50%; box-shadow: 0 20px 40px rgb(235 225 228 / 25%); overflow: hidden; left: 50%; transform: translate(-50%, -50%); background-size: contain; } .RighInfo003141 .main .Ispic:before { position: absolute; content: ""; left: -1px; right: -1px; top: -1px; bottom: -1px; box-shadow: 0 -9px 2px #be1929 inset; border-radius: 50%; transform: rotate(-42deg); -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); } .RighInfo003141 .main .Ispic img { display: none; } .RighInfo003141 .main li { float: left; margin: 0 0 0 40%; text-align: center; } .RighInfo003141 .main li div { position: relative; width: 140px; height: 140px; border-radius: 50%; padding: 35px 15px; background: #bdbdbd;transition: .3s;cursor: pointer; } .RighInfo003141 .main li.no div { background: none; border: none; } .RighInfo003141 .main li aside { margin: 0; color: #fff; text-align: center; } .RighInfo003141 .main li.aon aside { color: #fff; } .RighInfo003141 .main li:hover div, .RighInfo003141 .main li.aon div { background: #008e76; } .RighInfo003141 .box2 .list dl { float: left; width: 100%; display: table; background: #f7f7f7; padding: 30px 30px 30px 0; } .RighInfo003141 .box2 .list dl > * { display: table-cell; vertical-align: middle; } .RighInfo003141 .box2 .list dt { width: 120px; } .RighInfo003141 .box2 .list dt b { display: block; width: 60px; height: 60px; border-radius: 50%; background: #be1929; color: #fff; font-size: 24px; position: relative; overflow: hidden; line-height: 60px; text-align: center; margin: 20px auto; } .RighInfo003141 .box2 .list dd p { line-height: 24px; overflow: hidden; color: #666; font-size: 16px; margin: 0; } @media(min-width:769px) { .RighInfo003141 .box2 .list dl { width: 32%; margin-right: 2%; transition: .3s;} .RighInfo003141 .box2 .list dl:nth-child(3n) { margin-right: 0; } .RighInfo003141 .box2 .list dl:nth-child(3n+1) { clear: left; } .RighInfo003141 .box2 .list dl:nth-child(n+4) { margin-top: 2%; } .RighInfo003141 .main li:nth-child(2n) { margin-left: 1%; } .RighInfo003141 .main li:nth-child(3), .RighInfo003141 .main li:nth-child(7) { margin: 0 19% 0 30%; } .RighInfo003141 .main li:nth-child(5) { margin: 0 25% 0 27%; } .RighInfo003141 .main li:nth-child(3), .RighInfo003141 .main li:nth-child(4), .RighInfo003141 .main li:nth-child(9), .RighInfo003141 .main li:nth-child(10) { margin-top: -4%; } .RighInfo003141 .main li:nth-child(5), .RighInfo003141 .main li:nth-child(6), .RighInfo003141 .main li:nth-child(7), .RighInfo003141 .main li:nth-child(8) { margin-top: 0; } .RighInfo003141 .box2 .list dl:hover {box-shadow:0px 3px 7px 1px #dfdfdf;transform: translateY(-10px)} } @media(max-width:768px) and (min-width:481px) { .RighInfo003141 .box2 .list dl { width: 48%; } .RighInfo003141 .box2 .list dl:nth-child(2n) { float: right; } .RighInfo003141 .box2 .list dl:nth-child(2n+1) { clear: left; } } .RighInfo003141 .box3 { background: rgb(245,245,245); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f3ff', endColorstr='#ffffff', GradientType=0 ); } .RighInfo003141 .box3 .slick-list { overflow: inherit; } .RighInfo003141 .box3 ul { margin: 0 -10px; } .RighInfo003141 .box3 .slick-slide { opacity: 0; transition: .3s; } .RighInfo003141 .box3 .slick-active { opacity: 1; } .RighInfo003141 .box3 a { display: block; margin: 0 10px; background: #fff; box-shadow: 0 3px 29px -8px rgb(192 196 204 / 71%); text-align: center;transition: .3s; } /*.RighInfo003141 .box3 a:hover { transform: translateY(-10px)}*/ .RighInfo003141 .box3 .pic { background: #fff; position: relative; overflow: hidden;} .RighInfo003141 .box3 .pic .Ispic { max-width: 77.447%; margin: 0 auto; padding-bottom: 80.852%; transition: .3s;} .RighInfo003141 .box3 .pic:hover .Ispic { transform: scale(1.08);} .RighInfo003141 .box3 .name { border-top: 1px solid #eee; line-height: 4.625em; position: relative; } .RighInfo003141 .box3 .name aside { padding: 0 1.1875em; color: #333; } .RighInfo003141 .box3 .slick-slide.slick-active a:hover .name aside { color: #be1929; } .RighInfo003141 .slick-arrow { width: 60px; height: 60px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgb(180 189 221 / 8%), 0 6px 14px hsl(0deg 0% 100% / 30%), 0 12px 20px rgb(180 189 221 / 20%); z-index: 2; position: absolute; top: calc(50%); transform: translateY(-50%); } .RighInfo003141 .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #666; border-top: 2px solid #666; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; } .RighInfo003141 .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .RighInfo003141 .slick-prev { left: -6.25%; } .RighInfo003141 .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .RighInfo003141 .slick-next { right: -6.25%; } @media (max-width: 1024px) { .RighInfo003141 {padding: 11vw 0;} .RighInfo003141 .box1 {padding-top: 0;} .RighInfo003141 .box2{padding: 11vw 0 ;} .RighInfo003141 .intro .tit {font-size: 24px;} .RighInfo003141 .intro .subtit {font-size: 20px;margin-top: 0;} .RighInfo003141 .main {padding: 8vw 0;} .RighInfo003141 .main .Ispic {position: relative;top:0;left:0;transform: none;margin:0 auto 8vw;} .RighInfo003141 .main ul {display: flex;flex-wrap: wrap;justify-content: space-between;} .RighInfo003141 .main li {display: flex;margin-left: 0;margin-bottom: 2%;width: 49%;} .RighInfo003141 .main li div {width: 100%;height:auto;border-radius: 0;padding: 4vw;} .RighInfo003141 .main li.no {display: none;} .RighInfo003141 .box2 .list {display: flex;flex-wrap: wrap;justify-content: space-between;} .RighInfo003141 .box2 .list dl {width: 49%;margin-bottom: 2%;padding: 4vw;text-align: center;} .RighInfo003141 .box2 .list dt {margin: 0 auto;} .RighInfo003141 .box2 .list dd p {font-size: 4vw;} .RighInfo003141 .box2 .list dl > * {display: block;} .RighInfo003141 .box3 {padding: 11vw 6vw ;} .RighInfo003141 .box3 .name aside {font-size: 4vw;} } /*PicList002124 */ .PicList002124 .box{ overflow: hidden; padding:5% 0 3% 0; } .PicList002124 .box:nth-child(2n){background: #f8f8f8;} .PicList002124 li{ float:left; margin-bottom: 2%; margin-right: 2%; border:1px solid #eee ; border-radius: 20px; overflow: hidden;} .PicList002124 .box:nth-child(2n) li{ background: #fff;} .PicList002124 li a{ display:block; position:relative; } .PicList002124 li h4, .PicList002124 li h3, .PicList002124 li h5{ margin:0; text-align:center; font-weight:normal;} .PicList002124 li figure{ padding-bottom:62%; background-size: contain; } .PicList002124 li .txt{ padding: 5% 3%;} .PicList002124 li h4{ font-size:16px;color: #666; line-height: 1.8; min-height: 3.6em;} .PicList002124 li h3{ font-size: 22px; color:#333; margin-bottom: 12px;} .PicList002124 li:hover h3{color: #be1929;} .PicList002124 li .hover{ opacity:0; position:absolute; left:0; bottom:0; width: 100%;height: 25%;text-align:center; background:rgba(197,0,33,1); z-index:10; transition:0.3s; color:#fff; } .PicList002124 li:hover{box-shadow:0 0 20px rgba(0,0,0,0.1); border-color: #be1929;} .PicList002124 li:hover a .hover{ opacity:1;} .PicList002124 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002124 li .hover h5{ font-size:22px;line-height: 1;} .PicList002124 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:10px auto 10px;} .PicList002124 li .hover p{ font-size:16px; line-height:30px; margin:0; max-height:90px; overflow:hidden;} @media (min-width: 1025px) { .PicList002124 li{width:31%;} .PicList002124 li:nth-child(3n){margin-right:0; } .PicList002124 li:nth-child(3n+1){clear: left;} } @media (max-width: 1024px) { .PicList002124 li {width: 48.5%;margin-right: 3%} .PicList002124 li:nth-child(2n) {margin-right:0;} .PicList002124 li:nth-child(2n+1){clear: left;} .PicList002124 .listtit {margin-bottom: 20px;} .PicList002124 .box {padding: 6vw 0 4vw;} .PicList002124 li h3, .PicList002124 li .hover h5 {font-size: 4.5vw;} .PicList002124 li h4, .PicList002124 li .hover p {font-size: 3.5vw;} .PicList002124 li:hover a .hover {display: none;} } /*RighInfo003134 */ .RighInfo003134 {padding:5% 0;} .RighInfo003134 .img-side{border: solid 1px #f2f2f2; margin-bottom: 4em; } .RighInfo003134 .img-side .ytable-cell{ padding-bottom: 2em;} .RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom: 62%;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 12px;height: 12px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 12px;height: 12px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #be1929; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .txt{} .RighInfo003134 .img-side .tit{font-size:calc(30 / 16 * 1em);color: #333;font-weight: bold; margin-bottom: calc(25 / 30 * 1em);} .RighInfo003134 .img-side .line{width: 15px; height: 2px; background-color: #e60012;display: block;margin: 0 auto;} .RighInfo003134 .img-side .text{ line-height:2; color: #666;} .RighInfo003134 .img-side .btn{ margin-top: calc(40 / 16 * 1em);} .RighInfo003134 .img-side .btn a{display: inline-block;font-size:calc(16 / 16 * 1em);color: #fff;box-shadow: 0px 10px 30px rgba(0, 47, 167, 0.08);border-radius: 50px; margin: 0 5px; min-width:calc(160 / 16 * 1em);text-align: center; line-height: 3.2;padding: 0 1.25em; cursor: pointer;} .RighInfo003134 .img-side .btn a.download{background-color: #be1929;} .RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;} .RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.2em;margin-right: 0.5555em;} .RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/icon-back.svg);} .RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/icon-file.svg);} .RighInfo003134 .img-side .btn a:hover { background-color: #1f7ccc; } .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: #be1929;display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/icon-details.svg);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/icon-details2.svg);} .RighInfo003134 .prod-intro .singlePage{line-height: 2; margin: 2em 0 3em 0; color: #333;} .RighInfo003134 .table_1 th {font-weight: normal;} .RighInfo003134 .table_1 th, .RighInfo003134 .table_1 td{ text-align:left; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding:15px;font-size:calc(16 / 16 * 1em);} .RighInfo003134 .table_1 tr:nth-child(2n+1){ background: #f8f8f8;} .RighInfo003134 .table_1 tr th{ background:#1f7ccc;color: #fff;font-size:calc(18 / 16 * 1em);} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 45%;border-right: solid 1px #f2f2f2;} .RighInfo003134 .img-side .ytable-cell{padding-top: 2em;} .RighInfo003134 .img-side .txt{padding: 1% 4%;} .RighInfo003134 .Feature li{ float: left;width: 18.4%; margin-right: 2%;} .RighInfo003134 .Feature li:nth-child(5n){ margin-right: 0;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding: 2em;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} } .RighInfo003134 .popUp-box{position: fixed;z-index: 200; left: 0;top: 0;width: 100%; height:100%; background-color: rgba(0,0,0,0.5);display: none;} .RighInfo003134 .popUp-box > .ytable{height: 100%;} .RighInfo003134 .popUp-box .main{background: #fff url(../images/RighInfo003134-bg.jpg) no-repeat;background-size: cover; width: 90%; max-width: 1200px;margin: 0 auto;border-radius: 5px; position: relative; } .RighInfo003134 .popUp-box .close{position: absolute; right: 20px;top: 20px;width: 20px;height: 20px;z-index: 10;cursor:pointer;} .RighInfo003134 .popUp-box .close:before, .RighInfo003134 .popUp-box .close:after{position: absolute;content: ''; width: 100%;height: 2px;background-color: #000; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .RighInfo003134 .popUp-box .close:after{transform: rotate(45deg);} .RighInfo003134 .popUp-box .logo img{height: 1.9375em;} .RighInfo003134 .popUp-box .title{font-size: 1.875em;color: #333333;line-height: 1.3333; margin-top: 0.3em;} .RighInfo003134 .popUp-box .title:after{display: block; content: '';width: 20px;height: 2px;background-color: #da251d; margin: 1em 0;} .RighInfo003134 .popUp-box .left p{font-size: 1.5em;line-height: 1.66666;color: #333333;} .RighInfo003134 .popUp-box .form li{position: relative;z-index: 1; margin-bottom: 10px;} .RighInfo003134 .popUp-box .form li label.tit{position: absolute; left: 1.21428em; top: 0;font-size: 0.875em; line-height: 3.5714em;} .RighInfo003134 .popUp-box .form li .text{border: solid 1px rgba(139,139,139,0.2);width: 100%;font-size: 1em; height:3.125em; line-height: 3.125em;border-radius:0.625em;padding: 0 1.0625em;} .RighInfo003134 .popUp-box .form li.code dl{overflow: hidden;} .RighInfo003134 .popUp-box .form li.code dl dt{position: relative;width: 60%;float: left;} .RighInfo003134 .popUp-box .form li.code dl dd{width: 38%;float: right;} .RighInfo003134 .popUp-box .form li.code dl dd a{display: block;cursor: pointer;background-color: #6e6e6e; border-radius: 10px;color: #fff;font-size: 0.875em;line-height: 3.5714em;text-align: center;} .RighInfo003134 .popUp-box .form ol .btn{display: block;width: 100%;background: #da251d;border:0;cursor: pointer;border-radius: 0.625em;height:3.125em;color: #fff;font-size: 1em;} @media (min-width:1025px) { .RighInfo003134 .popUp-box .main{padding: 10.9375vh 8.25em;} .RighInfo003134 .popUp-box .main .ytable-cell{width: 50%;} } @media (max-width:1024px) { .RighInfo003134 .popUp-box .main{padding:2em; } .RighInfo003134 .popUp-box .main .ytable{max-height: 85vh; overflow: auto;} } .listtit{font-size:36px;color:#333;margin:0 0 30px 0; font-weight: bold; text-align: center;} .listtit:after{width:42px;height:2px;background:#be1929; border:none;margin:25px auto 0; content: ""; display: block;} @media (max-width: 1024px) { .listtit {font-size: 24px;} .listtit:after {margin-top: 16px;} } /*Timeline000913 */ .Timeline000913{padding: 6.25em 0; } .Timeline000913 .main{position: relative;z-index: 1;padding: 1vw 0 3vw;} .Timeline000913 .main .quan{display: block;width: 10px; height: 10px; border-radius: 50%; background: #fff;border: 1px solid #dedede;} .Timeline000913 .main:before{position: absolute;content:'';width: 2px;top: 0;bottom: 0;background: #dedee1;} @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 .outer, .Timeline000913 .outer > .ytable-cell{display: block;} .Timeline000913 .main:before{left: 5px;} } .Timeline000913 .item{position: relative;z-index: 4;} .Timeline000913 .item:not(:last-child){margin-bottom: 2.08vw;} .Timeline000913 .info{position: relative;} .Timeline000913 .info:before{position: absolute; content: ''; top: 50%; margin-top: -16px; border:16px solid transparent;} .Timeline000913 .info .inner{background: #f7f7f7;padding: 1vw;} .Timeline000913 .pic{width: 32.787%;} .Timeline000913 .pic img{display: none;} .Timeline000913 .pic .Ispic{display:block; width: 100%; padding-bottom:75.27%;} .Timeline000913 .txt p{font-size: 18px;line-height:2;margin: 0 auto; color: #333;} .Timeline000913 .year{ font-family: 'Oswald';color: #be1929;font-size: 38px;} .Timeline000913 .year aside{background-repeat: no-repeat;background-image: url("../images/Timeline000913_icon.png");} .Timeline000913 .more{ text-align:center; padding-bottom:20px;} .Timeline000913 .more a{width:180px;height: 36px; line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #be1929; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} @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: #f7f7f7;} .Timeline000913 .item:nth-of-type(2n) .info:before{left: 0;border-right-color: #f7f7f7;} .Timeline000913 .item:nth-of-type(2n-1) .txt{padding-left: 2.5vw;} .Timeline000913 .item:nth-of-type(2n) .txt{padding-right: 2.5vw; padding-left:2vw;} .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 {padding: 11vw 0;} .Timeline000913 .main{margin-left: 3vw;} .Timeline000913 .pic, .Timeline000913 .txt {display: block;width: 100%;} .Timeline000913 .txt {padding: 4vw ;} .Timeline000913 .txt p {font-size: 4vw;} .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;} } /*PicList000687 */ .PicList000687{padding: 5% 0 3% 0; overflow: hidden;} .PicList000687 .tit{font-size: 20px;color: #000;} .PicList000687 p{line-height: 2;color: #7d7d7d;height: 3.43em;margin-bottom: 1.8vw;font-size:16px;} .PicList000687 .more{ text-align: center;width:160px; line-height:44px;color: #fff; background:#be1929;display: block;} .PicList000687 .more:after{display: inline-block; content: '';background: url(../images/icon-more-white.svg) no-repeat center; width: 20px; height:8px; vertical-align: middle; margin-left: 5px;} .PicList000687 .news-top{padding-bottom: 4.22vw;} .PicList000687 .news-top .pic { overflow: hidden; } .PicList000687 .news-top .pic .Ispic { padding-bottom: 66.67%; transition: .3s; } .PicList000687 .news-top li:hover .pic .Ispic { transform: scale(1.1); } .PicList000687 .news-top .info{background: #f7f7f7;} .PicList000687 .news-top time{display: block;margin-bottom:1.5vw;color: #be1929;font-size: 18px;} .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: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#be1929;} .PicList000687 .news-list li{background: #f7f7f7; margin-bottom: 1.6vw;} .PicList000687 .news-list li:last-child{margin-bottom:0;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-left: 2px solid #be1929; padding-left: 4.17vw; padding-right: 4.06vw;} .PicList000687 .news-list li .pic { overflow: hidden; } .PicList000687 .news-list li .pic .Ispic { padding-bottom: 66.67%; transition: .3s; } .PicList000687 .news-list li li:hover .pic .Ispic { transform: scale(1.1); } .PicList000687 .news-list .tit{margin-bottom: 10px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #be1929;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image:url(../images/icon-more2.svg);} .PicList000687 li a:hover .tit{color: #be1929;} @media(min-width:641px){ .PicList000687 .news-list .pic{width:390px;} } @media(min-width:769px){ .PicList000687 .news-top .pic{width:45%;} .PicList000687 .news-top .info .main{padding:2vw 5vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 {padding: 11vw 0; } .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} .PicList000687 .more{line-height: 10vw;margin-top: 20px;} .PicList000687 .news-top time{font-size: 3.6vw;} .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: 2px solid #be1929; border-bottom: 0;} } /*PicList002854 */ .PicList002854{padding: 5vw 0 0vw 0;} .PicList002854 ul{max-width: 1500px;margin: 0 auto;} .PicList002854 li{float: left;margin-bottom:4%;} .PicList002854 li a{display: block;position: relative;padding: 2vw 1vw 4vw; transition: 0.3s;} .PicList002854 li aside{font-size: 18px; line-height: 28px; height: 56px; text-align: center; color: #333;margin-bottom: 8px;} .PicList002854 li aside:after{width: 42px; height: 2px; background: #be1929; border: none; margin: 10px auto 0; content: ""; display: block;} .PicList002854 li .Ispic{background-size: contain;padding-bottom:80%;} .PicList002854 li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;border-radius: 0 0 20px 0;} .PicList002854 li a:hover{border-color: #be1929;} .PicList002854 li a:hover:after{background-color: #be1929; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px){ .PicList002854 li{width: 22%;background: #f5f5f5; border-radius: 20px; } .PicList002854 li:not(:nth-child(4n)){margin-right:4%;} } @media(max-width:768px){ .PicList002854 li{width: 48%; } .PicList002854 li:not(:nth-child(2n)){margin-right: 4%;} .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } @media(max-width:480px){ .PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;} } /*.Map001372*/ .Map001372{padding:5vw 0; background: url(../images/RighInfo003186_bg.png) no-repeat top;} .Map001372 .txt{background: #fff; margin-top: 3vw;} .Map001372 .txt h1{margin:0 0 2vw; color: #be1929;font-size: 24px;font-weight: bold;} .Map001372 .txt ul{ display: flex; flex-wrap: wrap;} .Map001372 .txt li{background-repeat:no-repeat;background-position:22px 0; background-size: 1.5em auto; font-size: 1.125em; line-height: 2; } .Map001372 .txt li.company{background-image:url(../images/icon-company.svg);} .Map001372 .txt li.tel{background-image:url(../images/icon-tel.svg);} .Map001372 .txt li.phone{background-image:url(../images/icon-phone.svg);} .Map001372 .txt li.email{background-image:url(../images/icon-email.svg);} .Map001372 .txt li.add{background-image:url(../images/icon-add.svg);} .Map001372 .txt li img{width: 140px;border: 1px solid #efefef;padding: 8px;} .Map001372 .txt li{margin-bottom:4.5%;color: #333; padding-top:35px;} .Map001372 .txt li span{font-size:0.875em;margin-bottom: 10px;color: #999; display: block;} @media(min-width:641px){ .Map001372 .txt li{float: left;width:23.5%; padding-left: 22px; border-left:5px solid #f8f8f8;} .Map001372 .txt li:not(:nth-child(4n)){margin-right:2%;} .Map001372 .txt li:nth-child(4n+1){clear: left;} } .Map001372 .txt .left{/* float: left;width: 80%; */} .Map001372 .txt .right{float: right;width: 20%;padding-top: 5.5%;} .Map001372 .txt .right li {float: left;max-width: 6.25em;text-align: center;} .Map001372 .txt .right figure {padding: 5px;/* background-color: #fff; */width: 120px;border: 1px solid #e0e0e0;border-radius: 10px;} .Map001372 .txt .right .text1{float: right;margin-left: 20px;} .Map001372 .txt .right .text1 aside{text-align: center;margin-top: 15px;} @media (max-width: 1024px) { .Map001372 .txt .left, .Map001372 .txt .right {float: none;width:100%;} .Map001372 .txt li { width: 100%; padding-top: 28px;margin-bottom: 4%;background-position: left top;} .Map001372 .txt .right{padding-top: 0;padding-bottom: 4vw;overflow: hidden;display: flex;justify-content: center;} .Map001372 .txt .right .text1:first-child {margin-left: 0;} } .Form003139{padding:4% 0; background:#f5f5f5; background-size: cover; } .Form003139 .form{padding: calc(60 / 16 * 1em); background: rgba(255,255,255,0.75); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius: 20px;} .Form003139 li{ position: relative; z-index: 1; border: 1px solid #eee; padding: 0 calc(15 / 16 * 1em); border-radius: 5px; margin-bottom:calc(20 / 16 * 1em) ;} .Form003139 .tit{position: absolute;left:calc(15 / 16 * 1em);top: 0;font-size: 1em; line-height:calc(50 / 16 * 1em);color: #666;} .Form003139 .select, .Form003139 .text{width: 100%;border-radius:5px;font-size:1em;line-height:calc(50 / 16 * 1em);height:calc(50 / 16 * 1em);background: none; background: none; border:none} .Form003139 textarea.text{height:150px;} .Form003139 .btn{width:calc(160 / 16 * 1em);background: #be1929;border-radius: 50px;line-height: 3; color: #fff;cursor: pointer;border: 0; margin:.4rem auto 0;display: block;font-size: calc(18 / 16 * 1em); margin-top: calc(30 / 18 * 1em);} @media (min-width:1025px) { .Form003139 .form .row2 li{float: left;width:calc(50% - 2%);} .Form003139 .form .row2 li:nth-child(2n){float: right;} } @media (max-width:1024px) { .Form003139 .txt{width: 100%;margin: calc(20 / 16 * 1em) auto calc(25 / 16 * 1em);} .Form003139 .form{padding: calc(30 / 16 * 1em);} .Form003139 li{ width: 100%; margin-bottom: calc(20 / 16 * 1em);} .Form003139 li:last-child{ margin-top: 0;} } /* .Form002802 */ .Form002802{ padding:5% 0; background: #f5f5f5;} .Form002802 .auto_1280{max-width: 1500px;margin: 0 auto;} .Form002802 .from{ max-width:1500px; margin:0 auto; } .Form002802 .from td{ padding-right: 5%; padding-bottom:2.5%;} .Form002802 .from td p{ margin: 0; color: #999; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:15px; top:0; font-size: 15px; line-height: 50px; color:#333;} .Form002802 .from .text{ width:100%; height:50px; line-height:50px; text-indent:10px; border:none; background:#fff;} .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-bottom: 1.5%; text-align:center;} .Form002802 .from .btn input{background: #E60012;cursor: pointer;padding: 0;border: none;width: 174px;height: 55px;font-size: 16px;color: #fff;} .Form002802 .address { padding:3% 0 0;} .Form002802 .address dl{ border-top:1px solid #eee; padding:3% 0;} .Form002802 .address dd{ } .Form002802 tr td p{font-size: 15px;} .Form002802 .address dd h1, .Form002802 .address dd h2, .Form002802 .address dd p{ font-size:16px; padding-left:44px; line-height:35px;} .Form002802 .address dd h2{ background-repeat:no-repeat; background-position: left center; display: inline-block; margin-right: 9%; margin-bottom: 2%; font-weight:normal;} .Form002802 .address dd h1{ margin-bottom: 3%; padding-left: 0; font-size:24px; color: #333; font-weight: bold; } .Form002802 .address dd h2{ font-size:18px;} .Form002802 .address dd h2.h2_1{ background-image:url(../images/Form002802-icon1.jpg);} .Form002802 .address dd h2.h2_2{ background-image:url(../images/Form002802-icon2.jpg);} .Form002802 .address dd h2.h2_3{ background-image:url(../images/Form002802-icon3.jpg);} .Form002802 .address dd h2.h2_4{ background-image:url(../images/Form002802-icon4.jpg);} @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } .Form002802 .address dd{ float:none; width:auto; padding-left:0; } } .Form002802 h1{font-size: 30px; text-align: center; font-weight: normal; color: #333; margin-bottom: 30px; margin-top: 0;} /*RighInfo002812 */ .RighInfo002812 .auto{max-width: 1500px;margin: 0 auto;} .RighInfo002812{padding:5% 0;} .RighInfo002812 .tit{color: #10384f; font-size: 26px;} .RighInfo002812 .info .tit{display: inline-block; padding-right: 5%; max-width: 85%;background: #fff;line-height: 36px; margin-top: -18px;} .RighInfo002812 .culture .tit{padding:0;text-align: center;} .RighInfo002812 .info{position: relative; z-index: 1;} .RighInfo002812 .info > *{position: relative; z-index: 4;} .RighInfo002812 .info:after, .RighInfo002812 .info:before{position: absolute; left: 0; right: 0;border:5px solid #f0f0f0;content: '';border-left: 0; height: 20%;} .RighInfo002812 .info:before{top: 0;border-bottom: 0;} .RighInfo002812 .info:after{bottom: 0;border-top: 0;} .RighInfo002812 .hasbg{padding-bottom: 30px; background: url(../images/RighInfo002812-map.png) no-repeat center top;background-size: contain;} @media(min-width:769px){ .RighInfo002812 .hasbg{margin-top: 50px;padding-bottom: 50px; } } .RighInfo002812 .txt-p{font-size: 16px;color: #555;line-height: 28px; max-width: 1126px; width: 95%;} .RighInfo002812 .mid{margin: 5% 0;} .RighInfo002812 .mid .pic{ text-align: center;} @media(min-width:769px){ .RighInfo002812 .mid .pic{width: 50%;} } @media(max-width:768px){ .RighInfo002812 .mid .pic, .RighInfo002812 .mid .list{display: block;} } .RighInfo002812 .mid .list li{ margin: 17px 1%;} @media(min-width:481px){ .RighInfo002812 .mid .list li{float: left; width: 48%;} .RighInfo002812 .mid .list li:nth-child(2n+1){clear: left;} } @media(min-width:769px)and (max-width:1024px){ .RighInfo002812 .mid .list li{float: none;width: auto;} } .RighInfo002812 .mid .icon{width:55px ;} .RighInfo002812 .mid .txt{padding-left: 14px;color: #999;font-size: 16px;font-weight: 100;} .RighInfo002812 .mid .txt span{font-size: 18px;display: inline-block;color: #666;} .RighInfo002812 .mid .txt b{color: #00a1a6; font-size: 24px;} .RighInfo002812 .culture .box-item ul{display: table;width: 100%;table-layout: fixed;} .RighInfo002812 .culture .box-item ul:not(:first-child){margin-top: -1px;} .RighInfo002812 .culture .box-item li{display: table-cell; vertical-align: top; text-align: center;position: relative;padding: 40px 0;background: #f5f5f5;} .RighInfo002812 .culture .box-item li:not(:last-child):after{position: absolute;content: '';width: 5px;height: 100%;right: 0;top: 0;background: #fff;} .RighInfo002812 .culture .box-item .row-2 li:not(:last-child):after{right: -1px;} .RighInfo002812 .culture .box-item .row-4 li{width: 25%;} .RighInfo002812 .culture .box-item .row-3 li{width: 33.3333%;} .RighInfo002812 .culture .box-item .row-2 li{width: 50%;} .RighInfo002812 .culture .box-item li > *{padding: 0 10px;} .RighInfo002812 .culture .box-item li .icon img{max-width: 68px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;} .RighInfo002812 .culture .box-item li:hover .icon img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);} .RighInfo002812 .culture .box-item li b{font-size: 18px;font-weight: bold;display: block;padding: 20px 0 10px 0;color: #333;} .RighInfo002812 .culture .box-item li p{margin: 0;line-height: 28px;font-size: 16px;} @media(max-width:480px){ .RighInfo002812 .culture .box-item li{padding: 20px 0;} .RighInfo002812 .culture .box-item li b{font-size: 16px;} .RighInfo002812 .culture .box-item li p{font-size: 14px;line-height: 22px;} } .RighInfo002812 h3 {margin: 1vw 0 2vw;font-size: 1.5em;font-weight: normal;color: #333;} .RighInfo002812 h3 span {display: inline-block;padding-right: 5%;padding-left: 5%;position: relative;color: #333;} .RighInfo002812 h3 span:before { left: 0; top: 0; background-image: url(../images/yinhao-l.png); background-position: left 5px; } .RighInfo002812 h3 span:after { right: 0; bottom: 0; background-image: url(../images/yinhao-r.png); background-position: right 5px; } .RighInfo002812 h3 span:before, .RighInfo002812 h3 span:after { position: absolute; content: ''; width: 7%; height: 100%; background-size: 20px auto; background-repeat: no-repeat; } .RighInfo002812 .text {margin-top: 40px;} .RighInfo002812 .text h2{ text-align: center;font-weight: normal;font-size: 28px;color: #333;margin-top: 55px;margin-bottom: 30px;} .RighInfo002812 .text ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .RighInfo002812 .text li{width: 49%;background: #f5f5f5;padding: 3%;background:url("../uploadfiles/bg3.png") #f5f5f5 no-repeat right -20px bottom -40px;} .RighInfo002812 .text li p{font-size: 15px;line-height: 32px;margin: 0;} .RighInfo002812 .text li h1{font-size: 24px;color: #be1929;margin-top: 0;} @media (max-width: 1024px) { .RighInfo002812 {padding: 11vw 0;} .RighInfo002812 .listtit {margin-bottom: 15px;} .RighInfo002812 .tit{font-size: 5vw;margin-bottom: 6vw;} .RighInfo002812 .culture .box-item ul {margin-bottom: 1%;} .RighInfo002812 .text h2 {font-size: 24px;} .RighInfo002812 .text li h1 {font-size: 5vw;} } /*.RichInfo005*/ .RichInfo005{ padding:5vw 0;} .RichInfo005 .auto{max-width: 1500px;margin:0 auto;} .RichInfo005 .title{ color: #333; text-align:center; padding-bottom:20px; } .RichInfo005 .title h1{ margin:0; padding-bottom:15px; font-size:28px; font-weight:normal; } .RichInfo005 .title p{ margin:0;border-bottom:1px dashed #eaeaea; padding-bottom:30px;} .RichInfo005 .title p span{ color:#777;font-size: 16px;} .RichInfo005 .info{ font-size:16px; color: #666; line-height:1.75;text-align:justify; } .RichInfo005 .info .img{ margin:2% 0;} .RichInfo005 .info_back{text-align:center; clear:both; padding:32px 0;} .RichInfo005 .info_back a{background:#be1929; width: 180px; line-height:54px; color:#fff; font-size:16px; display: inline-block; } .RichInfo005 .info_back a:hover{background:#be1929;} .RichInfo005 .info_pn { padding-top:24px; border-top: 1px dashed #eaeaea;} .RichInfo005 .info_pn span a{ font-size:15px; color:#999;} .RichInfo005 .info_pn span a:hover{color:#be1929;} @media(min-width:769px){ .RichInfo005 .info .pic{ margin:2% auto 4%; display: block;} .RichInfo005 .info .pic1{float:right; margin-left:4%; margin-bottom:2%;} .RichInfo005 .info .pic2{ float:left; margin-right:4%; margin-bottom:2%;} .RichInfo005 .info_pn span{ display:block; float: left; width: 45%; } .RichInfo005 .info_pn span:last-child{ float: right; text-align:right;} } @media(max-width:768px){ .RichInfo005 .auto {padding: 0 2%;} .RichInfo005 .title h1 {font-size: 6vw;} .RichInfo005 .info {font-size: 4vw;} .RichInfo005 .info_back a {font-size: 4vw;} } /*TextList002739 */ .TextList002739{padding: 5% 0 ;} .TextList002739 .column-name{ text-align: center; padding: 35px 0; font-size: 28px;} .TextList002739 .column-name .cn{color: #be1929; letter-spacing: 5px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .TextList002739 .column-name .en{text-transform: uppercase; color: #f1f1fa; margin-top: -18px;line-height: 24px;font-family: "DINPro-Bold"; } @media(max-width:768px){ .TextList002739 .column-name{ font-size: 24px;} .TextList002739 .column-name .cn{line-height: 40px;} } .TextList002739 .list-group .tit{cursor: pointer; line-height: 69px; font-size: 18px; } .TextList002739 .list-group .tit:before{background: #be1929; width: 4px; height: 4px; display: inline-block; content: '';vertical-align: middle; margin-right: 27px; } .TextList002739 .title{ padding:0 40px; line-height: 60px; background: #424242; font-size: 22px; color: #fff; border-bottom: 1px solid #ededed;} .TextList002739 .title time, .TextList002739 .tit time{float: right; } .TextList002739 .tit time{color: #888;} .TextList002739 .list{border-bottom: 1px solid #ededed;} .TextList002739 .tit{padding: 0 40px; background: #fafafa; font-weight: normal; margin: 0;} .TextList002739 .tit.active{background: #fff; margin: 0 40px; padding: 0; border-bottom: 2px solid #be1929; color: #be1929;} .TextList002739 .tit.active time{color: #be1929;} .TextList002739 .info{padding: 10px 40px 20px 70px;} .TextList002739 .info .singlePage{font-size: 1em;line-height: 1.875;color: #333;} @media(min-width:769px){ .TextList002739 .title time{ margin-right: 78px;} .TextList002739 .tit time{padding-right: 63px;} } @media(max-width:768px){ .TextList002739 .title{ padding:0 20px; line-height: 50px;font-size: 4.5vw;} .TextList002739 .tit{padding: 0 20px;} .TextList002739 .tit.active{margin: 0 20px;} .TextList002739 .title time{ margin-right: 12px;} .TextList002739 .list-group .tit {font-size: 4.5vw;} .TextList002739 .list-group .tit:before{ margin-right: 10px;} .TextList002739 .info{padding: 10px 20px 10px 34px;} } @media(max-width:480px){ .TextList002739 .tit time{margin-right: 0;} .TextList002739 .tit time{ font-size: 12px;} } /*Floor003130 */ .Floor003130{background: url(../images/Floor003130-bg.png) no-repeat center center;background-size: cover;} .Floor003130 .auto{ padding: 3.75em 0;} .Floor003130 .ytable{background-color: #f5f5f5; } .Floor003130 .ytable .ytable-cell{vertical-align: top; overflow: hidden;padding: 3.75em 3.125em 3.125em;position: relative;} .Floor003130 .ytable .left{background-color: #fff;} .Floor003130 .num{position: absolute;left: 0;top:-2.1875em;} .Floor003130 .num img{height: 5.8125em;} .Floor003130 .title{color: #333333; } .Floor003130 .left .title{border-bottom-color: #f2f2f2;} .Floor003130 .title .en{font-size: 1.25em;} .Floor003130 .title .cn{font-size: 1.5em;} .Floor003130 .title .cn:after{display: inline-block;content: '';width: 5px;height: 2px;background-color: #15499a; margin-left: 10px; vertical-align: middle;} .Floor003130 .tel{ font-size: 1.5em;color: #15499a;letter-spacing: 1px; padding-left:1.41666em; background: url(../images/Floor003130-tel.svg) no-repeat left center;background-size: 0.79166em auto; margin-bottom: 1.25em;} .Floor003130 .address li{font-size: 0.9375em; line-height: 2; color:#808080;} .Floor003130 .branch .slick-dots{list-style: none; overflow: hidden; margin-bottom: 1.25em;} .Floor003130 .branch .slick-dots li{float: left;} .Floor003130 .branch .slick-dots li a{color: #cccccc;} .Floor003130 .branch .slick-dots li.slick-active a{color: #333;} .Floor003130 .branch .slick-dots li:not(:last-child){margin-right: 1.5em;} .Floor003130 .branch .item dd{font-size: 0.875em;line-height: 1.714285;color: #808080;} .Floor003130 .btn{display: table;position: relative;overflow: hidden;margin-top: 2.5em;} .Floor003130 .btn:after{position: absolute;content: '';width: 1px;height: 10px;background-color: #b9b9b9;left: 50%;top: 50%;margin-top: -5px;} .Floor003130 .btn .slick-arrow{width: 25px; height: 11px;float: left;background-position: center;background-repeat: no-repeat;} .Floor003130 .btn .slick-prev{background-image: url(../images/Floor003130-btn-prev.svg);} .Floor003130 .btn .slick-prev.slick-disabled{background-image: url(../images/Floor003130-btn-prev-disabled.svg);} .Floor003130 .btn .slick-next{background-image: url(../images/Floor003130-btn-next.svg); margin-left: 40px;} .Floor003130 .btn .slick-next.slick-disabled{background-image: url(../images/Floor003130-btn-next-disabled.svg);} .Floor003130 .btn .slick-disabled{cursor: default;} @media (min-width:1025px) { .Floor003130 .ytable .ytable-cell{width: 33.33%;} .Floor003130 .ytable .mid:after{position: absolute;content: '';right: 0; top: 15%;height: 70%;background-color: #ebebeb;width: 1px;} } @media (max-width:1024px) { .Floor003130 .ytable .right{background-color: #fff;} } /*Floor003130 */ .Floor003130{background: #fff;background-size: cover;max-width: 1500px;margin: 0 auto;} .Floor003130 .auto{ padding: 6% 0;max-width: 1500px;margin: 0 auto;} .Floor003130 .w_96{width: 100%;} .Floor003130 .ytable{background-color: #f5f5f5;} .Floor003130 .ytable .ytable-cell{vertical-align: top; overflow: hidden;padding: 3.75em 4.5em 3.125em;position: relative;} .Floor003130 .ytable .left{background:url("../uploadfiles/img1.jpg") no-repeat center;} .Floor003130 .num{position: absolute;left: 0;top:-2.1875em;} .Floor003130 .num img{height: 5.8125em;} .Floor003130 .title{color: #333333;} .Floor003130 .left .title{border-bottom-color: #f2f2f2;} .Floor003130 .title .en{font-size: 1.25em;color: #15499a;} .Floor003130 .title .cn{font-size: 1.5em; } .Floor003130 .title .cn:after{display: inline-block;content: '';width: 5px;height: 2px;background-color: #15499a; margin-left: 10px; vertical-align: middle;} .Floor003130 .tel{ font-size: 2em;font-weight: bold;color: #15499a;letter-spacing: 1px; padding-left:1.41666em; background: url(../images/Floor003130-tel.svg) no-repeat left center;background-size: 0.79166em auto; margin-bottom: 0.5em;} .Floor003130 .address li{font-size: 1em; line-height: 2; color:#808080;} .Floor003130 .branch .slick-dots{list-style: none; overflow: hidden; margin-bottom: 1.25em;} .Floor003130 .branch .slick-dots li{float: left;} .Floor003130 .branch .slick-dots li a{color: #cccccc;} .Floor003130 .branch .slick-dots li.slick-active a{color: #333;} .Floor003130 .branch .slick-dots li:not(:last-child){margin-right: 1.5em;} .Floor003130 .branch .item h2{font-size: 22px; color: #333; margin: 0 0 10px 0; font-weight: normal;} .Floor003130 .branch .item{float: left; width: 40%; margin-right:2%;margin-bottom: 5%;} .Floor003130 .branch .item4{margin-right: 0;width: 12%;} .Floor003130 .branch .item5{margin-right: 0;width: 100%;} .Floor003130 .branch .item5 .left{float: left; width: 17%; background-color: #f5f5f5; margin-right: 20px; width: 90px;} .Floor003130 .branch .item5 .right{float: right;float: left;padding-top: 3%; color: #be1929;} .Floor003130 .branch .item6{margin-top: 10px;} .Floor003130 .branch .item dd{font-size: 15px; line-height: 1.714285; color: #333;} .Floor003130 .btn{display: table;position: relative;overflow: hidden;margin-top: 2.5em;} .Floor003130 .btn:after{position: absolute;content: '';width: 1px;height: 10px;background-color: #b9b9b9;left: 50%;top: 50%;margin-top: -5px;} .Floor003130 .btn .slick-arrow{width: 25px; height: 11px;float: left;background-position: center;background-repeat: no-repeat;} .Floor003130 .btn .slick-prev{background-image: url(../images/Floor003130-btn-prev.svg);} .Floor003130 .btn .slick-prev.slick-disabled{background-image: url(../images/Floor003130-btn-prev-disabled.svg);} .Floor003130 .btn .slick-next{background-image: url(../images/Floor003130-btn-next.svg); margin-left: 40px;} .Floor003130 .btn .slick-next.slick-disabled{background-image: url(../images/Floor003130-btn-next-disabled.svg);} .Floor003130 .btn .slick-disabled{cursor: default;} @media (min-width:1025px) { .Floor003130 .ytable .ytable-cell{width: 33.33%;} .Floor003130 .ytable .mid:after{position: absolute;content: '';right: 0; top: 15%;height: 70%;background-color: #ebebeb;width: 1px;} } @media (max-width:1024px) { .Floor003130 .ytable .right{background-color: #fff;} } .Floor003130 .listtit{font-size:36px;color:#fff;margin:0 0 30px 0; font-weight: bold; text-align: center;} .Floor003130 .listtit:after{width:42px;height:2px;background:#fff; border:none;margin:25px auto 0; content: ""; display: block;} .Floor003130 h3 span { display: inline-block; padding-right: 5%; padding-left: 5%; position: relative; color: #fff;} .Floor003130 h3 span:after { right: 0; bottom: 0; background-image: url(../images/yinhao-r9.png); background-position: right 5px;} .Floor003130 h3 span:before { left: 0; top: 0; background-image: url(../images/yinhao-l9.png); background-position: left 5px;} .Floor003130 .listtit6{font-size:36px;color:#333;margin:0 0 30px 0; font-weight: bold; text-align: center;} .Floor003130 .listtit6:after{width:42px;height:2px;background:#be1929; border:none;margin:25px auto 0; content: ""; display: block;} @media (max-width: 1024px) { .Floor003130 .listtit {font-size: 6vw;} .Floor003130 h3 span {line-height: 2;font-size: 4vw;} .Floor003130 .ytable .ytable-cell {padding: 4vw;} .Floor003130 .branch .slider {display: flex;flex-wrap:wrap;justify-content: space-between;} .Floor003130 .branch .item {width: auto;} .Floor003130 .branch .item5 {flex:0 0 100%;} .Floor003130 .branch .item5 .right {padding-top: 0;} .Floor003130 .branch .item6 {display: flex;padding:2vw;background: #fff;} .Floor003130 .branch .item h2 {margin-bottom: 4px;font-size: 4vw;} .Floor003130 .branch .item dd {font-size: 3.5vw;} } .RighInfo0028129{padding-top: 15%;} .homeSolution {position:relative;padding: 6.25em 0;} .homeSolution .img_slider .pic {border-radius: 20px;overflow: hidden;} .homeSolution .img_slider .pic figure {padding-bottom: 62.23%;border-radius: 20px;} .homeSolution .img_slider article {padding:3.3% 5.3% ;background:#f7f7f7;} .homeSolution .img_slider article aside {font-size: 1.875em;color: #3f4756;} .homeSolution .img_slider article aside span {display: inline-block;vertical-align: middle;margin-left:20px;} .homeSolution .img_slider article p {line-height: 1.875;} .homeSolution .img_slider .btn .more {margin-top: 0.625em;} .homeSolution .tab_slider li {position:relative;padding-bottom: 17px;margin-bottom: 22px;font-size: 1.125em;color:#3f4756;border-bottom:1px solid #ebecee;cursor: pointer;} .homeSolution .tab_slider li.slick-current:after {position:absolute;content:''; width: 100px;height: 1px;left:0;bottom:0;background:#be1929;} .homeSolution .tab_slider li.slick-current {color: #be1929;} .homeSolution .arrows {position: absolute;width: 41.6%;left:0;bottom:5.45em;z-index: 100;} .homeSolution .arrows .slick-arrow {display:inline-block;width: 50px;height: 50px;border-radius:50%;vertical-align: middle;} .homeSolution .arrows .slick-arrow.slick-prev {border:1px solid #edeef2;margin-right: 20px;background: url("../images/Columnpage-a_prev.png") no-repeat center;} .homeSolution .arrows .slick-arrow.slick-next {background:url("../images/Columnpage-a_next2.png") no-repeat center #be1929 } @media (min-width:1025px) { .homeSolution .content {position: relative;} .homeSolution .img_slider li .pic {padding-bottom: 108px;padding-right: 34.87%;} .homeSolution .tab_slider {position: absolute;width: 28.13%;top:0;right:0;z-index: 10;} .homeSolution .img_slider article {position: absolute;right:0;bottom:0;width: 53.3%;} .homeSolution .arrows:before {content:'';display: inline-block;width: 84%;height:1px;vertical-align:middle;background:#edeef2;} } @media (min-width:1025px) and (max-width:1600px) { .homeSolution .arrows {bottom: 8.45em;} .homeSolution .arrows:before {width: 76%;} } @media (max-width:1024px) { .homeSolution {padding: 11vw 0;} .homeSolution .img_slider article {padding-bottom: 10vw;} .homeSolution .img_slider article aside {font-size: 5vw;} .homeSolution .arrows {position: relative;width: 100%;text-align: center;bottom:0;margin-top: 20px;} } /*RighInfo003142 */ .RighInfo003142 { overflow: hidden; padding: 6.25em 0; } .RighInfo003142 .intro p{margin: 0; line-height: 2.1428;} .RighInfo003142 .intro p+p{margin-top:14px;} .RighInfo003142 .intro .tit { font-size: 2.5em; line-height: 1.5; color: #be1929; text-align: center; } .RighInfo003142 .intro .subtit { font-family: 'oswald'; font-size: 1.875em; color: #333; line-height: 1.33; margin-top: 10px; text-transform: capitalize; margin-bottom: 1.5vw; text-align: center;} .RighInfo003142 .h3{font-size:1.5em; color: #be1929; margin: 0 0 20px; line-height:1.5; border-left: 3px solid #be1929; padding:14px; background: #f9f9f9;} .RighInfo003142 .pic{ padding:3vw; background: #f5f5f5; display: flex; margin-top: 20px;} .RighInfo003142 .pic img{ display: block;width:48%; } .RighInfo003142 .pic img+img{ margin-left: 4%; } /*RighInfo002523 */ .RighInfo002523{padding: 6.25em 0 4.25em; background-size: cover; background-repeat: no-repeat; background-position: center;} .RighInfo002523 .tit { font-size: 2.5em; line-height: 1.5; color: #be1929; text-align: center; } .RighInfo002523 .subtit { font-family: 'oswald'; font-size: 1.875em; color: #333; line-height: 1.33; margin-top: 10px; text-transform: capitalize; margin-bottom: 1.5vw; text-align: center;} .RighInfo002523 li{ float:left; text-align:center; margin-bottom:7%; position:relative;} .RighInfo002523 li span{ font-size:30px; color:#1a9a84; font-family:Arial; font-weight: bold;} .RighInfo002523 li h5{ margin:10px 0 16px; font-size:18px; font-weight: normal; color: #333;} .RighInfo002523 li .pic{ padding:8px;border-radius:40px; background:#eaeaea; max-width:200px; width:80%; overflow:hidden; margin:0 auto; position:relative; z-index:10;} .RighInfo002523 li .pic img{ display:block;border-radius:40px; width:100%;} .RighInfo002523 .infos .con{background:#f8f8f8; padding:100px 0;} .RighInfo002523 .infos .con:nth-child(2n){background:#fff;} .RighInfo002523 .h3{font-size:1.75em; color: #be1929; margin: 0; text-align: center;} .RighInfo002523 .h3:after{display: block; margin:30px auto; content: '';background: #be1929; width: 48px; height: 2px;} .RighInfo002523 .dl1 dd{padding: 20px; border: 1px solid #eaeaea; text-align: center;} .RighInfo002523 .tits{font-size: 1.5em; margin: 15px 0;} .RighInfo002523 .dl2 dd+dd{margin-top:5%; padding-top:5%; border-top: 1px dashed #ccc;} .RighInfo002523 .dl2 .img{padding: 20px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; margin-top:20px;} .RighInfo002523 .dl2 .img img{max-height:380px;} .RighInfo002523 .dl2 .tits{padding-left: 10px; border-left: 3px solid #be1929; line-height: 1; margin-top: 0;} .RighInfo002523 .txt{color: #777; line-height: 1.75;} @media(min-width:769px){ .RighInfo002523 .ul3 li{width:33.3%;} .RighInfo002523 .ul4 li{width:25%;} .RighInfo002523 ul:nth-child(2n) li{ float:right;} .RighInfo002523 li::before{ position:absolute; content:''; width:100%; top:65%; background:#d9d9d9; height:2px; left:0;} .RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;} .RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #d9d9d9; border-right:2px solid #d9d9d9; background:none; height:68%; left:0; } .RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;} .RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #d9d9d9; left:50%;} .RighInfo002523 li::after{ content:''; background:url(../images/RighInfo002523_icon_right.png) no-repeat; width:36px; height:36px; position:absolute; right:0; top:60%; margin-top:-3.5px; margin-right:-11px;} .RighInfo002523 ul li:last-child::after, .RighInfo002523 ul:nth-child(2n) li:last-child::after{ left:50%; top:auto; margin-left:-19px; bottom:-60px; background-image:url(../images/RighInfo002523_icon_down.png);} .RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);} .RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;} .RighInfo002523 ul:nth-child(2n) li:last-child::after{margin-left:-18px;} .RighInfo002523 ul:last-child li:last-child::before{ width:50%; height:4px;} .RighInfo002523 ul:last-child li:last-child::after{ display:none;} .RighInfo002523 .dl1{display: flex;} .RighInfo002523 .dl1 dd{width: 50%;} .RighInfo002523 .dl1 dd:not(:last-child){margin-right:4%;} } @media(max-width:1024px) and (min-width:769px){ .RighInfo002523 li h5{ height:40px; line-height:20px; overflow:hidden;} } @media(max-width:768px){ .RighInfo002523 ul::after{ display:none;} .RighInfo002523 li{ width:50%; padding:2%;list-style-type: none;} .RighInfo002523 li:nth-child(2n+1){ clear:left;} /* .RighInfo002523 li:nth-child(3n+1){ background:#eee;} */ .RighInfo003142{padding: 3em 0;} .RighInfo002523{padding: 3em 0;} .RighInfo003142 .intro .tit,.RighInfo002523 .tit{font-size: 1.8em;line-height: 1;} .RighInfo003142 .intro .subtit,.RighInfo002523 .subtit{margin-bottom: 1em;font-size: 1.8em;} .RighInfo002523 li .pic{background: none;} .RighInfo002523 .dl1 dd{margin-bottom: 4%;} } /*Floor003099 */ .Floor003099{ padding: 5% 0; background-color: #fff; overflow: hidden;} .Floor003099 .slider{ margin: 0 -0.5vw;} .Floor003099 .slider .slick-list li a{display: block; margin: 0 0.5vw;background: #f9f9f9; border-radius: 20px; overflow: hidden; position: relative;} .Floor003099 .pic{overflow: hidden;position: relative;} .Floor003099 .pic .Ispic{padding-bottom:75%; transition: 0.5s;} .Floor003099 li a:hover .Ispic{transform: scale(1.1);} .Floor003099 .txt{ padding: calc(24 / 16 * 1em); text-align: center;} .Floor003099 .txt .tit{font-size: calc(20 / 16 * 1em);color: #333; line-height: 1.5; font-weight: 700;} .Floor003099 li a:hover .tit{ color: #be1929;} .Floor003099 li .morebtn{ display: table; margin: calc(16 / 16 * 1em) auto 0 ; font-size: 1em; width:calc(40 / 16 * 1em);height: calc(40 / 16 * 1em);border-radius: 50%;background: url(../images/icon-more-white.svg) no-repeat center center #be1929; background-size: auto 0.5em; } .Floor003099 li:hover .morebtn{ background-color: #1f7ccc; } .Floor003099 .slick-arrow { position: absolute; border: 0; font-size: 1em; text-indent: -999em; width: calc(50 / 16 * 1em);height: calc(50/ 16 * 1em);background: #fff; box-shadow: 0 0px 20px rgba(0,0,0,0.1);top: 50%; border-radius: 50%; margin-top: calc(-25 / 16 * 1em);z-index: 10;transition: all 0.3s; } .Floor003099 .slick-arrow:hover { background: #be1929; border-color: transparent; } .Floor003099 .slick-prev { left: calc(-70 / 16 * 1em); } .Floor003099 .slick-next { right: calc(-70 / 16 * 1em); } .Floor003099 .slick-arrow:before { position: absolute; content: ''; width: calc(10 / 16 * 1em);height: calc(10 / 16 * 1em);border-top: 2px solid #be1929; border-right: 2px solid #be1929; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .Floor003099 .slick-prev:before { transform: translate(-50%, -50%) rotate(-135deg); } .Floor003099 .slick-arrow:hover:before{ border-color: #fff;} @media(min-width:1025px){ } @media(max-width:1024px){ .Floor003099 .slick-prev { left: 0; } .Floor003099 .slick-next { right: 0; } } /*homeLinks*/ .homeLinks {padding: 5% 0;background: #fafafa;} .homeLinks .slider {margin: 0 -1%;overflow: hidden;} .homeLinks .slick-slide > div {width: 14.28%;float: left;} .homeLinks li a{position: relative;z-index: 3;display: block;margin: 2% 3%; background: #fff; border: solid 1px #eee; border-radius: 10px; overflow: hidden; transition: 0.3s;} .homeLinks li:hover a{border-color: #be1929;} .homeLinks li .ytable{height: 100%} .homeLinks li .Ispic {height: 100px;background-size: contain;max-width: 90%; margin: 0 auto;} .homeLinks .slick-arrow{position: absolute;width: calc(50 / 16 * 1em); height:calc(50 / 16 * 1em); background: #fff;box-shadow: 0 0px 20px rgba(0,0,0,0.1); top: 50%;margin-top: calc(-25 / 16 * 1em); border-radius: 50%; transition: 0.3s; font-size: 1em; text-indent: -999em; overflow: hidden; z-index: 3;} .homeLinks .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #be1929;border-left: 2px solid #be1929; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .homeLinks .slick-arrow:hover{background: #be1929;} .homeLinks .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} .homeLinks .slick-prev{ left:0.5%;} .homeLinks .slick-next{right:0.5%;} .homeLinks .slick-arrow:hover:before{border-color:#fff;} .homeLinks .slick-dots{text-align: center; margin-top: 2vw;} .homeLinks .slick-dots li{display: inline-block;position: relative;width: 28px; height: 28px;} .homeLinks .slick-dots li button{ padding: 0; width:50%;height: 50%;background: #1f7ccc; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;} .homeLinks .slick-dots li.slick-active button{background: #be1929; width: 50%; height: 50%;} .homeLinks .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #be1929; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;} @keyframes zhuan{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0);} } @media(max-width:1024px){ .homeLinks .slick-slide > div {width: 33.33%;} } @media(max-width:640px){ .homeLinks {padding: 11vw 0;} .homeLinks .slider li aside{height: 80px; padding: 0 5px;} .homeLinks .slider li a img{max-height: 70px;} .homeLinks .slick-arrow {background-size: 8px;} .homeLinks .slick-slide > div {width: 50%;} } /*PicList003142 */ .PicList003142 { padding: 5% 0 3% 0; } .PicList003142 ul{ display: flex; flex-wrap: wrap;} .PicList003142 li{float: left; background: #fff; margin-bottom: 2%;} .PicList003142 li .txt{box-shadow: 0px 0 15px rgba(0, 0, 0, 0.08);padding: calc(20 / 16* 1em); } .PicList003142 li .tit{ font-size: calc(18 / 16* 1em);line-height: 1.5; margin-bottom:calc(12 / 18* 1em) ; } .PicList003142 li .decs p{font-size: calc(16 / 16* 1em); line-height: 1.875; color: #666; margin: 0;} .PicList003142 li .decs p span{color: #be1929;} .PicList003142 li .pic{overflow: hidden;border-radius: 10px 10px 0 0;} .PicList003142 li .Ispic{padding-bottom: 75.045%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #be1929;} @media (min-width:1025px) { .PicList003142 li{width: 32%;} .PicList003142 li:not(:nth-child(3n)){margin-right: 2%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .txt{padding: 1em;} } @media (max-width:640px) { .PicList003142 li{width: 100%;margin-right: 0%;} } .SerInfo{ padding:5% 0 ;} .SerInfo .box{ margin-bottom: calc(20 / 16* 1em); } .SerInfo .title{font-size: calc(28 / 16* 1em);color: #333;padding-bottom:calc(25 / 30* 1em);margin-bottom: calc(25 / 30* 1em); border-bottom: 1px dashed #eaeaea;} .SerInfo .info{line-height: 2; color: #333; margin-bottom: calc(20 / 16* 1em);} .SerInfo .decs p{font-size: calc(16 / 16* 1em); line-height: 2; color: #666; margin: 0;} .SerInfo .decs p span{color: #be1929;} .SerInfo .singlePage{line-height: 2; color: #333;} .SerInfo p{ margin: 8px 0;} @media(min-width:1025px){ .SerInfo .box{display: flex; flex-wrap: wrap; justify-content: space-between;} .SerInfo .box .left{width:37%; } .SerInfo .box .right{width:58% ;} } @media(max-width:1024px){ .SerInfo .box .left{ margin-bottom:calc(25 / 16* 1em) ;} .SerInfo .title{font-size: calc(24 / 16* 1em);} } /*PicList002171 */ .PicList002171{ padding:5% 0;} .PicList002171 .title{font-size: calc(26 / 16* 1em); margin-bottom: calc(25 / 26* 1em);color: #332d2b; line-height: 1;} .PicList002171 .title:not(:first-child){margin-top: 3%;} .PicList002171 ul{ } .PicList002171 li{ float: left; width:15.83%; margin-right:1%; margin-bottom:1%;} .PicList002171 li a{ border:1px solid #eee; position:relative; display:block; border-radius: 10px; overflow: hidden;} .PicList002171 li .pic{overflow: hidden; padding: 4%;} .PicList002171 li .Ispic{padding-bottom: 40%;background-size: contain; } .PicList002171 li a .txt{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(190,25,41,0.8); opacity:0; transition:0.3s;} .PicList002171 li a:hover .txt{ opacity:1;} .PicList002171 li a:hover{ border-color:#be1929 ;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:calc(16 / 16* 1em); color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(6n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /* TextList0022 */ .TextList0022{ padding: 5% 0 3% 0;} .TextList0022 .item{margin-bottom:calc(20 / 16 * 1em);;} .TextList0022 .item .tit{position:relative;padding-left:90px;padding-right:90px;line-height:40px;font-size:calc(18 / 16 * 1em);color:#333;padding-top:20px;padding-bottom:20px;background:#f9f9f9;cursor:pointer;transition:.4s;} .TextList0022 .item .tit .t{position:absolute;top:20px;left:20px;text-align:center;width:40px;background:#be1929;color:#fff;border-radius:50px;font-size:calc(18 / 16 * 1em);} .TextList0022 .item .tit .icondown{position:absolute;right:20px;top:20px;font-size:18px;} .TextList0022 .item .tit .icondown:after{content:"";width:12px;height:12px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;position:absolute;right:0;top:50%;margin-top:8px;transition:.4s;transform:rotate(-45deg);} .TextList0022 .item .content{padding:20px 20px 20px 90px;position:relative;font-size:calc(16 / 16 * 1em);line-height:2;color:#333;border:1px solid #eee;border-top:none;display:none; } .TextList0022 .item .content p{ margin: 0;} .TextList0022 .item.cur .content{display:block;} .TextList0022 .item .content .t{width:40px;text-align:center;position:absolute;left:20px;top:20px;line-height:40px;background:#1f7ccc;border-radius:50px;color:#fff;font-size:calc(18 / 16 * 1em);} .TextList0022 .item:hover .tit{ } .TextList0022 .item.cur .tit{} .TextList0022 .item.cur .tit .icondown:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-top:20px;border-color:#be1929;} @media(max-width:768px){ .TextList0022 .item .tit{font-size:16px;line-height:30px;padding-left:60px;padding-right:75px;padding-top:15px;padding-bottom:15px;} .TextList0022 .item .tit .t{left:15px;top:15px;width:30px;} .TextList0022 .item .tit .icondown{right:15px;top:15px;font-size:14px;padding-right:20px;} .TextList0022 .item .content{padding:15px 15px 20px 60px;font-size:14px;} .TextList0022 .item .content .t{width:30px;line-height:30px;left:15px;top:15px;} .TextList0022 .item{margin-bottom:20px;} } .Downlist{padding: 5% 0} .Downlist li {padding: calc(32 / 16 * 1em) calc(20 / 16 * 1em);border-bottom: 1px solid #eee;transition: .3s;cursor: pointer; /* margin-bottom: 2%; */} .Downlist li dl{display: flex;justify-content: space-between; align-items: center;} .Downlist li dl dt{display: flex; align-items: center;flex: 1; width: 0;padding-right: calc(20 / 16 * 1em);} .Downlist li dl dt .type{ margin-right:calc(15 / 16 * 1em) ;} .Downlist li dl dt .type img{ max-width:calc(32 / 16 * 1em) ;} .Downlist li dl dt .tit{ font-size: calc(18 / 16 * 1em); color: #333;} .Downlist li dl dd{display: flex;justify-content: space-between; align-items: center;} .Downlist li dl dd .time{display: inline-block; padding-left: 1.5em; color: #999; background: url(../images/icon-time.svg) no-repeat left center; background-size:1.125em auto ;} .Downlist li dl dd .down{margin-left: calc(20 / 16 * 1em);border-left: 1px solid #ededed; padding-left: calc(20 / 16 * 1em); color: #666; } .Downlist li dl dd .down .ico{display: inline-block;vertical-align: sub; width:calc(24 / 16 * 1em);height:calc(24 / 16 * 1em); background: url(../images/icon-down-on.svg) no-repeat left center; background-size:1.5em auto ; margin-right: calc(8 / 16 * 1em);} .Downlist li dl dt:hover .tit, .Downlist li dl dd:hover .down{color: #be1929;} .Downlist li:hover{background: #f8f8f8;} @media(max-width:1024px){ .Downlist li{padding: calc(20 / 16 * 1em) calc(10 / 16 * 1em);} .Downlist li dl{ flex-wrap: wrap;} .Downlist li dl dt{width: 100%;padding-right: 0; margin-bottom:calc(16 / 16 * 1em) ;} .Downlist li dl dd{width: 100%;} } .Popup{display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);top: 0;left: 0;overflow: auto;z-index: 999;} .Popup .ytable {height: 100%;} .Popup .main {width: 90%;max-width: 600px;padding: calc(50 / 16 * 1em);position: relative;margin: 0 auto;background-color: #fff;border-radius: 20px; } .Popup .close { position: absolute; width: 20px; height: 20px; right: 20px; top: 20px; background: url(../images/icon-close.svg) no-repeat; background-size: contain; z-index: 10; cursor: pointer; } .Popup .title{font-size: calc(30 / 16 * 1em);text-align: center;color: #333; font-weight: bold; margin-bottom: calc(20 / 30 * 1em);} .Popup .Form li {display: flex;} .Popup .Form li{width: 100%;margin-bottom: calc(16 / 16 * 1em);overflow: hidden;position: relative; background-repeat: no-repeat; background-size: calc(50 / 16 * 1em) auto;background-color: #f8f8f8; } .Popup .Form li label{ position:absolute; left:15px; color:#999; line-height: calc(50 / 16 * 1em);font-size: calc(16 / 16 * 1em);} .Popup .Form li .text {flex: 1;border: 1px solid #ebebeb;padding: 0 15px;height: calc(50 / 16* 1em);line-height: calc(50 / 16* 1em);font-size: calc(16 / 16 * 1em);color: #666;border-radius: 5px;background: none;} .Popup .Form li textarea.text {height: 120px; line-height: 2;} .Popup .Form .btn {width: 10em;background: #be1929;border-radius: 50px;font-size: 1em;height: 3.125em;color: #fff;cursor: pointer;border: 0; transition: 0.3s; display: table; margin: 0 auto;} .Popup .tip{font-size: calc(15 / 16 * 1em);color: #999; margin-top:calc(25 / 15 * 1em) ;} @media (min-width:1025px) { } @media(max-width:1024px){ .Popup .main{padding: calc(30 / 16 * 1em);} } .Right_box ul{position: fixed;right: 1%;top: 50%;transform: translateY(-50%);z-index: 999;} .Right_box li{position:relative;margin:8px 0} .Right_box li:last-child{border-bottom:none;} .Right_box li a{display:block;width:calc(50 / 16* 1em);height:calc(50 / 16* 1em);border-radius:calc(50 / 16* 1em);box-shadow:0 0 10px rgba(0,0,0,0.2); transition:.3s;background-position:center center;background-repeat: no-repeat; background-size: 1.25em auto; background-color: #fff; } .Right_box li.li_phone a{background-image: url(../images/icon-pho.svg)} .Right_box li.li_qq a{background-image: url(../images/icon-qq.svg)} .Right_box li.li_wx a{background-image: url(../images/icon-wx.svg);background-size: 1.5em auto;} .Right_box li.li_gettop a{background-image: url(../images/icon-gettop.svg)} .Right_box li figure{width:calc(160 / 16* 1em);position:absolute;right:-600%;top:4px;background:#fff;z-index:-10;text-align:center;transition:0.5s;border-radius:5px;filter:drop-shadow(0 0 10px rgba(0,0,0,0.1));} .Right_box li figure span{display:block;height:calc(45 / 16* 1em);line-height:calc(45 / 16* 1em);font-size:calc(15 / 16* 1em);} .Right_box li figure b{color:#be1929;font-family:Fonts;padding:0.625em 0.875em;display:block;font-size:calc(16 / 16* 1em);border-top:1px solid #eee;} .Right_box li figure img{padding:5px;display:block;border-top:1px solid #eee; max-width: calc(130 / 16* 1em); margin: 0 auto;} .Right_box li:hover figure{right:140%} .Right_box li:hover aside{display:block} @media(max-width:640px){ .Right_box{display:none} }