@charset "utf-8"; body { width: 100%; overflow: hidden; } * { box-sizing: border-box; } a,img { vertical-align: top; } i,em { font-style: normal; } .mainMore { position: relative; transition: all 0.6s; border:1px solid #fff; font-size: 16px;color:#fff; padding: 12px 20px; border-radius: 60px; line-height: 22px; display: inline-block; position: relative; overflow: hidden; } .mainMoreC { border:1px solid #f87f06; background: #f87f06; } .mainMore:after { content:''; position: absolute; top:0; width: 100%; height: 100%; background: #f87f06; left:-100%; transition: all 0.3s; } .mainMoreC:after { background: #00aeeb; border-color:#00aeeb; } .mainMore:hover:after { left:0; } .mainMore span { position: relative; z-index: 5; } .mainMore span.icon { transition: all 0.6s; display: inline-block; width: 72px; height: 24px; background: url(../images/morebg.png) no-repeat right center; vertical-align: top; } .mainMoreB span.icon { background: url(../images/morebg2.png) no-repeat right center; } .mainMoreB { border-color:#a1a1a1; color:#666666; } .mainMoreA { background: rgba(255,255,255,0.1); } .mainMore:hover span.icon,.mainMoreB:hover span.icon { background: url(../images/morebg.png) no-repeat right center; } .mainMore:hover { color:#fff; border-color:#f87f06; } .mainMoreC:hover { border-color:#00aeeb; } .alignC { text-align: center; } .alignC .c { text-align: center!important; } .container { width: 73%; margin: 0 auto; } @media(max-width: 1480px){ .container { width: 80%; } .mainMore span.icon { width: 60px; } } @media(max-width: 1280px){ .mainMore { padding:6px 12px; } .mainMore span.icon { width: 46px; } .container { width: 94%; } } @media(max-width: 600px){ } .relative { position: relative; } .absolute { position: absolute; top:50%; transform: translateY(-50%); } @media(max-width: 1024px){ .absolute { top:0; transform: translateY(0); position: relative; } } /*banner*/ .banner img.pic1 {display: block;width: 100%;} .banner img.pic2 {display: none;} .ibannerImg { overflow: hidden;} .banner .swiper-slide { overflow: hidden;} .banner .swiper-slide-active .pcbg,.ibannerImg img {-webkit-animation:fa1 5s linear 1; } @-webkit-keyframes fa{ 0%{-webkit-transform:scale(1.1);} 5%{-webkit-transform:scale(1.09);} 10%{-webkit-transform:scale(1.08);} 15%{-webkit-transform:scale(1.07);} 20%{-webkit-transform:scale(1.06);} 25%{-webkit-transform:scale(1.05);} 30%{-webkit-transform:scale(1.04);} 35%{-webkit-transform:scale(1.03);} 40%{-webkit-transform:scale(1.02);} 45%{-webkit-transform:scale(1.01);} 50%{-webkit-transform:scale(1.0);} 55%{-webkit-transform:scale(1.01);} 60%{-webkit-transform:scale(1.02);} 65%{-webkit-transform:scale(1.03);} 70%{-webkit-transform:scale(1.04);} 75%{-webkit-transform:scale(1.05);} 80%{-webkit-transform:scale(1.06);} 85%{-webkit-transform:scale(1.07);} 90%{-webkit-transform:scale(1.08);} 95%{-webkit-transform:scale(1.09);} 100%{-webkit-transform:scale(1.1);} } @-webkit-keyframes fa1{ 0%{-webkit-transform:scale(1.1);} 10%{-webkit-transform:scale(1.09);} 20%{-webkit-transform:scale(1.08);} 30%{-webkit-transform:scale(1.07);} 40%{-webkit-transform:scale(1.06);} 50%{-webkit-transform:scale(1.05);} 60%{-webkit-transform:scale(1.04);} 70%{-webkit-transform:scale(1.03);} 80%{-webkit-transform:scale(1.02);} 90%{-webkit-transform:scale(1.01);} 100%{-webkit-transform:scale(1.0);} } .banner .swiper-pagination {bottom: 0;opacity: 0;position: absolute;} .banner .swiper-container-top .swiper-wrapper .swiper-slide {position: relative;display: inline-block;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .z {position: absolute;right: 15%;top: 35%;left: auto;bottom: auto;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .z .za {color: #c30d22;font-size: 46px;margin-bottom: 15px;font-weight: bold;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .z .zb {font-size: 20px;color: #c30d22;text-transform: uppercase;margin-bottom: 33px;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .z a {border: 1px solid #c30d22;border-radius: 50px;padding: 18px 40px;display: inline-block;color: #c30d22;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .z a img {margin-left: 15px;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .za .za {color: #ffffff;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .za .zb {color: #ffffff;} .banner .swiper-container-top .swiper-wrapper .swiper-slide .za a {border: 1px solid #ffffff;color: #ffffff;} .banner .swiper-container-top {position: relative;} .banner .swiper-slide .con {position: absolute;width: 100%;left: 0; text-align: left; top:52%; transform: translateY(-50%); } .banner .swiper-slide .con .t { font-size: 2.86vw; line-height: 1.2; color: #ffffff; margin: 0px 0 10px; } .banner .swiper-slide .con .c { font-weight: bold; line-height: 1.2; display: block; font-size: 2.86vw;color: #ffffff; margin-bottom: 3vw;} .banner .swiper-button-next, .banner .swiper-button-prev {z-index: 100;position: absolute;left: auto;bottom: 8%;top: auto;right: auto;width: 52px;height: 52px;z-index: 1001;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.65);transition: all 0.6s;} .banner .swiper-button-next {background: url(../images/qhnext.png) no-repeat center;} .banner .swiper-button-prev {background: url(../images/qhprev.png) no-repeat center;} .banner .swiper-button-next:hover {border-color: #1c9e3b;background: url(../images/qhnext.png) no-repeat center #1c9e3b;} .banner .swiper-button-prev:hover {border-color: #1c9e3b;background: url(../images/qhprev.png) no-repeat center #1c9e3b;} .banner .swiper-button-next {left: calc(8.33333% + 70px);} .banner .swiper-button-prev {left: 8.3333%;} .ssss { z-index: 1000;position: absolute;bottom: 4vw;left: 0;width: 100%; text-align: right;} .sss {cursor: pointer;display: inline-block;position: relative;width: 40px;height: 40px;} .ssss .sss:after {content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background: #fff;border-radius: 100%;box-sizing: border-box;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: background 0.3s ease;transition: background 0.3s ease;} .sss .circle {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .sss .circle i {position: relative;float: left;width: 50%;height: 100%;overflow: hidden;} .sss .circle i::before {content: '';position: absolute;width: 200%;right: 0;top: 0;bottom: 0;border: 1px solid #fff;border-radius: 100%;box-sizing: border-box;clip: rect(0, 40px, 40px, 20px);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} .sss .circle i:first-child::before {left: 0;right: auto;clip: rect(0px, 20px, 40px, 0px);} .sss.sss-active::before {background: #ff5a2b;} .sss.sss-active .circle i::before { -webkit-animation: circleR 5000ms linear both; animation: circleR 5000ms linear both; } .sss.sss-active .circle i:first-child::before { -webkit-animation-name: circleL; animation-name: circleL; } @-webkit-keyframes circleL { 0%, 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes circleR { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes circleL { 0%, 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes circleR { 0% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .bannerScroll { position: absolute; right:60px; width: 20px; text-align: center; bottom:0px; z-index: 10; } .bannerScroll p { font-size: 12px;color:#fff; } .bannerScroll span { display:block;width: 1px;height: 60px;background: rgba(255,255,255,0.15); margin:12px auto 0; position: relative; } .bannerScroll span:after { content:'';width: 3px;height: 17px;background: #fff; border-radius: 1px; position: absolute; top:0; left:-1px; } .bannerScroll span:after{-webkit-animation:haha1 2s linear infinite;} @-webkit-keyframes haha1{ 0%{top:0; opacity: 1;} 25%{top:25%; opacity: 0.75;} 50%{top:50%; opacity: 0.5;} 75%{top:75%; opacity: 0.25;} 100%{top:100%; opacity: 0;} } .ibanner .pic2 { display: none; } .ibannerImgm { height: 30vw; overflow: hidden; } .ibanner { position: relative; } .ibannerCon { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); text-align: left; } .ibannerCon .t { font-size: 18px;color:#ffffff; } .ibannerCon .c { font-size: 2.86vw;color:#ffffff; line-height: 1.4; } .ibannerCon .c b { display: block; } @media(max-width: 1480px){ .banner .swiper-slide .con .c { margin-bottom: 20px; } } @media(max-width: 1280px){ .ibannerCon .t { font-size: 16px; } } @media(max-width: 1100px){ .bannerScroll { right:3%; } } @media(max-width: 1024px){ .ibanner .pic1 { display: none; } .ibanner .pic2 { display: inline-block; } .ibannerImgm { height: auto; overflow: hidden; } .ibannerCon .t { font-size: 16px; } .ibannerCon .c { font-size: 32px; } .banner .swiper-slide .con .c { font-size: 24px; } .banner .swiper-slide .con .t { font-size: 24px; } .sss { width: 30px;height: 30px;} .sss .circle i::before { clip: rect(0, 30px, 30px, 15px);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} .sss .circle i:first-child::before {left: 0;right: auto;clip: rect(0px, 15px, 30px, 0px);} } @media(max-width: 600px){ /*.ibannerCon { text-align: left; top:auto;transform: translateY(0); bottom: 20px; }*/ .ibannerCon .t { font-size: 18px; } .ibannerCon .c { font-size: 24px; } .banner .swiper-slide .con,.ssss { bottom: 30px;} } @media(max-width: 450px){ .ibannerCon .t { font-size: 16px; } .ibannerCon .c { font-size: 22px; } } @media(max-width: 400px){ .ibannerCon .c { font-size: 20px; } } /*棣栭〉*/ .topHeader { padding: 0 60px; width: 100%; left: 0; position: fixed; transition: all 0.6s; top:0; z-index: 10;border-bottom:1px solid rgba(255,255,255,0.2); } .fixed-head.topHeader,.fixed-headA.topHeader { position: fixed; left:0; top:0; background: #fff; } .header .logo img { height: 36px; } .header .logo img.pic2 { display: none; } .fixed-head .header .logo img.pic1,.fixed-headA .header .logo img.pic1 { display: none; } .fixed-head .header .logo img.pic2,.fixed-headA .header .logo img.pic2 { display: inline-block; } .fixed-head.topHeader .header,.fixed-headA.topHeader .header { padding:0; } .topHeader .logo {padding-top: 12px; float: left; } .topNav-a { float: right;padding-left: 20px; padding-top: 19px; width: 124px; background: url(../images/global.png) no-repeat left center; } .topNav-a dl {position: relative;} .topNav-a dl dt {color: #333333;font-size: 15px;padding: 3px 0 23px 0; } .topNav-a dl dt:before {position: absolute;content: "";top: 28%;transform: translateY(-50%);right: 0;width: 10px;height: 5px;background: url(../images/dta.png) no-repeat right center;} .fixed-head .topNav-a dl dd,.fixed-headA .topNav-a dl dd,.nobannerNav .topNav-a dl dd {background: #f4f5f5;} .topNav-a dl dd {display: none;font-size: 16px;color: #000000;position: absolute;background: #ffffff;top: 31px;width: 144px;border-radius: 6px;padding: 15px 0 5px;text-align: center;left: -30px;} .topNav-a dl dd .eee {margin-bottom: 10px;} .topNav-a dl dd .eee a {font-size: 16px;color: #333333;} .topNav-a dl dd .eee.cur a {color: #182b57;} .topNav-a dl dd .eee a:hover {color: #1c9e3b;} .topNav-a dl:hover dd {display: block;} .headerA .nav { float: right; } .topSear { position: absolute; right:60px; top: 15px; float: right; } .topSear form { position: relative; } .topSear form .inp { transition: all 0.6s; color:#fff; padding-left:10px; width: 130px; border:none; background: rgba(255,255,255,0.3); border-radius: 50px; height: 30px; } .topSear form .sub { width: 40px; height: 30px; background: url(../images/seara.png) no-repeat center; position: absolute; top:0; right:0; border:none; font-size: 0; } .topSear form:hover .inp { width: 200px; } .fixed-head .topSear form .inp,.fixed-headA .topSear form .inp { color:#333; background: rgba(0,0,0,0.1); } .fixed-head .topSear form .sub,.fixed-headA .topSear form .sub { background: url(../images/searb.png) no-repeat center; } .navL { float: left; margin-left: 60px; } .navR { display: none; float: left; cursor: pointer; } .navR .search,.navR .menu { float: left; } .navR .search a { display: block; width: 40px; height: 40px; background: url(../images/search.png) no-repeat center; } .navL ul li { float: left; padding: 0 16px; } .navL>ul>li>a { position: relative; display: block; font-weight: bold; line-height: 66px; font-size: 16px;color:#fff; } .navL>ul>li>a:after { content:''; width: 0; height: 2px; background: #fff; position: absolute; bottom:-1px; left:50%; transform: translateX(-50%); transition: all 0.5s; } .navL>ul>li:hover>a:after,.navL>ul>li.cur>a:after { width: 100%; } .navL>ul>li:hover>a,.navL>ul>li.cur>a { color:#fff; } .fixed-head .navL>ul>li>a { color:#333333; } .fixed-head .navL>ul>li>a:after { background: #00aeeb; } .fixed-head .navL>ul>li:hover>a,.fixed-head .navL>ul>li.cur>a { color:#00aeeb; } .fixed-headA .navL>ul>li>a { color:#333333; } .fixed-headA .navL>ul>li>a:after { background: #00aeeb; } .fixed-headA .navL>ul>li:hover>a,.fixed-headA .navL>ul>li.cur>a { color:#00aeeb; } @media(max-width: 1480px){ .navR { margin-left: 20px; } .topHeader { padding: 0 40px; } .navL { margin-left:20px; } .topNav-a { padding-top: 15px; } .topNav-a dl dt {padding-bottom: 20px; } .topSear { right: 40px; } } @media(max-width: 1280px){ .topNav-a { margin-left: 0; } .topHeader { padding: 0 10px 0 20px; } } @media(max-width: 1180px){ } @media(max-width: 1024px){ .topSear { display: none; } .topCon { margin-right: 5px;} .topHeader { padding: 0 3%; } .navL,.topNav-a { display: none; } .topHeader .logo img { width: 100px; height: auto; } .topHeader .logo { padding:10px 0; } .navR { float: right; font-size: 0; height: 48px; } .navR { display: block;} } /*棣栭〉鍐呭*/ /* wolf */ .mainTit .et { font-size: 16px;text-transform: uppercase; color:#333; } .mainTit .et span { display: inline-block; position: relative; padding-left:75px;} .mainTit .t { font-weight: normal; font-size: 2.5vw; color:#222222; line-height: 1.2; font-weight: normal; } .mainTit .c { font-size: 16px; color:#666666; line-height: 1.5; } .mainTit .et span:after { content:''; width: 62px; height: 2px; background: #999; position: absolute; left:0; margin-top: -1px; top:50%;} .alignC { text-align: center;} .colorBlack { color: #222222!important; } .colorYellow { color: #ed7700!important; } .colorWhite { color: #ffffff!important; } .mainTit .et.colorBlue span:after { background: #b2b8c7;} .mainTit .et.colorWhite span:after { background: rgba(255,255,255,0.3);} .smallMore { font-size: 16px; color:#fff; display: inline-block; padding-right: 20px; background: url(../images/hajt.png) no-repeat right center; transition: all 0.5s; } .smallMore:hover { color:#ed7700; padding-right: 26px; } @media(max-width: 1780px){ } @media(max-width: 1680px){ .mainTit .et span { padding-left: 68px;} .mainTit .et span:after { width: 58px;} } @media(max-width: 1480px){ .mainTit .et span { padding-left: 60px;} .mainTit .et span:after { width: 50px;} } @media(max-width: 1280px){ .mainTit .et span { padding-left: 50px;} .mainTit .et span:after { width: 40px;} } @media(max-width: 1024px){ .mainTit .t { font-size: 28px;} .mainTit .et span { padding-left: 40px;} .mainTit .et span:after { width: 30px;} } @media(max-width: 640px){ .mainTit .t { font-size: 24px;} } @media(max-width: 400px){ .mainTit .t { font-size: 22px;} } @media(max-width: 360px){ .mainTit .t { font-size: 20px;} } /*缃戠珯搴曢儴鏍峰紡*/ .footer { background: #f8f8f8; padding:4vw 0 0; } .footerA { padding: 0 0 4vw; } .footerA-a { padding-right: 30px; float: left; width: 32%; } .footer .flogo img { height: 48px; } .footerA-a .c { margin: 20px 0 40px; font-size: 13px;color:#666666; line-height: 1.5; } .footerA-a .c p { margin: 8px 0; } .footerA-a .con { margin-top: 20px; display: inline-block; max-width: 100%; } .footerA-a .con .tabTit { border-bottom:1px solid #dddddd; } .footerA-a .con .tabTit span { position: relative; font-size: 14px;color:#555555; display: inline-block; margin-right:30px; padding-bottom: 16px; } .footerA-a .con .tabTit span.cur:after{ content: ''; width: 100%; height: 1px; background: #000000; position: absolute; left:0; bottom:-1px; } .footerA-a .con .tabTit span.cur { color:#000; } .footerA-b .ttt { font-size: 13px;color:#999999; } .footerA-b dl dd { float: left; position: relative; margin-right: 15px; } .footerA-b dl dd .icon { background: rgba(200,200,200,0.1); border-radius: 50%; } .footerA-b dl .ewm { display: none; position: absolute; left:50%; width: 200px; transform: translateX(-50%); bottom: 46px; } .footerA-b dl dd:hover .ewm { display: block;} .footerA-b dl { margin-top: 10px; } .footerA-b dl dd .icon:hover { background: rgba(200,200,200,0.5); } .footerA-c { padding-top: 60px; float: left; width: 17%; } .footerA-c ul { border-left: 1px solid #ccc;} .footerA-c ul li a { line-height: 2; margin:0; padding: 0px 0 0px 24px; } .footerA-c ul li:nth-child(n+2) { margin-top: 36px;} .footerA-c ul li a {position: relative; display: block; font-size: 16px; color:#999999; } .footerA-c ul li a:after { content:''; width: 2px; height: 0; position: absolute; left:-1px; top:0; background: #000; transition: all 0.6s; } .footerA-c ul li:hover a:after { height: 100%; } .footerA-c ul li:hover a { color:#333; } .footerA-d { position: relative; float: right; width: 50%; } .footerA-d .foAdd { cursor: pointer; position: absolute; transform: translate(-50%, -50%);/* width: 18px; height: 24px;*/ width: 12px;height: 15px;} .footerA-d .foAdd .icon {background: url(../images/foadd.svg) no-repeat center/cover; background-size: 100% auto; /*background: url(../images/foaddbg.svg) no-repeat center/cover; background-size: 100% auto;*//* width: 18px; height: 24px; */width: 12px;height: 15px;} .footerA-d .foAdd .icon:hover { background: url(../images/foadd.svg) no-repeat center/cover; background-size: 100% auto; } .footerA-d .foAdd .con { display: none; width: 180px; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; padding:12px; border-radius: 4px; border:1px solid #ededed; } .footerA-d .foAdd .con .t { font-size: 18px;color:#333; } .footerA-d .foAdd .con .c { font-size: 16px; margin-top: 0px; color:#666; } .footerA-d .foAdd:hover .con { display: block; } @media(max-width: 1280px){ .footerA-c ul li:nth-child(n+2) { margin-top: 20px; } } @media(max-width: 1024px){ .footerA-a { width: 100%; padding-right:0; } .footerA-c { display: none; } .footerA-a .c { margin: 10px 0 20px;} .footerA-d { width: 100%; } .footerA-a .con .tabTit span { margin-right: 20px; } } @media(max-width: 500px){ .footerA-a .con .tabTit span { margin-right: 14px; } } .footerB { background: #fff; } .footerB-a { padding: 16px 0; } .footerB-a .copyright { float: left; } .footerB-a p,.footerB-a,.footerB-a a { font-size: 14px;color:#999999; } .footerB-b { float: right;} @media(max-width: 1280px){ .footerB { padding:0 3%; } } @media(max-width: 1024px){ .footerB-a .copyright,.footerB-b { width: 100%; text-align: center; } .footerB-a .copyright { margin-bottom: 2px; } .footer { padding:30px 0 0; } } .bg {position: fixed;top: 0;z-index: 999999999;display: none;width: 100%;height: 100%;background: #28282a;} .bg .bga {padding: 30px 43px 0 41px;} .bg .bga .logo {width: 115px;height: auto;float: left;} .bg .bga .e { cursor: pointer; background: url(../images/x.png) no-repeat center;width: 19px;height: 19px;float: right;margin-top: 14px;} .bg .bgb {margin-top: 180px;width: 100%;position: fixed;left: 50%;transform: translateX(-50%);text-align: center;} .bg .bgb .indes {display: inline-block;} .bg .bgb dl {float: left;margin-right: 60px;text-align: left;} .bg .bgb dl:last-child {margin-right: 0;} .bg .bgb dl dt {margin-bottom: 19px;} .bg .bgb dl dt a {color: #fff;} .bg .bgb dl dd {margin-bottom: 12px;} .bg .bgb dl dd:last-child {margin-bottom: 0;} .bg .bgb dl dd a {color: #8f8f8f;} .bgc {position: absolute;bottom: 0;width: 100%;border-top: 1px solid #3e3e40;padding: 0 28px 0 28px;} .bgc .bgca {float: left;padding: 28px 0 29px;} .bgc .bgca .bgca1 {float: left;position: relative;padding-left: 20px;} .bgc .bgca .bgca1:before {position: absolute;content: "";left: 0;top: 2px;width: 13px;height: 16px;background: url(../images/dw.png) no-repeat center;} .bgc .bgca .bgca1a {margin-left: 38px;} .bgc .bgca .bgca1a:before {position: absolute;content: "";left: 0;top: 2px;width: 15px;background: url(../images/dha.png) no-repeat center;} .bgc .bgca .bgca1b {margin-left: 24px;padding-left: 25px;} .bgc .bgca .bgca1b:before {position: absolute;content: "";left: 0;top: 4px;width: 17px;height: 13px;background: url(../images/yxa.png) no-repeat center;} .bgc .bgcb {float: right;padding: 16px 0 18px;} .bgc .bgcb a {display: inline-block;} .bgc .bgcb a:last-child {margin-left: 8px;} .navLogo { width: 100px; height: auto; padding: 18px 0 18px 10px; } /*棣栭〉鏍峰紡*/ .homeBoxA { padding: 5vw 0 7vw; } .homeBoxA-b { margin-top:40px; } .homeBoxA-b ul li { float: left; width: calc(33.333% - 10px); margin-right: 15px; } .homeBoxA-b ul li a { transition: all 0.6s; background: #f9f9f9; overflow: hidden; border-radius: 12px; display: block;} .homeBoxA-c { padding:2.4vw 18px 0 2.3vw; height: 28.4vw; position: relative; background: url(../images/habg.png) right bottom/cover; } .homeBoxA-b ul li:nth-child(3n) { margin-right:0; } .homeBoxA-b ul li:nth-child(1) a { border-bottom:6px solid #0d63af; } .homeBoxA-b ul li:nth-child(2) a { border-bottom:6px solid #00aeeb; } .homeBoxA-b ul li:nth-child(3) a { border-bottom:6px solid #ed7700; } /*.homeBoxA-b ul li:nth-child(1):hover a { background: #0d63af; } .homeBoxA-b ul li:nth-child(2):hover a { background: #00aeeb; } .homeBoxA-b ul li:nth-child(3):hover a { background: #ed7700; }*/ .homeBoxA-b ul li:nth-child(1) a { background: #0d63af; } .homeBoxA-b ul li:nth-child(2) a { background: #00aeeb; } .homeBoxA-b ul li:nth-child(3) a { background: #ed7700; } .homeBoxA-b ul li:hover a { background: #f9f9f9; } .homeBoxA-c .topTit .t { font-size: 1.6vw; color:#333333; } .homeBoxA-c .topTit .et { font-size: 18px; color:#999; } .homeBoxA-c .icon { margin-top: 2vw; display: inline-block; border-radius: 50%; border: 4px solid rgba(51,51,51,0.1); } /*.homeBoxA-c .icon .pic2 { display: none; }*/ .homeBoxA-c span { opacity: 0; transition: all 0.6s; padding-right: 20px; background: url(../images/hajt.png) no-repeat right center; position: absolute; left: 2.3vw; font-size: 18px; color:#ffffff; bottom:2.4vw; } .homeBoxA-c .icon .pic1 { display: none; } .homeBoxA-b ul li .homeBoxA-c span { opacity: 1;} .homeBoxA-b ul li:hover .homeBoxA-c span { color:#999; transition: all 0.5s; } .homeBoxA-b ul li:hover .homeBoxA-c .icon .pic2 { display: none; } .homeBoxA-b ul li:hover .homeBoxA-c .icon .pic1 { display: inline-block; } .homeBoxA-b ul li .homeBoxA-c .icon { border-color: rgba(255,255,255,0.1); } .homeBoxA-b ul li:hover .homeBoxA-c .icon { border-color: rgba(55,55,55,0.1); } .homeBoxA-b ul li .homeBoxA-c .topTit .t,.homeBoxA-b ul li .homeBoxA-c .topTit .et { color:#fff; } .homeBoxA-b ul li:hover .homeBoxA-c .topTit .t { color:#333333; } .homeBoxA-b ul li:hover .homeBoxA-c .topTit .et { color:#999; } .homeBoxA-b ul li:hover .homeBoxA-c .topTit .t,.homeBoxA-b ul li:hover .homeBoxA-c .topTit .et { transition: all 0.6s; } @media(max-width: 1680px){ .homeBoxA-c .icon img { width: 100px; } } @media(max-width: 1480px){ .homeBoxA-b { margin-top: 30px; } .homeBoxA-c .icon img { width: 80px; } .homeBoxA-c .icon { border: 3px solid rgba(51,51,51,0.1); } } @media(max-width: 1280px){ .homeBoxA-c .topTit .t { font-size: 24px;} .homeBoxA-c { height: 32vw;} } @media(max-width: 800px){ .homeBoxA-b { margin-top: 20px; } .homeBoxA-c .topTit .t { font-size: 20px;} .homeBoxA-c .topTit .et { font-size: 16px; } .homeBoxA-c { height: auto; padding: 24px 16px 70px;} .homeBoxA-c .icon { margin-top: 16px; } .homeBoxA-c span { bottom: 20px; left: 16px; color:#333; opacity: 1;} .homeBoxA-b ul li:hover .homeBoxA-c span { color:#fff; } .homeBoxA-b ul li { width: 100%; margin-right:0; margin-bottom: 16px;} } .homeBoxB { padding: 6vw 0 17.5vw; background: url(../images/hbbg.png) no-repeat bottom center/cover #f9f9f9;} .homeBoxB-a { position: relative; } .homeBoxB-a .mainTit { float: left; } .homeBoxB-a .mainMore { position: absolute; right:0; bottom:0; float: right; } .homeBoxB-b { margin-top:60px; position: relative; z-index: 10; } .homeBoxB-b ul li { text-align: center; float: left; padding:50px 70px 60px; background: #fff; border-radius: 8px; border-bottom: 5px solid #ed7700; margin-right: 16px; } .homeBoxB-b ul li:nth-child(2n) { border-bottom: 5px solid #00aeeb; } .homeBoxB-b ul li .icon .pic2 { display: none; } .homeBoxB-b ul li:hover .icon .pic1 { display: none; } .homeBoxB-b ul li:hover .icon .pic2 { display: inline-block; } .homeBoxB-b ul li .icon { display: inline-block; border-radius: 50%; border: 4px solid rgba(51,51,51,0.1); } .homeBoxB-b ul li .t { font-size: 18px; color:#666; margin-top: 12px; } .homeBoxB-b ul li:hover { background: #ed7700;} .homeBoxB-b ul li:nth-child(2n):hover { background: #00aeeb;} .homeBoxB-b ul li:hover .icon { border-color: rgba(255,255,255,0.1);} .homeBoxB-b ul li:hover .t { color:#fff; } @media(max-width:1480px){ .homeBoxB-b { margin-top: 40px; } .homeBoxB-b ul li { padding: 20px 30px 20px; } .homeBoxB-b ul li .icon img { width: 60px; } .homeBoxB-b ul li .t { font-size: 16px; margin-top: 5px; } } @media(max-width:800px){ .homeBoxB-b { margin-top: 20px; } .homeBoxB-b ul li { width: 49%; margin-right:2%; } .homeBoxB-b ul li:nth-child(2n) { margin-right:0; } .homeBoxB-b ul li:nth-child(n+3) { margin-top: 2%; } .homeBoxB-b ul li:nth-child(3) { border-bottom: 5px solid #00aeeb; } .homeBoxB-b ul li:nth-child(4) { border-bottom: 5px solid #ed7700; } .homeBoxB-b ul li:nth-child(3):hover { background: #00aeeb;} .homeBoxB-b ul li:nth-child(4):hover { background: #ed7700;} } .homeBoxC { padding: 0 60px; margin-top: -17.5vw; margin-bottom: -5vw; position: relative; } .homeBoxC .img img { position: relative; top: -5vw; } @media(max-width: 1480px){ .homeBoxC { padding: 0 40px; } } @media(max-width: 1280px){ .homeBoxC { padding: 0 2%; } } .homeBoxD { padding: 6vw 0; background: url(../images/hdbg.png) no-repeat center/cover #fff; } .homeBoxD-a { margin-top:50px; } .homeBoxD-b { float: left; width: 63.5%; } .homeBoxD-b a { display: block; position: relative; overflow: hidden; border-radius: 12px; } .homeBoxD-b .con { position: absolute; left: 0; bottom: 30px; width: 100%; padding: 0 30px; } .homeBoxD-b .con .et,.homeBoxD-b .con .d { font-size: 14px;color:rgba(255,255,255,0.8); } .homeBoxD-b .con .t { font-size: 22px; margin: 3px 0 8px; color:rgba(255,255,255,1); } .homeBoxD-b a,.homeBoxD-c { height: 29vw; } .homeBoxD-c { background: #005bab; border-radius: 12px; overflow: hidden; width: 35.5%; float: right; } .homeBoxD-c .topTit { padding: 1.5vw 1.5vw 1vw; } .homeBoxD-c .topTit .et { font-size: 16px; color:#fff; opacity: 0.8; } .homeBoxD-c .topTit .t { font-size: 24px; color:#fff; } .homeBoxD-d ul li { height: 5vw; position: relative; } .homeBoxD-d ul li a { padding: 0 1.5vw; display: block; position: absolute; left:0; top:50%; transform: translateY(-50%); } .homeBoxD-d ul li .t { font-size: 16px;color:#fff; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } .homeBoxD-d ul li .d { font-size: 16px;color:rgba(255,255,255,0.8); margin-top: 6px; } .homeBoxD-d ul li:hover { background: #1a6cb4; } .homeBoxD-c .smallMore { margin: 1vw 0 0 1.5vw; } @media(max-width: 1920px){ .homeBoxD-d ul li { height: 4.8vw; } } @media(max-width: 1680px){ .homeBoxD-d ul li { height: 4.7vw; } .homeBoxD-d ul li .d { margin-top:2px; } .homeBoxD-c .topTit .t { font-size: 22px; } .homeBoxD-b .con .t { font-size: 20px; } .homeBoxD-a { margin-top:40px; } } @media(max-width: 1480px){ .homeBoxD-d ul li { height: 5vw; } .homeBoxD-b a,.homeBoxD-c { height: 32vw; } .homeBoxD-a { margin-top:30px; } } @media(max-width: 1280px){ .homeBoxD-d ul li { height: 6vw; } .homeBoxD-b a,.homeBoxD-c { height: 38vw; } .homeBoxD-c .topTit .t { font-size: 20px; } .homeBoxD-b .con .t { font-size: 18px; } } @media(max-width: 1024px){ .homeBoxD { padding: 30px 0 50px; } .homeBoxD-b .con { bottom: 16px; padding: 0 16px; } .homeBoxD-d ul li { height: auto; } .homeBoxD-d ul li a { position: relative; top:0; padding: 10px 16px; transform: translate(0);} .homeBoxD-b a,.homeBoxD-c { height: auto; } .homeBoxD-b,.homeBoxD-c { width: 100%; } .homeBoxD-c .topTit .t { font-size: 20px; } .homeBoxD-b .con .t { font-size: 18px; } .homeBoxD-c .topTit { padding: 15px 16px 12px; } .homeBoxD-c { padding-bottom: 20px; margin-top: 20px;} .homeBoxD-a { margin-top:20px; } .homeBoxD-c .smallMore { margin: 12px 0 0 16px; } } .homeBoxE { padding: 8vw 0 10vw; background: url(../images/hebg.jpg) no-repeat center/cover; } .homeBoxA-a .con { font-size: 18px;color:#666666; line-height: 1.8; margin:1.6vw 0 4vw; max-width: 590px; } @media(max-width:1024px){ .homeBoxA-a .con { font-size: 16px; margin: 16px 0 20px; } } /*鑱旂郴鎴戜滑*/ .contactA { padding: 20px 0 40px; } #map { width: 1600px; height: 1100px;} .contactA-a { width: 475px; left:0; z-index: 10;} .contactA-a .t img { display: inline-block; margin-top: 16px;} .contactA-b { float: right; margin-right: -150px; } .contactA-a .addSwip { padding-bottom: 30px; } .contactA-a .addSwip .swiper-slide { padding: 0 10px 10px;} .contactA-a .addSwip .swiper-pagination-bullet-active { background: #000; opacity: 1;} .addS .topTit .t { padding: 3vw 0 2vw; position: relative; font-size: 24px;color: #333333; border-bottom: 1px solid #e5e5e5; } .addS .topTit .t:after { content:''; width: 34px; height: 1px; background: #c8003c; position: absolute; left:0; bottom:-1px; } .addS .con { padding-top: 1vw; } .addS .con li { line-height: 33px; font-size: 16px; color:#666666; margin: 18px 0; padding-left:35px; position: relative; } .addS .con li .icon { position: absolute; left:0; top:0; } @media(max-width: 1920px){ #map { width: 1200px; height: 800px;} } @media(max-width: 1780px){ #map { width: 1000px; height: 667px;} .addS .con li { font-size: 16px; } .addS .topTit .t { font-size: 22px; } } @media(max-width: 1480px){ .addS .con li { font-size: 14px; } .addS .topTit .t { font-size: 20px; } } @media(max-width: 1280px){ #map { width: 900px; height: 560px;} } @media(max-width: 1180px){ .contactA-a { width: 380px;} } @media(max-width: 1024px){ .addS .topTit .t { padding: 25px 0 20px; } .addS .con li { margin: 10px 0; } .contactA-a { width: 100%; } .contactA-b { float: none; margin: 0 auto; margin-right: 0; } #map { width: 100%; height: 500px; float: none; margin: 0 auto; margin-right:0;} .contactA-a .t img { width: 160px; height: auto;} } @media(max-width: 800px){ #map { height: 400px; } } @media(max-width: 600px){ #map { height: 300px; } } @media(max-width: 400px){ #map { height: 200px; } } .contactB { padding:0 0 60px; } .contactB-a { position: relative; padding:9vw 0 10vw; } .contactB-b { position: relative; z-index: 5; } .contactB-c { width: calc(100% - 120px); border-radius: 8px; overflow: hidden; position: absolute; left:60px; top:0; height: 100%; background: url(../images/contactbg.jpg) no-repeat right center/cover; } .contactB-b .con { max-width: 560px; font-size: 18px;color:#666666; line-height: 1.6; margin: 1.2vw 0 3.5vw; } .contactB-b .cc { font-size: 18px;color:#333333; line-height: 1.5; } .contactB-b .cc p:nth-child(n+2){ margin-top: 10px; } @media(max-width: 1480px){ .contactB { padding:0 0 40px; } .contactB-c { width: calc(100% - 80px); left: 40px; } .contactB-b .con { font-size: 16px; max-width: 500px; } .contactB-b .cc { font-size: 16px; } } @media(max-width: 1280px){ .contactB { padding:0 0 0px; } .contactB-c { width: 100%; left: 0px; } .contactB-b .con { font-size: 16px; max-width: 500px; } .contactB-b .cc { font-size: 16px; } } @media(max-width: 640px){ .contactB { padding:0 0 0px; } .contactB-a { padding: 40px 0 50px; } .contactB-c { width: 100%; left: 0px; background: url(../images/contactbg.jpg) no-repeat left center/cover; } .contactB-b .con { font-size: 16px; max-width: 100%; margin: 16px 0 20px; } .contactB-b .cc { font-size: 16px; } .contactB-b .cc p:nth-child(n+2) { margin-top:8px; } } /*鏂伴椈涓績*/ .newsD-a .mainTit { float: left; width: 40vw; } .newsD-b { position: absolute; right:0; bottom: 10px; } .newsD-b ul li { float: left; margin-left: 18px; } .newsD-b ul li a { font-size: 16px; color:#666666; border: 2px solid #e0e0e0; border-radius: 60px; display: block; padding: 12px 50px; text-align: center; } .newsD-b ul li.cur a,.newsD-b ul li:hover a { color:#fff; background: #005bab; border-color: #005bab; } @media(max-width: 1480px){ .newsD-b ul li a { padding: 8px 30px; } } @media(max-width: 1024px){ .newsD-a .mainTit { width: 100%; } .newsD-b { position: relative; left:0; top:0;width: 100%; margin-top: 15px; float: left; } .newsD-b ul li { margin: 0 10px 0 0; } .newsD-b ul li a { padding: 5px 18px; } } /* 鏂伴椈涓績 */ .newsA { padding: 5vw 0 5vw; background: url(../images/newsbg.png) no-repeat top center #ffffff; background-size: 100% auto; } .relative { width: 100%; height: 100%; } .newsA-a.homeBoxB-a .mainTit { width: auto; max-width: 28vw; } .topNews { margin-top: 46px; background: #fff; padding:2vw; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.1); } .topNews a { position: relative; display: block; } .topNews .img { float: left; width: 49.5%; border-radius: 12px; overflow: hidden;; } .topNews .img img { width: 100%; } .topNews .con { position: absolute; width: 50%; right:0; top:50%; transform: translateY(-50%);} .topNews .conA { padding:0 1vw 0 2.5vw; } .smallMoreA { margin-top: 4.5vw; font-size: 14px;color:#666666; display: inline-block; padding: 6px 12px 6px 0; border-bottom: 1px solid #dedede; } .topNews .conA .d { font-size: 14px; color:#666666; } .topNews .conA .c { margin-top: 16px; font-size: 14px; color:#666666; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; } .topNews .conA .c p:nth-child(n+2) { margin-top: 12px; } .topNews .conA .t { line-height: 1.5; font-size: 22px; margin: 5px 0 15px; color:#333333; } .topNews .tt { font-size: 16px;color:#666666; } .topNews:hover { background: #005bab; } .topNews:hover .conA .d,.topNews:hover .conA .t,.topNews:hover .conA .c,.topNews:hover .conA .tt,.topNews:hover .conA .smallMoreA { color: #fff; } .topNews:hover .conA .smallMoreA { background: url(../images/smallbgw.png) no-repeat right; } @media(max-width: 1680px){ .topNews .conA .t { font-size: 20px; } .topNews .conA .c { -webkit-line-clamp: 4; } } @media(max-width: 1480px){ .topNews { margin-top: 30px; } .topNews .conA .t { font-size: 18px; } .topNews .conA .c { -webkit-line-clamp: 4; } .topNews .conA .smallMoreA { margin-top: 20px; } } @media(max-width: 1480px){ .topNews .conA { padding: 20px 16px; } .topNews { margin-top: 30px; } .topNews .conA .t { line-height: 1.2; font-size: 20px; margin: 6px 0 15px; } .topNews .conA .c { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; } } @media(max-width: 1024px){ .newsA { padding: 30px 0 50px; } .topNews .img { width: 100%; } .newsA-a.homeBoxB-a .mainTit { max-width: 100%;} .topNews .con { position: relative; top: 0; transform: translateY(0); width:100%; height: auto; float: left; width: 100%; margin-top: 20px; } .topNews .conA { padding: 0px 0 20px; } .topNews { margin-top: 30px; } .topNews .conA .t { line-height: 1.2; font-size: 20px; margin: 6px 0 15px; } .topNews .conA .c { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; } } @media(max-width: 600px){ .topNews .conA { padding: 0px 0 20px; } .topNews { margin-top: 20px; } .topNews .conA .t { font-size: 18px; margin: 3px 0 8px;} } .newsB { margin-top: 30px; } .newsB ul li { margin-top: 20px; } .newsB ul li a { border-bottom: 5px solid #fff; display: block; padding:2vw 1.6vw; background: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.1); } .newsB ul li a .d { font-size: 14px; color:#666666; } .newsB ul li a .c { margin: 6px 0 20px; font-size: 14px; color:#666666; line-height: 1.6; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .newsB ul li a .t { line-height: 1.5; font-size: 22px; color:#333333; } .newsB ul li a:hover .d,.newsB ul li a:hover .t,.newsB ul li a:hover .c { transition: all 0.5s; color:#fff; } .newsB ul li a:hover { transition: all 0.5s; background: #005bab; } .newsB ul li a:hover { border-color:#ed7700; } .newsB ul li a .smallMoreA { margin-top:0; } .newsB ul li a:hover .smallMoreA { color: #fff; border-color: #fff; background: url(../images/smallbgw.png) no-repeat right; } @media(max-width: 1280px){ .newsB ul li a .t { font-size: 18px; } } @media(max-width: 1024px){ .newsB ul li { margin-top: 12px; } .newsB ul li a { padding: 16px 12px; } } /**鍒嗛〉鍣?*/ .fyq { text-align: center; margin-top: 2vw; } .page { line-height: 24px; text-align: center;} .page a { transition: all 0.5s; display: inline-block;margin: 0 5px; border-radius: 3px; padding: 10px 18px;border: 1px solid #e8e8e8;color: #666666;vertical-align: top;font-size: 16px;} .page a:hover,.page .current,.page .cur {border-color: #00aeeb;background: #00aeeb; color: #fff;} .page span {margin-right: 6px;} @media(max-width: 1024px){ .fyq { margin-top: 30px; } .page a { padding: 6px 12px; } } /* 鏂伴椈璇︽儏椤 */ .newA { background: #fff; padding:4.5vw 0 5vw; } .newA-a { background: #ffffff; box-shadow: 0 0 10px 10px rgba(120,120,120,0.1); padding: 2vw 1.6vw; border-radius: 12px; float: left; width: 68%; } .newA-b .topTit .d { font-size: 14px;color:#666666; } .newA-b .topTit .t { line-height: 1.5; margin-top: 6px; font-size: 22px;color:#333333; } .newA-b .topTit { float: left; width: calc(100% - 260px);} .newA-b .share { position: absolute; right:0; bottom:2vw; } .newA-b { padding-bottom:2vw; border-bottom: 1px solid #ddd; margin-bottom:1.5vw; position: relative;} .newA-c { font-size: 16px; line-height: 1.4; color:#999; } /* .newA-c p:nth-child(n+2) { margin-top: 16px; } */ .newA-d { padding-top: 2vw; margin-top: 1.8vw; border-top: 1px solid #ddd; } .newA-e { float: left; width: calc(100% - 260px); } .newA-d a { transition: all 0.5s; display: inline-block; padding: 12px 20px; background: #f0f0f0; border-radius: 8px; font-size: 15px; color:#333333; } .newA-d a span { transition: all 0.5s; background: url(../images/jtgreen.png) no-repeat right center; display: inline-block; width: 170px; } .newA-e p:nth-child(2) { margin-top: 10px;} .newA-d a:hover { background: #ed7700; } .newA-d a:hover span { color:#fff; background: url(../images/jtwhitebg.png) no-repeat right center; } .newA-d .backList a { background: #005bab; } .newA-d .backList a span { color:#fff; background: url(../images/backlist.png) no-repeat right center; } .newA-d .backList a:hover { background: #ed7700; } @media(max-width: 1280px){ .newA-b .topTit .t { font-size: 24px;} } @media(max-width: 1024px){ .newA-a { width: 100%; } .newA-b .topTit .t { font-size: 20px;} .newA-b .topTit { width: 100%; } .newA-b .share { width: 100%; position: relative; left:0; bottom:0; margin-top: 16px; float: left;} .social-share a { margin: 0 10px 0 0; } .newA { padding:30px 0 50px; } .newA-a { padding: 20px 12px;} .newA-b { padding-bottom: 18px; margin-bottom: 20px; } .newA-d { padding-top: 18px; margin-top: 20px; } } @media(max-width: 640px){ .newA-e { width: 100%; height: 45px; } .newA-e p { margin:0; float: left; } .newA-e p:nth-child(n+2) { margin:0; float: right; } .newA-d .backList { width: 100%; float: left; margin-top: 15px; } } @media(max-width: 500px){ .newA-d a span { width: 120px; } } @media(max-width: 400px){ .newA-e { width: 100%; height: 38px; } .newA-d a { padding: 8px 14px;} .newA-d a span { width: 100px; } .newA-d .backList { margin-top: 10px; } } .newB { width: 30%; float: right; } .newB-a { background: #ffffff; box-shadow: 0 0 10px 10px rgba(120,120,120,0.1); padding: 2vw 1.5vw; border-radius: 12px; overflow: hidden; } .newB-a .topTit .t { font-size: 1.5vw; color:#333333; padding-bottom: 1vw; border-bottom: 1px solid #dedede; } .newB-a ul { padding: 12px 0 20px; } .newB-a ul li { margin-top: 10px;} .newB-a ul li a { font-weight: normal; background: url(../images/jtgreen.png) no-repeat right center; display: block; border-bottom: 1px solid #ddd; font-size: 18px; transition: all 0.5s; color:#333333; padding: 12px 0; } .newB-a ul li:hover a,.newB-a ul li.cur a { color:#005bab; background: url(../images/bgyellow.png) no-repeat right center;} .newB-b { margin-top: 30px;} .newB-a dl dd a { display: block; border-bottom: 1px solid #ddd; padding: 16px 0; margin-top: 10px; } .newB-a dl dd .d { font-size: 14px;color:#005bab; } .newB-a dl dd .t { margin-top:5px; line-height: 1.4; font-size: 16px; font-weight: normal; color:#666666; } @media(max-width: 1280px){ .newB-a .topTit .t { font-size: 24px;} .newB-a ul { padding: 0 0 15px; } .newB-a ul li a { font-size: 16px;} } @media(max-width: 1024px){ .newB-b { display: none;} .newB { width: 100%; margin-bottom: 15px; } .newB-a { padding: 20px 12px; } } /*鍏充簬娴锋.*/ .aboutA { padding:7vw 0 9vw; background: url(../images/aboutabg2.jpg) no-repeat bottom center; background-size: 100% auto; } .aboutA-a { position: relative; } .aboutA-b { float: left; width: 53.5%; } .aboutA-c { position: absolute; right: 0; bottom: 10px; width: 41.5%; } .aboutA-b .con { margin-top: 35px; font-size: 18px; color:#666666; line-height: 1.8; } .aboutA-b .con p:nth-child(n+2) { margin-top: 20px; } .aboutA-c .img { border-radius: 12px; overflow: hidden; } .aboutA-c .img img { width: 100%; } .aboutA-c .vidBtn { z-index: 5; position: absolute; width: 52px; height: 52px; background: url(../images/vidbtna.png) no-repeat center/cover; cursor: pointer; left:50%; top:50%; margin: -26px 0 0 -26px; } .aboutA-c .vidBtn:hover { transition: all 0.5s; transform: scale(1.1); } .aboutA-b { position: absolute; top: 50%; transform: translateY(-50%); float: left; width: 53.5%; } .aboutA-c { position: relative; float: right; right: 0; bottom: 0px; width: 41.5%; } @media(max-width: 1920px){ .aboutA-b { position: relative; top: 0; transform: translateY(0); float: left; width: 53.5%; } .aboutA-c { position: absolute; right: 0; bottom: 10px; width: 41.5%; } } @media(max-width: 1680px){ .aboutA-b .con { margin-top:25px; font-size: 16px; } .aboutA-b .con p:nth-child(n+2) { margin-top: 15px; } } @media(max-width: 1024px){ .aboutA { padding: 40px 0 40px; } .aboutA-b .con { margin-top:15px; font-size: 16px; } .aboutA-c { width: 100%; float: left; margin-top: 16px; position: relative; left:0; top:0; transform: translate(0); } .aboutA-b { width: 100%; } } .fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; } .fixVideoA {width: 100%;height: 100%;position: relative; } .fixVideoB { position: absolute;width: 60%; max-width: 800px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; } .fixVideoB .close { position: absolute; right:-1px; top:-40px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px; z-index: 10000;background: #000; color:#fff;} .privacyA { padding: 6vw 0 7vw; } .privacyA .mainTit .c { margin-top: 2vw; } @media(max-width: 1024px){ .privacyA { padding: 40px 0 50px; } .privacyA .mainTit .c { margin-top: 20px; } } .aboutA-d { margin-top:5.6vw; } .aboutA-d ul { display: flex; flex-wrap: wrap; } .aboutA-d ul li { text-align: center; border-radius: 8px; overflow: hidden; padding: 2.5vw 12px; text-align: center; background: url(../images/aboutabgc.png) no-repeat right top; float: left; width: calc(50% - 10px); margin-right: 20px; } .aboutA-d ul li:last-child { margin-right:0; } .aboutA-d ul li:nth-child(n) { background-color: #005bab; } .aboutA-d ul li:nth-child(2n) { background-color: #00aeeb; margin-right:0; } .aboutA-d ul li:nth-child(3n) { background-color: #ed7700; } .aboutA-d ul li:nth-child(n+3) { margin-top:20px; } .aboutA-d .t .num { position: relative; display: inline-block; line-height: 0.9; font-size: 4vw; position: relative; color:#fff; } .aboutA-d .t .num i { font-size: 30px; position: absolute; right: -16px; line-height: 1; top:0; } .aboutA-d .tt { padding-bottom: 10px; font-size: 18px;color:#fff; } @media(max-width: 1680px){ .aboutA-d .t .num { font-size: 4.5vw; } .aboutA-d .t .num i { font-size: 20px; } .aboutA-d .tt { font-size: 16px; } } @media(max-width: 1280px){ .aboutA-d ul li { padding: 3.5vw 12px; } } @media(max-width: 1024px){ .aboutA-d ul li { width: 100%; margin-right:0; } .aboutA-d ul li:nth-child(n+2) { margin-top:15px; } .aboutA-d .t .num { font-size: 50px; } .aboutA-d .t .num i { font-size: 20px; } .aboutA-d .tt { font-size: 16px; } } @media(max-width: 500px){ .aboutA-d ul li { padding: 30px 12px; } .aboutA-d ul li:nth-child(n+2) { margin-top:10px; } .aboutA-d .t .num { font-size: 40px; } .aboutA-d .t .num i { font-size: 20px; } .aboutA-d .tt { font-size: 16px; } } .aboutB { padding-top: 2vw; background: url(../images/aboutbbg.jpg) no-repeat bottom right/cover; } .aboutB-c { float: right; } .aboutB-b { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 53%; } .aboutB-d { margin:2vw 0 1.6vw; } .aboutB-d .t1 { font-size: 30px; color:#333333; } .aboutB-d .t2 { font-size: 20px; color:#333333; } .aboutB-b .con { max-height: 210px; overflow-y: scroll; overflow-x: hidden; padding-right: 24px; font-size: 16px;color:#666666; line-height: 1.8; } .aboutB-b .con p:nth-child(n+2) { margin-top:20px; } .aboutB-b .con{ scrollbar-color: #c3c3c3 #ececec; scrollbar-width: thin; -ms-overflow-style:none; } .aboutB-b .con::-webkit-scrollbar { width: 6px; height: 1px; } .aboutB-b .con::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #c3c3c3; } .aboutB-b .con::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 6px; background: #ececec; } .aboutB-b .mainMore { margin-top:2.5vw; } @media(max-width: 1480px){ .aboutB-d .t1 { font-size: 24px; } .aboutB-d .t2 { font-size: 18px; } .aboutB-c .img img { width: 26vw; } } @media(max-width: 1280px){ .aboutB-d .t1 { font-size: 22px; } .aboutB-d .t2 { font-size: 16px; } .aboutB-c .img img { width: 30vw; } } @media(max-width: 1024px){ .aboutB { padding: 20px 0 40px; } .aboutB-d .t1 { font-size: 22px; } .aboutB-d .t2 { font-size: 14px; } .aboutB-c .img img { width: 300px; } .aboutB-c { width: 100%; text-align: center; } .aboutB-b { float: left; width: 100%; position: relative; top:0; transform: translateY(0); margin-top: 10px; } .aboutB-b .con { padding-right: 10px; } .aboutB-b .mainMore { margin-top:20px; } } .aboutC { padding:6.5vw 0 8vw; } .aboutC-b { margin-top:2.5vw; } .aboutC-b ul { display: flex; flex-wrap: wrap; } .aboutC-b ul li { float: left; overflow: hidden; border-radius: 10px; width: calc(50% - 10px); margin-right: 20px; } .aboutC-b ul li:nth-child(n+3) { margin-top: 20px; } .aboutC-b ul li:nth-child(2n) { margin-right:0; } .aboutC-c { position: relative; } .aboutC-b .con { position: absolute; left: 0; top: 102%; transition: all .6s; width: 100%; height: 100%; opacity: 1; background: #005bab; padding:0 1.6vw; } .aboutC-b ul li:hover .con { top:0; } .aboutC-b .iconb { position: absolute; left:1.5vw; bottom:15px; } .aboutC-b .icond { padding: 36px 0 36px 105px; position: relative; } .aboutC-b .icona .icon { position: absolute; left:0; top: 50%; transform: translateY(-50%); border-radius: 50%; border:2px solid rgba(255,255,255,0.3); } .aboutC-b .icona .t { font-size: 20px;color:#fff; } .aboutC-b .con .ccc { position: absolute; top:50%; transform: translateY(-50%); } .aboutC-b .iconc { border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; } .aboutC-b .con .c { margin-top:25px; padding-right: 16px; font-size: 14px;color:#fff; line-height: 1.6; max-height: 6vw; overflow-y: scroll; overflow-x: hidden; } .aboutC-b .con .c p:nth-child(n+2) { margin-top: 5px; } .aboutC-b .con .c{ scrollbar-color: #cadded rgba(255,255,255,0); scrollbar-width: thin; -ms-overflow-style:none; } .aboutC-b .con .c::-webkit-scrollbar { width: 4px; height: 1px; } .aboutC-b .con .c::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #cadded; } .aboutC-b .con .c::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 4px; background: rgba(255,255,255,0); } @media(max-width: 1680px){ .aboutC-b .icona .icon { width: 76px; height: 76px; } .aboutC-b .icond { padding: 28px 0 28px 85px; } .aboutC-b .icona .t { font-size: 18px; } } @media(max-width: 1480px){ .aboutC-b .icona .icon { width: 62px; height: 64px; } .aboutC-b .icond { padding: 20px 0 20px 74px; } .aboutC-b .icona .t { font-size: 18px; } .aboutC-b .con .c { max-height: 9vw; } } @media(max-width: 1024px){ .aboutC { padding:40px 0 50px; } .aboutC-b { margin-top:25px; } .aboutC-b .con { display: none; } .aboutC-b ul li { width: 100%; margin-right: 0px; } .aboutC-b ul li:nth-child(n+2) { margin-top: 10px; } .aboutC-b .icona .icon { width: 46px; height: 46px; } .aboutC-b .icond { padding: 13px 0 13px 52px; } .aboutC-b .iconb { left: 12px; bottom: 12px; } } /* 绠$悊鍥㈤槦 */ .teamsA { padding:5.5vw 0 5vw; background: url(../images/teambg.jpg) no-repeat top center; background-size: 100% auto; } .teamsA-b { margin:2.5vw 0 3vw; } .teamsA-b ul { display: flex; flex-wrap: wrap; } .teamsA-b ul li { overflow: hidden; float: left; width: calc(33.333% - 10px); margin-right: 15px; } .teamsA-b ul li:nth-child(3n) { margin-right:0; } .teamsA-b ul li:nth-child(n+4) { margin-top: 15px; } .teamsA-b ul li img { transition: all 0.3s; } .teamsA-b ul li:hover .img img { transform: scale(1.05); } .teamsA-c .con { padding: 2vw 1.5vw; z-index: 10; background: rgba(0,90,170,0.9); border-radius: 6px; overflow: hidden; position: absolute; left:0; bottom:-70%; opacity: 1; transition: all 0.5s; } .teamsA-b ul li:hover .teamsA-c .con { bottom:0; } .teamsA-b ul li:hover .titA { opacity: 0; } .teamsA-c .titA { position: absolute; left:0; bottom:0; padding:20px 30px; z-index: 5; } .teamsA-c:before { position: absolute;content:''; width: 100%; height: 100%; left:0; bottom:0; background: url(../imgaes/teambg2.png) no-repeat bottom center; background-size: 100% auto; } .teamsA-c .tit { font-size: 20px;color:#fff; } .teamsA-c .tit .t2 { font-size: 16px;color:#fff; } .teamsA-c .titB { padding-bottom:12px; margin-bottom: 20px; border-bottom:1px solid rgba(255,255,255,0.3); } .teamsA-c .c { padding-right: 15px; max-height: 120px; overflow-y: scroll; overflow-x: hidden; font-size: 14px;color:#ffffff; line-height: 1.6; } .teamsA-c .c{ scrollbar-color: #fff rgba(255,255,255,0.2); scrollbar-width: thin; -ms-overflow-style:none; } .teamsA-c .c::-webkit-scrollbar { width: 4px; height: 1px; } .teamsA-c .c::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #fff; } .teamsA-c .c::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 4px; background: rgba(255,255,255,0.2); } @media(max-width: 1680px){ .teamsA-c .c { max-height: 90px; } } @media(max-width: 1480px){ .teamsA-c .c { max-height: 60px; line-height: 20px; } } @media(max-width: 1024px){ .teamsA { padding:40px 0 50px; } .teamsA-b { margin:20px 0 30px; } .teamsA-b ul li { width: calc(50% - 8px); margin-right: 16px; } .teamsA-b ul li:nth-child(3n) { margin-right:16px; } .teamsA-b ul li:nth-child(2n) { margin-right:0; } .teamsA-b ul li:nth-child(n+3) { margin-top: 16px; } .teamsA-c .con { padding: 16px 12px 20px; } } @media(max-width: 500px){ .teamsA-b ul li { width: 100%; margin-right: 0; } .teamsA-b ul li:nth-child(3n) { margin-right:0; } .teamsA-b ul li:nth-child(n+2) { margin-top: 16px; } .teamsA-c .c { max-height: 80px; line-height: 20px; } } .productsA { padding:6.5vw 0 7vw; background: url(../images/probg.png) no-repeat top center #f7f7f7; background-size: 100% auto; } .productsA-a .t1 { font-size: 20px;color: #333333; } .productsA-a .c { font-size: 16px;color: #666666; line-height: 1.6; margin-top:1.5vw; } .productsA-a .c p:nth-child(n+2) { margin-top: 16px; } .productsA-b ul li { background: #fff; border-radius: 12px; overflow: hidden; } .productsA-c { position: relative; height: 200px; border-radius: 12px; float: left; width: 32%; background: url(../images/probg2.png) no-repeat top center/cover; background-color: #005bab; } .productsA-c .leftTit { position: absolute; left:3.5vw; top:50%; transform: translateY(-50%); } .productsA-c .leftTit .relative { padding-left:120px; } .productsA-c .leftTit .icon { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 100px; box-sizing: border-box; height: 100px; border:3px solid rgba(255,255,255,0.3); border-radius: 50%; } .productsA-c .leftTit .icon img { vertical-align: top; } .productsA-c .leftTit .tit .t1 { font-size: 26px;color:#fff; } .productsA-c .leftTit .tit .t2 { font-size: 16px;color:#fff; opacity: 0.6; } .productsA-d { float: right; width: 68%; height: 200px; position: relative; } .productsA-d .con { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 90%; } .productsA-d .con a { background: #f5f5f5; border-radius: 5px; padding: 12px 20px; font-size: 18px;color: #333333; float: left; margin: 5px 0 5px 0; width: calc(33.333% - 10px); margin-right: 15px; } .productsA-d .con a:nth-child(3n) { margin-right:0; } .productsA-d .con a span { display: block; background: url(../images/probg3.png) no-repeat right center; } .productsA-b ul li:last-child .productsA-d .con a span { /*background: url(../images/probg4.png)*/ no-repeat right center; } .productsA-b ul { margin-top:3vw; } .productsA-b ul li:nth-child(n+2) { margin-top:20px; } .productsA-b ul li:nth-child(3n-2) .productsA-c { background-color: #005bab; } .productsA-b ul li:nth-child(3n-1) .productsA-c { background-color: #00aeeb; } .productsA-b ul li:nth-child(3n) .productsA-c { background-color: #ed7700; } @media(max-width: 1680px){ .productsA-c,.productsA-d { height: 160px; } .productsA-c .leftTit .icon { width: 80px; height: 80px; } .productsA-c .leftTit .relative { padding-left: 90px; } .productsA-c .leftTit .tit .t1 { font-size: 24px; } .productsA-d .con a { font-size: 16px; padding: 10px 20px; } } @media(max-width: 1480px){ .productsA-c,.productsA-d { height: 140px; } .productsA-c .leftTit .icon { width: 60px; height: 60px; } .productsA-c .leftTit .relative { padding-left: 70px; } .productsA-c .leftTit .tit .t1 { font-size: 20px; } .productsA-d .con a { font-size: 16px; padding: 10px 20px; } } @media(max-width: 1024px){ .productsA-c,.productsA-d { width: 100%; height: auto; padding: 20px 12px; } .productsA-c .leftTit,.productsA-d .con { width: 100%; position: relative; left:0; top:0; transform: translate(0); } .productsA-c .leftTit .icon { width: 60px; height: 60px; } .productsA-c .leftTit .relative { padding-left: 70px; } .productsA-c .leftTit .tit .t1 { font-size: 20px; } .productsA-d .con a { font-size: 16px; padding: 10px 20px; } } @media(max-width: 640px){ .productsA-d .con a { width: calc(50% - 6px); margin-right: 12px; } .productsA-d .con a:nth-child(3n) { margin-right:12px; } .productsA-d .con a:nth-child(2n) { margin-right:0; } } .productsB { display: none; position: fixed; z-index: 1000; background: rgba(0,0,0,0.9); left:0; top:0; width: 100%; height: 100%; } .productsB-a { position: absolute; left: 50%; top: 50%; border-radius: 15px; transform: translate(-50%, -50%); width: 73%; background: #fff; } .productsB-b { padding:4.5vw 4vw; } .productsB-a .close { position: absolute; right: 1vw; top:1vw; width: 28px; height: 28px; cursor: pointer; background: url(../images/closea.png) no-repeat center/cover; } .productsB-b .topTit { font-size: 30px;color:#222222; margin-bottom:2.5vw; } .productsB-b ul li { float: left; width: calc(50% - 10px); margin-right: 20px; } .productsB-b ul li:nth-child(2) { margin-right:0; } .productsB-c { padding:3.5vw 2.5vw 4vw; background: url(../images/probg6.png) no-repeat right top/cover; background-color: #00aeeb; color:#fff; border-radius: 8px; } .productsB-c .t { line-height: 2; font-size: 20px;color:#fff; } .productsB-c a { font-size: 16px;color:#fff; display: inline-block; border-bottom:1px solid #fff; margin-top:4vw; } .productsB-c a span { display: inline-block; padding-left: 12px; } .productsB-b ul li:nth-child(2) .productsB-c { background-color: #ed7700; } @media(max-width: 1680px){ .productsB-b .topTit { font-size: 26px; } .productsB-c .t { font-size: 18px; line-height: 1.8; } } @media(max-width: 1480px){ .productsB-b .topTit { font-size: 24px; } .productsB-c .t { font-size: 16px; line-height: 1.8; } } @media(max-width: 1024px){ .productsB-b ul li { width: 100%; margin-right:0; } .productsB-b ul li:nth-child(2) { margin-top:12px; } .productsB-a .close { width: 20px; height: 20px; right:10px; top:10px; } .productsB-b .topTit { font-size: 22px; } .productsB-b { padding: 30px 16px; } .productsB-a { width: 94%; } .productsB-c { padding: 20px 12px; } .productsB-c a { margin-top:20px; } } @media(max-width: 500px){ .productsB-b .topTit { font-size: 20px; } } @media(max-width: 400px){ .productsB-b .topTit { font-size: 18px; } } .sousuo_jg {padding: 7vw 0 8vw;background: #ededed;} .sousuo_jg .sousuo_jg_top {position: relative;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a {float: left;width: 50%;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 40px;color: #222222;float: right;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {font-size: 18px;color: #444444;margin-top: 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js span {color: #00aeeb;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js a {display: inline-block;color: #444444;border-bottom: 1px solid #444444;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b {float: right;width: 22%;position: absolute; right:0; bottom:0;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li {float: right;width: 100%;margin-right: 4%;text-align: center;position: relative;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:last-child {margin-right: 0;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt {font-size: 16px;color: #333;padding: 12px 16px;text-align: left;border: 1px solid #ededed;border-radius: 50px;background: #fff;position: relative;cursor: pointer;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt:before {position: absolute;width: 14px;height: 8px;background: url(../images/jiantou_0302.png);background-position-x: center;background-position-y: center;background-size: cover;background-repeat-x: initial;background-repeat-y: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: initial;content: "";right: 20px;top: 50%;transform: translateY(-50%);} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .bt {border-bottom: none;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box {border-top: 1px solid #e5e5e5;padding: 10px 0 0;position: absolute;top: 100%;width: 100%;left: 0;border-left: 1px solid #b6bbc1;border-bottom: 1px solid #b6bbc1;border-right: 1px solid #b6bbc1;border-top: none;background: #fff;display: none;overflow: hidden;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box:before {position: absolute;top: 0;left: 0;right: 0;width: 90%;height: 1px;margin: 0 auto;content: "";background: #e5e5e5;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box p {color: #666666;font-size: 16px;float: left;cursor: pointer;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a {padding: 14px 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a:nth-child(2n) {background: #f2f2f2;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box span {color: #dd2226;font-size: 16px;float: right;cursor: pointer;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .box {display: block;} .sousuo_jg .sousuo_bottom {margin-top: 50px;padding: 2.5vw;background: #fff;} .searCro ul li { padding-bottom:2vw; margin-bottom: 2vw; border-bottom: 1px solid #dedede; } .searCro ul li a {display: block; } .searCro .lanmT { font-size: 16px; color:#666666; } .searCro .selmT { font-size: 20px; color:#333333; margin: 6px 0; } .searCro .c { font-size: 16px; color:#666666; line-height: 1.8; } .searCro ul li:last-child { margin-bottom: 0;} .sousuo_jg .container {padding-bottom: 80px; } @media(max-width: 1510px) { .sousuo_jg .container {padding-bottom: 60px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 32px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {font-size: 15px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li:hover .bt {font-size: 14px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box p {font-size: 14px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .box .box_a {padding: 12px 20px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b ul li .bt {font-size: 14px;} } @media(max-width: 1000px) { .sousuo_jg { padding: 100px 0 40px; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b {width: 40%;} .searCro .lanmT { font-size: 16px; } .searCro .selmT { font-size: 18px; margin: 6px 0; } .searCro .c { font-size: 14px; color:#666666; line-height: 1.8; } } @media(max-width: 500px) { .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a { width: 100%; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_b { position: relative; left:0; width: 100%;margin-top: 20px;} .sousuo_jg .container {padding-bottom: 40px;} .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .bt {font-size: 24px;} .sousuo_jg .sousuo_bottom {padding: 20px 18px 30px; margin-top: 20px; } .sousuo_jg .sousuo_jg_top .sousuo_jg_top_a .js {margin-top: 14px;} } .addFlsm { font-size: 16px; line-height: 2; } .addFlsm p:nth-child(n+2) { margin-top: 16px; } @media(max-width: 1024px){ .addFlsm p:nth-child(n+2) { margin-top: 12px; } } /**2022-9-29灏忔參鍒版涓€娓?*/ .topNava { float: left; line-height: 66px; padding: 0 18px; } .topNava .pd a{ display: block; font-size: 16px; color: #fff; line-height: 66px; padding-left: 25px; position: relative; } .topNava .pd a:before{ position: absolute; content: ""; left: 0; top: 50%; width: 19px; height: 19px; transform: translateY(-50%); background: url(../images/dt.png) no-repeat center center/cover; } .fixed-head .topNava .pd a{ color: #333333; } .fixed-head .topNava .pd a:before{ background: url(../images/dta.png) no-repeat center center/cover; } /**浜烘墠鍙戝睍**/ .font20 { font-size: 20px; } .font18 { font-size: 18px; } .font16 { font-size: 16px; } .talentdevelopmentA{ padding: 5.52083vw 0 6.66666vw; position: relative; } .talentdevelopmentA::before { position: absolute; content: ""; right: 0; top: 5.88541vw; width: 5.41666vw; height: 6.45833vw; background: url(../images/images/opmentA.png)no-repeat center center/cover; } .talentdevelopmentA .opmenta { line-height: 1.55; color: #666666; margin: 24px 0 57px; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide { padding: 0 54px; opacity: 0.2;transition: all 0.5s; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide-active { opacity: 1; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c { float: left; width: 49.5%; margin-right: 1%; position: relative; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c:last-child { margin-right: 0; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c .img { line-height: 0; overflow: hidden; border-radius: 7px; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c .img img { transform: scale(1); transition: all .5s; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c:hover .img img { transform: scale(1.2); } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c .tit { position: absolute; bottom: 15px; color: #fff; width: 100%; padding: 0 27px 0 27px; } .talentdevelopmentA .talentC-b .swiper22 .gong { width: 55px; height: 55px; top: 50%; transform: translateY(-50%); margin-top: 0; transition: all .3s; } .talentdevelopmentA .talentC-b .swiper22 .gong:after { opacity: 0; } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-prev { background: url(../images/images/gong-p.png)no-repeat center center/cover; left: calc(10.6% - 27px); } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-next { background: url(../images/images/gong-n.png)no-repeat center center/cover; right: calc(10.6% - 27px); } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-prev:hover { background: url(../images/images/gong-pa.png)no-repeat center center/cover; } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-next:hover { background: url(../images/images/gong-na.png)no-repeat center center/cover; } .talentdevelopmentB { background: url(../images/talentdevelopmentB.png)no-repeat left bottom #f7f7f7; padding: 6.51041vw 0 6.92708vw; } .talentdevelopmentB .pmentBl { float: left; margin-top: 6px; width: 44%; } .talentdevelopmentB .pmentBl .mainTit { border-bottom: 1px solid #eaeaea; padding-bottom: 22px; } .talentdevelopmentB .pmentBl .tblt .tba { color: #333333; margin: 35px 0 20px; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt { margin-bottom: 15px; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt:last-child { margin-bottom: 0; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt .bt { padding-left: 15px; position: relative; color: #333333; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt .bt::before { position: absolute; content: ""; left: 2px; top: 10px; border-radius: 50px; width: 6px; height: 6px; background: #e99012; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt .bta { color: #666666; line-height: 1.5; margin-top: 8px; padding-left: 15px; } .talentdevelopmentB .pmentBr { float: right; width: 50%; overflow: hidden; border-radius: 5px; } .talentdevelopmentC { padding: 5.78125vw 0 6.71875vw; } .talentdevelopmentC .pmentc-top .ntcl .nsmx { color: #333333; margin-top: 6px; } .talentdevelopmentC .pmentc-top .ntcr { position: absolute; right: 0; bottom: 5px; } .talentdevelopmentC .pmentc-top .ntcr .owpdl { float: left; position: initial; width: 55px; height: 55px; margin-top: 0; } .talentdevelopmentC .pmentc-top .ntcr .owpdl::after { opacity: 0; } .talentdevelopmentC .pmentc-top .ntcr .swiper-button-prev { background: url(../images/images/gong-p.png)no-repeat center center/cover; margin-right: 6px; } .talentdevelopmentC .pmentc-top .ntcr .swiper-button-next { background: url(../images/images/gong-n.png)no-repeat center center/cover; } .talentdevelopmentC .pmentc-top .ntcr .swiper-button-prev:hover { background: url(../images/images/gong-pa.png)no-repeat center center/cover; } .talentdevelopmentC .pmentc-top .ntcr .swiper-button-next:hover { background: url(../images/images/gong-na.png)no-repeat center center/cover; } .talentdevelopmentC .pmentc-bott { padding-left: 13.5%; margin-top: 35px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide { background: #f7f7f7; transition: all .3s; height: 415px; padding: 40px 34px 0 32px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .dec { color: #222222; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .dec1 { color: #666666; line-height: 1.5; margin-top: 15px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon { position: absolute; transition: all .3s; bottom: 50px; left: 32px; width: 88px; height: 88px; border-radius: 50%; background: #fff; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon .pi2 { display: none; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover { background: #00aeeb; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover .dec { color: #fff; border-color: #14b4ed; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover .dec1 { color: #fff; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover .deicon { background: #33beef; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover .deicon .pi1 { display: none; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide:hover .deicon .pi2 { display: block; } .talentdevelopmentD { background: #f7f7f7; padding: 5.72916vw 0 6.61458vw; } .talentdevelopmentD .mentdtop .opa { color: #333333; margin-top: 5px; } .talentdevelopmentD .mentdbtopt { margin-top: 32px; } .talentdevelopmentD .mentdbtopt ul { display: flex; flex-wrap: wrap; } .talentdevelopmentD .mentdbtopt ul li { float: left; width: 32.76%; margin-right: .86%; border-radius: 5px; overflow: hidden; background: #fff; } .talentdevelopmentD .mentdbtopt ul li:last-child { margin-right: 0; } .talentdevelopmentD .mentdbtopt ul li .img { overflow: hidden; border-radius: 5px; } .talentdevelopmentD .mentdbtopt ul li .topt { padding: 30px 40px; } .talentdevelopmentD .mentdbtopt ul li .topt .p { color: #222222; } .talentdevelopmentD .mentdbtopt ul li .topt .t { color: #666666; line-height: 1.5; margin-top: 9px; } .talentdevelopmentD .mentdbtopt ul li .img img { transform: scale(1); transition: all .5s; } .talentdevelopmentD .mentdbtopt ul li:hover .img img { transform: scale(1.2); } .talentdevelopmentE { padding: 6.5625vw 0 6.97916vw; } .talentdevelopmentE .mentetop { margin-bottom: 43px; } .talentdevelopmentE .mentetop .tepotl { float: left; } .talentdevelopmentE .mentetop .tepotr { float: right; color: #333333; line-height: 1.5; position: absolute; bottom: 5px; right: 0; } .talentdevelopmentE .mentetop .tepotr a { color: #00aeeb; display: inline-block; border-bottom: 1px solid #00aeeb; } .talentdevelopmentE .mentebottom { text-align: center; padding: 55px 0; border-radius: 10px; overflow: hidden; } .talentdevelopmentE .mentebottom .kckc { width: 344px; height: 344px; display: inline-block; border-radius: 50%; } .talentdevelopmentE .mentebottom .kckc a { display: block; width: 100%; height: 100%; position: relative; } .talentdevelopmentE .mentebottom .kckc a .mshxbn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .talentdevelopmentE .mentebottom .kckc a .mshxbn .xba .ae { color: #fff; margin-top: 14px; } .talentdevelopmentE .mentebottom .kckc a .mshxbn .xba .aea { color: #eaebec; margin-top: 6px; } .talentdevelopmentE .mentebottom .kckc a .mshxbn .xba .aea i { display: inline-block; margin-left: 6px; width: 14px; height: 11px; vertical-align: middle; margin-top: -1px; background: url(../images/images/moslx.png)no-repeat center center/cover; } .talentdevelopmentE .mentebottom .kckc a::before { position: absolute; content: ""; width: 100%; height: 100%; -webkit-transform:scale(1.1); top: 0%; left: 0%; background: rgba(0,0,0,0.2); border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); } .talentdevelopmentE .mentebottom:hover .kckc a::before { animation: beat 1.5s infinite reverse; } @keyframes beat { 0%{-webkit-transform:scale(1.1);} 5%{-webkit-transform:scale(1.09);} 10%{-webkit-transform:scale(1.08);} 15%{-webkit-transform:scale(1.07);} 20%{-webkit-transform:scale(1.06);} 25%{-webkit-transform:scale(1.05);} 30%{-webkit-transform:scale(1.04);} 35%{-webkit-transform:scale(1.03);} 40%{-webkit-transform:scale(1.02);} 45%{-webkit-transform:scale(1.01);} 50%{-webkit-transform:scale(1.0);} 55%{-webkit-transform:scale(1.01);} 60%{-webkit-transform:scale(1.02);} 65%{-webkit-transform:scale(1.03);} 70%{-webkit-transform:scale(1.04);} 75%{-webkit-transform:scale(1.05);} 80%{-webkit-transform:scale(1.06);} 85%{-webkit-transform:scale(1.07);} 90%{-webkit-transform:scale(1.08);} 95%{-webkit-transform:scale(1.09);} 100%{-webkit-transform:scale(1.1);} } @media(max-width:1600px) { .talentdevelopmentD .mentdbtopt ul li .topt { padding: 30px 32px; } } @media(max-width:1480px) { .talentdevelopmentC .pmentc-bott { padding-left: 10%; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide { padding: 0 35px; } .talentdevelopmentA .talentC-b .swiper22 .gong { width: 45px; height: 45px; } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-prev { left: calc(6.85% - 27px); } .talentdevelopmentA .talentC-b .swiper22 .swiper-button-next { right: calc(6.85% - 27px); } .talentdevelopmentC .pmentc-top .ntcr .owpdl { width: 45px; height: 45px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon img { width: 20px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon { width: 68px; height: 68px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide { padding: 30px 24px 0 22px; height: 360px; } .talentdevelopmentC .pmentc-bott .swiper23 .swiper-slide .deicon { bottom: 30px; left: 22px; } } @media(max-width:1280px) { .talentdevelopmentC .pmentc-bott { padding-left: 3%; } } @media(max-width:1024px) { .font20 { font-size: 18px; } .font18 { font-size: 16px; } .font16 { font-size: 14px; } .talentdevelopmentA .opmenta { margin: 15px 0 25px; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide { padding: 0 3%; } .talentdevelopmentA .talentC-b .swiper22 .swiper-slide .talentC-c .tit { padding: 0 11px; bottom: 10px; } .talentdevelopmentB .pmentBr { width: 100%; } .talentdevelopmentB .pmentBl { width: 100%; margin-top: 20px; } .talentdevelopmentB { background: #f7f7f7; } .talentdevelopmentB .pmentBl .mainTit { padding-bottom: 15px; } .talentdevelopmentB .pmentBl .tblt .tba { margin: 15px 0 20px; } .talentdevelopmentB .pmentBl .tblt .tbb .bbt { margin-bottom: 10px; } .talentdevelopmentC .pmentc-top .ntcr { display: none; } .talentdevelopmentC .pmentc-bott { margin-top: 20px; } .talentdevelopmentD .mentdbtopt ul li { width: 100%; margin-bottom: 20px; } .talentdevelopmentD .mentdbtopt ul li:last-child { margin-bottom: 0; } .talentdevelopmentD .mentdbtopt { margin-top: 20px; } .talentdevelopmentD .mentdbtopt ul li .topt { padding: 20px; } .talentdevelopmentE .mentetop .tepotr { position: initial; margin-top: 10px; width: 100%; } .talentdevelopmentE .mentetop { margin-bottom: 20px; } .talentdevelopmentE .mentebottom .kckc { width: 200px; height: 200px; } .talentdevelopmentE .mentebottom .kckc a .mshxbn .icon { width: 45px; display: inline-block; } } .addGgA { display:none; } .addGgD .close { position: absolute; right: 20px; top:20px; font-size:30px; cursor: pointer; width: 50px; height: 50px; line-height: 46px; text-align:center; border:2px solid #999; color:#999; border-radius:50%; } .addGgD .close:hover { background: #00aeeb; border-color:#00aeeb; color:#fff; } .addGgA { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; left:0; top:0; z-index: 10000; } .addGgB { width: 100%; height: 100%; position: relative; } .addGgC { position: absolute; width: 80%; left:50%; top:50%; background: #fff; border-radius:12px; transform:translate(-50%, -50%); } .addGgD { padding:60px 60px 70px; } .addGgD .topT { font-size:36px;color:#333; text-align:center; letter-spacing:6px; font-weight:bold; margin-bottom:25px; } .addGgD .con { max-height:70vh; overflow-y:scroll; font-family:"瀹嬩綋"; font-weight:bold; font-size:18px;color:#666; line-height: 1.6; padding-right:10px; } .addGgD .con p { margin-top:10px; } @media(max-width:1500px){ .addGgD { padding: 40px 50px 50px; } } @media(max-width:1100px){ .addGgD { padding: 30px 30px 40px; } } .addGgD .con{ scrollbar-color: #999 rgba(0,0,0,0.2); /* 缁楊兛绔存稉顏呮煙閸ф顤侀懝璇х礉缁楊兛绨╂稉顏囧缓闁捇顤侀懝锟?閻劋绨弴瀛樻暭閻忣偆瀚勫ù蹇氼潔閸c劍鐗卞锟? */ scrollbar-width: thin; /* 閻忣偆瀚勫姘З閺夆剝妫ゅ▔鏇″殰鐎规矮绠熺€硅棄瀹抽敍灞藉涧閼充粙鈧俺绻冨銈呯潣閹傚▏濠婃艾濮╅弶鈥愁啍鎼达箑褰夌紒锟 */ -ms-overflow-style:none; /* 闂呮劘妫屽姘З閺夆槄绱欓崷鈫朎閸滃瓖dge娑撱倓閲滃ù蹇氼潔閸c劋鑵戝鍫ユ閺囧瓨鏁奸弽宄扮础閿涘苯娴愰柌鍥у絿闂呮劘妫岄弬鐟扮础閿涳拷 */ } /* 娴犮儰绗呴弰鐥梙rome濞村繗顫嶉崳銊ㄥ殰鐎规矮绠熷姘З閺夆剝鐗卞蹇旀煙瀵拷 */ .addGgD .con::-webkit-scrollbar {/*濠婃艾濮╅弶鈩冩殻娴f挻鐗卞锟?/ width: 3px; /*妤傛ê顔旈崚鍡楀焼鐎电懓绨插Ο顏嗙彨濠婃艾濮╅弶锛勬畱鐏忓搫顕?/ height: 1px; } .addGgD .con::-webkit-scrollbar-thumb {/*濠婃艾濮╅弶锟犲櫡闂堛垹鐨弬鐟版健*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #999; } .addGgD .con::-webkit-scrollbar-track {/*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0); }