@charset "utf-8"; a, img { vertical-align: top; } .container { max-width: 83.333333%; width: 100%; margin: 0 auto; } .img{ line-height: 0; } .left{ float: left; } .right{ float: right; } .font56{ font-size: 56px; } .font46{ font-size: 46px; } .font24{ font-size: 24px; } .font20{ font-size: 20px; } .font18{ font-size: 18px; } .font16{ font-size: 16px; } .font15{ font-size: 15px; } .font14{ font-size: 14px; } .font12{ font-size: 12px; } .gybt .b{ color: #25b7aa; } .gybt .d{ color: #292b2b; font-family: 'FZLTCHK'; margin-top: 8px; } /**mobile nav**/ .nav_box { width: 100%; height: 100%; position: fixed; right: auto; top: 0; bottom: 0; left: -100%; overflow: auto; background: #fff; z-index: 99999; padding-bottom: 20px; } .nav_box .nav-title { height: 60px; position: relative; border-bottom: 1px solid #666; } .nav_box .nav-title .navclose { width: 26px; height: 26px; display: block; font-size: 0; line-height: 0; position: absolute; right: 4%; top: 50%; z-index: 2; transform: translateY(-50%); } .nav_box .nav-title h1 { width: 200px; line-height: 0; margin-left: 4%; padding-top: 16px; } .nav_box .navlist { margin-top: 10px; width: 100%; } .nav_box .navlist ul>li { float: left; width: 100%; font-size: 14px; line-height: 50px; border-bottom: 1px solid #666; padding: 0 4%; text-transform: capitalize; } .nav_box .navlist ul>li>a { display: block; color: #333; position: relative; } .nav_box .navlist ul>li>a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 14px; } .navSearch { border: 1px solid #666; margin: 25px 4% 0; background: #fff; height: 32px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; overflow: hidden; position: relative; } .navSearch .inputT { float: left; width: 100%; height: 32px; background: none; border: none; padding: 0 40px 0 15px; color: #333; } .navSearch .Btn { position: absolute; right: 0; top: 0; float: right; width: 35px; height: 32px; border: none; border-left: 1px solid #666; background: url(../images/btn.png) no-repeat center center; } .yuyan{ margin: 20px 15px; text-align: center; font-size: 14px; } .yuyan a{ display: inline-block; margin: 0 30px; } /**头部**/ .header{ position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; padding: 0 46px 0 40px; } .header .logo{ padding: 17px 0 15px; } .header .logo img{ width: 295px; } .header .logo .pic2{ display: none; } .fixed-head .logo .pic2{ display: block; } .fixed-head .logo .pic1{ display: none; } .header .nav ul li{ float: left; font-size: 17px; position: relative; margin-right: 70px; } .header .nav ul li:last-child{ margin-right: 0; } .header .nav ul li a span { line-height: 30px; display: block;position: relative;} .header .nav ul li.cur a span { font-weight: bold; } .header .nav ul li a span:before{ position: absolute; content: ""; bottom: 0; left: 0; height: 2px; width: 0; background: #fff; transition: all 0.5s; } .header .nav ul li.cur a span:before{ width: 100%; } .header .nav ul li:hover a span:before{ width: 100%; } .header .nav ul li.wbt a span:before { width: 0; } /*.header .nav ul li:hover a span{ border-bottom: 2px solid #fff; } .fixed-head .nav ul li.cur a span{ border-color: #25b7aa; } .fixed-head .nav ul li:hover a span{ border-color: #25b7aa; }*/ .header .nav { margin-left: 100px; } .header .nav ul li a{ color: #fff; display: block; padding: 27px 0 23px; } .fixed-head .nav ul li .sub{ color: #333; } .fixed-head .nav ul li:hover .sub{ color: #25b7aa; } .header .yyqh{ margin: 33px 0 0 15px; } .header .yyqh dl{ position: relative; padding-bottom: 12px; } .header .yyqh dl dt{ color: #fff; width: 22px; height: 22px; position: relative; cursor:pointer; } .fixed-head .yyqh dl dt{ color: #333; } .header .yyqh dl dt:before{ position: absolute; content: ""; left: 0; width: 22px; height: 22px; top: 50%; transform: translateY(-50%); background: url(../images/yyqhd.svg)no-repeat center center; background-size: 100% 100%; } .fixed-head .yyqh dl dt:before{ background: url(../images/yyqhd1.svg)no-repeat center center; background-size: 100% 100%; } .header .yyqh dd{ position: absolute; width: 110px; padding: 30px 0 0; top: 25px; left: 50%; transform: translateX(-50%); display: none; } .header .yyqh dd .subD{ background: #fff; width: 110px; padding: 15px 0; box-shadow: 0px 6px 10px 1px rgb(0 0 0 / 18%); border-radius: 5px; overflow: hidden; } .header .yyqh dl:hover dd{ display: block; } .header .yyqh dd a{ display: block; width: 100%; font-size: 12px; color: #333333; text-align: left; padding-left: 12px;position: relative; margin: 12px 0; } .header .yyqh dd a:hover:before,.header .yyqh dd a.cur:before { content: ''; width: 3px; height: 100%; position: absolute; left: -2px; top: 0; background: #25b7aa; } .header .yyqh dd a span { font-size: 16px; } .header .yyqh dd .subD { padding-left: 20px; } .header .yyqh dd .subD-a { border-left:1px solid #d6d7d7; } .header .yyqh dd a:hover,.header .yyqh dd a.cur { color: #25b7aa; } .header .mpsl a{ display: block; width: 22px; height: 22px; position: relative; } .header .mpsl a:before{ position: absolute; content: ""; top: 32px; left: 0; width: 22px; height: 22px; background: url(../images/mpsl.svg)no-repeat center center/cover; } .fixed-head .mpsl a:before{ background: url(../images/mpsl1.svg)no-repeat center center/cover; } .header .sear{ padding: 32px 35px 26px 0; position: relative; cursor: pointer; margin-right: 30px; } .header .sear span { float: left; width: 21px; height: 22px; position: relative; background: url(../images/bba.svg) no-repeat center center/cover; } .fixed-head .sear span{ background: url(../images/bba1.svg) no-repeat center center/cover; } .header .sear span:before{ position: absolute; content: ""; right: -35px; height: 20px; width: 1px; top: 50%; transform: translateY(-50%); background: #fff; } .fixed-head .sear span:before{ background: #333333; } .subsearch { width: 330px; position: absolute; top: 46px; left: -220px; display: none; padding-top: 47px; } .header .sear:hover .subsearch{ display: block; } .subsearch form { background: #ffffff; border-radius: 3px; padding: 0 20px; position: relative; width: 100%; height: 50px; } .subsearch form:after { content: ''; position: absolute; right: 36px; top: -8px; line-height: 0; border-width: 8px; border-color: #ffffff; border-top-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; display: none; } .subsearch form input.inp { width: 100%; border: none; font-size: 14px; /*border-left: 2px solid #93969d;*/ background: none; outline: none; height: 50px; padding-left: 0px; color: #333; } .subsearch form input.subxx { border: none; outline: none; position: absolute; right: 2px; top: 2px; z-index: 5; height: 46px; background: url(../images/addsear.png) no-repeat center #3a599d; border-radius: 5px; font-size: 0; width: 54px; } .header .navbtn{ display: none; } .header .navbtn .hg{ display: none; } .fixed-head .navbtn .hg{ display: block; } .fixed-head .navbtn .mr{ display: none; } .fixed-head{ z-index: 999; position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; transition: All .4s ease; -webkit-transition: All .4s ease; -moz-transition: All .4s ease; -o-transition: All .4s ease; -webkit-animation: headerFix 1s ease 1; animation: headerFix 1s ease 1; box-shadow: 0 0 5px rgb(0 0 0 / 20%); } video{ object-fit: fill; } .indexbanner{ position: relative; } .indexbanner .daimg,.ibanner .daimg{ position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1; line-height: 0; margin-bottom: -1px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh{ overflow: hidden; height: 60.2vw; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .sj{ display: none; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh img{ height: 100%; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .sm{ display: none; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban{ position: absolute; left: 0; width: 100%; top: 45%; transform: translateY(-50%); } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .a{ font-family: 'FZLTCHK'; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .b, .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .a, .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .n{ color: #fff; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .b{ padding-left: 40px; position: relative; margin-bottom: 11px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .b:before{ position: absolute; content: ""; left: 0; top: 50%; width: 29px; height: 25px; background: url(../images/b.png) no-repeat center center/cover; transform: translateY(-50%); } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .n{ text-transform: uppercase; margin-top: 10px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .gyan{ margin-top: 70px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .gyan a:hover{ border-color: rgba(255, 255, 255, 0); color: #595d5d; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .gyan a:before{ background: #fff; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .gyan a:hover i { background: url(../images/hsbtan.png)no-repeat center center/cover; } .indexbanner .indexbanneswr-pagnasdad{ right: 8.4%; top: 40%; left: auto; width: 3px; bottom: auto; z-index: 1; transform: translateY(-50%); } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet{ background: #e9edf0; z-index: 1; width: 3px; border-radius: 0; opacity: 1; height: 58px; overflow: hidden; margin-bottom: 7px; position: relative; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet:last-child{ margin-bottom: 0; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet:after { content:''; height: 0; width: 3px; background: #25b7aa; position: absolute; left:0; top:0; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet-active:after {-webkit-animation:wid 5s linear 1;} @-webkit-keyframes wid { 0% { height: 0%; } 25% { height: 25%; } 50% { height: 50%; } 75% { height: 75%; } 100% { height: 100%; } } .indexbanner .swiper-slide:before { z-index: 5; content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; left:0; top:0; } .indexbanner .swiper-slide:after { content:''; z-index: 6; width: 100%; height: 100%; background: url(../images/navbg.png) repeat-x top center; position: absolute; left:0; top:0; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban { z-index: 10; } .gyan{ text-align: center; } .indexbanner .swiper-slide:nth-child(2):after{ display: none; } .gyan a{ display: block; width: 175px; line-height: 46px; border: 1px solid rgba(255, 255, 255, .5); color: #fff; font-size: 14px; position: relative; overflow: hidden; border-radius: 40px; } .gyan a span{ position: relative; z-index: 1; } .gyan a i{ display: inline-block; width: 17px; margin-left: 10px; vertical-align: middle; height: 12px; position: relative; z-index: 1; margin-top: -2px; background: url(../images/gyan.png)no-repeat center center/cover; } .gyan a:before{ position: absolute; content: ""; left: -100%; top: -10%; width: 100%; height: 120%; background: #25b7aa; transition: all 0.5s; } .gyan a:hover{ border-color: rgba(255, 255, 255, 0); } .gyan a:hover:before{ left: 0; } .footer{ background: #f2f2f2; } .footer .foott{ padding-top: 60px; } .footer .foott .foottl{ width: 315px; } .footer .foott .foottr{ border-bottom: 1px solid #dbdcdc; } .footer .foott .foottr ul li{ float: left; margin-right: 63px; position: relative; } .footer .foott .foottr ul li:last-child{ margin-right: 0; } .footer .foott .foottr ul li a{ display: block; font-size: 16px; color: #292b2b; padding-bottom: 29px; position: relative; } .footer .foott .foottr ul li a:before{ position: absolute; content: ""; left: 0; bottom: -2px; width: 0; height: 3px; background: #25b7aa; transition: all 0.6s; } .footer .foott .foottr ul li.cur a:before{ width: 100%; } .footer .foott .foottr ul li:hover a:before{ width: 100%; } .footer .foott .foottr ul li.wbt a:before{ width: 0; } .footer .footbm{ margin-top: 35px; padding-bottom: 60px; } .footer .footbm .tbml{ line-height: 32px; color: #515353; margin-top: 4px; } .footer .footbm .tbmr{ width: 715px; } .footer .footbm .tbmr .bmr img { width: 150px; height: auto; } .footer .footbm .tbmr .bmrw .bml { width: 390px; } .footer .footbm .tbmr .bmrw .bml .dl dl dd{ width: 50%; float: left; padding-left: 9px; height: 100%; border-left: 3px solid #e2e2e2; /*margin-right: 64px;*/ } .footer .footbm .tbmr .bmrw .bml .dl{ margin-top: 70px; } .footer .footbm .tbmr .bmrw .bml .dl dl dd:last-child{ margin-right: 0; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a{ display: block; color: #515353; padding: 3px 0 8px; font-size: 14px; position: relative; } .footer .footbm .tbmr .bmrw .bml .dl dl dd:nth-last-of-type(2) a{ padding-bottom: 0; } .footer .footbm .tbmr .bmrw .bml .dl dl dd:nth-last-of-type(1) a{ padding-bottom: 0; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a sup{ position: absolute; top: -3px; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a:before{ position: absolute; content: ""; left: -12px; top: 50%; width: 3px; height: 100%; background: #27b8ab; transform: translateY(-50%); display: none; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a:hover{ color: #27b8ab; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a:hover:before{ display: block; } .footer .footbm .tbmr .bmrw .bml .dl dl dd a:last-child{ margin-bottom: 0; } .footer .footbm .tbmr .bmrw .bmr{ text-align: center; } .footer .footbm .tbmr .bmrw .bmr .bmrwz{ font-size: 14px; color: #999999; line-height: 1; margin-top: 10px; } .footer .footma{ padding: 24px 0 23px; border-top: 1px solid #eaebeb; } .footer .footma .tmal{ color: #8f9494; line-height: 1; } .footer .footma .tmar a{ line-height: 1; color: #8f9494; } .index5{ padding: 33px 0 27px; background: #f8f8f8; } .index5 .dexl{ color: #264994; } .index5 .dexr{ width: 88%; } .index5 .dexr a{ display: inline-block; color: #7e7e7e; font-size: 14px; padding: 5px 20px; margin-right: 9px; margin-bottom: 10px; line-height: 1; border: 1px solid #e6e6e6; border-radius: 40px; } .index5 .dexr a:hover{ color: #25b7aa; } .index4{ position: relative; } /*.index4:before{ position: absolute; content: ""; bottom: 2px; left: 0; z-index: 2; width: 100%; height: 24px; background: url(../images/index4.png)no-repeat center center/cover; }*/ .index4:before {z-index: 2; content:''; width: 100%; height: 40px; position: absolute; left:0; bottom:0px; background: url(../images/bga.png) no-repeat bottom center; background-size: 100% auto; } .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc{ position: absolute; top: 38%; width: 100%; transform: translateY(-50%); } .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc .gybt .b, .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc .gybt .d{ color: #fff; } .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc .esbdb{ color: #fff; line-height: 28px; margin-top: 24px; margin-bottom: 58px; } .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc .esbdb p{ padding-left: 10px; position: relative; } .index4 .denscxs .swiper-wrapper .swiper-slide .desbdbc .esbdb p:before{ position: absolute; content: ""; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: #fff; } .index4 .denscxs .swiper-wrapper .swiper-slide .img img{ height: 43vw; } .index4 .denscxs .swiper-wrapper .swiper-slide .img .sj{ display: none; } .index4 .denscxs-pagnasdad{ bottom: 5.5vw; width: 100%; } .index4 .denscxs-pagnasdad .swiper-pagination-bullet{ opacity: 1; width: 24px; height: 24px; border: 1px solid rgba(255, 255, 255, 0); background: initial; margin-right: 11px; position: relative; } .index4 .denscxs-pagnasdad .swiper-pagination-bullet:before{ position: absolute; content: ""; border-radius: 50%; left: 7px; top: 7px; width: 8px; height: 8px; background: #fff; } .index4 .denscxs-pagnasdad .swiper-pagination-bullet-active{ border: 1px solid rgba(255, 255, 255, 1); } .alstrp a{ border-color: #d6d9da; color: #595d5d; } .alstrp a i{ background: url(../images/hsbtan.png) no-repeat center center/cover; } .alstrp a:hover i{ background: url(../images/gyan.png) no-repeat center center/cover; } .alstrp a:hover{ color: #fff; } .alstrp a i:hover{ background: url(../images/gyan.png) no-repeat center center/cover; } .index4{ position: relative; } .index4 .saldhaslkd{ position: absolute; top: 38%; width: 100%; z-index: 9; transform: translateY(-50%); } .index4 .saldhaslkd .gybt .b, .index4 .saldhaslkd .gybt .d { color: #fff; } .index4 .saldhaslkd .esbdb { color: #fff; line-height: 28px; margin-top: 24px; margin-bottom: 58px; } .index4 .saldhaslkd .gyan a:before{ background: #fff; } .index4 .saldhaslkd .gyan a:hover{ color: #333; } .index4 .saldhaslkd .gyan a:hover:before{ background: #fff; } .index4 .saldhaslkd .gyan a:hover i{ background: url(../images/hsbtan.png)no-repeat center center/cover; } .index3{ background: #f5f8f9; padding: 6.5vw 0 9vw; } .index3 .dndalst{ margin-bottom: 45px; } .index3 .dndalst .alstr{ margin-top: 26px; } .index3 .dalmsdb ul li{ float: left; width: 32.49%; margin-right: 1.26%; background: #fff; border-radius: 5px; overflow: hidden; position: relative; } .index3 .dalmsdb ul li:last-child{ margin-right: 0; } .index3 .dalmsdb ul li a{ display: block; /*height: 554px;*/ /*border-bottom: 2px solid #25b7aa;*/ padding: 22px 23px 40px 23px; } .index3 .dalmsdb ul li:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; transition: all 0.8s; background: #25b7aa; } .index3 .dalmsdb ul li:hover:before{ width: 100%; } .index3 .dalmsdb ul { display: flex; flex-wrap: wrap; } .index3 .dalmsdb ul li { /*display: block;*/ /*height: 554px;*/ /* border-bottom: 2px solid #25b7aa;*/ /*padding: 22px 23px 40px 23px;*/ } .index3 .dalmsdb ul li a .img{ overflow: hidden; border-radius: 5px; } .index3 .dalmsdb ul li a .img img{ transform: scale(1); transition: all 0.8s; } .index3 .dalmsdb ul li:hover a .img img{ transform: scale(1.1); } .index3 .dalmsdb ul li a .albdms .d{ color: #264994; margin-top: 25px; } .index3 .dalmsdb ul li a .albdms .b{ line-height: 24px; color: #333333; margin: 4px 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family: 'FZLTCHK'; } .index3 .dalmsdb ul li a .albdms .b sup{ display: inline-block; font-size: 12px; line-height: 1; } .index3 .dalmsdb ul li a .albdms .m{ color: #666666; line-height: 22px; margin: 10px 0 70px; } .index3 .dalmsdb ul li a .albdms .m p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .index3 .dalmsdb ul li a .albdms .s{ color: #666666; } .index3 .dalmsdb ul li a .albdms .s span{ display: inline-block; width: 14px; height: 10px; margin-left: 11px; background: url(../images/hsbtan.png)no-repeat center center/cover; } .index3 .dalmsdb ul li:hover a .albdms .s span{ background: url(../images/albdms.png)no-repeat center center/cover; } .index3 .dalmsdb ul li:hover a{ border-color: #999999; } .index3 .dalmsdb ul li:hover a .albdms .b{ color: #25b7aa; } .index2 .dexmertt .merttr{ margin-top: 27px; position: relative; z-index: 10; } .index2 .butond-pagination{ display: none; } .index2 .dexmertt .merttr .model-select-box{ width: 240px; height: 50px; line-height: 50px; position: relative; font-size: 16px; border-radius: 40px; padding-left: 33px; color: #000; margin-right: 10px; background: #25b7aa; cursor: pointer; } .index2 .dexmertt .merttr .model-select-box .model-select-text{ color: #fff; } .index2 .dexmertt .merttr .pcddcjhz:hover .model-select-option { display: block!important; } .index2 .dexmertt .merttr .sjddcjhz{ display: none; } .model-select-option { display: none; position: absolute; background: #fff; width: 100%; left: 0; z-index: 99; top: 48px; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 5px rgba(136, 136, 136, .3); padding: 10px 15px; } /*.index2 .dexmertt .merttr .model-select-box .asdasalqp{ padding-top: 53px; }*/ .model-select-option li { height: 40px; line-height: 40px; color: #000; font-size: 14px; cursor: pointer; border-bottom: 1px solid #eeeeee; } .model-select-option li:hover{ color: #25b7aa; } .model-select-option li:last-child{ border-bottom: 0; } /*.model-select-option li.selected { background: #06C; color: #fff; font-size: 14px; }*/ .bg1 { position: absolute; width: 13px; right: 34px; top: 50%; transform: translateY(-50%); height: 8px; background: url(../images/asdasd.png) no-repeat center center/cover; } .index2{ padding: 6.5vw 0 7vw; } .index2 .swqhm{ margin-top: 27px; position: relative; } .index2 .swqhm .container{ position: relative; z-index: 9; } .index2 .swqhm .swqhmqhl{ padding: 50px 10px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide{ padding: 0 12px; position: relative; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide .dexos { position: relative; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide .dexos:after{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0); } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide-active .dexos:after{ display: none; z-index: 0; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a{ position: relative; z-index: 1; transform:scale(.9); display: block; overflow: hidden; border-radius: 10px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2); } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma{ padding: 32px 30px 26px 30px; background: #fff; position: relative; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .5; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide-active a .swqhnma:before{ opacity: 0; display: none; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide-active a{ transform:scale(1.13); overflow: hidden; border-radius: 10px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n { padding-bottom: 11px; border-bottom: 1px solid #f2f2f2; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .na{ color: #333333; font-family: 'FZLTCHK'; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .na span{ font-size: 13px; display: inline-block; vertical-align: middle; margin-left: 3px; margin-top: -9px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .nb{ color: #666666; font-size: 14px; margin-top: 3px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .nb span{ background: url(../images/albdms.png) no-repeat center center/cover; width: 14px; height: 10px; display: inline-block; margin-left: 10px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .m{ margin-top: 12px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .m p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #999999; line-height: 20px; } .parallax>use { animation:move-forever 12s linear infinite; /*transform-origin:50% 50%; */ } .parallax>use:nth-child(1) { animation-delay:-2s; } .parallax>use:nth-child(2) { animation-delay:-2s; animation-duration:8s; } .parallax>use:nth-child(3) { animation-delay:-4s; animation-duration:9s; } .parallax>use:nth-child(4) { animation-delay:-6s; animation-duration:13s; } .parallax>use:nth-child(5) { animation-delay:0; animation-duration:9s; } .parallax>use:nth-child(6) { animation-delay:-6s; animation-duration:11s; } @keyframes move-forever { 0% { transform:translate(-90px,0%); } 100% { transform:translate(85px,0%); } }/*波浪线效果 end*/ .grayPage{ position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); z-index: 1; } .index2 .swqhm .butond-next, .index2 .swqhm .butond-prev{ width: 53px; height: 53px; overflow: hidden; border-radius: 50%; } .index2 .swqhm .butond-next:after, .index2 .swqhm .butond-prev:after{ opacity: 0; } .index2 .swqhm .butond-next{ background: url(../images/preva.png) no-repeat center center/cover; right: 3.7%; } .index2 .swqhm .butond-prev{ background: url(../images/nexta.png) no-repeat center center/cover; left: 3.7%; } .index2 .swqhm .butond-next:hover{ background: url(../images/prev.png) no-repeat center center/cover; } .index2 .swqhm .butond-prev:hover{ background: url(../images/next.png) no-repeat center center/cover; } .index1{ background: #f5f8f9; padding: 26px 0 8.7vw; } .index1 .wzdexn-t .dexnt-l{ width: 41.25%; padding: 6.3vw 0 0 0; } .index1 .wzdexn-t .dexnt-l .exntla{ color: #777777; line-height: 26px; margin-top: 24px; margin-bottom: 38px; } .index1 .wzdexn-t .dexnt-r{ width: 47.5%; } .index1 .wzdexn-t .dexnt-r .img{ position: relative; padding-right: 75px; } .index1 .wzdexn-t .dexnt-r .img img{ float: left; position: relative; z-index: 2; } .index1 .wzdexn-t .dexnt-r .img .dw{ position: absolute; right: 0; top: -116px; z-index: 1; height: 34.3vw; } .index1 .wzdexn-b{ margin-top: 60px; } .index1 .wzdexn-b .dexbn{ margin-bottom: 30px; } .index1 .wzdexn-b .dexbn .xbnl{ color: #292b2b; font-weight: bold; font-size: 30px; margin-top: 12px; font-family: 'FZLTCHK'; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-next, .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-prev{ position: initial; margin-top: 0; width: 50px; height: 50px; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-next:after, .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-prev:after{ opacity: 0; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-next{ background: url(../images/preva.png)no-repeat center center/cover; margin-left: 10px; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-prev{ background: url(../images/nexta.png)no-repeat center center/cover; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-next:hover{ background: url(../images/prev.png)no-repeat center center/cover; margin-left: 10px; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-prev:hover{ background: url(../images/next.png)no-repeat center center/cover; } .index1 .wzdexn-b .caselist-container{ width: 110.1%; } .index1 .wzdexn-b .caselist-container .swiper-slide{ width: 450px!important; background: #fff; overflow: hidden; border-radius: 10px; height: 265px; position: relative; } .index1 .wzdexn-b .caselist-container .swiper-slide-active { width: 680px!important; } .index1 .wzdexn-b .caselist-container .swiper-slide:before{ position: absolute; content: ""; left: 0; top: -100%; height: 100%; width: 4px; background: #51c5bb; transition: all 0.5s; } .index1 .wzdexn-b .caselist-container .swiper-slide:hover:before{ top: 0; } .index1 .wzdexn-b .caselist-container .swiper-slide-active:before{ top: 0; } .index1 .wzdexn-b .caselist-container .swiper-slide:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 67px; background: url(../images/azadsasd.png) no-repeat center center/cover; background-size: 100% 100%; } .index1 .wzdexn-b .caselist-container .swiper-slide .det .dl{ font-size: 20px; color: #292b2b; line-height: 32px; margin-top: 8px; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .det .dl{ color: #264994; width: 77%; } .index1 .wzdexn-b .caselist-container .swiper-slide .dem{ color: #bbbbbb; margin-top: 70px; } .index1 .wzdexn-b .caselist-container .swiper-slide .dem{ color: #666666; position: absolute; bottom: 40px; left: 40px; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .dem{ left: 48px; } .index1 .wzdexn-b .caselist-container .swiper-slide .det .dr{ display: none; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .det .dr{ display: block; margin-left: 0; } .index1 .wzdexn-b .caselist-container .swiper-slide{ padding: 28px 102px 0 40px; } .index1 .wzdexn-b .caselist-container .swiper-slide-active{ padding: 27px 29px 37px 48px; } .sjdxs{ display: none; } @media(max-width: 1680px) { .font56 { font-size: 45px; } .font46 { font-size: 38px; } /*.index3 .dalmsdb ul li a { height: 520px; }*/ .index2 .dexmertt .merttr{ margin-top: 20px; } .index3 .dndalst .alstr { margin-top: 17px; } } @media(max-width: 1500px) { .container{ max-width: 90%; } .index2 .swqhm .butond-prev{ left: 2%; } .index2 .swqhm .butond-next{ right: 2%; } } @media(max-width: 1480px) { .font56{ font-size: 40px; } .font46 { font-size: 33px; } .index1 .wzdexn-t .dexnt-r .img .dw { top: -80px; width: 90px; } .index1 .wzdexn-b .caselist-container .swiper-slide { padding: 28px 50px 0 40px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma { padding: 25px 20px 20px 20px; } .font20 { font-size: 18px; } .index1 .wzdexn-b .caselist-container .swiper-slide .det .dl{ font-size: 18px; } .index3 .dalmsdb ul li a{ height: auto; padding: 22px 20px 30px 20px; } .index3 .dalmsdb ul li a .albdms .m { margin: 10px 0 45px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .nb{ margin-top: 2px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n .na{ width: 190px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .index2 .dexmertt .merttr{ margin-top: 10px; } .index3 .dndalst .alstr { margin-top: 13px; } .header .nav{ margin-left: 50px; } } @media(max-width: 1280px) { .footer .foott .foottr ul li { margin-right: 44px; } .footer .footbm .tbmr { width: 620px; } } @media(max-width: 1180px) { .header .nav ul li { margin-right: 25px; } .header .nav { margin-left: 30px; } .header .sear span:before{ right: -17px; } .header .sear{ padding-right: 17px; margin-right: 16px; } } @media(max-width: 1100px) { .header .yyqh{ display: none; } .header .sear{ display: none; } .header .mpsl{ display: none; } .header .nav{ display: none; } .header{ padding: 0 4%; } .container { max-width: 92%; } .font56 { font-size: 26px; } .font46{ font-size: 24px; } .font24 { font-size: 18px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .b:before { width: 20px; height: 17px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .b { padding-left: 35px; margin-bottom: 2px; } .indexbanner .daimg{ display: none; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh{ height: auto; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban{ top: 50%; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .gyan { margin-top: 30px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .sm{ display: block; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .pc{ display: none; } .header .logo { padding: 10px 0 10px; width: 240px; } .header .navbtn{ display: block; float: right; width: 35px; margin-top: 16px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zbtaban .n{ font-size: 15px; } .gyan a { width: 148px; line-height: 38px; font-size: 14px; } .index1 .wzdexn-t .dexnt-r{ width: 100%; } .index1 .wzdexn-t .dexnt-r .img .dw{ top: 0; height: 79vw; width: 13vw; } .index1 .wzdexn-t .dexnt-r .img{ padding-right: 6.5vw; } .index1 .wzdexn-t .dexnt-r .img{ padding-top: 6.5vw; margin-top: 30px; } .indexbanner .indexbanneswr-pagnasdad{ width: auto; bottom: 15px; top: auto; left: 50%; right: auto; transform: translateY(0); transform: translateX(-50%); } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet{ height: 3px; width: 40px; margin-right: 10px; margin-bottom: 0; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet:last-child{ margin-right: 0; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet:after { content:''; height: 3px; width: 0; background: #25b7aa; position: absolute; left:0; top:0; } .indexbanner .indexbanneswr-pagnasdad .swiper-pagination-bullet-active:after {-webkit-animation:wid 5s linear 1;} @-webkit-keyframes wid { 0% { width: 0%; } 25% { width: 25%; } 50% { width: 50%; } 75% { width: 75%; } 100% { width: 100%; } } .index1 .wzdexn-t .dexnt-l{ padding-top: 0; } .index1{ padding: 35px 0 45px; } .index1 .wzdexn-t .dexnt-l{ width: 100%; padding: 0 20px; } .index1 .wzdexn-t .dexnt-l .exntla{ line-height: 1.6; margin-top: 8px; margin-bottom: 25px; } .font16{ font-size: 14px; } .gybt .d{ line-height: 1.5; margin-top: 3px; } .index1 .wzdexn-b{ margin-top: 35px; } .index1 .wzdexn-b .caselist-container .swiper-slide .det .dl{ line-height: 1.5; } .index1 .wzdexn-b .caselist-container .swiper-slide { padding: 20px 30px 0 25px; height: 200px; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .dem{ left: 25px; } .index1 .wzdexn-b .caselist-container .swiper-slide .dem{ bottom: 20px; } .index1 .wzdexn-b .dexbn .xbnl{ font-size: 22px; } .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-next, .index1 .wzdexn-b .dexbn .xbnr .wzdexnl-prev{ display: none; } .index1 .wzdexn-b .dexbn{ margin-bottom: 25px; } .index1 .wzdexn-b .caselist-container .swiper-slide .det .dl{ font-size: 16px; } .index2{ padding: 35px 0 45px; } .index2 .dexmertt .merttr .model-select-box { width: 220px; height: 42px; line-height: 42px; font-size: 14px; padding-left: 20px; } .model-select-option{ top: 58px; } .bg1{ right: 20px; } .index2 .swqhm .butond-next { right: 4.5%; } .index2 .swqhm .butond-prev { left: 4.5%; } .index3{ padding: 35px 0 45px; } .index3 .dndalst{ margin-bottom: 25px; } .index3 .dndalst .alstr { margin-top: 8px; } .index3 .dalmsdb ul li{ width: 100%; margin-bottom: 20px; } .index3 .dalmsdb ul li:last-child{ margin-bottom: 0; } .index3 .dalmsdb ul li a .albdms .m{ font-size: 14px; line-height: 1.6; margin: 8px 0 25px; } .index3 .dalmsdb ul li a{ padding-bottom: 25px; } .index4 .saldhaslkd{ top: 35px; transform: translateY(0); } .index4 .saldhaslkd .esbdb{ line-height: 1.6; margin-top: 8px; margin-bottom: 28px; } .index4 .denscxs .swiper-wrapper .swiper-slide .img img { height: auto; } .index4 .denscxs .swiper-wrapper .swiper-slide .img .pc{ display: none; } .index4 .denscxs .swiper-wrapper .swiper-slide .img .sj{ display: block; } .index4 .denscxs-pagnasdad { bottom: 40px; width: 100%; } .index5{ display: none; } .footer .foott .foottr{ display: none; } .footer .footbm .tbmr{ display: none; } .footer .footma{ display: none; } .footer .foott{ padding-top: 35px; } .footer .foott .foottl{ width: 240px; } .footer .footbm .tbml{ line-height: 1.8; } .footer .footbm{ margin-top: 10px; padding-bottom: 35px; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .sj{ display: block; } .indexbanner .indexbanneswr .swiper-wrapper .swiper-slide .zzdfh .pc{ display: none; } } @media(max-width: 1024px){ .index1 .wzdexn-b .caselist-container .swiper-slide{ width: 100% !important; } .index1 .wzdexn-b .caselist-container{ width: 100%; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .det .dr{ display: none; } .index1 .wzdexn-b .caselist-container .swiper-slide-active .det .dl{ width: 100%; } } @media(max-width: 1023px) { .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide-active a{ transform: scale(1); } .index2 .swqhm .container{ padding: 0 0; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a{ box-shadow: initial; background: #f5f8f9; } .index2 .swqhm .butond-prev { left: 4%; display: none; } .index2 .swqhm .butond-next{ right: 4%; display: none; } .index2 .swqhm .swqhmqhl{ padding: 0 0px; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma{ background: #f6f6f6; } .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide a .swqhnma .n{ border-color: rgba(0, 0, 0, .3); } .index2{ padding: 35px 0 60px; position: relative; } .index2 .butond-pagination{ display: block; left: 0; bottom: 20px; width: 100%; } .index2 .butond-pagination .swiper-pagination-bullet{ margin-right: 10px; } .index2 .butond-pagination .swiper-pagination-bullet-active{ background: #25b7aa; } } @media(max-width: 750px) { .index2 .dexmertt .merttr{ width: 100%; } .index2 .dexmertt .merttr .model-select-box{ width: 100%; } .index2 .swqhm{ margin-top: 25px; } .index2 .dexmertt .merttr .gyan{ width: 100%; margin-bottom: 20px; display: none; } .index2 .dexmertt .merttr .gyan a{ width: 100%; } /* .index2 .dexmertt .merttr .alstrp{ display: none; }*/ .index3 .dndalst .alstr{ width: 100%; display: none; } .index3 .dndalst .alstr a{ width: 100%; display: none; } .sjdxs{ display: block; } .sjdxs{ width: 100%; margin-top: 30px; } .sjdxs .alstrp a{ width: 100%; } } .addWC-b { width: 100%; overflow: hidden; position: relative; height: 14vw; } .addWC-b .img { position: absolute; left:0; top:0; width: 14200px; } .addWC-b .img img { float: left; height: 14vw; width: auto; } .marquee-box { overflow: hidden; width: 100%; position: absolute; left: 0; top: 0 } .marquee { width: 8000%; height: 14vw } .wave-list-box { float: left } .wave-list-box ul { float: left; height: 14vw; overflow: hidden; zoom: 1 } .wave-list-box ul li { height: 14vw; width: 100%; float: left; line-height: 14vw; list-style: none } .wave-box { position: relative; height: 288px; background: #fff } .wave-list-box ul li img { height: 14vw; } .index5 { width: 100%; position: relative; } .index5:after { content:''; width: 100vw; position: absolute; left:0; top:-40px; display: block; width: 100%; height: 40px; background: url(../images/bga.png) no-repeat bottom center; background-size: 100% auto; } .ibanner .wave-list-box ul li img { height: 6vw; } .ibanner .addWC-b { height: 6vw; } @media(max-width: 1650px) { .header .nav ul li{ margin-right: 4vw; } } @media(max-width: 1480px) { .header .nav ul li{ margin-right: 3vw; } } @media(max-width: 1280px) { .header .nav ul li{ margin-right: 20px; } .header .logo img{ width: 250px; } .header .sear{ padding-left: 30px; } } @media(max-width: 1100px) { .index2 .dexmertt .merttr .sjddcjhz{ display: block; } .index2 .dexmertt .merttr .pcddcjhz{ display: none; } } @media(max-width: 1023px) { .index2 .swqhm .swqhmqhl .swiper-wrapper .swiper-slide{ padding: 0; } } @media(max-width: 387px){ .index4 .denscxs-pagnasdad { bottom: 15px; } } .navxh { text-align: center; position: absolute; width: 180px; left: 50%; transform: translateX(-50%); display: none; } .navxh .wcw{ border-radius: 10px; /*overflow: hidden;*/ padding: 10px 0; background: #fff; } .navxh .subB { border-radius: 10px; /*overflow: hidden;*/ padding: 10px 0; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.5); } .header .nav ul li:hover .navxh{ display: block; } .header .nav ul li:hover .subB{ display: block; } .header .nav ul li:hover .wcw{ display: none; } .header.fixed-head .nav ul li:hover .subB{ display: none; } .header.fixed-head .nav ul li:hover .wcw{ display: block; } .navxh .subB { padding: 20px 20px; } .subB-a { border-left: 1px solid rgba(255,255,255,0.4); } .header .nav ul li .navxh .subB .nav-x a { font-size: 16px; text-align: left; padding:0 0 0 15px; margin: 16px 0; position: relative; color:#fff; } .header .nav ul li .navxh .subB .nav-x a:hover:before { content:''; width: 3px; height: 100%; position: absolute; left:-2px; top:0;background: #25b7aa; } .header .nav ul li .navxh .subB .nav-x a:hover { color: #25b7aa; } .header .navxh { width: 140px; } .header .nav ul li:nth-child(3) .navxh { width: 220px; } .header.fixed-head .nav ul li:nth-child(3) .navxh { width: 220px; } .header.fixed-head .navxh,.header.fixed-head .nav ul li:nth-child(3) .navxh { width: 200px; } .header .nav ul li .navxh .subB { position: relative; } .header .nav ul li .navxh .subB:before { content:''; position: absolute; left: 50%; margin-left: -12px; right: 100%; top: -12px; border-left: 12px solid transparent; border-bottom: 12px solid rgba(255,255,255,0.4); border-right: 12px solid transparent; } .header .nav ul li .navxh .wcw { position: relative; } .header .nav ul li .navxh .wcw:before { content:''; position: absolute; left: 50%; margin-left: -12px; right: 100%; top: -12px; border-left: 12px solid transparent; border-bottom: 12px solid rgba(255,255,255,1); border-right: 12px solid transparent; } .header .nav ul li .navxh .nav-x a{ padding: 10px 20px; display: block; font-size: 16px; color: #333333; } .header .nav ul li .navxh .nav-x a:hover{ color: #25b7aa; } .fixed-head .navxh{ top: 70px; } .fixed-head .nav ul li .navxh{ padding-top: 30px; } /**迪派生物**/ .newsbanner{ position: relative; } .news-banne{ position: absolute; left: 0; top: 52%; width: 100%;left: 0; transform: translateY(-50%); width: 100%; } .ibanner { position: relative; } .ibanner .news-banne .tit { font-size: 2.5vw; color:#fff; } .ibanner .news-banne .nea { color:#fff; margin-bottom:15px; } .newsbanner .img .sjd { display: none; } .newsbanner .img{ overflow: hidden; } .newsbanner .img img{ -webkit-animation:haha2 1500ms linear both; animation:haha2 1500ms linear both; } @-webkit-keyframes haha2{ 0%{ transform: scale(1.1) } 10%{ transform: scale(1.09) } 20%{ transform: scale(1.08) } 30%{ transform: scale(1.07) } 40%{ transform: scale(1.06) } 50%{ transform: scale(1.05) } 60%{ transform: scale(1.04) } 70%{ transform: scale(1.03) } 80%{ transform: scale(1.02) } 90%{ transform: scale(1.01) } 100%{ transform: scale(1) } } .news-btm .bta{ color: #3b82c2; line-height: 1; } .news-btm .btb{ color: #333333; line-height: 60px; margin-top: 7px; } .biology-dy{ padding: 6vw 0 8.5vw; position: relative; } .biology-dy:after{ position: absolute; content: ""; left: 0; bottom: 0; background: #f5f9fc; width: 25.4vw; height: 25.4vw; z-index: -1; } @media(max-width: 1100px){ .ibanner .news-banne .tit { font-size: 24px; } .ibanner .news-banne .nea { font-size: 16px; margin-bottom:10px; } .newsbanner .img .pcd,.indexbanner .daimg, .ibanner .daimg { display: none; } .newsbanner .img .sjd { display: block; } } .colorWhite { color:#fff!important; } .location { text-align: right; } .location p a {margin: 0 5px; display: inline-block; font-size: 14px;color:#999999; } .location p a:last-child { margin-right:0; } .location p a.home { padding-left: 25px; margin-left: 0; background: url(../images/loc.png) no-repeat left center; } .contact { padding: 3vw 0 0; background: #f5f8f9; } .contactA { padding: 5vw 0 8.5vw; } .contactA-d { float: right; width: 50%; } .contactA-b { width: 42%; position: absolute; left:0; top:50%; transform: translateY(-50%); } .contactA-f { font-size: 16px;color:#777777; line-height: 1.8; margin:1.5vw 0 4vw; } .contactA-c ul li { margin-top:10px; padding-left:42px; position: relative; line-height: 1.5; font-size: 18px;color:#666666; } .contactA-c ul li a { display: inline-block; padding-right: 30px; border-bottom: 1px solid #c4c6c7; font-size: 18px;color:#666666; } .contactA-c ul li .icon { position: absolute; left:0; top:3px; } @media(max-width: 1500px){ .contactA-f { line-height: 1.6; margin:15px 0 30px; } .contactA-c ul li a { font-size: 16px; } } @media(max-width: 1100px){ .contact { padding: 20px 0 0; } .contactA-b { position: relative; top:0; transform: translate(0); margin-bottom:20px; } .contactA-b,.contactA-d { float: left; width: 100%; } .contactA-f { line-height: 1.6; margin:10px 0 15px; } .contactA { padding: 30px 0 50px; } } @media(max-width: 500px){ .contactA-c ul li { padding-left: 32px; } .contactA-c ul li a { font-size: 16px; padding-right:0; } } .contactB { padding:6vw 0; background: #fff; } .contactB-b { margin-top: 40px; background: #f5f8f9; border-radius: 20px; overflow: hidden; } .contactB-b .contactA-c ul li a { border:none; color:#888a8c; } .contactB-b .contactA-c ul li { margin-top:20px; } .contactB-d { float: right; width: 50%; } .contactB-d .map { height: 28vw; } .contactB-c { padding: 0 3.6vw; width: 50%; position: absolute; left:0; top:50%; transform: translateY(-50%); } .contactB-c .t { font-size: 30px;color:#292b2b; padding-bottom: 30px; margin-bottom: 2.6vw; border-bottom:1px solid #dcdfe0; } @media(max-width: 1500px){ .contactB-c .t { font-size: 24px; padding-bottom: 20px; margin-bottom:20px; } .contactB-b .contactA-c ul li { margin-top:15px; } } @media(max-width: 1100px){ .contactB { padding: 40px 0 50px; } .contactB-b { margin-top: 30px; } .contactB-c { width: 100%; position: relative; left:0; top:50%; transform: translateY(0); float: left; padding: 30px 16px; } .contactB-d .map { height: 400px; width: 100%; } .contactB-d { width: 100%; } } @media(max-width: 600px){ .contactB-d .map { height: 300px; } } @media(max-width: 500px){ .contactB-c .t { font-size: 20px; } .contactB-d .map { height: 260px; } } .contactC { position: relative; padding:5.5vw 0 7vw; background: url(../images/conc.jpg) no-repeat center/cover; } .contactC:after { content:''; width: 50%; height: 100%; position: absolute; left: 0; top:0; background: rgba(0,0,0,0.6); } .contactC-a { position: relative; z-index: 5; } .contactC-b { width: 50%; } .contactC-c ul li .inp { color: #fff; padding-left: 15px; font-size: 16px; background: rgba(255,255,255,0.5); border-radius: 6px; border: none; height: 50px; width: 80%; } .contactC-c ul li .inp::-webkit-input-placeholder { color:#fff;font-size:16px; } .contactC-c ul li .inp:-moz-placeholder { color:#fff;font-size:16px; } .contactC-c ul li .inp::-moz-placeholder { color:#fff;font-size:16px; } .contactC-c ul li .inp:-ms-input-placeholder { color:#fff;font-size:16px;} .contactC-c ul li .text { color: #fff; line-height: 50px; height: 100px; } .contactC-c ul li .submit { background: #25b7aa; line-height: 50px; width: 215px; border:none; border-radius: 6px; cursor: pointer; font-size: 16px;color:#fff; margin-top:10px; } .contactC-c ul li { margin-top:15px; } @media(max-width: 1600px){ .contactC-c ul li .inp { height: 42px; } .contactC-c ul li .text { line-height: 42px; height: 84px; } .contactC-c ul li { margin-top:12px; } } @media(max-width: 1100px){ .contactC { padding: 40px 0 50px; } .contactC-b,.contactC:after { width: 100%; } .contactC-c ul li .inp { width: 100%; } .contactC-c ul li .text { line-height: 42px; height: 84px; } .contactC-c ul li { margin-top:12px; } } /*新闻资讯*/ .news { padding: 0 0 0; background: #f5f8f9; } .newsB { position: relative; } .nyTit { position: absolute; left:-15px; top:-2px; font-size:8vw; font-weight: bold; font-family: "Arial"; line-height: 0.8; color:rgba(120,120,120,0.5); text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px rgba(179, 194, 219, 0.2); } .newsB { padding: 4.5vw 0 7vw; } .homeBoxB-b { position: absolute; right:0; bottom: 10px; } .homeBoxB-b ul li { float: left; margin-left: 18px; } .homeBoxB-b ul li a { font-size: 14px; color:#595d5d; border: 2px solid #d6d9da; border-radius: 60px; width: 170px; display: block; padding: 14px 0; text-align: center; } .homeBoxB-b ul li.cur a,.homeBoxB-b ul li:hover a { color:#fff; border-color: #25b7aa; background: #25b7aa;} .newsC ul li a { display: block; padding: 30px; } .newsList .img { float: left; width: 27%; } .newsListA-b { float: right; width: 70%; } .newsList li { position: relative; background: #fff; border-radius: 3px; border-bottom: 2px solid #d3f1ee; margin-top: 20px; } .newsListA-b { position: absolute; top:50%; right:0; transform: translateY(-50%); } .newsList li .hot { z-index: 5; position: absolute; width: 92px; height: 52px; text-align: center; font-size: 14px; padding-left: 5px; color:#fff; line-height: 40px; background: url(../images/hotbg.png) no-repeat center/cover; top: 35px; right: -11px; } .productB .newsList ul li:nth-child(1) { margin-top:0; } .newsList li:hover .d { color:#25b7aa; } .newsList li:hover .t { color:#264994; text-decoration: underline; } .newsList li:after { content: ''; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition: all 0.6s; height: 3px; background: #999999; position: absolute; left: 0; bottom: -2px; width: 0%; } .newsList li:hover:after { width: 100%; } .newsListA-b .d { font-size: 14px;color:#264994; } .newsListA-b .t { font-size: 18px;color:#333333; margin: 12px 0 20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; height: 28px; line-height: 28px; } .newsListA-b .c { font-size: 15px;color:#666666; margin: 0px 0 30px; height: 57px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .newsListA-b .smallMore { font-size: 14px; color: #666666; padding-right: 32px; } .smallMore { display: inline-block; font-size: 15px; padding-right:54px; color:#3d67ac; background: url(../images/mainmore.png) no-repeat right center; } .newsList ul { margin-bottom:60px; } .searNews .newsListA-b { position: relative; width: 100%; top:0; transform: translateY(0); } .searNews .newsListA-b .c { height: auto; margin-top: 12px; } .searNews .newsListA-b .t { margin: 0; height: auto; } @media(max-width: 1680px){ .newsB { padding:120px 0 100px; } .newsList ul { margin-bottom:50px; } } @media(max-width: 1480px){ .newsB { padding:90px 0 90px; } .newsListA-b .t { font-size: 18px; margin: 8px 0 16px; } .newsListA-b .c { margin-bottom: 20px; } .newsB-a .nyNav a { padding:8px 50px; margin: 0 8px; font-size: 16px;} .newsList ul { margin-bottom:40px; } .homeBoxB-b ul li a { width: 120px; display: block; padding: 10px 0; text-align: center; } .homeBoxB-b ul li { float: left; margin-left: 10px; } .newsList li .hot { width: 72px; height: 40px; font-size: 12px; padding-left: 4px; line-height: 33px; top: 15px; right: -8px; } } @media(max-width: 1280px){ .newsB { padding:70px 0 80px; } .newsC ul li a { padding: 20px; } .newsListA-b .t { font-size: 18px; margin: 5px 0 2px; } .newsListA-b .c { margin-bottom: 16px; } .newsList ul { margin-bottom:30px; } } @media(max-width: 1100px){ .newsList .img { width: 100%; } .newsListA-b { float: right; width: 100%; position: relative; transform: translateY(0); padding:16px 0; } .newsB { padding:50px 0 60px; } .newsC ul li a { padding: 20px 12px; } .newsList li { margin-top: 12px; } .newsListA-b .t { font-size: 18px; margin: 5px 0 2px; } .newsListA-b .c { margin-bottom: 16px; } } @media(max-width: 900px){ .newsB { padding:30px 0 40px; } .newsListA-b .c { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; } } @media(max-width: 640px){ .homeBoxB-b { position: relative; left:0; bottom:auto;text-align: left; margin-top:20px; } .homeBoxB-b ul li { float: left; margin:0 10px 0 0; } .newsC ul li a { padding: 14px 12px; } .newsListA-b .smallMore { display: none; } .newsListA-b .c { margin-bottom: 0;} } @media(max-width: 440px){ .homeBoxB-b ul li a { width: 90px; padding: 8px 0; text-align: center; } .homeBoxB-b ul li { float: left; margin: 0 5px 0 0; } } .videoList { padding:40px 0 60px; } .videoList ul { display: flex; flex-wrap: wrap; } .videoList ul li { cursor: pointer; position: relative; background: #fff; border-radius: 6px;border-bottom: 2px solid #ebebeb; float: left; width: calc(33.3333% - 10px); margin-right: 15px; } .videoList ul li .con { padding:25px; } .videoList ul li .d { font-size: 14px;color:#264994; } .videoList ul li .t { margin-top: 5px; font-size: 18px;color:#333333; line-height: 1.6; } .videoList ul li:nth-child(3n) { margin-right:0; } .videoList ul li:nth-child(n+4) { margin-top: 25px; } .videoList ul li:after { content: ''; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition: all 0.6s; height: 3px; background: #25b7aa; position: absolute; left: 0; bottom: -2px; width: 0%; } .videoList ul li:hover:after { width: 100%; } .videoList ul li:hover .t { color:#25b7aa; } .videoList ul li .img { position: relative; } .videoList ul li .btn { width: 3vw; height: 3vw; max-width: 60px; min-width: 36px; min-height: 36px; max-height: 60px; background: url(../images/vidbtn.png) no-repeat center/cover; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); } .videoList li .hot { z-index: 5; position: absolute; width: 71px; height: 41px; text-align: center; font-size: 14px; padding-right: 6px; color:#fff; line-height: 35px; background: url(../images/hotbg2.png) no-repeat center/cover; top: 15px; left: -8px; } .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;} @media(max-width: 1600px){ .videoList ul li .con { padding:20px; } .videoList ul li .t { font-size: 16px; } } @media(max-width: 1100px){ .videoList ul li .con { padding:20px 16px; } .videoList ul li .t { font-size: 16px; } .videoList { padding:20px 0 40px; } .fixVideoB { width: 90%; } .videoList ul li { width: 49%; margin-right:2%; } .videoList ul li:nth-child(3n) { margin-right:2%; } .videoList ul li:nth-child(2n) { margin-right:0; } .videoList ul li:nth-child(n+3) { margin-top: 25px; } .videoList li .hot { width: 60px; height: 31px; font-size: 12px; padding-right: 4px; line-height: 26px; left: -6px; } } @media(max-width: 500px){ .videoList ul li .con { padding:16px 12px; } .videoList ul li { width: 100%; margin-right:0; } .videoList ul li:nth-child(3n) { margin-right:0; } .videoList ul li:nth-child(2n) { margin-right:0; } .videoList ul li:nth-child(n+2) { margin-top: 20px; } } /**分页器**/ .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: 50%; padding: 10px 18px;border: 1px solid #e8e8e8;color: #666666;vertical-align: top;font-size: 16px;} .page a:hover,.page .current,.page .cur {border-color: #25b7aa;background: #25b7aa; color: #fff;} .page span {margin-right: 6px;} @media(max-width: 1024px){ .fyq { margin-top: 20px; } .page a { padding: 6px 12px; } } /*新闻详情页 */ .newA { background: #f5f8f9; padding: 0vw 0 6.5vw; } .newA-a { background: #ffffff; padding: 3vw 1.6vw; border-radius: 6px; float: left; width: 68%; } .newA-b .topTit .d { font-size: 14px;color:#264994; } .newA-b .topTit .t { margin-top: 6px; line-height: 1.6; font-size: 24px;color:#333333; } .newA-b .topTit .b { font-size: 16px;color:#666666; margin-top:8px; } .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.8; color:#666666; } /* .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; font-size: 15px; color:#999999; } .newA-d a span { display: inline-block; } .newA-e p:nth-child(2) { margin-top: 10px;} .newA-d .backList a:hover { background: #3a599d; } .newA-e a:hover { color:#3a599d; } .newA-d .backList { float: right; } .newA-d .backList a { padding: 16px 40px; border-radius: 80px; background: #25b7aa; } .newA-d .backList a span { padding-left: 40px; color:#fff; background: url(../images/backlist.png) no-repeat left center; } .newA-d .backList a:hover { background: #3a599d; } @media(max-width: 1680px){ .newA-b .topTit .t { font-size: 22px;} } .newA-d .backList a:hover { background: #3a599d; } @media(max-width: 1280px){ .newA-b .topTit .t { font-size: 20px;} } @media(max-width: 1024px){ .newA-a { width: 100%; } .newA-b .topTit .t { font-size: 18px;} .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%; } .newA-e p { margin:0; float: none; width: 100%; } .newA-e p:nth-child(n+2) { margin-top: 10px; float: none; } .newA-d .backList { width: 100%; float: left; margin-top: 15px; } } @media(max-width: 500px){ } @media(max-width: 400px){ .newA-e { width: 100%; } .newA-d .backList { margin-top: 10px; } } .newB { width: 30%; float: right; } .newB-a { background: #ffffff; padding: 2vw 1.5vw; border-radius: 6px; overflow: hidden; } .newB-a .topTit .t { font-size: 24px; 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 { color:#3a599d;} .newB-a ul li:hover a { color:#28b8ab;} .newB-a ul li.cur a { color:#264994;} .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:#264994; } .newB-a dl dd .t { margin-top:5px; line-height: 1.4; font-size: 16px; font-weight: normal; color:#333333; } .newB-a dl dd:hover .t { color:#264994; } .newB-a dl dd .ss { margin: 0 0 6px 0; } @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; } } .newC { padding-top:60px; } /*知识科普*/ .knowledgeA { padding:80px 0 150px; } .knowledgeA-a { padding-bottom: 60px; } .knowledgeA-a ul { display: flex; flex-wrap: wrap; } .knowledgeA-a ul li { border-bottom: 3px solid #d3f1ee; position: relative; padding: 3vw 2vw 6.5vw; background: #fff; border-radius: 6px; float: left; width: calc(50% - 6px); margin-right: 12px; } .knowledgeA-a ul li:nth-child(2n) { margin-right: 0; } .knowledgeA-a ul li:nth-child(n+3) { margin-top: 15px; } .knowledgeA-a ul li:after { content: ''; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition: all 0.6s; height: 3px; background: #25b7aa; position: absolute; left: 0; bottom: -2px; width: 0%; } .knowledgeA-a ul li:hover:after { width: 100%; } .knowledgeA-a ul li .d { font-size: 14px;color:#264994; } .knowledgeA-a ul li .t { font-size: 18px;color:#333333; margin:8px 0 16px; line-height: 1.6; } .knowledgeA-a ul li .c { font-size: 15px;color:#666666; line-height: 1.8; } .knowledgeA-a ul li a { display: block; } .knowledgeA-a .smallMore { transition: all 0.5s; position: absolute; left: 2vw; bottom: 3vw; font-size: 14px;color:#666666; display: inline-block; padding-right:25px; background: url(../images/albdms.png) no-repeat right center; } .knowledgeA-a ul li:hover .t { color:#25b7aa; } .knowledgeA-a ul li:hover .smallMore { color:#25b7aa; padding-right:30px; } @media(max-width: 1600px){ .newC { padding-top: 50px; } .knowledgeA { padding:60px 0 120px; } .knowledgeA-a ul li .t { font-size: 16px; } .knowledgeA-a { padding-bottom: 50px; } } @media(max-width: 1300px){ .newC { padding-top: 40px; } .knowledgeA { padding:40px 0 80px; } .knowledgeA-a ul li .t { margin:4px 0 8px; } .knowledgeA-a ul li .c { font-size: 14px; line-height: 1.5; } .knowledgeA-a { padding-bottom: 40px; } } @media(max-width: 1100px){ .newC { padding-top: 30px; } .knowledgeA { padding:30px 0 50px; } .news { padding-top: 20px; } .knowledgeA-a ul li { padding: 18px 12px 20px; width: 100%; margin-right:0; } .knowledgeA-a ul li:nth-child(n+2) { margin-top: 15px; } .knowledgeA-a { padding-bottom: 30px; } .knowledgeA-a .smallMore { position: relative; left:0; bottom:0; margin-top:18px; } } .talentA { padding:4.5vw 0 6vw; } .talentA-a .gybt { float: left; width: 33%; } .talentA-a .con { float: right; width: 67%; font-size: 16px;color:#888a8c; line-height: 1.8; } .talentA-b { background: #fff; margin-top:3vw; padding:2.5vw 3vw; border-radius: 16px; } @media(max-width: 1100px){ .talentA { padding:30px 0 50px; } .talentA-a .gybt { float: left; width: 100%; } .talentA-a .con { float: right; width: 100%; line-height: 1.6; margin-top: 15px; } .talentA-b { margin-top:20px; padding:16px 15px; } } .talentB { padding:5vw 0 5vw; background: #fff; } .rlzy-dlk{background: #ffffff;padding: 5vw 0;} .rlzy-dlk .dlk-a{position: relative;margin-bottom: 40px;} .rlzy-dlk .dlk-a .dlk-left{float: left;} .rlzy-dlk .dlk-a .dlk-right{position: absolute;bottom: 3px;right: 0;} .rlzy-dlk .dlk-a .dlk-right .more a{ font-size: 16px;color: #25b7aa; text-decoration: underline;} .rlzy-dlk .dlk-a .dlk-right .more { font-size: 16px; line-height: 1.8; color:#333333; position: relative; padding-left: 90px; } .rlzy-dlk .dlk-a .dlk-right .more:after{ content: '';border-radius: 50%; border: 2px solid #cccccc;width: 65px; height: 65px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);background: url(../images/bannericona.png) no-repeat center;} .rlzy-dlk .dlk-b .dlk-aws{ border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 0 2vw; background: #666666;font-size: 18px; color: #ffffff; line-height: 66px;} .rlzy-dlk .dlk-b .dlk-be { margin-bottom: 50px; padding: 0 2vw;background: #f5f8f9; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1:last-child a{border: 0; padding-bottom: 40px; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1 a { border-bottom:1px solid #e8eaea; display: block; padding:16px 0; font-size: 15px;color:#666666; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1 a .zfdo{ float: left; color: #666666; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1 a .zfdo span{ display: inline-block; width: 11px; height: 17px; background: url(../images/zfdo.png) no-repeat center/cover; } .rlzy-dlk .dlk-b .dlk-aws .zh16{ float: left; color: #fff; } .rlzy-dlk .dlk-b .dlk-aws .ddpc{ position: relative; } .rlzy-dlk .dlk-b .dlk-aws .ddpc:before{ position: absolute; content: ""; right: -7px; top: 55%; width: 12px; height: 12px; transform: translateY(-50%); background:url(../images/ddpc.png) no-repeat center center/cover; } .rlzy-dlk .dlk-b .dlk-aws .ddpc .suub { display: none; position: absolute; left:0; top: 20px; width: 100%; padding-top: 20px;} .rlzy-dlk .dlk-b .dlk-aws .ddpc .sub { padding: 10px; background: #efefef;} .rlzy-dlk .dlk-b .dlk-aws .ddpc .suub a { display: block; font-size: 16px; padding: 10px 0; text-align: center;} .rlzy-dlk .dlk-b .dlk-aws .ddpc:hover .suub { display: block;} .rlzy-dlk .t1{ width: calc(33% - 115px); } .rlzy-dlk .t2{ width: 13%; } .rlzy-dlk .t3{ width: 12%; } .rlzy-dlk .t4{ width: 14%; } .rlzy-dlk .t5{ width: 15%; } .rlzy-dlk .t6{ width: 115px; } .rlzy-dlk .tentc{ text-align: center; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1:hover a .zfdo { color:#25b7aa; } @media(max-width: 1622px) { .rlzy-dlk .dlk-b .dlk-be { margin-bottom: 40px; } } @media(max-width: 1600px) { .rlzy-dlk .dlk-b .dlk-aws .ddpc:before { right: -13px; } .rlzy-dlk .dlk-b .dlk-aws .zh16 { font-size: 16px; } .rlzy-dlk .dlk-a .dlk-right .more { padding-left: 60px; line-height: 1.5;font-size: 14px; } .rlzy-dlk .dlk-a .dlk-right .more a { font-size: 14px; } .rlzy-dlk .dlk-a .dlk-right .more:after { width: 50px; height: 50px; } } @media(max-width: 1450px) { .rlzy-dlk .dlk-b .dlk-aws { line-height: 54px; } .rlzy-dlk .dlk-a { margin-bottom: 30px; } .rlzy-dyk .dyk-left .dyk-leftc { margin: 36px 0 31px; } .rlzy-dyk .dyk-left .dyk-leftd p { margin-bottom: 20px; } .rlzy-dyk .dyk-left .dyk-leftc { margin: 30px 0 25px; } .rlzy-dlk .dlk-b .dlk-be { margin-bottom: 30px; } } @media(max-width: 1350px) { .rlzy-dlk .dlk-b .dlk-aws .ddpc:before{ right: -17px; } } @media(max-width: 1100px) { .rlzy-dyk .dyk-left{ width: 100%; } .rlzy-dyk .dyk-right{ width: 100%; margin-top: 20px; } .rlzy-dyk .dyk-left .dyk-leftc{ font-size: 20px; margin: 10px 0 15px; } .rlzy-dyk .dyk-left .dyk-leftd p{ font-size: 16px; } .rlzy-dlk .t4,.rlzy-dlk .t3 { display: none; } .rlzy-dlk .t1{ width: calc(40% - 115px); } .rlzy-dlk .t2{ width: 20%; } .rlzy-dlk .t3{ width: 12%; } .rlzy-dlk .t4{ width: 14%; } .rlzy-dlk .t5{ width: 20%; } .rlzy-dlk .t6{ width: 115px; } } @media(max-width: 950px) { .rlzy-dlk .dlk-a { margin-bottom: 20px; } .rlzy-dlk .t5,.rlzy-dlk .t2,.rlzy-dlk .t3,.rlzy-dlk .t4 { display: none; } .rlzy-dlk .t6{ width: 115px; } .rlzy-dlk .t1{ width: calc(100% - 115px); } } @media(max-width: 750px) { .rlzy-dyk .dyk-left .dyk-leftd p{ font-size: 14px; } .rlzy-dsk .dsk-b .swiper-zfra .swiper-slide .slide-zi{ padding: 15px; font-size: 14px; } .rlzy-dlk .dlk-b .dlk-be .dlk-c .dlk-c1 a .zfdo{ font-size: 14px; } .rlzy-dlk .dlk-a .dlk-left { width: 100%; } .rlzy-dlk .dlk-a .dlk-right { width: 100%; position: relative; left:0; bottom:0; float: left; margin-top: 15px; } } @media(max-width: 416px) { .rlzy-dlk .dlk-a .dlk-right .more:after { width: 40px; height: 40px; } .rlzy-dlk .dlk-a .dlk-right .more { font-size: 12px; padding-left:50px; } .rlzy-dlk .dlk-a .dlk-right .more a { font-size: 12px; } .rlzy-dlk .t1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .talentD-a ol { list-style: decimal; margin-left: 18px; } .talentD-a ul { list-style: disc; margin-left: 18px; } .talentD-a .t { font-size: 20px; color:#333333; margin-bottom:20px; } .talentD-a .con { line-height: 2; } .talentD-a .con1 { margin-bottom:50px; } .newA-d .backListL { float: left; } .newA-d .backListB a { background: none; border:2px solid #dedede; } .newA-d .backListB a:hover { background: #25b7aa; border:2px solid #25b7aa; } .newA-d .backListB a span { color:#666666; background: url(../images/backlistbg.png) no-repeat left center; } .newA-d .backListB a:hover span { color:#fff; background: url(../images/backlist.png) no-repeat left center; } .newA-d .backListL a { background: none; border:2px solid #dedede; } .newA-d .backListL a:hover { background: #25b7aa; border:2px solid #25b7aa; } .newA-d .backListL a span { color:#666666; padding: 0 40px 0 0; background: url(../images/backlistbg3.png) no-repeat right center; } .newA-d .backListL a:hover span { color:#fff; background: url(../images/backlistbg2.png) no-repeat right center; } @media(max-width: 1500px){ .talentD-a .t { font-size: 18px; margin-bottom:15px; } .talentD-a .con { line-height: 1.6; } .talentD-a .con1 { margin-bottom:30px; } } @media(max-width: 1100px){ .talentD-a .t { font-size: 18px; margin-bottom:10px; } .talentD-a .con { line-height: 1.6; } .talentD-a .con1 { margin-bottom:20px; } .newA-d .backListL a,.newA-d .backListB a { padding:10px 24px; } .newA-d .backListL a span { padding: 0 30px 0 0; } .newA-d .backListB a span { padding: 0 0px 0 30px; } .newA-d .backListL,.newA-d .backListB,.newA-eA { width: 150px; } .newA-d .backListB { float: right; } } .productsA { padding: 3.5vw 0 6.5vw; background: url(../images/proa2.png) no-repeat left bottom; } .productsA-b { float: left; width: 44%; padding-top:2vw; } .productsA-c { float: right; width: 47%; } .productsA-b .con { padding-top:2vw; margin-top:2vw; font-size: 16px;color:#777777; border-top:1px solid #ddd; line-height: 1.8; } @media(max-width: 1600px){ .productsA-b .con { padding-top:1.5vw; margin-top:1.5vw; font-size: 16px; line-height: 1.8; } } @media(max-width: 1100px){ .productsA { padding: 30px 0 50px; } .productsA-b,.productsA-c { width: 100%; } .productsA-c { margin-top: 20px; } .productsA-b .con { padding-top:20px; margin-top:20px; } } .productsB { padding:6vw 0 10vw; background: #fff; } .productsB-d { /*height: 32.7vw; overflow: hidden;*/ margin-top:2.5vw; } .productsB-d ul li { float: left; } .productsB-d ul li a { display: block; vertical-align: top; } .productsB-e { overflow: hidden; position: relative; } .productsB-e:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,0.3); } .productsB-e .con { z-index: 5; position: absolute; left:0; top:50%; width: 100%; transform: translateY(-50%); text-align: center; } .productsB-e .con .icon { width: 5vw; height: 5vw; max-width: 100px; max-height: 100px; min-width: 60px; min-height: 60px; margin: 0 auto; border-radius: 50%; border:1px solid rgba(255,255,255,0.5); } .productsB-e .con .t { font-size: 20px;color:#ffffff; margin-top: 12px; } .productsB-d ul li.sign1 { margin-right: 12px; width: calc(28.8% - 8px); } .productsB-d ul li.sign2 { margin-right: 12px; width: calc(28.8% - 8px); } .productsB-d ul li.sign3 { width: calc(42.4% - 8px); } .productsB-d ul li.sign4 { margin-top: 12px; width: calc(42.4% - 8px); } .productsB-d ul li.sign1 .productsB-e { height: 32.5vw; border-radius: 8px; } .productsB-d ul li.sign2 .productsB-e { height: 32.5vw; border-radius: 8px; } .productsB-d ul li.sign3 .productsB-e { height: calc(22.3vw - 6px); border-radius: 8px; } .productsB-d ul li.sign4 .productsB-e { height: calc(10.2vw - 6px); border-radius: 8px; } .productsB-d ul li.sign4 .productsB-e:after { display: none; } .productsB-d ul li .productsB-e img { transition: all 0.3s; } .productsB-d ul li .productsB-e .img { overflow: hidden; } .productsB-d ul li:hover .productsB-e img { transform: scale(1.05); } @media(max-width: 1500px) { .productsB-d ul li.sign1 .productsB-e { height: 35vw; border-radius: 8px; } .productsB-d ul li.sign2 .productsB-e { height: 35vw; border-radius: 8px; } .productsB-d ul li.sign3 .productsB-e { height: calc(24vw - 6px); border-radius: 8px; } .productsB-d ul li.sign4 .productsB-e { height: calc(11vw - 6px); border-radius: 8px; } .productsB-e .con .t { font-size: 18px; margin-top: 10px; } } @media(max-width: 1100px) { .productsB-d ul li.sign1 { margin-right: 0; width: calc(50% - 4px); margin-right: 8px; } .productsB-d ul li.sign2 { margin-right: 0;margin-top: 0; width: calc(50% - 4px); } .productsB-d ul li.sign3 { width: 100%;margin-top: 8px; } .productsB-d ul li.sign4 { margin-top: 8px; width: 100%; } .productsB-d ul li.sign1 .productsB-e { height: auto; border-radius: 8px; } .productsB-d ul li.sign2 .productsB-e { height: auto; border-radius: 8px; } .productsB-d ul li.sign3 .productsB-e { height: auto; border-radius: 8px; } .productsB-d ul li.sign4 .productsB-e { height: auto; border-radius: 8px; } } @media(max-width: 500px) { .productsB-e .con .icon { min-width: 50px; min-height: 50px; } .productsB-e .con .t { font-size: 16px; margin-top: 8px; } } /*产品详情页*/ .productA { padding:2.5vw 0 7.5vw; } .productA-b { float: left; width: 24.375%; } .productA-b { background: #fff; border-radius: 3px; padding:2vw 2.6vw; } .proSearch { position: relative; } .proSearch .inp { width: 100%; height: 50px; border-radius: 50px; border:2px solid #dedfdf; padding-left:20px; font-size: 14px;color:#333; } .proSearch .sub { position: absolute; width: 70px; height: 50px; position: absolute; right:0; top:0; border:none; background: url(../images/sub.png) no-repeat center; } .productA-d { margin-top:35px; border-bottom: 1px solid #e5e5e5; } .productA-d dl { border-top: 1px solid #e5e5e5; } .productA-d dl dt a { font-size: 20px;color:#666666; padding: 28px 30px 28px 0; display: block; padding-right:30px; background: url(../images/prob.svg) no-repeat right center; background-size: 24px auto; } .productA-d dl.cur { border-color:#d3f1ee; } .productA-d dl.cur dt a { color:#25b7aa; background: url(../images/probbgbg.svg) no-repeat right center; background-size: 24px auto; } .productA-d dl dd { display: none; padding: 20px 0; border-top:1px solid #25b7aa; } .productA-d dl dd ul li>a { display: block; font-size: 18px;color:#666666; padding: 15px 30px 15px 16px; position: relative; } .productA-d dl dd ul li>a:before { content:''; width: 12px; height: 2px; background: #c2c2c2; position: absolute; left:0; top:50%; transform: translateY(-50%); border-radius: 1px; } .productA-d dl dd ul li.cur>a:before { background: #25b7aa; } .productA-d dl dd ul li>a:hover:before { background: #25b7aa; } .productA-d dl dd ul li.cur>a:hover:before { background: #25b7aa; } .productA-d dl dd ul li>a:after { content:''; width: 24px; height: 24px; background: url(../images/prob.svg) no-repeat center; position: absolute; right:0; top:50%; transform: translateY(-50%); border-radius: 50px; } .productA-d dl dd ul li.open>a:after { background: url(../images/probbg.svg) no-repeat center; } .productA-d dl dd ul li.cur>a:before { background: #25b7aa; } .productA-d dl dd ul li.cur>a { color: #25b7aa; } .productA-d dl dd ul li>a:hover { color: #25b7aa; } .productA-d dl dd ul li.cur>a:after { background: url(../images/problan.svg) no-repeat center; } .productA-d dl dd ul li.cur.open>a:after { background: url(../images/probbgbg.svg) no-repeat center; } .productA-d dl dd ul li.cur>a:hover:after { background: url(../images/probbgbg.svg) no-repeat center; } .productA-d dl dd ul li>a.jt:after { background: url(../images/jth.svg) no-repeat center; background-size: 18px auto; background: none!important; } .productA-d dl dd ul li>a.jt:hover:after { background: url(../images/proa.svg) no-repeat center; background-size: 18px auto; background: none!important; } .productA-d dl dd ul li>a.cur.jt:after { background: url(../images/proa.svg) no-repeat center; background-size: 18px auto; background: none!important; } .productA-d dl.cur dd { display: block; } .productA-d dl dd ul li .sub { display: none; } .productA-d dl dd ul li.cur .sub { display: block; } .productA-d dl dd ul li .sub a { position: relative; display: block; padding-left: 15px; position: relative; font-size: 14px;color:#666; margin: 12px 0; line-height: 1.6; } .productA-d dl dd ul li .sub a:before { content:''; width: 3px; height: 3px; border-radius: 50%; background: #999; position: absolute; left:8px; top:8px; } .productA-d dl dd ul li .sub a.cur,.productA-d dl dd ul li .sub a:hover { color:#25b7aa; } .productA-d dl dd ul li .sub a.cur:before,.productA-d dl dd ul li .sub a:hover:before { background:#25b7aa; } .productB { float: right; width: 72%; } .productB-a .topTit { float: left; width: calc(100% - 280px); } .productB-a .buyLink { float: right; } .productB-a .topTit .t { font-size: 30px;color:#45549e; line-height: 1.5; } .productB-a .topTit .c { font-size: 18px;color:#666666; margin-top: 12px; line-height: 1.5; } .productB-a { padding-bottom: 25px; border-bottom: 1px solid #dedede; margin-bottom:50px; position: relative; } .productB-a:before { content:''; width: 40%; position: absolute; left:0; bottom: -1px; height: 2px; background: #45549e; } .productB-a .buyLink a { display: inline-block; padding:0 24px; border-radius: 50px; border:2px solid #d6d9da; } .productB-a .buyLink a span { transition: all 0.5s; display: inline-block; padding:12px 65px 12px 0; font-size: 16px;color:#333; background: url(../images/buyicon.png) no-repeat right center; } .productB-a .buyLink a:hover span { padding-right: 40px; } @media(max-width: 1700px){ .productB-a .topTit .t { font-size: 24px; } .productB-a .topTit .c { font-size: 16px; margin-top: 12px; } } @media(max-width: 1500px){ .productB-a .topTit .t { font-size: 22px; } .productB-a .topTit .c { font-size: 16px; margin-top: 12px; } .productB-a .topTit { float: left; width: calc(100% - 200px); } .productB-a .buyLink a span { padding-right: 40px; } .productB-a .buyLink a:hover span { padding-right: 30px; } } @media(max-width: 1100px){ .productA { padding: 30px 0 50px; } .productB-a .topTit .t { font-size: 20px; } .productB-a .topTit .c { font-size: 16px; margin-top: 12px; } .productB-a .topTit { float: left; width: 100%; } .productB-a .buyLink a span { padding-right: 40px; } .productB-a .buyLink a:hover span { padding-right: 30px; } .productB-a .buyLink { margin-top:20px; } .productA-b { width: 100%; padding: 20px 15px 30px; } .productB { width: 100%; margin-top: 20px; } .productA-d dl dt a { font-size: 18px;padding:15px 30px 15px 0; } .productA-d dl dd { padding:10px 0; } .productA-d dl dd ul li>a { padding:12px 30px 12px 15px; } .productA-d dl dd ul li>a { font-size: 16px; } } @media(max-width: 640px){ .productB-a .topTit .t { font-size: 18px; } .productB-a .topTit .c { font-size: 14px; } } .productB-c ul li:hover { cursor: pointer;box-shadow: 0px 5px 9px 0px rgba(143, 143, 144, 0.3); } .productB-c ul li .c { display: none; font-size: 16px;color:#666666; line-height: 1.8; padding: 40px 0 40px; } .productB-c ul li .t { position: relative; font-size: 20px;color:#333333; padding-right: 50px; } .productB-c ul li .t:after { content:''; width: 37px; height: 37px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; border:1px solid #e3e3e3; background: url(../images/prob1.png) no-repeat right center/cover; } .productB-c ul li:hover .t:after { border-color: #25b7aa; background: url(../images/prob1bg.png) no-repeat right center/cover; } .productB-c ul li.cur .t:after { border-color: #25b7aa; background: url(../images/prob2bg.png) no-repeat right center/cover; } .productB-c ul li:hover .t { color:#25b7aa; } /*.productB-c ul li .t:hover:after { background-color: #25b7aa; border-color:#25b7aa; }*/ .productB-c ul li { margin-bottom: 20px; padding:20px 20px; background: #fff; border-radius: 15px; } /*.productB-c ul li.cur .c { display: block; }*/ .productB-c ul li.cur { padding: 30px 20px; } @media(max-width: 1400px){ .productB-a { margin-bottom:40px; } .productB-c ul li .t { font-size: 18px; } } @media(max-width: 1100px){ .productB-a { margin-bottom: 30px; } .productB-c ul li .t { font-size: 16px; padding-right: 40px; } .productB-c ul li .t:after { width: 30px; height: 30px; } .productB-c ul li.cur { padding: 20px 15px; } .productB-c ul li { margin-bottom: 12px; padding:15px; } .productB-c ul li .c { padding: 20px 0 10px; } } /*关于我们*/ .aboutA { padding-bottom:8vw; } .aboutA-a { position: relative; } .aboutA-b { float: left; width: 50%; position: absolute; left:0; top:50%; transform: translateY(-50%); } .aboutA-a:before { position: absolute; right: -4vw; top: 0; content:''; width: 200px; height: 100%; background: url(../images/aboutbg.png) no-repeat right center; background-size: auto 100%; } .aboutA-b .con { margin:2.5vw 0 3.5vw; font-size: 16px;color:#777777; line-height: 1.6; } .aboutA-c { position: relative; z-index: 2; float: right; width: 42%; } @media(max-width: 1400px){ .aboutA-c { position: absolute; right:0; top:50%; transform: translateY(-50%); } .aboutA-b { position: relative; top:0; transform: translateY(0); } } @media(max-width: 1100px){ .aboutA { padding-bottom: 50px; } .aboutA-c { margin-top: 20px; width: 100%; position: relative; right:0; top:0; transform: translateY(0); } .aboutA-b { width: 100%; position: relative; top:0; transform: translateY(0); } .aboutA-a:before { width: 200px;background: url(../images/aboutbg.png) no-repeat center right; right: 0; background-size: auto 400px; } } .aboutB { position: relative; padding: 0 40px; } .aboutB:before { content:''; width: 100%; height: 60%; background: #fff; position: absolute; left:0; bottom:0; } .aboutB .img { position: relative; z-index: 5; } .aboutB-a { height: 100%; z-index: 6; position: absolute; left:0; width: 100%; bottom:0; } .aboutB-a ul { height: 100%; } .aboutB-a ul li { overflow: hidden; position: relative; border-right: 1px solid rgba(255,255,255,0.6); float: left; width: 33.333%; height: 100%; } .aboutB-a .con { transition: all 0.8s; padding: 0 1.5vw 2vw; position: absolute; left:0; bottom:-100%; } .aboutB-a .tit { position: absolute; left:0; bottom:0; padding: 0 1.5vw 2vw; font-size: 24px;color:#fff; } .aboutB-a .t { font-size: 24px;color:#fff; } .aboutB-a .c { font-size: 16px;color:#fff; line-height: 1.6; margin-top:12px; } .aboutB-a ul li:hover .tit { opacity: 0; } .aboutB-a ul li:hover .con { bottom: 4vw; } .aboutB-c { display: none; } .aboutB-c .swiper-container .swiper-slide { height: auto; } @media(max-width: 1400px){ .aboutB-a .tit,.aboutB-a .t { font-size: 20px; } } @media(max-width: 1100px){ .aboutB { position: relative; padding: 0 4%; } .aboutB-b { display: none; } .aboutB-c { display: block; } .aboutB-c .swiper-slide { border-radius: 10px; overflow: hidden; background: #eff8f4; } .aboutB-a .tit,.aboutB-a .t { font-size: 20px; } .aboutB-c .con { padding: 20px 16px 30px; } .aboutB-c .con .t { font-size: 24px; color:#333; } .aboutB-c .con .c { font-size: 16px; color:#666; line-height: 1.6; margin-top:12px; } } .aboutC { background: #fff; padding:6vw 0 0; } .aboutC .img { float: right; width: 64%; } .aboutC-b { position: relative; } .aboutC-a { position: absolute; left:0; top: 0; width: 56%; padding-left: 8%; } .aboutC-a .t1 { font-size: 20px; color:#666666; border-top:1px solid #eaeaea; padding-top:2.5vw; margin-top:2vw; } .aboutC-a .c { font-size: 16px; color:#777777; line-height: 1.6; margin-top:12px; } @media(max-width: 1600px){ .aboutC-a .t1 { font-size: 18px; } .aboutC-a .c { font-size: 14px; } } @media(max-width: 1500px){ .aboutC-a { padding-left: 5%; } .aboutC-a .t1 { font-size: 18px; margin-top:15px; padding-top: 16px; } .aboutC-a .c { font-size: 14px; } } @media(max-width: 1200px){ .aboutC-a .c { font-size: 13px; } } @media(max-width: 1100px){ .aboutC { padding:30px 0 0; } .aboutC-a { padding:0 4% 10px; position: relative; width: 100%; } .aboutC-a .c { font-size: 13px; } .aboutC .img { width: 90%; } .aboutC-a .c { font-size: 16px; } } @media(max-width: 400px){ .aboutC .img { width: 96%; } } .About3{padding: 6vw 0 5.8vw;background: #f5f8f9;} .About3 .qqout-nr{margin-top: 30px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide {border-radius: 8px;overflow: hidden;background: #ffffff;padding: 30px;border-right: 3px solid #25b7aa;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .img{width: 50%;overflow: hidden;border-radius: 21px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .img img{transform: scale(1);transition: all 0.6s;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide:hover .img img{transform: scale(1.1);} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr{width: 50%;position: relative;padding: 5% 5% 0 5.8%;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{-webkit-text-stroke: 1px rgba(38,73,148,0.6);color: transparent;font-size: 100px;line-height: .9;margin-bottom: 17px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrc{color: #4d4e4e;line-height: 26px;margin-top: 5px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl{overflow-y: auto;overflow-x: hidden;height: 202px;padding-right: 10px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl p { position: relative; padding-left: 12px; margin-top:10px; } .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl p:after { content:''; width: 5px; height: 5px; background: #25b7aa; border-radius: 50%; position: absolute; left:0; top: 10px; } .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar {width: 4px;height: 4px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);background: #0a74ba;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 0;background: rgba(0, 0, 0, 0.1);} .About3 .qqout-se {position: relative;margin-top: 60px;} .About3 .qqout-se:before {position: absolute;content: "";left: -50%;top: 24px;height: 1px;background: #e1e4e5;width: 200%;} .About3 .qqout-se .seswiper .swiper-wrapper{padding-top: 21px;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide{color: #98a6b0;font-size: 22px;line-height: 1;text-align: center;padding-top: 35px;cursor: pointer;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide:before{ position: absolute;content: "";left: 50%;top: -3px;width: 13px;height: 13px;transform: translateX(-50%);transition: all 0.8s;background: #999999;border-radius: 50%;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide:after{ position: absolute;content: "";left: 50%;top: 3px;width: 0px;height: 0px;transform: translate(-50%, -50%);transition: all 0.8s; border: 1px solid #999999; border-radius: 50%;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active:after{ width: 33px;height: 33px;border: 1px solid #264994; } .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active{color: #264994;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active:before{background: #264994;} .About3 .qqout-se .se-next, .About3 .qqout-se .se-prev{margin-top: 0;width: 48px;height: 48px;top: 2px;background: #fff; border-radius: 30px;border: 1px solid #ddd;} .About3 .qqout-se .se-next:hover, .About3 .qqout-se .se-prev:hover { background: #25b7aa; border-color:#25b7aa; } .About3 .qqout-se .se-next:hover:after, .About3 .qqout-se .se-prev:hover:after { color:#fff; } .About3 .qqout-se .se-next{right: 0;} .About3 .qqout-se .se-prev{left: 0;} .About3 .qqout-se .swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: initial;} .About3 .qqout-se .se-next:after, .About3 .qqout-se .se-prev:after { font-size: 20px; color:#666; } @media(max-width: 1680px) { .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra {font-size: 90px;} } @media(max-width: 1500px) { .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{font-size: 68px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide { padding: 20px; } } @media(max-width: 1480px) { .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr {padding: 35px 3% 0 30px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr:before{right: 3vw;} } @media(max-width: 1280px) { .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra {font-size: 58px;} } @media(max-width: 1180px) { .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr{padding-top: 25px;} } @media(max-width: 1100px) { .About3 { padding: 40px 0 50px; } .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .img{width: 100%;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide{border-radius: 8px;padding: 15px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr{width: 100%;margin-top: 20px;border-radius: 10px;overflow: hidden;padding: 20px 15px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{font-size: 30px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra{margin-bottom: 8px;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrc{line-height: 1.6;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl{height: auto;padding-right: 0;} .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar {width: 3px;height: 3px;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide{font-size: 18px;padding-top: 28px;} .About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active:after { width: 21px; height: 21px; } .About3 .qqout-se{margin-top: 35px;} .About3 .qqout-se .se-prev,.About3 .qqout-se .se-next { top: -8px; } .About3 .qqout-se .seswiper .swiper-wrapper {padding-top: 12px;} .qqout-se { padding: 0 30px; } .About3 .qqout-se:before{top: 16px;} .About3 .qqout-nr{margin-top: 25px;} } .aboutD { background: url(../images/aboutda.jpg) no-repeat bottom center/cover; padding:13vw 0 16vw; } .colorWhite { color:#fff!important; } .aboutD-a { position: relative; } .aboutD-b { float: left; width: 26%; } .aboutD-b .con { margin-top:2vw; font-size: 16px; line-height: 1.8; } .aboutD-b .con p:nth-child(n+2) { margin-top: 15px; } .aboutD-c { float: right; width: 33%; padding-right:3vw; overflow-y: scroll; position: absolute; right:0; top:0; height: 100%;; } .aboutD-d p { font-size: 17px; color:#fff; padding-left:32px; position: relative; line-height: 30px; } .aboutD-d p:before { content:''; width: 16px; height: 16px; position: absolute; left:0; top:6px; background: url(../images/star.png) no-repeat center/cover; } .aboutD-d p:nth-child(n+2) { margin-top:0.5vw; } .aboutD-c { overflow-y: scroll;} .aboutD-c{scrollbar-color: #c1c9d6 rgba(255,255,255,0.2); scrollbar-width: thin; -ms-overflow-style:none; } .aboutD-c::-webkit-scrollbar {width: 3px;height: 1px;} .aboutD-c::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.2);background: #c1c9d6;} .aboutD-c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.2);border-radius: 3px;background: rgba(255,255,255,0.2);} .aboutD-f { display: none; } @media(max-width: 1400px){ .aboutD-d p { font-size: 15px; line-height: 24px; } .aboutD-d p:before { top: 3px; } .aboutD-d p:nth-child(n+2) { margin-top: 12px; } } @media(max-width: 1100px){ .aboutD-f { display: block; margin:20px auto; border-radius: 10px; overflow: hidden; } .aboutD { background: none!important; background-color: #fff!important; padding: 40px 0 50px; } .aboutD-b .gybt .b { color:#25b7aa!important; } .aboutD-b .gybt .d { color:#292b2b!important; } .aboutD-b .con { color:#666666!important; } .aboutD-b { float: none; width: 100%; } .aboutD-c { float: none; width: 100%; position: relative; left: 0; top:0; } .aboutD-d p { color:#666; } .aboutD-d p:nth-child(n+2) { margin-top: 6px; } .aboutD-c { max-height: 240px; } } .aboutE { padding-top:6vw; } .aboutE-b { margin-top:25px; background: #fff; position: relative; border-radius: 6px; overflow: hidden; border-left: 3px solid #25b7aa; } .aboutE-c { padding-right: 20px; position: absolute; left: 0; max-height: 90%; overflow-y: scroll; width: 48%; padding-left:3%; top:50%; transform: translateY(-50%); } .aboutE-d { float: right; width: 50%; } .aboutE-c .t { font-size: 28px;color:#333333; padding-bottom: 25px; margin-bottom:30px; border-bottom: 1px solid #dedede; } .aboutE-c .c { color: #999999; font-size: 16px; line-height: 1.8; } .aboutE-c .c p:nth-child(n+2) { margin-top: 15px; } .aboutE-c{scrollbar-color: #c1c9d6 rgba(255,255,255,0); scrollbar-width: thin; -ms-overflow-style:none; } .aboutE-c::-webkit-scrollbar {width: 3px;height: 1px;} .aboutE-c::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0);background: #c1c9d6;} .aboutE-c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0);border-radius: 3px;background: rgba(255,255,255,0);} @media(max-width: 1500px){ .aboutE-c .t { font-size: 24px; padding-bottom: 20px; margin-bottom:25px; } } @media(max-width: 1100px){ .aboutE { padding-top:40px; } .aboutE-b { margin-top:20px; } .aboutE-c .t { font-size: 20px; padding-bottom: 15px; margin-bottom:20px; } .aboutE-b { border:none; } .aboutE-c { width: 100%; padding:20px 15px; height: auto; overflow: hidden; position: relative; left:0; top:0; transform: translateY(0); } .aboutE-d { width: 100%; } } .aboutF .dalmsdb ul { flex-wrap: nowrap; } .aboutF .dndalst .alstr .swiper-button-next, .aboutF .dndalst .alstr .swiper-button-prev{margin-top: 0;width: 48px;height: 48px;top: auto; transform: translateY(0); bottom: 6px; background: #fff; border-radius: 30px;border: 1px solid #ddd;} .aboutF .dndalst .alstr .swiper-button-next:hover, .aboutF .dndalst .alstr .swiper-button-prev:hover { background: #25b7aa; border-color:#25b7aa; } .aboutF .dndalst .alstr .swiper-button-next:hover:after, .aboutF .dndalst .alstr .swiper-button-prev:hover:after { color:#fff; } .aboutF .dndalst .alstr .swiper-button-next{right: 0;} .aboutF .dndalst .alstr .swiper-button-prev{left: auto; right: 58px; } .aboutF .dndalst .alstr .swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: initial;} .aboutF .dndalst .alstr .swiper-button-next:after,.aboutF .dndalst .alstr .swiper-button-prev:after { font-size: 20px; color:#666; } @media(max-width: 1100px){ .aboutF .dndalst { margin-bottom: 20px; } .aboutF .dndalst .alstr .swiper-button-next, .aboutF .dndalst .alstr .swiper-button-prev { width: 36px; height: 36px; bottom: 15px; } .aboutF .dndalst .alstr .swiper-button-prev{left: auto; right: 46px; } .aboutF .dndalst .alstr { display: block; } .aboutF .dndalst .alstr .swiper-button-next:after,.aboutF .dndalst .alstr .swiper-button-prev:after { font-size: 16px; } } .aboutG { padding: 5vw 0 9vw; } .alstrp a.backList i { margin: 0 12px 0 0; background: url(../images/back.png) no-repeat left center; } .alstrp a.backList:hover i { background: url(../images/backbg.png) no-repeat left center; } .aboutG-b { margin-top: 2vw; padding-top:3vw; border-top:1px solid #dedede; } .aboutG-b .con { font-size: 16px;color:#777777; line-height: 1.8; } @media(max-width: 1100px){ .aboutG-b { margin-top: 15px; padding-top:20px; } .aboutG { padding: 40px 0 50px; } } .ibannerA { padding:150px 0 120px; background:#f5f8f9; } .sousuo_jg { padding: 4vw 0 10vw; } @media(max-width: 1100px){ .ibannerA { padding:100px 0 80px; } .searchNews { padding:0; } .sousuo_jg { padding: 30px 0 50px; } } /**2023-5-17新增修改**/ .header .yyqh .qjha a{ display: block; color:#fff; font-size: 16px; } .header .yyqh .qjha a span{ display: inline-block; width: 22px; margin-top: -2px; margin-right: 10px; height: 22px; vertical-align: middle; background: url(../images/yyqhd.svg)no-repeat center center; } .fixed-head .yyqh .qjha a{ color: #000; } .fixed-head .yyqh .qjha a span{ background: url(../images/yyqhd1.svg)no-repeat center center; } .footer .footbm .tbmr .bmrw .bmr .share { text-align:center; margin-top:20px; } .footer .footbm .tbmr .bmrw .bmr .share a { display:inline-block; margin: 0 6px; } .footer .footbm .tbmr .bmrw .bmr .share img { width: 30px; height: 30px; display:inline-block; }