@charset "utf-8"; html,body {padding:0;margin:0;} * {margin:0;padding:0;font-family:Arial,Helvetica,Verdana,'Microsoft YaHei';border:0;outline:medium;text-shadow:none;text-decoration:none;} body {color:#333;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} input {vertical-align:middle;} textarea {resize:none;} div {box-sizing:border-box;} ul {list-style:none;} p {margin:0;} a,a:link,a:active,a:visited,a:hover {color:inherit;text-decoration:none;} a:hover {color:#e6000f;} i,em {font-style:normal;} ::-webkit-input-placeholder {color:#999999;} :-moz-placeholder {color:#999999;} ::-moz-placeholder {color:#999999;} :-ms-input-placeholder {color:#999999;} /*淇敼婊氬姩鏉?/ ::-webkit-scrollbar {width:6px;height:6px;} ::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;} ::-webkit-scrollbar-thumb {border-radius:6px;background:#bbb;} /* 鏃犲唴瀹 */ .no-goods,.no-network {padding-top:100px;overflow:hidden;text-align:center;} .no-goods img {display:block;margin:0 auto 30px;width:220px;max-height:105px;} .no-network img {display:block;margin:0 auto 30px;width:222px;height:160px;} .no-goods p,.no-network p {font-size:14px;color:#666666;line-height:20px;} .de-page-mian {padding-top:25px;} /*闅愯棌鎵嬫満绔垎椤靛浣欐崲琛屽厓绱?/ @media(max-width:767px) { .de-page-mian .page-inner a {margin-right:0!important;} .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn {display:none!important;} } @media(min-width:1200px) { .de-page-mian {padding-top:45px;} } /*鍥剧墖姣斾緥鎺у埗*/ .imgbox {width:100%;overflow:hidden;position:relative;} .imgbox:after {content:'';display:block;padding-top:75%;} .imgbox img {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.26s all linear;} .imgbox img:hover {transform:translate(-50%,-50%) scale(1.1);transition:.30s all linear;} @font-face { font-family: 'iconfont'; /* Project id 2005099 */ src: url('//at.alicdn.com/t/font_2005099_de9oq02e0xi.woff2?t=1628672263092') format('woff2'), url('//at.alicdn.com/t/font_2005099_de9oq02e0xi.woff?t=1628672263092') format('woff'), url('//at.alicdn.com/t/font_2005099_de9oq02e0xi.ttf?t=1628672263092') format('truetype'); } .ali-icon {font-family: 'iconfont';} @font-face { font-family: 'webfont'; font-display: swap; src: url('//at.alicdn.com/t/webfont_pms450mb7r.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_pms450mb7r.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_pms450mb7r.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_pms450mb7r.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_pms450mb7r.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_pms450mb7r.svg#绔欓叿楂樼榛?) format('svg'); /* iOS 4.1- */ } .ali-font {font-family: 'webfont';} body {font-size:12px;} .btn {font-size:12px;} @media(min-width:768px) { body {font-size:14px;} } @media(min-width:992px) { .btn {font-size:14px;} } @media(min-width:1200px) { body {font-size:16px;} .btn {font-size:16px;} } @media(min-width:1440px) { .container {width:1430px;max-width:1430px;margin:0 auto;} } @media(min-width:1601px) { } .typebox::-webkit-scrollbar {height:1px;} .index .header {background:rgba(0,0,0,.1);} .header {display: flex;align-items: center;position:fixed;top:0;left:0;right:0;z-index:99;border-bottom:1px solid rgba(255,255,255,.1);transition:.36s all linear;} .header.hide {opacity:0;transform:translateY(-100%);} .header.show {opacity:1;transform:translateY(0);transition:.36s all linear;} .header.onmove {background:#fff;box-shadow:0 15px 20px rgba(0,0,0,0.1);height:70px;transition:.36s all linear;} .header.onmove .logo_img {display:none;} .header.onmove .logo_imgh {display:block;visibility: visible;} .header.onmove .nav {color:#222;} .header.onmove .tel i {color:#222;} .header.onmove .searchbox {background: rgba(0,0,0,.2);} .header.onmove .slide.active>a {color:#e6000f;} .nofixed .header {position:relative;box-shadow: 0 0 5px 0 #eee;} .nofixed .header .logo_img {display:none;} .nofixed .header .logo_imgh {display:block;visibility: visible;} .nofixed .header .nav {color:#000;} .nofixed .header .tel i {color:#e6000f;} .nofixed .header .searchbox {background:#f9f9f9;} .header .container {width:100%;max-width:100%;} .header .logo {padding-left:15px;} .header .logo h1 {color:#fff;font-size:22px;font-weight:bold;line-height: 1;margin:0;margin-left:5px;white-space: nowrap;} .header .logo_imgh {display:none;} .header .nav {color:#fff;display:flex;flex-wrap:wrap;} .header .nav .slide {text-align:center;position:relative;} .header .nav .slide a {display:block;} .header .subnav {display:none;color:#fff;background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;right:0;line-height: 35px;transform:translateY(100%);} .header .tel {display:flex;align-items: center;justify-content: space-around;margin-left:auto;margin-right:15px;} .header .tel a {color: #fff;font-size: 25px;} .header .searchbox {width:150px;font-size:12px;border-radius: 5000px;line-height:32px;background:#fff;padding:0 20px;white-space: nowrap;} .header .searchbox input {background: none;border:none;width:95px;} @media(max-width:991px) { .header .logo {padding:10px 15px;} .header .logo h1 {color:#000;} } @media(max-width:767px) { .header .nav {flex-wrap:wrap;flex:0 0 100%;max-width:100%;} .header .nav .slide {flex-basis:25%;} } @media(min-width:768px) { .header .logo {flex:0 0 30%;max-width:30%;} .header .nav {flex:0 0 60%;max-width:60%;} .header .nav .slide {flex:1;} } @media(min-width:992px) { .header {/*position:fixed;*/height:90px;} .header .logo {flex:0 0 21%;max-width:21%;} .header .nav {flex:0 0 57%;max-width:57%;} .header .nav .slide>a {line-height: 40px;} .header .nav .slide a:hover {font-weight:bold;transition:.15s all linear;} .header .nav .slide.active>a {font-weight:bold;position:relative;} .header .tel {flex:0 0 22%;max-width:22%;margin-right:0;} .header .searchbox {font-size:14px;} } @media(min-width:1200px) { .header {height:95px;} .header .logo h1 {font-size:28px;} .header .tel {text-align:right;} .header .tel a{margin-left:20px;} .header .tel b {font-size:18px;} .header .nav .slide .subnav {font-size:15px;padding:10px 0;} .header .nav .slide:hover .subnav {display:block;} .header.onmove .nav .slide:hover .subnav {border-top: 8px solid #e00;} .header .nav .slide .subnav a:hover {color:#fff;background:#e6000f;transition:.15s all linear;} .header .nav .slide>a {line-height: 55px;} } @media(min-width:1440px) { .header .logo h1 {font-size:30px;} } @media(min-width:1601px) { .header {height:100px;} .header .container {padding-right:50px;} .header .logo h1 {font-size:32px;} .header .logo {flex:0 0 30%;max-width:30%;} .header .nav {flex:0 0 55%;max-width:55%;margin-top:0px;} .header .tel {flex:0 0 15%;max-width:15%;white-space: nowrap;} } @keyframes upmove { 0% {bottom:20px;} 50% {bottom:25px;} 100% {bottom:20px;} } @keyframes downjump { 30% {transform:translateY(-80%);} 60% {transform:translateY(-90%);} 100% {transform:translateY(0%);} } .mnav {color:#fff;padding:30px 0 60px;position:fixed;z-index:-1;top:0;left:0;width:100vw;height:100vh;transform:translateY(-100%);background:#e6000f url(../images/nav_bg.jpg) no-repeat center;background-size:cover;overflow:hidden;transition:.5s all linear;} .mnav::-webkit-scrollbar {width:0;} .mnav.show {transform:translateY(0);z-index:99999;transition:.8s all linear;/*animation:downjump 1s;animation-fill-mode : forwards;*//*animation-delay: .36s;*/} .mnav .t1 {font-weight:bold;margin-top:15px;} .mnav .t2 {font-size:16px;line-height:24px;margin-top:15px;} .mnav i {width:105px;height:3px;background:#fff;display: block;margin-top:15px;} .mnav .ewm {width:95px;} .mnav .t3 {margin-top:10px;margin-bottom:10px;} .mnav .t4 {line-height:2;} .mnav .list {display:flex;flex-wrap:wrap;justify-content: space-between;} .mnav .slide {flex:0 0 45%;max-width:45%;} .mnav .t5 {width:40px;height:2px;background:#fff;} .mnav .t6 {font-size:16px;font-weight: bold;margin-top:10px;margin-bottom:10px;} .mnav .slide li a {color:rgba(255,255,255,.82);line-height:2.5;} .mnav .slide li a:after {content:'';position:absolute;bottom:-3px;left:0;height:2px;background:#fff;width:0;transition:.36s all linear;} .mnav .slide a:hover {color:#fff;position:relative;} .mnav .slide a:hover:after {width:100%;transition:.36s all linear;} .mnav .close {color:#fff;font-size:30px;position:relative;bottom:20px;text-align:center;width:100%;animation:upmove 2s infinite;} .mnav .close:hover {color:#fff!important;opacity:1;} @media(max-width:991px) { .mnav {overflow-y:scroll;} .mnav .leftbox {margin-bottom:40px;} .mnav .leftbox .img {max-width:60%;} .mnav i {display:none;} .mnav .list {justify-content: space-around;} .mnav .slide {margin-bottom:45px;flex:0 0 35%;max-width:35%;} } @media(min-width:992px) { .mnav {padding:40px 0 90px;} .mnav .leftbox {flex-direction:column;} .mnav .leftbox>div {flex:0 0 50vh;max-height:50vh;} .mnav .t1 {font-size:22px;margin-top:20px;} .mnav .t2 {font-size:18px;line-height:28px;padding-right:30%;} .mnav i {margin-top:25px;} .mnav .t6 {font-size:16px;margin-top:15px;} .mnav .slide:nth-child(1) {margin-bottom:60px;} .mnav .slide:nth-child(2) {margin-bottom:60px;} .mnav .slide:nth-child(3) {margin-bottom:60px;} .mnav .slide:nth-child(4) {margin-bottom:60px;} .mnav .close {position:fixed;} } @media(min-width:1200px) { .mnav {padding:60px 0 120px;} .mnav .t1 {font-size:26px;margin-top:30px;} .mnav .t2 {font-size:20px;line-height:34px;} .mnav i {margin-top:30px;} .mnav .t3 {font-size:14px;margin-bottom:15px;} .mnav .t4 {font-size:14px;} .mnav .slide {flex:0 0 26%;max-width:26%;} .mnav .slide:nth-child(1) {margin-bottom:90px;} .mnav .slide:nth-child(2) {margin-bottom:90px;} .mnav .slide:nth-child(3) {margin-bottom:90px;} .mnav .slide:nth-child(4) {margin-bottom:90px;} .mnav .t6 {font-size:18px;margin-top:20px;margin-bottom:15px;} } @media(min-width:1601px) { .mnav {padding:80px 0 150px;} .mnav .t1 {font-size:30px;margin-top:40px;} .mnav .t2 {font-size:22px;margin-top:20px;line-height:40px;} .mnav i {margin-top:40px;} .mnav .t3 {font-size:14px;margin-bottom:20px;} .mnav .t6 {font-size:20px;margin-top:25px;margin-bottom:20px;} .mnav .slide:nth-child(1) {margin-bottom:120px;} .mnav .slide:nth-child(2) {margin-bottom:120px;} .mnav .slide:nth-child(3) {margin-bottom:120px;} .mnav .slide:nth-child(4) {margin-bottom:120px;} } .banner {overflow:hidden;background: #000;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #d00517;} .banner .swiper-slide img {position:relative;left:50%;transform:translateX(-50%);} /*.banner-box {position:relative;left:50%;transform:translateX(-50%);} @media(min-width:1200px) { .banner-box {width:100%;min-width:1600px;} } @media(min-width:1440px) { .banner-box {width:100%;min-width:1920px;} }*/ /*鍐呴〉澶у浘鏍峰紡*/ .inbanner {width:100%;overflow:hidden;position:relative;} .inbanner img {width:768px;position:relative;left:50%;transform:translateX(-50%);} .inbanner .floatbox {width:100%;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .inbanner .t1 {color:rgba(255,255,255,1);font-size:18px;font-weight:bold;} .inbanner .t2 {font-size:24px;margin-top:5px;} @media(max-width:767px) { .inbanner img {width:768px!important;} .inbanner .floatbox {top:43%;} } @media(min-width:768px) { .inbanner img {width:992px;} } @media(min-width:992px) { .inbanner img {width:1200px;} .inbanner .floatbox {text-align: center;} .inbanner .t1 {font-size:28px;} .inbanner .t2 {font-size:46px;margin-top:10px;} } @media(min-width:1200px) { .inbanner img {width:100%;} .inbanner .t1 {font-size:34px;} .inbanner .t2 {font-size:60px;margin-top:15px;} } @media(min-width:1601px) { .inbanner .t1 {font-size:40px;} .inbanner .t2 {font-size:70px;margin-top:20px;} } .index01 {background:url(../images/in01_bg.jpg) no-repeat;background-size:cover;padding:55px 0 25px;position:relative;overflow:hidden;} .index01:after {content:'';position:absolute;left:0;top:0;height:10px;background:#e6000f;} .index01.on:after {animation:linemove 1.5s;animation-fill-mode:forwards;} .index01 .l1 {color:#e6000f;font-size:95px;position:relative;display:flex;} .index01 .l1 span {line-height:0.6;} .index01 .l1 i {color:#444141;font-size:18px;padding-left:10px;} .index01 .l2 {color:#e6000f;font-size:18px;margin-top:20px;} .index01 .l3 {color:#a09e9e;margin-top:10px;text-align:justify;line-height:2;} .index01 .play {background:#fff url(../images/pause.png) no-repeat center;background-size:100%;position: absolute;bottom:5px;left:0;width: 49px;height: 49px;box-shadow: 0px 3px 5px #cbcfd5;border-radius: 50%;cursor: pointer;overflow: hidden;} .index01 .play.stop {background:#fff url(../images/play.png) no-repeat center;} .index01 .play .l_syqq_act {position: absolute;top: 3px;left: 3px;transform: rotate(198deg);-ms-transform: rotate(198deg);-moz-transform: rotate(198deg);-webkit-transform: rotate(198deg);-o-transform: rotate(198deg);} .index01 .play .arc {animation: stroke 4s linear;} .index01 .play .arc.first {animation: stroke 3s linear;} .index01 .play .arc.act{opacity:0;animation: none;} .index01 .swiper-pagination {left:90px;bottom:15px;} .index01 .swiper-pagination .swiper-pagination-bullet {width:15px;height:15px;margin:0 10px;border:1px solid #c9c9c9;background:none;opacity:1;} .index01 .swiper-pagination .swiper-pagination-bullet-active {border:1px solid #e6000f;background:#e6000f;opacity:1;} .index01 .r1 {color:#e6000f;font-size:16px;} .index01 .r2 {color:#444141;font-size:16px;margin-top:10px;text-align: justify;} .index01 .r3 {color:#a09e9e;margin-top:10px;text-align:justify;line-height:2;} .index01 .list {margin-top: 25px;display:flex;flex-wrap:wrap;border-top:1px solid #dfdfdf;} .index01 .list a {line-height:45px;border-bottom:1px solid #dfdfdf;flex:0 0 50%;padding-left:15px;position:relative;z-index:2;} .index01 .list a:after {content:'';position:absolute;left:0;top:0;width:0;height:100%;background:#e6000f;/*background:linear-gradient(to right,#e6000f,#fff);*/opacity:0;transition:.36s all linear;} .index01 .list a:hover:after {width:100%;opacity: 1;transition:.26s all linear;z-index:-1;} .index01 .list a:hover {color:#fff;} @media(max-width:991px) { .index01 .play {position:relative;margin-top:25px;} .index01 .leftbox .pagination {position:relative;float: left;margin-top: 33px;margin-left: 50px;} .index01 .rightbox {margin-top:25px;} } @media(min-width:768px) { .index01 {padding:85px 0 55px;} .index01 .l1 {font-size:125px;} .index01 .l1 i {font-size:20px;} .index01 .l2 {font-size:20px;margin-top:25px;} .index01 .l3 {margin-top:25px;} .index01 .list {margin-top: 30px;} } @media(min-width:992px) { .index01 {padding:115px 0 85px;} .index01 .l1 {font-size:160px;} .index01 .l1 i {font-size:22px;} .index01 .l2 {font-size:22px;margin-top:30px;} .index01 .l3 {margin-top:25px;} .index01 .r1 {font-size:18px;} .index01 .r2 {font-size:24px;margin-top:15px;} .index01 .r3 {margin-top:15px;} .index01 .list {margin-top: 40px;} .index01 .list a {line-height:60px;} } @media(min-width:1200px) { .index01 {padding:145px 0 115px;} .index01 .l1 {font-size:215px;} .index01 .l1 i {font-size:24px;} .index01 .l2 {font-size:24px;} .index01 .l3 {margin-top:25px;padding-right:25%;} .index01 .rightbox {padding-left:7.4%;} .index01 .r1 {font-size:20px;} .index01 .r2 {font-size:30px;margin-top:20px;} .index01 .r3 {margin-top:20px;} .index01 .list {margin-top: 55px;} .index01 .list a {line-height:70px;} } @media(min-width:1601px) { .index01 {padding:175px 0 145px;} .index01 .l1 {font-size:235px;} .index01 .l1 i {font-size:26px;} .index01 .l2 {font-size:26px;margin-top:35px;} .index01 .l3 {margin-top:25px;} .index01 .r1 {font-size:22px;} .index01 .r2 {font-size:36px;margin-top:25px;} .index01 .r3 {margin-top:25px;} .index01 .list {margin-top: 70px;} .index01 .list a {line-height:80px;} } @keyframes stroke { 100% { stroke-dashoffset: -120.89px; } } @keyframes piao { 0% {bottom:35%;opacity:.88;} 50% {bottom:32%;opacity:.5;} 100% {bottom:35%;opacity:.88;} } @keyframes piao1 { 0% {bottom:30%;opacity:.7;} 50% {bottom:32%;opacity:1;} 100% {bottom:30%;opacity:.7;} } @keyframes piao2 { 0% {bottom:80%;opacity:.7;} 50% {bottom:73%;opacity:.2;} 100% {bottom:80%;opacity:.7;} } @keyframes piao3 { 0% {opacity:.77;} 50% {opacity:.3;} 100% {opacity:.77;} } .index02 {background:#edf1f8;position:relative;overflow:hidden;} .index02 .swiper-slide .imgbox img {transform: translate(-50%,-50%) scale(1.1);} .index02 .swiper-slide .imgbox:after {padding-top:90%;} .index02 .swiper-slide:hover .imgbox img {transform: translate(-50%,-55%) scale(1.1);} .index02 .swiper-slide {border-left: 1px solid #d7d7d7;height:unset;padding:45px 8% 30px;position:relative;transition:.36s all linear;overflow:hidden;} .index02 .swiper-slide:first-child {border:none;} .index02 .swiper-slide:before {content:'';background:#e6000f;opacity:0;position:absolute;z-index:3;bottom:50%;right:83%;width:65px;height:65px;border-radius: 5000px;transition:.36s all linear;} .index02 .swiper-slide:after {content:'';background:#e6000f;opacity:0;position:absolute;z-index:3;bottom:15%;right:40%;width:30px;height:30px;border-radius: 5000px;transition:.36s all linear;} .index02 .swiper-slide:hover {background: #e1e4e8;transition:.36s all linear;} .index02 .swiper-slide:hover:before {bottom:35%;opacity:.88;transition:1s all linear;animation:piao 3s infinite;animation-delay:1.1s;} .index02 .swiper-slide:hover:after {bottom:30%;opacity:1;transition:1s all linear;animation:piao1 3s infinite;animation-delay:1.1s;} .index02 .swiper-slide .list:before {content:'';background:#e6000f;opacity:0;position:absolute;z-index:3;bottom:100%;right:10%;width:85px;height:85px;border-radius: 5000px;transition:.36s all linear;} .index02 .swiper-slide .list:after {content:'';background:linear-gradient(120deg,#fff,#e6000f);opacity:0;position:absolute;z-index:3;bottom:0%;right:0%;width:400px;height:400px;border-radius: 5000px;transform:translate(47%,40%);transition:.36s all linear;} .index02 .swiper-slide:hover .list:before {bottom:80%;opacity:.7;transition:1s all linear;animation:piao2 3s infinite;animation-delay:1.1s;} .index02 .swiper-slide:hover .list:after {opacity:.77;transition:.36s all linear;animation:piao3 3s infinite;animation-delay:.4s;} .index02 .t1 {color:#2d2b2b;font-size:20px;font-weight:bold;} .index02 .t2 {color:#2d2b2b;font-size:16px;margin:5px 0 10px;} .index02 .list a {display:inline-block;margin-right:7%;position:relative;z-index:4;} .index02 .list a:last-child {margin-right:0;} .index02 .swiper-slide:hover .t1 {color: #e6000f;transition:.3s all linear;} @media(min-width:768px) { .index02 .swiper-slide {padding:75px 6% 40px;} .index02 .t1 {font-size:22px;} .index02 .t2 {font-size:18px;} } @media(min-width:992px) { .index02 .swiper-slide {padding:105px 4% 60px;} .index02 .t1 {font-size:28px;} .index02 .t2 {font-size:20px;} } @media(min-width:1200px) { .index02 .swiper-slide {padding:135px 4% 90px;} .index02 .t1 {font-size:34px;} .index02 .t2 {font-size:22px;margin:10px 0 15px;} } @media(min-width:1601px) { .index02 .swiper-slide {padding:135px 4% 120px;} .index02 .t1 {font-size:40px;} .index02 .t2 {font-size:26px;margin:10px 0 20px;} } .index03 {padding:30px 0 15px;position:relative;overflow:hidden;} .index03 .t1 {color:#e6000f;font-size:16px;} .index03 .t2 {color:#444141;font-size:22px;margin:10px 0;} .index03 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .index03 .more:hover {width:150px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .index03 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} .index03 .leftbox {flex:0 0 100%;max-width:100%;border-top:10px solid #e6000f;} .index03 .leftbox .slide {display:block;border:1px solid #eee;margin-bottom:15px;padding:20px;align-items:center;} .index03 .leftbox .slide .imgbox img {transition:.36s all linear;} .index03 .leftbox .c4 {display:block;color:#fff;background:#e6000f;width:30px;height:30px;line-height:30px;font-size:16px;font-family:'iconfont';margin-top:15px;margin-left:auto;text-align:center;transition:.36s all linear;} .index03 .rightbox {flex:0 0 100%;max-width: 100%;border:1px solid #eee;border-top:10px solid #e6000f;} .index03 .rightbox .slide {display:block;padding:20px 20px 0;} .index03 .rightbox .c3 {margin-bottom:20px;} .index03 .rightbox .slide hr {margin-bottom:0;} .index03 .rightbox .slide:last-child hr {display:none;} .index03 .c1 {color:#e6000f;transition:.36s all linear;} .index03 .c2 {color:#444141;font-size:16px;line-height:1.78;margin:5px 0 5px;transition:.36s all linear;} .index03 .c3 {color:#a09e9e;line-height:20px;max-height:60px;overflow:hidden;text-align:justify;transition:.36s all linear;} .index03 .slide:hover .imgbox img {transform:translate(-50%,-50%) scale(1.1);transition:.36s all linear;} .index03 .slide:hover .c1 {color:#999;transition:.36s all linear;} .index03 .slide:hover .c2 {color:#e6000f;transition:.36s all linear;} .index03 .slide:hover .c4 {width:60px;transition:.36s all linear;} /*.index03 .rightbox .slide:hover {background: #f8f8f8;transition: .36s all linear;}*/ @media(max-width:767px) { .index03 .imgbox {margin-bottom:15px;} } @media(min-width:768px) { .index03 {padding:45px 0 20px;} } @media(min-width:992px) { .index03 {padding:75px 0 25px;} .index03 .t1 {font-size:18px;} .index03 .t2 {font-size:28px;margin:15px 0;} .index03 .leftbox {flex:0 0 70%;max-width:70%;} .index03 .leftbox .slide {display:flex;padding:20px 5%;margin-bottom:20px;} .index03 .leftbox .slide:last-child {margin-bottom:0;} .index03 .leftbox .slide .imgbox {flex:0 0 38%;max-width:38%;} .index03 .leftbox .slide .txtbox {padding-left:5.5%;} .index03 .rightbox {flex:0 0 27%;max-width: 27%;} .index03 .c2 {font-size:18px;} .index03 .rightbox .slide {padding:10px 20px 0;} .index03 .rightbox .c3 {margin-bottom:15px;} } @media(min-width:1200px) { .index03 {padding:115px 0 35px;} .index03 .t1 {font-size:20px;} .index03 .t2 {font-size:32px;margin:20px 0;} .index03 .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;} .index03 .more:hover {width:180px;} .index03 .more:hover:before {font-size:18px;} .index03 .leftbox .slide {margin-bottom:30px;padding:35px 5%;} .index03 .c2 {font-size:20px;margin:10px 0 20px;} .index03 .c3 {font-size:15px;line-height:24px;max-height:72px;} .index03 .rightbox .slide {padding:20px 20px 0;} .index03 .rightbox .c2 {margin:8px 0 10px;} .index03 .rightbox .c3 {margin-bottom:20px;} } @media(min-width:1440px) { .index03 .rightbox .slide {padding:30px 25px 0;} .index03 .rightbox .c2 {margin:12px 0 15px;} .index03 .rightbox .c3 {margin-bottom:25px;} } @media(min-width:1601px) { .index03 {padding:145px 0 50px;} .index03 .t1 {font-size:22px;} .index03 .t2 {font-size:36px;margin:25px 0;} .index03 .leftbox .slide {margin-bottom:35px;padding:50px 5%;} .index03 .leftbox a.c4 {margin-top:25px;} .index03 .c2 {font-size:22px;margin:15px 0 25px;} .index03 .c3 {line-height:26px;max-height:78px;} .index03 .rightbox .slide {padding:35px 25px 0;} .index03 .rightbox .c2 {margin:15px 0 20px;} .index03 .rightbox .c3 {margin-bottom:30px;} } .index04 {padding:30px 0 35px;position:relative;overflow:hidden;} .index04 .t1 {color:#e6000f;font-size:16px;} .index04 .t2 {color:#444141;font-size:22px;margin:10px 0;} .index04 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .index04 .more:hover {width:150px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .index04 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} .index04 .swiper-slide .imgbox {border:1px solid #eee;} .index04 .swiper-slide .imgbox img {max-height:99%;cursor:pointer;} .index04 .swiper-slide .imgbox:after {padding-top:47%;} @media(min-width:768px) { .index04 {padding:40px 0 45px;} } @media(min-width:992px) { .index04 {padding:40px 0 70px;} .index04 .t1 {font-size:18px;} .index04 .t2 {font-size:28px;margin:15px 0;} } @media(min-width:1200px) { .index04 {padding:50px 0 130px;} .index04 .t1 {font-size:20px;} .index04 .t2 {font-size:32px;margin:20px 0;} .index04 .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;} .index04 .more:hover {width:180px;} .index04 .more:hover:before {font-size:18px;} } @media(min-width:1601px) { .index04 {padding:60px 0 160px;} .index04 .t1 {font-size:22px;} .index04 .t2 {font-size:36px;margin:25px 0;} } .index05 {padding:35px 0 0;position:relative;overflow:hidden;} .index05:before {content:'';position:absolute;z-index:-1;left:0;top:0;bottom:50%;right:0%;background: url(../images/in05_left.jpg) no-repeat center;background-size:cover;} .index05:after {content:'';position:absolute;z-index:-1;left:0%;top:50%;bottom:0;right:0%;background: url(../images/in05_right.jpg) no-repeat center;background-size:cover;} .index05 .t1 {color:#fff;font-size:15px;} .index05 .t2 {color:#fff;font-size:17px;margin:15px 0;line-height: 1.5;} .index05 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .index05 .more:hover {width:150px;color:#fff;border-color:#fff;transition:.36s all linear;} .index05 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} @media(max-width:991px) { .index05 .leftbox {padding-bottom: 55px;} .index05 .rightbox {padding-bottom:40px;} } @media(min-width:768px) { } @media(min-width:992px) { .index05 {padding:50px 0 50px;} .index05:before {bottom:0;right:50%;} .index05:after {left:50%;top:0;} .index05 .t1 {font-size:17px;} .index05 .t2 {font-size:19px;margin:18px 0;line-height: 1.8;} } @media(min-width:1200px) { .index05 {padding:70px 0 70px;} .index05 .t1 {font-size:19px;} .index05 .t2 {font-size:22px;margin:25px 0;} .index05 .more {width:45px;height:45px;line-height:45px;font-size:22px;} .index05 .more:hover {width:160px;} .index05 .more:hover:before {font-size:16px;} } @media(min-width:1601px) { .index05 {padding:95px 0 100px;} .index05 .t1 {font-size:22px;} .index05 .t2 {font-size:28px;margin:35px 0;} .index05 .more {width:55px;height:55px;line-height:55px;font-size:27px;} .index05 .more:hover {width:180px;} .index05 .more:hover:before {font-size:18px;} } @keyframes imgscale { 0% {transform:translateX(-50%) scale(1.15);} 50% {transform:translateX(-50%) scale(1);} 100% {transform:translateX(-50%) scale(1.15);} } .index06 {padding:25px 0;position:relative;overflow:hidden;} .index06 .slide:hover img {transform:translateX(-50%) scale(1.15);transition:.7s all linear;animation:imgscale 3s infinite;animation-delay:.7s;} .index06 .slide:hover i {color:#000;} .index06 .slide:hover .t1 {color:#e6000f;transition:.36s all linear;} .index06 .img {margin-right:10px;position:relative;} .index06 .img img {width:20px;position:absolute;left:50%;top:20%;transform:translateX(-50%);z-index:0;transition:.7s all linear;} .index06 .img i {color:#000;font-size:30px;z-index:1;position:relative;} .index06 .t1 {color:#444141;font-size:18px;margin-top:5px;margin-bottom:5px;} .index06 .t2 {color:#444141;line-height:2;} @media(max-width:991px) { .index06 .slide {padding:10px 0;border-bottom:1px solid #eee;} } @media(min-width:768px) { .index06 .img i {font-size:40px;} } @media(min-width:992px) { .index06 {padding:55px 0 55px;} .index06 .slide {border-right:1px solid #eee;} .index06 .col-12:nth-child(2) .slide {justify-content: center;} .index06 .col-12:last-child .slide {border:none;justify-content: center;} .index06 .img {margin-right:15px;} .index06 .img img {width:30px;} .index06 .img i {font-size:45px;} .index06 .t1 {font-size:22px;margin-bottom:10px;} } @media(min-width:1200px) { .index06 {padding:85px 0 85px;} .index06 .img {margin-right:20px;} .index06 .img img {width:40px;} .index06 .img i {font-size:55px;} .index06 .t1 {font-size:26px;margin-top:10px;margin-bottom:15px;} } @media(min-width:1601px) { .index06 {padding:110px 0 110px;} .index06 .img {margin-right:25px;} .index06 .img i {font-size:65px;} .index06 .t1 {font-size:30px;margin-top:15px;margin-bottom:20px;} .index06 .t2 {font-size:18px;} } @keyframes linemove{ 0% {width:0;} 100% {width:44%;} } .location {padding:15px 0;position:relative;overflow:hidden;} .nofixed .location {background: #f5f6fa;} .location:after {content:'';position:absolute;left:0;top:0;height:10px;animation:linemove 1.5s;animation-fill-mode:forwards;background:#e6000f;} /*.location.on:after {animation:linemove 1.5s;animation-fill-mode:forwards;}*/ .location .crumbs {color:#8a8888;white-space: nowrap;} .location .crumbs i {margin: 0 5px;} .location .slide {color:#48494b;background:none;display:inline-block;margin-right:10px;border:1px solid #eee;} .location .slide:hover,.location .slide.active {color:#fff;background:#e6000f;border-color:#e6000f;} .location .slide a {display:block;text-align:center;line-height: 30px;padding:0 10px;} @media(max-width:991px) { .location .slide:hover a {color:#fff;} .location .typebar {margin-top:10px;white-space: nowrap;overflow-x: scroll;} .location .typebar::-webkit-scrollbar {height:0;} .location .typebar::-webkit-scrollbar-track {height:0;} .location .typebar::-webkit-scrollbar-thumb {height:0;} } @media(min-width:768px) { } @media(min-width:992px) { .location {padding:20px 0;} .location .typebar {text-align: right;} .location .slide {margin-right:0;border:none;} .location .slide:hover,.location .slide.active {color:#e6000f;background:none;font-weight:bold;} .location .slide a {padding:0 15px;} .location .slide:last-child a {padding-right:0;} } @media(min-width:1200px) { .location {font-size:15px;padding:30px 0;} .location .slide a {padding:0 25px;} } @media(min-width:1601px) { .location {padding:40px 0;} .location .slide a {padding:0 35px;} } .company01 {padding:25px 0 10px;position:relative;overflow:hidden;} .company01 .t1 {color:#2e2d2d;font-size:22px;font-weight:bold;margin-bottom:15px;} .company01:after {content:'1997';color:#f6f6f6;position:absolute;z-index:-1;left:2%;top:25px;font-size:70px;font-family:'webfont';line-height:.7;} .company01 .t2 {color:#a3a0a0;font-size:17px;line-height:2;} .company01 .t2 span {color:#e6000f;} .company01 .t3 {color:#444141;font-size:18px;margin-top:25px;line-height:1.5;} .company01 .t4 {color:#a09e9e;margin-top:20px;line-height: 2;text-align: justify;} .company01 .t4:after {content:'';display:block;clear:both;} .company01 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .company01 .more:hover {width:150px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .company01 .more:hover:before {content:'鏌ョ湅璇︽儏銆€';font-size:14px;transition:.36s all linear;} @media(max-width:1199px) { .company01 .t2 {display:inline-block;margin-right:5%;} .company01 a.more {position:absolute;right:15px;top:0;} } @media(min-width:768px) { } @media(min-width:992px) { .company01 {padding:45px 0 30px;} .company01:after {font-size:110px;top:45px;} .company01 .t1 {font-size:36px;margin-bottom:25px;} .company01 .t2 {font-size:20px;} .company01 .t3 {font-size:24px;padding-right:25%;} } @media(min-width:1200px) { .company01 {padding:65px 0;} .company01:after {font-size:122px;top:65px;} .company01 .t1 {font-size:44px;margin-bottom:50px;} .company01 .t2 {font-size:24px;} .company01 .t3 {font-size:30px;margin-top:0;} .company01 .t4 {margin-top:30px;} .company01 .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;margin-top:50px;} .company01 .more:hover {width:180px;} .company01 .more:hover:before {font-size:18px;} .company01 .rightbox {padding-left:8%;} } @media(min-width:1601px) { .company01 {padding:85px 0;} .company01:after {font-size:152px;top:85px;} .company01 .t1 {font-size:50px;margin-bottom:70px;} .company01 .t2 {font-size:26px;} .company01 .t3 {font-size:36px;} .company01 .t4 {margin-top:40px;} .company01 a.more {margin-top:65px;} } .company02 {padding:15px 0 30px;position:relative;overflow:hidden;} .company02 .slide {color:#fff;background:#e6000f;text-align: center;padding:20px 0;} .company02 .slide:nth-child(2) {background: #de010f;} .company02 .slide:nth-child(3) {background: #d50310;} .company02 .slide:nth-child(4) {background: #ce020e;} .company02 .slide:nth-child(5) {background: #c8010d;} .company02 .slide:nth-child(6) {background: #c2030f;} .company02 .t1 {font-size:28px;font-weight:bold;line-height: 1.1;margin-bottom:5px;} .company02 .t3 {font-size:15px;} .company02 .t4 {font-size:36px;font-weight:bold;font-family:'Arial';font-style:'Black';line-height: 1;margin:3px 0 5px;} @media(max-width:991px) { .company02 .slide:nth-child(4) {background: #de010f;} .company02 .slide:nth-child(5) {background: #d50310;} .company02 .slide:nth-child(6) {background: #ce020e;} } @media(min-width:768px) { .company02 .t1 {font-size:34px;} .company02 .t4 {font-size:40px;margin:4px 0 8px;} } @media(min-width:992px) { .company02 {padding:20px 0 50px;} .company02 .slide {padding:35px 0;} .company02 .t1 {font-size:38px;} .company02 .t3 {font-size:18px;} .company02 .t4 {font-size:44px;margin:3px 0 7px;} } @media(min-width:1200px) { .company02 {padding:30px 0 80px;} .company02 .slide {padding:50px 0;} .company02 .t1 {font-size:44px;} .company02 .t3 {font-size:20px;} .company02 .t4 {font-size:52px;margin:4px 0 10px;} } @media(min-width:1601px) { .company02 {padding:40px 0 110px;} .company02 .slide {padding:65px 0;} .company02 .t1 {font-size:50px;} .company02 .t3 {font-size:22px;} .company02 .t4 {font-size:60px;margin:5px 0 12px;} } @font-face { font-family: 'webfont1'; font-display: swap; src: url('//at.alicdn.com/t/webfont_ejqlbdyb9u.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_ejqlbdyb9u.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_ejqlbdyb9u.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_ejqlbdyb9u.woff') format('woff'), /* chrome銆乫irefox */ url('//at.alicdn.com/t/webfont_ejqlbdyb9u.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_ejqlbdyb9u.svg#鏉ㄤ换涓滅鐭充綋-Bold') format('svg'); /* iOS 4.1- */ } .company03 {background: #f9f9f9;padding:30px 0 25px;position:relative;overflow:hidden;} .company03 .t1 {color:#757373;line-height:2;text-align: justify;} .company03 .t2 {color:#9c9b9b;text-align:right;} .company03 .t2 span {color:#444141;font-size:18px;font-family: 'webfont1';} @media(min-width:768px) { .company03 {padding:50px 0 30px;} .company03 .t2 span {font-size:22px;} } @media(min-width:992px) { .company03 {padding:80px 0 40px;} .company03 .t2 span {font-size:28px;} } @media(min-width:1200px) { .company03 {padding:110px 0 60px;} .company03 .t2 span {font-size:34px;} } @media(min-width:1601px) { .company03 {padding:140px 0 80px;} .company03 .t2 span {font-size:38px;} } .company04 {color:#fff;background:url(../images/company04_bg.jpg) no-repeat center;background-size:cover;padding:30px 0 60px;position:relative;overflow:hidden;} .company04 .procees_swiper {min-height:20vw;overflow: visible;} .company04 .procees_swiper .swiper-slide {text-align:center;} .company04 .year {font-size:36px;font-family:'Arial';font-weight: bold;} .company04 .desc {color:rgba(255,255,255,.8);line-height:24px;max-height:168px;overflow-y:scroll;width: 600px;max-width:90%;margin: 15px auto 0;} .company04 .desc::-webkit-scrollbar {width:5px;} .company04 .desc::-webkit-scrollbar-track {background:rgba(0,0,0,0);} .company04 .desc::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2);} .company04 .next_year{ position: absolute; right: -0.5vw; transition: ease 1s; top: 50%; transform: translateY(-50%);font-size: 8vw;font-weight: bold;color: rgba(255,255,255, .14);line-height: 28px;} .company04 .prev_year{position: absolute; left: -1vw; transition: ease 1s; top: 50%; transform: translateY(-50%);font-size: 8vw;font-weight: bold;color: rgba(255,255,255, .14);line-height: 28px;} .company04 .button { color: #f4d6d8;width: 35px; height: 35px;line-height: 35px; font-size: 24px;font-family:'瀹嬩綋';border:1px solid #fff;position: absolute; outline: none; cursor: pointer; top: 50%; text-align: center; z-index: 2;transform: translateY(-50%);transition:.36s all linear; } .company04 .button:hover {background: #fff;color:#e6000f;transition:.36s all linear;} .company04 .prev{ left: 8.3333vw;} .company04 .next{ right: 8.3333vw;} .company04 .year_swiper {height:12.5vw;overflow:visible;} .company04 .year_swiper .swiper-slide{display: flex;align-items: center;justify-content: center;color: #fff;position: relative;} .company04 .year_swiper .swiper-slide::before{ content: ""; width: calc(50% - 15px); transition: ease 1s; height: 1px; background: rgba(255,255,255,.4);position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .company04 .year_swiper .swiper-slide::after{ content: ""; width: calc(50% - 15px); transition: ease 1s; height: 1px; background: rgba(255,255,255,.4);position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .company04 .year_swiper .swiper-slide .yearbox{ position: relative; width: 130px; height:130px; text-align: center;font-size: 16px; } .company04 .year_swiper .swiper-slide .yearbox::before{ content: ""; display: block; width: 4px; height: 4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); bottom: 0; background: #fff; border-radius: 50%;} .company04 .year_swiper .swiper-slide.swiper-slide-active .yearbox::before {width:7px;height:7px;} .company04 .year_swiper .swiper-slide.swiper-slide-active .yearbox em { transform: translateY(80px);font-size:26px; } .company04 .year_swiper .swiper-slide .yearbox em { transition: ease .2s; display: block; transform: translateY(90px);} .company04 .year_swiper .swiper-slide.swiper-slide-active::before{width: calc(50% - 40px);} .company04 .year_swiper .swiper-slide.swiper-slide-active::after{width: calc(50% - 40px);} @media(max-width:767px) { .company04 .button {top:0;transform:translateY(25%);} } @media(min-width:768px) { .company04 {padding:50px 0 60px;} .company04 .year {font-size:50px;} } @media(min-width:992px) { .company04 {padding:65px 0 50px;} .company04 .year {font-size:62px;} .company04 .desc {margin-top:20px;line-height:28px;margin-top:15px;max-height:196px;overflow-y:scroll;} .company04 .button {width: 40px; height: 40px;line-height: 40px;font-size: 30px;} } @media(min-width:1200px) { .company04 {padding:90px 0 75px;} .company04 .year {font-size:78px;} .company04 .desc {margin-top:25px;line-height:32px;margin-top:15px;max-height:224px;overflow-y:scroll;} .company04 .button {width: 50px; height: 50px;line-height: 50px;font-size: 36px;} } @media(min-width:1601px) { .company04 {padding:115px 0 100px;} .company04 .year {font-size:90px;} .company04 .desc {margin-top:30px;} .company04 .button {width: 55px; height: 55px;line-height: 55px;font-size: 42px;} } .company05 {overflow:hidden;position:relative;} .company05:before {content:'';position:absolute;z-index:-1;left:0;right:0;top:25%;bottom:50%;background:url(../images/company05_bg1.jpg) no-repeat;background-size:cover;} .company05:after {content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;bottom:0%;background:url(../images/company05_bg2.jpg) no-repeat;background-size:cover;} .company05 .leftbox .content1,.company05 .leftbox .content2,.company05 .rightbox {padding:30px 0;} .company05 .leftbox .content1 {background:#f9f9f9;position:relative;} .company05 .leftbox .content1 .t1 {color:#bf1523;} .company05 .leftbox .content1 .more {color:#cccbcb;border-color:#c1bfbf;} .company05 .leftbox .content1:before {content:'';background:#f9f9f9;width:1000px;position:absolute;z-index:-1;left:0;top:0;bottom:0;transform: translateX(-99%);} .company05 .leftbox .content1:after {content:'';background:#f9f9f9;width:1000px;position:absolute;z-index:-1;right:0;top:0;bottom:0;transform: translateX(99%);} .company05 .leftbox .content2 {color:#fff;} .company05 .rightbox {color:#fff;} .company05 .t1 {font-size:22px;font-weight: bold;margin-bottom:10px;} .company05 .t2 {font-size:16px;line-height:2;} .company05 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';margin-top:15px;border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .company05 .more:hover {width:150px;background: #e6000f;color:#fff;border:none;transition:.36s all linear;} .company05 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} @media(max-width:991px) { .company05 .leftbox {padding-bottom:20px;} .company05:before {bottom:45%;} .company05:after {top:55%;} } @media(max-width:560px) { .company05:before {bottom:41%;} .company05:after {top:59%;} } @media(min-width:768px) { .company05 .leftbox .content1,.company05 .leftbox .content2,.company05 .rightbox {padding:40px 0;} .company05 .t1 {font-size:28px;} } @media(min-width:992px) { .company05:before {top:50%;right:50%;bottom:0;} .company05:after {top:0;left:50%;} .company05 .leftbox .content1,.company05 .leftbox .content2,.company05 .rightbox {padding:50px 0;} .company05 .rightbox {padding-left:15.7%!important;} .company05 .rightbox .txtbox {margin-top:30px;} .company05 .t1 {font-size:32px;margin-bottom:15px;} .company05 .t2 {font-size:18px;max-width: 75%;} .company05 .more {margin-top:30px;} .company05 .rightbox .more {margin-top:40px;} } @media(min-width:1200px) { .company05 .leftbox .content1,.company05 .leftbox .content2,.company05 .rightbox {padding:70px 0;} .company05 .rightbox .txtbox {margin-top:45px;} .company05 .t1 {font-size:36px;margin-bottom:20px;} .company05 .t2 {font-size:20px;} .company05 .more {margin-top:40px;width:45px;height:45px;line-height:45px;font-size:22px;} .company05 .more:hover {width:165px;} .company05 .more:hover:before {font-size:16px;} .company05 .rightbox .more {margin-top:65px;} } @media(min-width:1601px) { .company05 .leftbox .content1,.company05 .leftbox .content2,.company05 .rightbox {padding:90px 0;} .company05 .rightbox .txtbox {margin-top:60px;} .company05 .t1 {font-size:40px;margin-bottom:25px;} .company05 .t2 {font-size:22px;max-width: 56%;} .job02 .more {margin-top:50px;width:55px;height:55px;line-height:55px;font-size:27px;} .job02 .more:hover {width:180px;} .job02 .more:hover:before {font-size:18px;} .company05 .rightbox .more {margin-top:100px;} } .goods .parallux {} .goods .parallux .t1 {color:#fff;font-size:22px;font-weight: bold;text-align: center;} .goods .parallux .t2 {color:#fff;font-size:28px;text-align: center;} .goods .parallux .img img {display:block!important;margin:0 auto;} .goods .parallux .slide {color:#fff;display:inline-block;font-size:16px;line-height:35px;padding:0 15px;border:1px solid rgba(255,255,255,.51);margin:10px 5px;transition:.36s all linear;} .goods .parallux .slide:hover {background: #fff;color:#e6000f;transition:.36s all linear;} .goods .parallux:nth-child(2) .t1 {color:#3d3b3b;} .goods .parallux:nth-child(2) .t2 {color:#3d3b3b;} .goods .parallux:nth-child(2) .slide {color:#514e4e;border:1px solid #ccc;} .goods .parallux:nth-child(2) .slide:hover {background: #e6000f;color:#fff;} @media(max-width:991px) { .goods .float-panel {display:flex;align-items: center;height:100vh;} } @media(min-width:768px) { .goods .parallux .t2 {font-size:40px;} } @media(min-width:992px) { .goods .parallux .float-panel {width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .goods .parallux:first-child .float-panel {top:55%;} .goods .parallux .img {margin-top: -40px;} .goods .parallux .t1 {font-size:32px;} .goods .parallux .t2 {font-size:54px;} .goods .parallux .list {text-align: center;} .goods .parallux .slide {font-size:18px;line-height:40px;padding:0 20px;} } @media(min-width:1200px) { .goods .parallux .t1 {font-size:36px;} .goods .parallux .t2 {font-size:62px;} .goods .parallux .slide {font-size:20px;line-height:45px;padding:0 45px;} } @media(min-width:1601px) { .goods .parallux .t1 {font-size:40px;} .goods .parallux .t2 {font-size:70px;} .goods .parallux .slide {font-size:22px;line-height:50px;padding:0 65px;} } .products {overflow:hidden;position:relative;} .products .slide {background: #fff;padding:30px 0;} .products .slide:first-child {padding-top:20px;} .products .slide.bg-1 {background: #f9f9f9;} .products .slide .title {border-left:3px solid #e6000f;line-height:1;padding-left:5px;} .products .slide .t1 {color:#0b0705;font-size:22px;} .products .slide .t2 {color:#484645;font-size:16px;margin-top:5px;} .products .slide .imgbox img:hover {transform:translate(-50%,-50%);cursor: pointer;} .products .slide .txtbox {color:#777575!important;line-height:24px;max-height:96px;overflow:hidden;margin:15px 0;} .products .slide .more {display:block;color: #a3a5aa;width: 35px; height: 35px;line-height: 35px; font-size: 24px;font-family:'瀹嬩綋';border:1px solid #c1bfbf;outline: none; cursor: pointer;text-align: center;transition:.36s all linear; } .products .slide .more:hover {width:100px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} /*.products .slide .imgbox img {max-width:80%;max-height:80%;}*/ @media(min-width:768px) { .products .slide {padding:60px 0;} .products .slide:first-child {padding-top:40px;} .products .slide .title {padding-left:10px;} .products .slide .t1 {font-size:32px;} .products .slide .t2 {font-size:18px;} } @media(min-width:992px) { .products .slide {padding:75px 0;} .products .slide:first-child {padding-top:55px;} .products .slide .title {padding-left:15px;} .products .slide .t1 {font-size:36px;} .products .slide .t2 {font-size:20px;margin-top:10px;} .products .slide .txtbox {margin:25px 0;line-height:28px;max-height:112px;} .products .slide .leftbox {transition:.36s all linear;} .products .slide .rightbox {transition:.36s all linear;} .products .slide:hover .leftbox {transform:translateX(30px);transition:.36s all linear;} .products .slide:hover .rightbox {transform:translateX(-30px);transition:.36s all linear;} .products .slide:nth-child(2n):hover .leftbox {transform:translateX(-30px);transition:.36s all linear;} .products .slide:nth-child(2n):hover .rightbox {transform:translateX(30px);transition:.36s all linear;} } @media(min-width:1200px) { .products .leftbox {padding-left:10%;} .products .slide {padding:100px 0;} .products .slide:first-child {padding-top:75px;} .products .slide .title {padding-left:20px;} .products .slide .t1 {font-size:44px;} .products .slide .t2 {font-size:24px;margin-top:15px;} .products .slide .txtbox {margin:35px 0;line-height: 32px;max-height:128px;} .products .slide .more {width: 45px; height: 45px;line-height: 45px;} } @media(min-width:1601px) { .products .slide {padding:130px 0;} .products .slide:first-child {padding-top:95px;} .products .slide .title {padding-left:25px;} .products .slide .t1 {font-size:50px;} .products .slide .t2 {font-size:27px;} .products .slide .txtbox {margin:45px 0;line-height: 36px;max-height:144px;} .products .slide .more {width: 55px; height: 55px;line-height: 55px;} } @media(min-width:1240px) { .nofixed .container {max-width:1200px!important;} .nofixed .header .container {max-width:unset!important;} } .proinfo01 {padding:10px 0 20px;background: #f5f6fa url(../images/info01_bg.png) no-repeat bottom right;background-size:auto 90%;overflow:hidden;position:relative;} .proinfo01 .leftbox {margin-top:25px;} .proinfo01 .t1 {color:#0b0705;font-size:22px;line-height:1;} .proinfo01 .t2 {color:#484645;font-size:16px;margin-top:5px;line-height:1;} .proinfo01 .t3 {color:#777575!important;line-height:24px;max-height:96px;overflow:hidden;margin:15px 0;} .proinfo01 .imgbox img:hover {transform:translate(-50%,-50%);cursor: pointer;} .proinfo01 .btnbox a {color:#595859;display:inline-block;line-height:35px;text-align:center;margin-right:10px;padding:0 10px;border:1px solid #dcdcdc;transition:.36s background linear;} .proinfo01 .btnbox i {color:#a1a1a2;} .proinfo01 .btnbox a:hover {color:#fff;background: #e6000f;border-color:#e6000f;transition:.36s background linear;} .proinfo01 .btnbox a:hover i {color:#fff;} @media(min-width:768px) { .proinfo01 {padding:20px 0 35px;} .proinfo01 .btnbox a {line-height:40px;padding:0 15px;} } @media(min-width:992px) { .proinfo01 {padding:25px 0 45px;} .proinfo01 .leftbox {margin-top:0px;} .proinfo01 .t1 {font-size:36px;} .proinfo01 .t2 {font-size:20px;margin-top:10px;} .proinfo01 .t3 {margin:25px 0;line-height:28px;max-height:112px;} .proinfo01 .btnbox a {line-height:45px;padding:0 20px;} } @media(min-width:1200px) { .proinfo01 {padding:40px 0 65px;} .proinfo01 .t1 {font-size:44px;} .proinfo01 .t2 {font-size:24px;margin-top:15px;} .proinfo01 .t3 {margin:35px 0;line-height: 32px;max-height:128px;} .proinfo01 .btnbox a {line-height:50px;padding:0 28px;} } @media(min-width:1601px) { .proinfo01 {padding:50px 0 80px;} .proinfo01 .t1 {font-size:50px;} .proinfo01 .t2 {font-size:27px;} .proinfo01 .t3 {margin:45px 0;line-height: 36px;max-height:144px;} .proinfo01 .btnbox a {font-size:18px;line-height:55px;padding:0 32px;} } .proinfo02 {color:#fff;background:#e6000f;z-index:9;position:sticky;top:0;left:0;right:0;transition:.36s linear;overflow:hidden;} .proinfo02.onmove {box-shadow:0 0 10px 0 #000;transition:.36s linear;} .proinfo02.onmove .list {justify-content:space-around;transition:.36s linear;} .proinfo02 .list {transition:.36s linear;} .proinfo02.onmove .slide {text-align: center;} .proinfo02 .slide {line-height: 40px;flex: 0 0 20%;max-width:25%;white-space: nowrap;transition:.36s all linear;} .proinfo02 .slide:hover {color:#fff;} @media(min-width:768px) { .proinfo02 .slide {line-height: 50px;} } @media(min-width:992px) { .proinfo02 .slide {line-height: 60px;} } @media(min-width:1200px) { .proinfo02 .slide {line-height: 70px;} } @media(min-width:1601px) { .proinfo02 .slide {line-height: 80px;} } .proinfo03 {overflow:hidden;position:relative;} .proinfo03 .t1 {color:#48494b;font-size:22px;line-height:1;border-left:3px solid #e6000f;margin-top:20px;padding-left:5px;} .proinfo03 .content {margin-top:15px;} .proinfo03 .content p {color:#747274;background: #f5f6fa;margin-bottom:5px;line-height:35px;padding:0 15px;} @media(min-width:768px) { .proinfo03 .t1 {font-size:28px;margin-top:30px;} .proinfo03 .content {margin-top:25px;} } @media(min-width:992px) { .proinfo03 .t1 {font-size:32px;margin-top:40px;padding-left:15px;} .proinfo03 .content {margin-top:30px;line-height:40px;} .proinfo03 .content p {padding:0 25px;} } @media(min-width:1200px) { .proinfo03 .t1 {font-size:36px;margin-top:55px;padding-left:20px;} .proinfo03 .content {margin-top:40px;line-height:45px;} .proinfo03 .content p {padding:0 30px;} } @media(min-width:1601px) { .proinfo03 .t1 {font-size:40px;margin-top:70px;padding-left:25px;} .proinfo03 .content {margin-top:50px;line-height:50px;} .proinfo03 .content p {padding:0 40px;} } .proinfo04 {overflow:hidden;position:relative;} .proinfo04 .t1 {color:#48494b;font-size:22px;line-height:1;border-left:3px solid #e6000f;margin-top:20px;padding-left:5px;} .proinfo04 .list {margin-top:15px;display:flex;flex-wrap:wrap;} .proinfo04 .slide {color:#fff;background:#e6000f;text-align: center;padding:20px 0;flex:0 0 50%;max-width:50%;} .proinfo04 .slide:nth-child(2) {background: #de010f;} .proinfo04 .slide:nth-child(3) {background: #d50310;} .proinfo04 .slide:nth-child(4) {background: #ce020e;} .proinfo04 .slide:nth-child(5) {background: #c8010d;} .proinfo04 .slide:nth-child(6) {background: #c2030f;} .proinfo04 .t4 {font-size:24px;font-weight:bold;font-family:'Arial';font-style:'Black';line-height: 1;margin:3px 0 5px;} .proinfo04 .content {margin-top:10px;} .proinfo04 .content .imgbox:after {padding-top:50%;} .proinfo04 .content img {width:100%;max-height:unset;} .proinfo04 .first {margin-bottom:10px;} @media(max-width:991px) { .proinfo04 .slide:nth-child(3) {background: #de010f;} .proinfo04 .slide:nth-child(4) {background: #d50310;} .proinfo04 .slide:nth-child(5) {background: #d50310;} .proinfo04 .slide:nth-child(6) {background: #ce020e;} } @media(min-width:768px) { .proinfo04 .t1 {font-size:28px;margin-top:30px;} .proinfo04 .t4 {font-size:36px;margin:4px 0 8px;} } @media(min-width:992px) { .proinfo04 .t1 {font-size:32px;margin-top:40px;padding-left:15px;} .proinfo04 .list {margin-top:25px;} .proinfo04 .slide {padding:35px 0;flex:1;} .proinfo04 .t4 {font-size:40px;margin:3px 0 7px;} } @media(min-width:1200px) { .proinfo04 .t1 {font-size:36px;margin-top:55px;padding-left:20px;} .proinfo04 .list {margin-top:35px;} .proinfo04 .slide {padding:50px 0;} .proinfo04 .t4 {font-size:46px;margin:4px 0 10px;} .proinfo04 .content {margin-top:15px;} .proinfo04 .first {margin-bottom:15px;} } @media(min-width:1601px) { .proinfo04 .t1 {font-size:40px;margin-top:70px;padding-left:25px;} .proinfo04 .list {margin-top:45px;} .proinfo04 .slide {padding:65px 0;} .proinfo04 .t3 {font-size:18px;} .proinfo04 .t4 {font-size:50px;margin:5px 0 12px;} } .proinfo05 {overflow:hidden;position:relative;} .proinfo05 .t1 {color:#48494b;font-size:22px;line-height:1;border-left:3px solid #e6000f;margin-top:20px;padding-left:5px;} .proinfo05 .t2 {color:#0b0705;font-size:15px;} .proinfo05 .t3 {color:#8a8a8b;} .proinfo05 .list {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:15px;} .proinfo05 .slide {background:#f5f6fa;padding:20px;flex:0 0 49%;max-width:49%;margin-bottom:10px;} .proinfo05 .slide i {color:#e6000f;font-size:22px;} .proinfo05 .slide .img {margin-right:10px;} @media(min-width:768px) { .proinfo05 .t1 {font-size:28px;margin-top:30px;} .proinfo05 .slide {padding:25px;} .proinfo05 .slide i {font-size:32px;} } @media(min-width:992px) { .proinfo05 .t1 {font-size:32px;margin-top:40px;padding-left:15px;} .proinfo05 .t2 {font-size:18px;} .proinfo05 .list {margin-top:25px;} .proinfo05 .slide {padding:30px;} .proinfo05 .slide i {font-size:38px;} .proinfo05 .slide .img {margin-right:15px;} } @media(min-width:1200px) { .proinfo05 .t1 {font-size:36px;margin-top:55px;padding-left:20px;} .proinfo05 .t2 {font-size:22px;} .proinfo05 .list {margin-top:35px;} .proinfo05 .slide {padding:40px;margin-bottom:15px;} .proinfo05 .slide i {font-size:44px;} .proinfo05 .slide .img {margin-right:20px;} } @media(min-width:1601px) { .proinfo05 .t1 {font-size:40px;margin-top:70px;padding-left:25px;} .proinfo05 .t2 {font-size:26px;} .proinfo05 .list {margin-top:45px;} .proinfo05 .slide {padding:50px;} .proinfo05 .slide i {font-size:50px;} .proinfo05 .slide .img {margin-right:25px;} } .proinfo06 {overflow:hidden;position:relative;} .proinfo06 .t1 {color:#48494b;font-size:22px;line-height:1;border-left:3px solid #e6000f;margin-top:20px;padding-left:5px;} .proinfo06 .content {margin-top:15px;} @media(min-width:768px) { .proinfo06 .t1 {font-size:28px;margin-top:30px;} } @media(min-width:992px) { .proinfo06 .t1 {font-size:32px;margin-top:40px;padding-left:15px;} .proinfo06 .content {padding-bottom:100px;margin-top:30px;} } @media(min-width:1200px) { .proinfo06 .t1 {font-size:36px;margin-top:55px;padding-left:20px;} .proinfo06 .content {padding-bottom:140px;margin-top:45px;} } @media(min-width:1601px) { .proinfo06 .t1 {font-size:40px;margin-top:70px;padding-left:25px;} .proinfo06 .content {padding-bottom:170px;margin-top:60px;} } .proinfo07 {overflow:hidden;position:relative;} .proinfo07 .t1 {color:#48494b;font-size:22px;line-height:1;margin-top:20px;} .proinfo07 .list {border:1px solid #eee;border-top:10px solid #e6000f;margin-top:15px;} .proinfo07 .slide {display:block;padding:20px 20px 0;} .proinfo07 .slide hr {margin-bottom:0;} .proinfo07 .slide:last-child hr {display:none;} .proinfo07 .slide:hover .c2 {color:#e6000f;transition:.36s all linear;} .proinfo07 .c1 {color:#e6000f;} .proinfo07 .c2 {color:#444141;font-size:16px;line-height:1.78;margin:5px 0 5px;transition:.36s all linear;} .proinfo07 .c3 {color:#a09e9e;line-height:20px;max-height:40px;overflow:hidden;text-align:justify;margin-bottom:20px;} @media(min-width:768px) { .proinfo07 .t1 {font-size:28px;margin-top:30px;} .proinfo07 .list {margin-top:25px;} } @media(min-width:992px) { .proinfo07 .t1 {font-size:32px;margin-top:40px;} .proinfo07 .list {margin-top:30px;} .proinfo07 .slide {padding:10px 20px 0;} .proinfo07 .c2 {font-size:18px;} .proinfo07 .c3 {margin-bottom:15px;} } @media(min-width:1200px) { .proinfo07 .t1 {font-size:36px;margin-top:55px;} .proinfo07 .slide {padding:20px 20px 0;} .proinfo07 .c2 {font-size:20px;margin:8px 0 10px;} .proinfo07 .c3 {font-size:15px;line-height:24px;max-height:48px;margin-bottom:20px;} } @media(min-width:1440px) { .proinfo07 .list {margin-top:40px;} .proinfo07 .slide {padding:30px 25px 0;} .proinfo07 .c2 {margin:12px 0 15px;} .proinfo07 .c3 {margin-bottom:25px;} } @media(min-width:1601px) { .proinfo07 .t1 {font-size:40px;margin-top:70px;} .proinfo07 .list {margin-top:50px;} .proinfo07 .slide {padding:35px 25px 0;} .proinfo07 .c2 {font-size:22px;margin:15px 0 20px;} .proinfo07 .c3 {margin-bottom:30px;line-height:26px;max-height:52px;} } .proinfo08 {padding-bottom:50px;overflow:hidden;position:relative;} .proinfo08 .t1 {color:#48494b;font-size:22px;line-height:1;margin-top:20px;} .proinfo08 .list {border:1px solid #eee;border-top:10px solid #e6000f;margin-top:15px;} .proinfo08 .slide {display:block;padding:20px 20px 0;} .proinfo08 .slide hr {margin-bottom:0;} .proinfo08 .slide:last-child hr {display:none;} .proinfo08 .t2 {color:#444141;font-size:16px;line-height:1.78;margin:5px 0 5px;} @media(min-width:768px) { .proinfo08 .t1 {font-size:28px;margin-top:30px;} .proinfo08 .list {margin-top:25px;} } @media(min-width:992px) { .proinfo08 .t1 {font-size:32px;margin-top:40px;} .proinfo08 .list {margin-top:30px;} .proinfo08 .slide {padding:10px 20px 0;} .proinfo08 .t2 {font-size:18px;} .proinfo08 {padding-bottom:80px;} } @media(min-width:1200px) { .proinfo08 .t1 {font-size:36px;margin-top:55px;} .proinfo08 .slide {padding:20px 20px 0;} .proinfo08 .t2 {font-size:20px;margin:8px 0 10px;} .proinfo08 {padding-bottom:110px;} } @media(min-width:1440px) { .proinfo08 .list {margin-top:40px;} .proinfo08 .slide {padding:30px 25px 0;} .proinfo08 .t2 {margin:12px 0 15px;} .proinfo08 {padding-bottom:130px;} } @media(min-width:1601px) { .proinfo08 .t1 {font-size:40px;margin-top:70px;} .proinfo08 .list {margin-top:50px;} .proinfo08 .slide {padding:35px 25px 0;} .proinfo08 .t2 {font-size:22px;margin:15px 0 20px;} .proinfo08 {padding-bottom:150px;} } /*浜у搧璇︽儏椤典笅閮ㄥ垎宸﹀彸缁撴瀯*/ @media(min-width:992px) { .proinfos .leftbox {flex:0 0 66%;max-width:66%;} .proinfos .siderbox {flex:0 0 34%;max-width:34%;} } .job01 {padding:15px 0 20px;overflow:hidden;position:relative;} .job01 .t1 {color:#2e2d2d;font-size:22px;font-weight:bold;} .job01 .t2 {color:#444141;font-size:18px;} .job01 .list {margin-top:15px;} .job01 .slide {background: #edf1f8;padding:10px;margin-bottom:10px;justify-content:space-between;cursor:pointer;transition:.36s all linear;} .job01 .slide.active,.job01 .slide:hover {color:#fff;background:#e6000f;transition:.36s all linear;} .job01 .slide.active {padding:20px 10px;} .job01 .slide.active .c1 {color:inherit;font-size:20px;} .job01 .slide.active .c2 {color:inherit;max-height:unset;line-height:30px;transition:.36s all linear;} .job01 .slide:hover .c1 {color:inherit;} .job01 .slide:hover .c2 {color:inherit;} .job01 .slide.active .more,.job01 .slide:hover .more {color:inherit;} .job01 .c1 {color:#444141;font-size:14px;flex:0 0 15%;max-width:15%;} .job01 .c2 {color:#717173;flex:0 0 70%;max-width:70%;line-height:22px;max-height:22px;overflow:hidden;} .job01 .more {color:#717173;font-size:14px;} @media(min-width:768px) { .job01 {padding:25px 0 30px;} .job01 .list {margin-top:25px;} .job01 .t1 {font-size:28px;} .job01 .t2 {font-size:24px;} .job01 .slide {padding:13px 15px;} .job01 .c1 {font-size:16px;} .job01 .slide.active {padding:26px 15px;} .job01 .slide.active .c1 {font-size:24px;} .job01 .more {font-size:16px;} } @media(min-width:992px) { .job01 {padding:35px 0 40px;} .job01 .list {margin-top:35px;} .job01 .t1 {font-size:34px;} .job01 .t2 {font-size:28px;} .job01 .slide {padding:15px 25px;} .job01 .c1 {font-size:18px;} .job01 .c2 {line-height:24px;max-height:24px;} .job01 .slide.active {padding:30px 25px;} .job01 .slide.active .c1 {font-size:28px;} .job01 .slide.active .c2 {line-height:30px;} .job01 .more {font-size:18px;} } @media(min-width:1200px) { .job01 {padding:45px 0 50px;} .job01 .list {margin-top:45px;} .job01 .t1 {font-size:40px;} .job01 .t2 {font-size:32px;} .job01 .slide {padding:17px 35px;margin-bottom:15px;} .job01 .c1 {font-size:20px;} .job01 .c2 {font-size:15px;line-height:26px;max-height:26px;} .job01 .slide.active {padding:34px 35px;} .job01 .slide.active .c1 {font-size:32px;} .job01 .slide.active .c2 {line-height:34px;} .job01 .more {font-size:20px;} } @media(min-width:1601px) { .job01 {padding:55px 0 60px;} .job01 .list {margin-top:55px;} .job01 .slide {padding:20px 50px;} .job01 .t1 {font-size:45px;} .job01 .t2 {font-size:36px;} .job01 .c1 {font-size:22px;} .job01 .slide.active {padding:40px 50px;} .job01 .slide.active .c1 {font-size:36px;} .job01 .more {font-size:22px;} } .job02 {padding:20px 0;position:relative;overflow:hidden;} .job02 .t1 {color:#3c3a3a;font-size:22px;font-weight:bold;} .job02 .title .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .job02 .title .more:hover {width:150px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .job02 .title .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} .job02 .list {margin-top: 25px;} .job02 .list a {line-height:45px;border-bottom:1px solid #dfdfdf;padding-left:15px;} .job02 .list a:first-child {border-top:1px solid #dfdfdf;} @media(min-width:768px) { .job02 {padding:30px 0 30px;} .job02 .t1 {font-size:28px;} .job02 .list {margin-top: 30px;} } @media(min-width:992px) { .job02 {padding:40px 0 40px;} .job02 .t1 {font-size:34px;} .job02 .list {margin-top: 40px;display:flex;flex-wrap:wrap;justify-content: space-between;} .job02 .list a {line-height:60px;flex:0 0 47%;max-width:47%;} .job02 .list a:nth-child(2) {border-top:1px solid #dfdfdf;} } @media(min-width:1200px) { .job02 {padding:55px 0 50px;} .job02 .t1 {font-size:40px;} .job02 .title .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;} .job02 .title .more:hover {width:180px;} .job02 .title .more:hover:before {font-size:18px;} .job02 .list {margin-top: 55px;} .job02 .list a {line-height:70px;} } @media(min-width:1601px) { .job02 {padding:70px 0 60px;} .job02 .t1 {font-size:45px;} .job02 .list {margin-top: 70px;} .job02 .list a {line-height:80px;} } .job03 {padding:20px 0 60px;overflow:hidden;position:relative;} .job03 .swiper-container {margin-top:15px;} .job03 .swiper-slide {text-align: center;padding:20px 0 25px;} .job03 .swiper-slide:nth-child(1) {background:#e6000f;} .job03 .swiper-slide:nth-child(2) {background: #de010e;} .job03 .swiper-slide:nth-child(3) {background: #de010e;} .job03 .swiper-slide:nth-child(4) {background: #d5030f;} .job03 .t1 {color:#2e2d2d;font-size:22px;font-weight:bold;} .job03 .t2 {color:#444141;font-size:18px;} .job03 i {color:#fff;font-size:36px;} .job03 .c1 {color:#fff;font-size:18px;} .job03 .c2 {color:rgba(255,255,255,.68);margin-top:5px;} @media(min-width:768px) { .job03 {padding:30px 0 70px;} .job03 .t1 {font-size:28px;} .job03 .t2 {font-size:24px;} .job03 i {font-size:50px;} .job03 .c1 {font-size:20px;} } @media(min-width:992px) { .job03 {padding:40px 0 80px;} .job03 .swiper-container {margin-top:30px;} .job03 .swiper-slide {padding:30px 0 45px;} .job03 .swiper-slide:nth-child(3) {background: #d5030f;} .job03 .swiper-slide:nth-child(4) {background: #c8010c;} .job03 .t1 {font-size:34px;} .job03 .t2 {font-size:28px;} .job03 i {font-size:58px;} .job03 .c1 {font-size:22px;} .job03 .c2 {margin-top:10px;} } @media(min-width:1200px) { .job03 {padding:50px 0 100px;} .job03 .swiper-container {margin-top:40px;} .job03 .swiper-slide {padding:40px 0 60px;} .job03 .t1 {font-size:40px;} .job03 .t2 {font-size:32px;} .job03 i {font-size:66px;} .job03 .c1 {font-size:24px;} .job03 .c2 {margin-top:15px;} } @media(min-width:1601px) { .job03 {padding:60px 0 120px;} .job03 .swiper-container {margin-top:60px;} .job03 .swiper-slide {padding:50px 0 75px;} .job03 .t1 {font-size:45px;} .job03 .t2 {font-size:36px;} .job03 i {font-size:72px;} .job03 .c1 {font-size:26px;} .job03 .c2 {margin-top:20px;} } .jijin01 {line-height:0;max-height:100vh;overflow:hidden;position:relative;} .jijin01 .play {cursor:pointer;color:rgba(255,255,255,.26);font-size:70px;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);} .jijin01 .play:hover {color:#fff;transition:.36s all linear;} .jijin01 .video .close {opacity:.7;color:#e6000f;font-size:35px;z-index:99;position: absolute;top:25px;right: 25px;} .jijin01 .video .close:hover {color:#e6000f!important;} /*.jijin01 #myVideo {width:768px;position:relative;left:50%;transform:translateX(-50%);position: relative; }*/ .jijin01 video {width:100%!important;height:auto!important;object-fit: fill;} .onvideoshow #myVideo {z-index: -1!important;} .onvideoshow .jijin01 .video {z-index:1!important;} .onvideoshow .jijin01 .play {display:none;} .onvideoshow .header {display: none;} @media(max-width:767px) { /*.jijin01 #myVideo {width:768px!important;}*/ } @media(min-width:768px) { .jijin01 .play {font-size:80px;} /*.jijin01 #myVideo {width:992px;}*/ } @media(min-width:992px) { .jijin01 .play {font-size:85px;} .jijin01 .video .close {font-size:50px;} /*.jijin01 #myVideo {width:1200px;}*/ } @media(min-width:1200px) { .jijin01 .play {font-size:95px;} .jijin01 .video .close {font-size:60px;} /*.jijin01 #myVideo {width:100%;}*/ } @media(min-width:1601px) { .jijin01 .play {font-size:105px;} .jijin01 .video .close {font-size:70px;} } .video_control {opacity:0;position: absolute; padding:25px;left:5%; right:5%; bottom: 0; margin-bottom:0; z-index: 100;} .video_control:after {content:'';position:absolute;left:50%;right:0;top:0;bottom:0;width:200%;transform:translateX(-50%);z-index:-1; } .video_control.show {opacity: 1;} .video_control:hover:after {background: rgba(0,0,0,.4);} .video_control .video_main{width: 236px; height: 48px; text-align: center; margin: auto; z-index: 101; position: relative;} .video_control #video_prev,.video_control #video_next{width: 31px; transition:all 0.4s; -webkit-transition:all 0.4s; height: 31px; display: inline-block; vertical-align: middle; opacity: 0.4;} .video_control #video_prev:hover,.video_control #video_next:hover{opacity: 1;} .video_control #video_prev{background: url(../images/video_prev.png) center center no-repeat;} .video_control #video_next{background: url(../images/video_next.png) center center no-repeat;} .video_control #video_play{width: 48px; height: 48px; background: url(../images/video_pasue.png) center center no-repeat; border: 2px #fff solid; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 30px;} .video_control .video_left{position: absolute; left: 0%; width: 50%; padding-right: 118px; height: 1px; margin: auto; top: 0; bottom: 0;} .video_control .video_right{position: absolute; right: 0%; width: 50%; padding-left: 118px; height: 1px; margin: auto; top: 0; bottom: 0;} .video_control .video_line{width: 100%; position: relative; height: 1px; background: #fff; opacity: 0.4; margin: auto; display: block;} .video_control #video_play.active{background: url(../images/video_play.png) center center no-repeat;} .video_control .process{position: absolute; left: 0; top: 0; background: #fff; width: 0; height: 1px; display: block;} .video_control .video_slide{position: relative;} .video_control .currentAngle{position: absolute; top: 25%; color: #fff; left: 0; width: 150px; display: inline-block;} .jijin02 {padding-bottom:25px;background:#c2030e url('../images/jijin02_bg.png') no-repeat bottom right;position:relative;overflow:hidden;} .jijin02 .title {padding:15px 0 25px;} .jijin02 .t1 {font-size:22px;font-weight: bold;} .jijin02 .t2 {font-size:16px;line-height:1.5;margin-top:10px;} .jijin02 #gallerySwiper .imgbox:after {padding-top:39%;} .jijin02 #gallerySwiper .imgbox img {width:100%;max-height:unset;} .jijin02 #gallerySwiper .imgbox:hover img {transform:translate(-50%,-50%);} .jijin02 #thumbsSwiper {margin-top:5px;overflow:visible;} .jijin02 #thumbsSwiper .imgbox:after {padding-top:58%;} .jijin02 #thumbsSwiper .imgbox img {height:100%;max-width:unset;} .jijin02 #thumbsSwiper .swiper-slide {cursor:pointer;} .jijin02 #thumbsSwiper .swiper-slide:hover .imgbox:before {background:rgba(0,0,0,.3);transition:.36s all linear;} .jijin02 #thumbsSwiper .swiper-slide .imgbox:before {content:'';position:absolute;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.7);transition:.36s all linear;} .jijin02 #thumbsSwiper .swiper-slide.active .imgbox:before {opacity:0;} .jijin02 .pagebtn {color:#e1b8ba;border:1px solid #e1dfdf;font-size:22px;font-family:'iconfont';height:35px;width:35px;line-height:35px;margin-right:10px;margin-top:10px;cursor:pointer;text-align:center;position:relative;display:inline-block;transition:.36s all linear;} .jijin02 .pagebtn:hover {background: #fff;border-color:#fff;transition:.36s all linear;} @media(max-width:767px) { .jijin02 .title {background: #fff;} } @media(min-width:768px) { .jijin02 {padding-bottom:35px;} .jijin02 .title {color:#fff;width:100%;padding:0;position:absolute;left:0;top:30px;z-index:3;} .jijin02 .t2 {width:50%;} } @media(min-width:992px) { .jijin02 {padding-bottom:45px;} .jijin02 .title {top:60px;} .jijin02 .t1 {font-size:38px;} .jijin02 .t2 {font-size:22px;margin-top:15px;} } @media(min-width:1200px) { .jijin02 {padding-bottom:60px;} .jijin02 .title {top:90px;} .jijin02 .t1 {font-size:44px;} .jijin02 .t2 {font-size:26px;margin-top:22px;} .jijin02 .pagebtn {font-size:27px;width:55px;height:55px;line-height:55px;margin-top:30px;} } @media(min-width:1601px) { .jijin02 {padding-bottom:70px;} .jijin02 .title {top:115px;} .jijin02 .t1 {font-size:50px;} .jijin02 .t2 {font-size:30px;margin-top:30px;} } .jijin03 {background:#edf1f8;padding:30px 0;} .jijin03 .t1 {color:#2d2b2b;font-size:22px;font-weight:bold;} .jijin03 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;margin-top:15px;text-align:center;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .jijin03 .more:hover {width:180px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .jijin03 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} .jijin03 .list {margin-top:15px;} .jijin03 .imgbox:after {padding-top:63%;} .jijin03 .c1 {color:#444141;font-size:16px;margin-top:15px;} @media(min-width:768px) { .jijin03 {padding:50px 0;} .jijin03 .t1 {font-size:30px;} .jijin03 .list {margin-top:20px;} } @media(min-width:992px) { .jijin03 {padding:70px 0;} .jijin03 .t1 {font-size:38px;} .jijin03 .list {margin-top:30px;} .jijin03 .c1 {font-size:20px;margin-top:25px;} } @media(min-width:1200px) { .jijin03 {padding:100px 0;} .jijin03 .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;} .jijin03 .more:hover:before {font-size:18px;} .jijin03 .t1 {font-size:44px;} .jijin03 .list {margin-top:40px;} .jijin03 .c1 {font-size:22px;margin-top:30px;} } @media(min-width:1601px) { .jijin03 {padding:130px 0;} .jijin03 .t1 {font-size:50px;} .jijin03 .list {margin-top:50px;} .jijin03 .c1 {font-size:26px;margin-top:40px;} } .jijinlist01 {padding:10px 0 30px;background:#edf1f8;} .jijinlist01 .slide {background:#fff;margin-bottom:20px;border:1px solid #eee;padding:15px;transition:.36s all linear;} .jijinlist01 .slide .imgbox:after {padding-top:65%;} .jijinlist01 .slide .imgbox img {height:100%;max-width:unset;} .jijinlist01 .slide .imgbox:hover img {transform:translate(-50%,-50%);} .jijinlist01 .slide .c1 {margin-top:15px;text-align:center;} .jijinlist01 .slide:hover {box-shadow: 0 0 15px 0 #999;transition:.36s all linear;} .jijinlist01 .slide .play {cursor:pointer;color:rgba(255,255,255,.7);font-size:35px;position:absolute;z-index:4;top:0;left:0;width:100%;height: 100%;display:flex;align-items:center;justify-content: center;} .jijinlist01 .play:hover {color:#fff;background:rgba(0,0,0,.3);transition:.36s all linear;} @media(min-width:992px) { .jijinlist01 {padding:20px 0 40px;} .jijinlist01 .slide {margin-bottom:25px;} .jijinlist01 .slide .play {font-size:48px;} } @media(min-width:1200px) { .jijinlist01 {padding:30px 0 60px;} .jijinlist01 .slide {margin-bottom:40px;padding:25px;} .jijinlist01 .slide .c1 {margin-top:20px;} .jijinlist01 .slide .play {font-size:54px;} } @media(min-width:1601px) { .jijinlist01 {padding:40px 0 80px;} .jijinlist01 .slide {margin-bottom:50px;padding:30px;} .jijinlist01 .slide .c1 {margin-top:25px;} .jijinlist01 .slide .play {font-size:60px;} } .video-shadow {display: none;position:fixed;z-index:99999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);} .video-panel {height:275px;width:365px;padding:5px;background:#f8f8f8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);} .video-shadow .close {font-size:1rem;font-weight:normal;position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:100px;height:40px;line-height:40px;border-radius:20px;background: #fff;text-align:center;} @media(min-width:768px) { .video-panel {height:362px;width:630px;} } @media(min-width:992px) { .video-panel {height:420px;width:730px;} } @media(min-width:1200px) { .video-panel {height:500px;width:870px;} } @media(min-width:1440px) { .video-panel {height:724px;width:1260px;} } .customer01 {padding:10px 0 30px;background:#edf1f8;} .customer01 .slide {background:#fff;margin-bottom:20px;border:1px solid #eee;padding:15px;transition:.36s all linear;} .customer01 .slide .imgbox:after {padding-top:45%;} .customer01 .slide .imgbox img {width:100%;max-height:unset;} .customer01 .slide .imgbox:hover img {transform:translate(-50%,-50%);} .customer01 .slide:hover {box-shadow: 0 0 15px 0 #999;transition:.36s all linear;} @media(min-width:992px) { .customer01 {padding:20px 0 40px;} .customer01 .slide {margin-bottom:25px;} } @media(min-width:1200px) { .customer01 {padding:30px 0 60px;} .customer01 .slide {margin-bottom:40px;padding:25px;} } @media(min-width:1601px) { .customer01 {padding:40px 0 80px;} .customer01 .slide {margin-bottom:50px;padding:30px;} } .ad01 {padding:10px 0 30px;position:relative;overflow:hidden;background:#edf1f8;} .ad01 .list .slide {background:#fff;line-height:45px;border-bottom:1px solid #dfdfdf;margin-bottom:5px;padding-left:15px;padding-right:15px;position:relative;} .ad01 .list .slide:first-child {border-top:1px solid #dfdfdf;} .ad01 .list .slide a {flex:1;display:block;position:relative;z-index:2;} .ad01 .list .slide .time {color:#aaa;position:relative;z-index:2;} .ad01 .list .slide:after {content:'';background: #f8f8f8;position:absolute;left:0;top:0;height:100%;width:0;transition:.36s all linear;} .ad01 .list .slide:hover:after {width:100%;transition:.36s all linear;} @media(min-width:768px) { .ad01 {padding:15px 0 35px;} } @media(min-width:992px) { .ad01 {padding:20px 0 45px;} .ad01 .list .slide {line-height:60px;} } @media(min-width:1200px) { .ad01 {padding:30px 0 65px;} .ad01 .list .slide {line-height:70px;padding:0 30px;margin-bottom:10px;} } @media(min-width:1601px) { .ad01 {padding:40px 0 95px;} .ad01 .list .slide {line-height:80px;padding:0 40px;} } .news01 {padding:0px;overflow:hidden;position:relative;} .news01 .first {border:1px solid #eee;padding:0px 15px 20px;margin-bottom:15px;margin-top:10px;transition:.36s all .2s;} .news01 .first:hover {box-shadow: 0 0 10px 0 #aaa;transition:.36s all .2s;} .news01 .first .t1 {color:#e6000f;font-size:16px;font-weight:bold;} .news01 .first .t2 {color:#444141;font-size:20px;line-height:30px;max-height:60px;overflow:hidden;margin-top:10px;} .news01 .first .t3 {color:#a09e9e;line-height:22px;max-height:66px;overflow:hidden;margin-top:10px;text-align:justify;} .news01 .first .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;border:1px solid #c1bfbf;margin-top:15px;text-align:center;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .news01 .first .more:hover {width:180px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .news01 .first .more:hover:before {content:'鏌ョ湅璇︽儏銆€';font-size:14px;transition:.36s all linear;} .news01 .first .imgbox:after {padding-top:65%;} .news01 .first .imgbox img {max-height:unset;width:100%;} .news01 .first .imgbox:hover img {transform:translate(-50%,-50%);transition: .36s all linear;} .news01 .slide {border:1px solid #eee;padding:20px 15px;margin-bottom:15px;transition:.36s all ease;} .news01 .c1 {color:#a2a4a7;margin-top:10px;} .news01 .c2 {color:#444141;font-size:16px;margin-top:5px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .news01 .c3 {color:#999;margin-top:15px;line-height: 22px;height:44px;overflow:hidden;text-align: justify;} .news01 .slide .imgbox:after {padding-top:60%;} .news01 .slide .imgbox img {max-height:unset;width:100%;transition: .2s all linear;} .news01 .slide:hover {box-shadow: 0 0 10px 0 #aaa;transition:.36s all .2s;} .news01 .slide:hover .imgbox img {transform:translate(-50%,-50%) scale(1.1);transition: .36s all linear;} .news01 .slide:hover .c2 {color:#e6000f;} @media(max-width:991px) { .news01 .first .txtbox {margin-top:20px;} } @media(min-width:768px) { .news01 .first .t2 {font-size:24px;line-height:36px;max-height:72px;} .news01 .slide {margin-bottom:20px;} } @media(min-width:992px) { .news01 .first {padding:30px 25px;margin-bottom:25px;margin-top:15px;} .news01 .first .txtbox {padding-right:30px;} .news01 .first .t1 {font-size:18px;} .news01 .first .t2 {font-size:28px;line-height:42px;max-height:84px;margin-top:15px;} .news01 .first .t3 {margin-top:15px;} .news01 .first .more {margin-top:30px;} .news01 .slide {margin-bottom:30px;padding:25px 20px;} .news01 .c1 {margin-top:15px;} .news01 .c2 {font-size:18px;} } @media(min-width:1200px) { .news01 {padding:0px;} .news01 .first {padding:45px 40px;margin-bottom:35px;margin-top:20px;} .news01 .first .txtbox {padding-right:40px;} .news01 .first .t1 {font-size:20px;} .news01 .first .t2 {font-size:32px;line-height:48px;max-height:96px;margin-top:20px;} .news01 .first .t3 {font-size:15px;margin-top:20px;} .news01 .first .more {margin-top:40px;width:55px;height:55px;line-height:55px;font-size:27px;} .news01 .first .more:hover:before {font-size:18px;} .news01 .title i {margin-top:25px;} .news01 .slide {margin-bottom:45px;padding:30px 25px;} .news01 .c1 {margin-top:20px;} .news01 .c2 {font-size:20px;} .news01 .c3 {font-size:14px;line-height: 26px;height:52px;} } @media(min-width:1601px) { .news01 .first {padding:55px 50px;margin-bottom:45px;} .news01 .first .txtbox {padding-right:50px;} .news01 .first .t1 {font-size:22px;} .news01 .first .t2 {font-size:36px;line-height:54px;max-height:108px;margin-top:25px;} .news01 .first .t3 {margin-top:25px;} .news01 .first .more {margin-top:50px;} .news01 .slide {margin-bottom:60px;padding:35px 30px;} .news01 .c1 {margin-top:25px;} .news01 .c2 {font-size:22px;} .news01 .c3 {font-size:15px;line-height: 28px;height:56px;} } .newsinfo {padding:20px 0 30px;text-align: justify;border-bottom: 1px solid #eee;} .newsinfo01 .title {margin-bottom:20px;padding-bottom: 15px;} .newsinfo01 .t1 {color:#343434;font-size:18px;} .newsinfo01 .t2 {color:#7a7a7a;} .newsinfo01 .content {line-height: 24px;padding:0px 0px 20px;min-height:30vh;} .newsinfo01 .content img {height:unset!important;max-width:100%!important;} .newsinfo01 .content iframe {background:none;max-width:100%!important;} .newsinfo01 .content table {background:none;width:100%!important;max-width:100%!important;} .newsinfo01 .video {width:800px;max-width:100%;height:300px;margin:0 auto;} .newsinfo01 .video .jw-controlbar {width:100%;} @media(min-width:768px) { } @media(min-width:992px) { .newsinfo01 .t1 {font-size:20px;} .newsinfo01 .video {height:350px;} } @media(min-width:1200px) { .newsinfo {background:#edf1f8;padding:25px 0 45px;} .newsinfo .container {max-width:1000px;padding:30px;background:#fff;border:1px solid #eee;} .newsinfo01 .title {margin-bottom:30px;} .newsinfo01 .content {line-height: 32px;padding:0 0px 30px;} .newsinfo01 .t1 {font-size:22px;} .newsinfo01 .t2 {font-size:14px;} .newsinfo01 .video {height:450px;} } @media(min-width:1440px) { } @media(min-width:1601px) { .newsinfo {padding:30px 0 60px;} .newsinfo01 .t1 {font-size:26px;} .newsinfo01 .content {line-height: 36px;padding:0 0px 70px;} } .message01 {padding:0 15px 30px;overflow:hidden;} .message01 .main .slide {background:#fff;border:1px solid #cfcfcf;line-height:35px;margin-bottom:10px;white-space:nowrap;} .message01 .main .slide input {width:90%;} .message01 .main .slide textarea {width:90%;font-size:14px;line-height: 24px;height:92px;padding-top:7px;} .message01 .main .submit {color:#fff;background:#e6000f;border-radius: 0;display:block;text-align:center;width:245px;/*height:35px;line-height: 35px;*/} .message01 .main .submit .btn2 {padding:0;border:none;border-radius: 0;background:#e6000f; } .message01 .main .submit .btn-inner {transition:.36s all linear;} .message01 .main .submit .btn-inner i {right:-10px;} .message01 .main .submit .btn-inner i:before {content:'';opacity:0;} @media(min-width:768px) { .message01 .main .slide {line-height:40px;} } @media(min-width:992px) { .message01 .main .slide {line-height:45px;margin-bottom:15px;} .message01 .main .slide:hover {border-color:#e6000f;} .message01 .main .submit {font-size:16px;transition:.36s all;} .message01 .main .submit:hover {background: #d21200;transition:.36s all;} } @media(min-width:1200px) { .message01 {padding:0 15px 50px;} .message01 .main {padding-left: 40px;} .message01 .main .slide {line-height:50px;} .message01 .main .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:11px;} } @media(min-width:1601px) { .message01 {padding:0 15px 60px;} .message01 .main .slide {line-height:55px;} .message01 .main .slide textarea {font-size:16px;line-height: 30px;height:120px;padding-top:13px;} .message01 .main .submit {font-size:18px;} } .contact01 {padding:0 15px 30px;} .contact01 .content {display:flex;flex-wrap:wrap;justify-content: space-between;} .contact01 .slide {padding:10px 0;flex:0 0 40%;max-width:45%;} .contact01 .slide i {color:#e6000f;font-size:30px;} /*.contact01 .slide:hover i {animation:swing .5s inherit;}*/ .contact01 .c1 {color:#48494b;margin-top:5px;} .contact01 .c2 {color:#262122;font-size:18px;} .contact01 .c3 {color:#797a7b;} #dituContent {height:300px;margin-top:25px;} @media(min-width:768px) { /* .contact01 .content {display:flex;flex-wrap:wrap;justify-content: space-between;} .contact01 .slide {flex:0 0 40%;max-width:45%;}*/ } @media(min-width:992px) { .contact01 .slide {padding:30px 0;} .contact01 .slide i {font-size:36px;} .contact01 .c1 {margin-top:10px;} .contact01 .c2 {font-size:22px;margin-top:10px;} .contact01 .c3 {margin-top:10px;} } @media(min-width:1200px) { .contact01 {padding:0 15px 50px;} .contact01 .slide {padding:45px 0;flex:0 0 20%;max-width:25%;} .contact01 .slide i {font-size:45px;} .contact01 .c1 {margin-top:15px;} .contact01 .c2 {font-size:26px;margin-top:15px;} .contact01 .c3 {font-size:15px;margin-top:15px;} #dituContent {height:500px;margin-top:40px;} } @media(min-width:1601px) { .contact01 {padding:0 15px 60px;} .contact01 .slide {padding:60px 0;} .contact01 .slide i {font-size:55px;} .contact01 .c1 {margin-top:20px;} .contact01 .c2 {font-size:30px;margin-top:25px;} #dituContent {height:700px;} } .contact02 {padding:30px 0;position:relative;overflow:hidden;} .contact02 .t1 {color:#3c3a3a;font-size:22px;font-weight:bold;} .contact02 .more {color:#cecccc;width:40px;height:40px;line-height:40px;font-size:20px;font-family:'iconfont';border:1px solid #c1bfbf;display: flex; align-items: center;justify-content: center;white-space:nowrap;overflow:hidden;transition:.36s all linear;} .contact02 .more:hover {width:150px;background: #e6000f;color:#fff;border-color:#e6000f;transition:.36s all linear;} .contact02 .more:hover:before {content:'鏌ョ湅鏇村銆€';font-size:14px;transition:.36s all linear;} .contact02 .list {margin-top: 25px;} .contact02 .list a {line-height:45px;border-bottom:1px solid #dfdfdf;padding-left:15px;display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .contact02 .list a:first-child {border-top:1px solid #dfdfdf;} @media(min-width:768px) { .contact02 {padding:45px 0 65px;} .contact02 .t1 {font-size:28px;} .contact02 .list {margin-top: 30px;} } @media(min-width:992px) { .contact02 {padding:55px 0 85px;} .contact02 .t1 {font-size:32px;} .contact02 .list {margin-top: 40px;display:flex;flex-wrap:wrap;justify-content: space-between;} .contact02 .list a {line-height:60px;flex:0 0 47%;max-width:47%;} .contact02 .list a:nth-child(2) {border-top:1px solid #dfdfdf;} } @media(min-width:1200px) { .contact02 {padding:80px 0 120px;} .contact02 .t1 {font-size:36px;} .contact02 .more {width:55px;height:55px;line-height:55px;font-size:27px;} .contact02 .more:hover {width:180px;} .contact02 .more:hover:before {font-size:18px;} .contact02 .list {margin-top: 55px;} .contact02 .list a {line-height:70px;} } @media(min-width:1601px) { .contact02 {padding:110px 0 160px;} .contact02 .t1 {font-size:40px;} .contact02 .list {margin-top: 70px;} .contact02 .list a {line-height:80px;} } .contact03 {background:#eef1f8;padding:30px 15px 60px;overflow:hidden;} .contact03 .t1 {color:#3c3a3a;font-size:22px;font-weight: bold;} .contact03 .content {margin-top:20px;} .contact03 .slide {color:#9d9c9c;background:#fff;border:1px solid #e5e5e5;line-height:35px;margin-bottom:10px;white-space:nowrap;} .contact03 .slide input {width:84%;} .contact03 .slide textarea {width:90%;font-size:14px;line-height: 24px;height:92px;padding-top:7px;} .contact03 .submit {color:#fff;background:#e6000f;display:block;text-align:center;border-radius:0;height:35px;line-height: 2;} .contact03 .submit .btn2 {padding:0;border:none;border-radius: 0;background:#e6000f; } .contact03 .submit .btn-inner {transition:.36s all linear;} .contact03 .submit .btn-inner i {right:-10px!important;} .contact03 .submit .btn-inner i:before {content:'';opacity:0;} @media(min-width:768px) { .contact03 .slide {line-height:40px;} .contact03 .t1 {font-size:28px;} } @media(min-width:992px) { .contact03 {padding:45px 15px 90px;} .contact03 .t1 {font-size:32px;} .contact03 .content {margin-top:30px;} .contact03 .slide {line-height:45px;margin-bottom:15px;} .contact03 .slide:hover {border-color:#e6000f;} .contact03 .submit {font-size:16px;height:45px;transition:.36s all;} .contact03 .submit:hover {background: #e6000f;transition:.36s all;} } @media(min-width:1200px) { .contact03 {padding:60px 15px 120px;} .contact03 .t1 {font-size:36px;} .contact03 .content {margin-top:40px;} .contact03 .slide {line-height:50px;margin-bottom:25px;} .contact03 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:11px;} .contact03 .submit {height:50px;} } @media(min-width:1601px) { .contact03 {padding:100px 15px 150px;} .contact03 .t1 {font-size:40px;} .contact03 .content {margin-top:50px;} .contact03 .slide {line-height:55px;margin-bottom:35px;} .contact03 .slide textarea {font-size:16px;line-height: 30px;height:120px;padding-top:13px;} .contact03 .submit {font-size:18px;height:55px;} } .footer {color:#a6a5a5;background:#282828 url(../images/f_bg.jpg) no-repeat center;background-size:cover;line-height: 22px;position:relative;padding-top:30px;margin-bottom:-24px;} .footer .t1 {color:#fff;font-size:14px;font-weight: bold;white-space: nowrap;} .footer .list ul {margin-top:40px;} .footer .list ul li {margin-bottom:10px;} .footer .list ul a {color:rgba(255,255,255,.3);} .footer .list ul a:hover {color:#fff;} .footer .bottom {color:rgba(255,255,255,.63);margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding:10px 0;} @media(max-width:991px) { .footer .ewm img {width:100px;} } @media(max-width:767px) { .footer .rightbox {margin-top:20px;} } @media(min-width:992px) { .footer {line-height: 24px;padding-top:65px;} .footer .leftbox {flex:0 0 80%;max-width: 80%;} .footer .t1 {font-size:16px;} .footer .rightbox {flex:0 0 20%;max-width: 20%;text-align: right;} .footer .ewm {margin-top:50px;} .footer .ewm img {margin-bottom:10px;} .footer .bottom {margin-top:30px;} } @media(min-width:1200px) { .footer {font-size:14px;line-height: 26px;padding-top:85px;} .footer .t1 {font-size:18px;} .footer .list ul {font-size:15px;} .footer .ewm {margin-top:70px;} .footer .bottom {font-size:14px;margin-top:50px;padding:15px 0;} } @media(min-width:1601px) { .footer {line-height: 28px;padding-top:105px;} .footer .t1 {font-size:20px;} .footer .ewm {margin-top:100px;} .footer .bottom {margin-top:70px;} } .footer-bar {height:70px;transition:.36s all;} .footer-bar .list {color:#fff;background:#e6000f;display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:999;} .footer-bar .slide {flex:1;text-align: center;line-height: 30px;} .footer-bar .slide:hover {color:#fff;/*opacity:.6;*/} .footer-bar .slide i {display:block;font-size:25px;padding-top:10px;} @media(max-width:991px) { .footer-bar.hide {display:none;} } .ad {width:550px;max-width:100%;display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99999;} .ad .close {opacity: 1;color:#fff;background:#e6000f;width:24px;height:24px;font-weight:normal;text-align:center;border-radius:50%;position: absolute;right: 10px;top: 10px;z-index:99999;font-family: '瀹嬩綋';} .ad-panel {text-align: center;} .ad-content {color:#fff;left: 50%;top: 45%;transform: translateX(-50%);} .ad-content .a1 {font-size:18px;letter-spacing: 5px;} .ad-content .a2 {font-size:45px;margin:10px 0;font-weight:bold;} .ad-content .a3 {font-size:16px;border:1px solid rgba(255,255,255,.2);margin:0 auto;width:135px;height:40px;line-height:40px;} .ad-content .a3 a {display:block;transition:.36s all linear;} .ad-content .a3 a:hover {color:#e6000f;background:#fff;transition:.36s all linear;/*border:none;border-radius: 0;*/} /*.ad-content .bgsqr1,.ad-content .bgsqr2 {background: #333;}*/ @media(max-width:767px) { .ad-content .a1 {font-size:15px;} .ad-content .a2 {font-size:30px;margin: 5px 0;} .ad-content .a3 {height:35px;line-height:35px;} }