* { margin: 0px; padding: 0px; outline: none; } body { overflow-x: hidden; font-size: 16px; margin: 0; padding: 0; font: inherit !important; } .w1488 { width: 1488px; margin: 0 auto; } .w90 { width: 90%; margin: 0 auto; } .ty_banner { margin-top: 94px; } /*info*/ .ty_content { background-color: #f5f5f5; padding: 60px 0px; } .w1200{ max-width: 1200px; margin: 0 auto; background-color: #fff; } .atc { padding: 60px 0 60px; width: 900px; margin: 0 auto; } .atc video{ width:100% !important; } .atc-h { text-align: center; } .atc-h h1 { font-size: 24px; color: #222; line-height: 40px; } .atc-date { color: #666; line-height: 30px; margin-top: 12px; padding: 10px 0; background-color: #f5f5f5; } .atc-con { padding: 24px 0 40px; font-size: 14px; line-height: 26px; color: #666; border-bottom: 1px solid #ebebeb; } .atc-pn { position: relative; margin-top: 20px; } .atc-pn{ color:#666; line-height:40px; } .atc-pn a{ display:inline-block; color:#666; } .atc-con p{ font-size:16px; line-height:32px; } .atc-con img{ display:blcok; max-width:100%; width:80%!important; height:auto !important; margin:4px auto; } /*info end*/ /*header*/ .nav { border-top:8px solid #009d88; background: #fff; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; } .header_rb1 a { color: #000; } .nav_left { position: relative; top: 17px; left: 6%; float: left; } .nav_right { float: right; } .nav_right img { display: inline; position: absolute; top: 50%; left:50%; margin-left:-10.5px; margin-top:-12px; } .ss { background:rgb(0, 157, 136); border-left: 1px solid #fff; width: 110px !important; height:94px; margin-left: 30px; cursor: pointer; position:relative; } .wz { background:rgb(0, 157, 136); border-left: 1px solid #fff; width: 110px !important; height:94px; cursor: pointer; position:relative; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; font-size: 18px !important; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; font-size: 18px !important; } .swiper-button-next, .swiper-button-prev{ color:#009d88 !important; } .nav_right li { position: relative; width: 130px; float: left; text-align: center; line-height: 94px; } .nav_right li:hover .header_rb1 a{ color:#009d88; } .nav_right li .shownav { position: absolute; left: 0%; top: 79px; width: 100%; padding: 15px 0 0; background: url(../images/shownav.png) no-repeat center top; visibility: hidden; font-size: 14px; z-index: 1; } .nav_right li .shownav { transform: scale(0); } .nav_right li:hover .shownav { visibility: visible; } .nav_right li:hover .shownav a:nth-child(1){ border-top:1px solid #009d88; } .nav_right li:hover .shownav { z-index: 10; transform: scale(1); } .nav_right li .shownav a { display: block; margin: 0; padding: 10px 10px; background: rgba(255, 255, 255, 1); color: #000; line-height: 28px; text-align: center; font-size: 16px; } .nav_right li:hover .shownav a { opacity: 1; transform: none; } .nav_right li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; } .nav_right li:hover .shownav a { opacity: 1; transform: none; } .nav_right li .shownav a:hover { background: rgb(0, 157, 136); color: #fff; } .nav_right li:hover .shownav a { opacity: 1; transform: none } .nav_right li:hover .shownav a:nth-child(1) { transition-delay: 0s } .nav_right li:hover .shownav a:nth-child(2) { transition-delay: 50ms } .nav_right li:hover .shownav a:nth-child(3) { transition-delay: .1s } .nav_right li:hover .shownav a:nth-child(4) { transition-delay: 150ms } .nav_right li:hover .shownav a:nth-child(5) { transition-delay: .2s } .nav_right li:hover .shownav a:nth-child(6) { transition-delay: 250ms } .nav_right li:hover .shownav a:nth-child(7) { transition-delay: .3s } .nav_right li:hover .shownav a:nth-child(8) { transition-delay: 350ms } .nav_right li:hover .shownav a:nth-child(9) { transition-delay: .4s } .nav_right li:hover .shownav a:nth-child(10) { transition-delay: 450ms } .nav_right li:hover .shownav a:nth-child(11) { transition-delay: .5s } .nav_right li:hover .shownav a:nth-child(12) { transition-delay: 550ms } .nav_right li:hover .shownav a:nth-child(13) { transition-delay: 600ms } .nav_right li:hover .shownav a:nth-child(14) { transition-delay: 650ms } .nav_right li:hover .shownav a:nth-child(15) { transition-delay: 700ms } .nav_right li:hover .shownav a:nth-child(16) { transition-delay: 750ms } .nav_right li:hover .shownav a:nth-child(17) { transition-delay: 800ms } .nav_right li:hover .shownav a:nth-child(18) { transition-delay: 850ms } .nav_right li:hover .shownav a:nth-child(19) { transition-delay: 900ms } .nav_right li:hover .shownav a:nth-child(20) { transition-delay: 950ms } .nav_right { transition: 2s linear; } .nav_right:before, .nav_right:after { display: table; clear: both; content: ''; } /*header end*/ /*banner*/ .banner { height: 100vh; } .banner .swiper-slide div { height: 100vh; transition: 5s; } .banner_title{ position:absolute; left:10%; top:50%; } .banner_title1{ margin-top:-70px; } .banner_title2{ margin-top:-120px; } .banner_title3{ margin-top:-70px; } .swiper-slide-active .banner_title{ visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } .banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{ bottom:40px !important; } .banner .swiper-pagination-bullet { width: 24px !important; height: 6px !important; display: inline-block; border-radius: 0% !important; background: #fff !important; opacity: 1 !important; } .banner .swiper-pagination-bullet-active { background: #009d88 !important; } /*banner end*/ /*ipr*/ .ipr { height: 650px; width: 100%; position: relative; background: url(../images/prdocut_bg.png) center no-repeat; background-size: 100% 100%; background-position: center; } .ipr3 { margin-top: 74px; } .ipr3 li, .ipr4 li { width:23.5%; margin-right: 1.5%; margin-bottom: 15px; float: left; border-radius: 8px; position:relative; } .ipr3 li:last-child{ margin-right:0px; } .ipr3 li:hover .ipr3d,.ipr4 li:hover .ipr3d{ opacity: 1; } .ipr3d { position: absolute; bottom: 32px; right: 25px; color: #fff; opacity: 0; transition: .5s; } .ipr3d i{ font-size:30px; } .ipr3 li:nth-child(1) { height: 258px; background: url(../images/pr/ipr1.png) center no-repeat; background-size: cover; background-position: center; } .ipr3 li:hover .ipr3_a,.ipr4 li:hover .ipr3_a{ opacity: 1; transform: scale(1); } .ipr3_a .ty_h{ width:0.1%; height:258px; } .ipr3_a{ position:absolute; top:0px; left:0px; width:100%; height:100%; transition: .5s; border-radius: 5px; text-align:center; opacity: 0; transform: scale(0.5); } .ipr3_a1{ color:#fff; } .ipr3_a1 i{ font-size:26px; } .ipr3_a2{ margin-top:15px; line-height:30px; color:#fff; font-size:16px; } .ipr3 li:nth-child(1):hover .ipr3_a{ background:#1a80c9; } .ipr3 li:nth-child(2) { height: 258px; background: url(../images/pr/ipr2.png) center no-repeat; background-size: cover; background-position: center; } .ipr3 li:nth-child(2):hover .ipr3_a{ background:#335f9f; } .ipr4{ position:relative; z-index: 1; } .ipr3 li:nth-child(3) { height: 258px; background: url(../images/pr/ipr3.png) center no-repeat; background-size: cover; background-position: center; } .ipr3 li:nth-child(3):hover .ipr3_a{ background:#199888; } .ipr3 li:nth-child(4) { height: 258px; background: url(../images/pr/ipr4.png) center no-repeat; background-size: cover; background-position: center; } .ipr3 li:nth-child(4):hover .ipr3_a{ background:#19b062; } .ipr4 li:nth-child(3) { width: 322px; height: 258px; background: url(../images/ipr5.png) center no-repeat; background-size: cover; background-position: center; } .ipr4 li:nth-child(3):hover .ipr3_a{ background:#05b9c8; } /* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */ /* CSS class for zoomed area */ .MagicZoomBigImageCont { border:1px solid #009d88; background:#FFF; } .MagicZoomMain { text-align: center !important; width: 92px; } .MagicZoomMain div { padding: 0px !important; } /* Header look and feel CSS class */ /* header is shown if "title" attribute is present in the tag */ .MagicZoomHeader { font: 10px Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #009d88; text-align: center !important; } /* CSS class for small looking glass square under mouse */ .MagicZoomPup { border: 0px solid #aaa; background: #ffffff; } /* CSS style for loading animation box */ .MagicZoomLoading { text-align: center; background: #ffffff; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ } /* CSS style for gif image in the loading animation box */ .MagicZoomLoading img { padding-top: 3px !important; } .skl{ width:100%; } .mySwiper .swiper-slide::after{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:rgba(0, 157, 136,0.5); transition: .5s; } .mySwiper .swiper-slide{ cursor: pointer; } .mySwiper .swiper-slide:hover::after{ width:100%; } .mySwiper .swiper-slide.fgz::after{ width:100%; } .ipr1 { color: rgb(0, 0, 0); font-size: 42px; font-weight: 400; line-height: 55px; position: relative; padding-bottom: 20px; margin-bottom: 20px; padding-top: 96px; } .ipr1::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 6px; background: rgb(0, 157, 136); } .ipr2 { color: rgb(90, 90, 90); font-size: 18px; font-weight: 400; line-height: 31px; letter-spacing: 1px; } .ipr3a { padding: 29px 0px 0px 39px; } .ipr3b { padding-left: 39px; font-size: 24px; font-weight: 400; line-height: 40px; letter-spacing: 1px; color: #fff; margin-top: 70px; } .ipr3c { opacity: 0.5; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; padding-left: 39px; text-transform:capitalize; } .ipr_br { position: absolute; right: 0%; bottom: 95px; width:52%; } .ipr_br img{ width:100%; } /*ipr end*/ /*iab*/ .iab { height: 720px; width: 100%; background: url(../images/about_bg.png) center no-repeat; background-size: cover; background-position: center; } .iab1 { color: rgb(0, 0, 0); font-size: 38px; font-weight: 400; line-height: 62px; text-align: center; padding-top: 114px; } .iab2 { color: rgb(77, 77, 77); font-size: 18px; font-weight: 400; line-height: 40px; text-align: center; margin-top: 55px; } .iab3 { width: 100%; height: 564px; background: url(../images/iab_bg.jpeg?v=1.4) center no-repeat; background-size: 100% 100%; background-position: center; margin: 74px 0px 93px; cursor: pointer; position:relative; } .iab3 .video{ position:absolute; display:none; left:0px; top:0px; width:100%; height:564px; background:rgba(0, 0, 0, .8); } .iab3 .video video{ width:100% !important; height:564px !important; } .vclose{ position: absolute; top: 15px; right: 15px; z-index: 999; } .iab4 { margin-top: 76px; } .iab4 li { float: left; margin-left: 200px; text-align: center; } .iab4 li:nth-child(1) { margin-left: 220px; } .iab4a .count { color: rgb(0, 157, 136); font-family: Bebas; font-size: 62px; font-weight: 400; line-height: 62px; } .iab5 { background: rgb(0, 157, 136); width: 178px; height: 52px; margin: 0 auto; text-align: center; line-height: 52px; margin-top: 95px; } .iab5 a { color: #fff; } .iab5 i{ font-size:18px; margin-left:4px; transition: .5s; position:relative; } .iab5 i::after{ content:''; position:absolute; height:1px; width:0px; top:50%; left:0px; background:#fff; transition: .5s; } .iab5 a:hover i::after{ width:8px; } .iab5 a:hover i{ padding-left:6px; } .iab3a { color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; line-height: 29px; text-align: center; text-transform: uppercase; padding-top: 178px; display:none; } .iab3b { color: rgb(255, 255, 255); font-size: 42px; font-weight: 400; line-height: 55px; text-align: center; padding-top: 16px; display:none; } .iab3c { text-align: center; position: absolute; width: 148px; height: 148px; margin: 0 auto; bottom: 20px; left: 20px; line-height: 148px; } .iab3c i{ font-size:24px; color:#fff; margin-left:4px; } .iab3c::after{ content:''; position:absolute; left:50%; top:50%; width:66px; height:66px; margin-top:-33px; margin-left:-33px; background:rgba(255,255,255,0.25); border-radius: 50%; } .iab3c span::after{ content:''; position:absolute; left:50%; top:50%; width:66px; height:66px; margin-top:-33px; margin-left:-33px; background:rgba(255,255,255,0.1); border-radius: 50%; animation:myfirst 3s infinite; animation-direction:alternate; /* Safari 鍜 Chrome */ -webkit-animation:myfirst 3s infinite; -webkit-animation-direction:alternate; } .iab3c span::before{ content:''; position:absolute; left:50%; top:50%; width:99px; height:99px; margin-top:-49.5px; margin-left:-49.5px; background:rgba(255,255,255,0.1); border-radius: 50%; animation:myfirsts 3s infinite; animation-direction:alternate; /* Safari 鍜 Chrome */ -webkit-animation:myfirsts 3s infinite; -webkit-animation-direction:alternate; } @keyframes myfirst { 0% {transform: scale(1);background:rgba(255,255,255,0.1);} 50%{transform: scale(1.5);background:rgba(255,255,255,0.1);} 100% {transform: scale(1);background:rgba(255,255,255,0.1);} } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {transform: scale(1);background:rgba(255,255,255,0.1);} 50%{transform: scale(1.5);background:rgba(255,255,255,0.1);} 100% {transform: scale(1);background:rgba(255,255,255,0.1);} } @keyframes myfirsts { 0% {transform: scale(1);background:rgba(255,255,255,0.1);} 50%{transform: scale(1.5);background:rgba(255,255,255,0.05);} 100% {transform: scale(1);background:rgba(255,255,255,0.1);} } @-webkit-keyframes myfirsts /* Safari and Chrome */ { 0% {transform: scale(1);background:rgba(255,255,255,0.1);} 50%{transform: scale(1.5);background:rgba(255,255,255,0.05);} 100% {transform: scale(1);background:rgba(255,255,255,0.1);} } .iab3c img { display: inline; } /*iab end*/ /*inews*/ .inews { padding-top: 64px; width: 100%; height: 769px; background: url(../images/news_bg.jpeg) center no-repeat; background-size: cover; background-position: center; } .inews1_l1 { color: rgb(0, 0, 0); font-size: 42px; font-weight: 400; line-height: 61px; } .inews1_l2 { color: rgb(93, 93, 93); font-size: 18px; font-weight: 400; line-height: 61px; } .inews1_r li { width: 140px; line-height: 46px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); float: left; margin-left: 32px; } .inews1_r li:hover{ background:#009D88; border: 1px solid #009D88; } .inews1_r li:hover a{ color:#fff; } .inews1_r li a { color: rgb(41, 41, 41); } .inews1_l { float: left; } .inews2_l1 img { width: 100%; height:352px; } .inews1_r { float: right; position: relative; top: 54px; } .inews2 { margin-top: 40px; } .inews2_l { width: 50%; padding: 18px 14px; height: 475px; background: #fff; float: left; } .inews2_l2 { color: rgb(0, 157, 136); font-size: 18px; font-weight: 400; line-height: 32px; margin-top: 18px; } .inews2_l2 i { font-size: 22px; margin-right: 8px; } .inews2_l3 { color: rgb(0, 0, 0); font-size: 20px; line-height: 32px; font-family: "鎬濇簮榛戜綋"; } .inews2_bl { width: 70%; float: left; } .inew2_br { float: right; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; line-height: 32px; width: 16%; text-align: center; border-bottom: 1px solid #000; margin-top: 30px; } .inews2_l:hover .inew2_br{ border-bottom:1px solid #009d88; color:#009d88; } .inew2_br i { margin-left: 8px; } .inews2_b { padding: 0px 27px; } .inews2_r { width: 47.5%; float: right; } .inews2_ra { width: 90px; text-align: center; float: left; margin-right: 28px; padding-right: 28px; position: relative; } .inews2_ra::after { content: ''; position: absolute; right: 0px; top: 8px; height: 84px; width: 1px; background: rgb(213, 213, 213); } .inews2_r li { background: #fff; height: 100px; padding-left: 32px; position: relative; margin-bottom: 25px; } .inews2_r li:nth-child(4) { margin-bottom: 0px; } .inews2_r li a { position: relative; z-index: 1; } .inews2_r li::after { content: ''; position: absolute; left: 0px; right: 0px; top: 50%; bottom: 50%; background: rgb(0, 157, 136); transition: .5s; } .inews2_r li:hover::after { top: 0px; bottom: 0px; } .inews2_r li:hover .inews2_ra1 { color: #fff; border-bottom: 1px solid #fff; } .inews2_r li:hover .inews2_ra2, .inews2_r li:hover .inew2_rb1 { color: #fff; } .inews2_r li:hover .inew2_rb2 { color: rgba(255, 255, 255, 0.3); } .inews2_ra1 { color: rgb(65, 65, 65); font-size: 22px; font-weight: 700; line-height: 42px; border-bottom: 1px solid rgb(213, 213, 213); padding-top: 10px; } .inews2_ra2 { color: rgb(65, 65, 65); font-size: 18px; line-height: 32px; } .inew2_rb1 { color: rgb(41, 41, 41); font-size: 20px; line-height: 32px; padding-top: 18px; font-family: "鎬濇簮榛戜綋"; } .inew2_rb2 { color: rgb(142, 142, 142); font-size: 16px; line-height: 32px; } .inews2_rb { width: 524px; float: left; } /*inews end*/ /*footer*/ .footer { height: auto; width: 100%; background: url(../images/footer.jpeg) center no-repeat; background-size: cover; background-position: center; padding-top: 60px; } .footer_top .w90 { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer_top_t { padding: 20px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer_top_tl { float: left; margin-left: 40px; } .footer_top_tr { float: right; margin-right: 40px; } .footer_top_tr { width: 792px; height: 52px; position: relative; margin-top: 30px; } .footer_top_tr input { width: 100%; line-height: 50px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 1); border-radius: 35px; text-indent: 2em; color: rgba(255, 255, 255, 1); font-size: 16px; } .footer_top_tr button { position: absolute; right: 5%; top: 14px; background: None; border: none; cursor: pointer; } .footer_top_tr button:hover{ color:#fff; } .footer_top_tr input::-webkit-input-placeholder,.footer_top_tr textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .footer_top_tr input:-moz-placeholder,.footer_top_tr textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .footer_top_tr input::-moz-placeholder,.footer_top_tr textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .footer_top_tr input:-ms-input-placeholder,.footer_top_tr textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .footer_top_tr i { font-size: 22px; color: rgba(255, 255, 255, 0.5); } .footer_top_b, .footer_top_bb, .footer_top_ba, .footer_top_bc { height: 360px; } .footer_top_ba { padding-left: 50px; padding-top: 55px; padding-right: 70px; /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ float: left; } .footer_top_ba li:nth-child(1) { margin-bottom: 50px; } .footer_top_ba1 { float: left; margin-right: 22px; } .footer_top_ba2 { float: left; } .footer_top_ba3 { color: rgba(255, 255, 255, 0.5); line-height: 28px; font-size: 14px; } .footer_top_ba4 { color: #fff; line-height: 28px; font-size: 14px; } .footer_top_bb { padding-top: 55px; width: 58%; float: left; /**border-right: 1px solid rgba(255, 255, 255, 0.2);**/ } .footer_top_bb ul { display: flex; padding: 0px 5%; } .footer_top_bb ul li { flex:1; text-align: center; } .footer_top_bb1 a { color: rgb(255, 255, 255); font-size: 16px; line-height: 21px; margin-bottom: 12px; width:auto; } .footer_top_bb2a a { opacity: 0.9; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 28px; transition: .5s; display:inline; position:relative; } .footer_top_bb2a a::after{ content:''; position:absolute; left:0px; top:50%; margin-top:-0.5px; width:0px; height:1px; background:#fff; transition: .5s; } .footer_top_bb2a a:hover{ padding-left:12px; } .footer_top_bb2a a:hover::after{ width:8px; } .footer_top_bc { text-align: center; padding-top: 55px; } .footer_top_bc img { display: inline; } .footer_top_bc2 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 18px; margin-top:5px; } .footer_top_bc li:nth-child(1) { margin-bottom: 15px; } .footer_bottom li { float: left; line-height: 52px; color: #fff; margin-right: 10px; font-size: 14px; } .footer_bottom li:last-child { float: right; margin-right: 0px; } .footer_bottom a { color: #fff; font-size: 14px; } .footer_bottom img { display: inline-block; height: 12px; } .gaba img { height: 18px; margin-right: 5px; } /*footer end*/ /*dw*/ .fddw { position: fixed; z-index: 999; right: 0px; bottom: 5%; } .fddw li { width: 75px; height: 75px; text-align: center; background: rgb(246, 246, 246); cursor: pointer; } .fddw .ty_h { height: 75px; width: 0.1%; } .fddw li i { font-size: 20px; color: #959595; } .fddw2 { color: #959595; font-size: 12px; line-height: 28px; } .fddwa li { border-bottom: 1px solid rgba(0, 0, 0, .2); } .fddwa li:last-child { border-bottom: none; } .fddwb li { margin-top: 15px; } .fddwb .fddw1 { color: #000; } .fddwa { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1); } .fddwb { box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1); } .fddwa li:hover { background: #009d88; } .fddwa li:hover .fddw1 i, .fddwa li:hover .fddw2 { color: #fff; border: none; } .fddwb li:hover { background: #009d88; } .fddwb li:hover .fddw1 i, .fddwa li:hover .fddw2 { color: #fff; border: none; } .yewm{ position:absolute; right:-130px; top:0px; width:130px; padding:0px 10px; background:#fff; opacity: 0; transition: .5s; z-index: -1; } .fddwa li:last-child:hover .yewm{ right:75px; opacity: 1; } .fddwa li:nth-child(2):hover .yewm { right: 75px; opacity: 1; } .yewm .footer_topl2{ margin:10px 0px; } .yewm .footer_topl2 .yewm_1{ text-align:center; width:110px; border:none; } .yewm .footer_topl2 li:first-child{ margin-right:0px; } .footer_topl2_text{ font-size:14px; line-height:30px; } .yewm_1 img{ width:100%; } .s-form input,.s-form button{ border:None; } .tran-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .golsearch { position: fixed; z-index: 99999999; display:none; } .golsearch,.golsearch .mak { top: 0; left: 0; width: 100%; height: 100% } .golsearch .mak { position: absolute; background-color: rgba(0,0,0,.4) } .tit-32{ font-size:32px; } .golsearch .box { background-color: #fff; z-index: 3; text-align: center; padding: 30px 80px } .golsearch .box .s-form { width: 100%; height: 50px; background: #f4f4f4; display: flex; position: relative; margin-top: .775rem } .golsearch .box .hotseach .ls a{ color:#000; } .golsearch .box .s-form .txt { width: 80%; height: 100%; font-size: 16px; background: #f4f4f4; padding: 0 .775rem } .golsearch .box .s-form .submit { background-color: transparent; width: 20%; height: 100% } .golsearch .box .s-form svg { fill: rgb(0, 157, 136); position: absolute; right: 8%; top: 50%; transform: translateY(-50%); cursor: pointer } .golsearch .box .hotseach { display: flex; margin-top: 20px; align-items: flex-start } .golsearch .box .hotseach .tit { display: flex; font-size: 16px; align-items: center; justify-content: flex-start; margin-right: .675rem; color: #000 } .golsearch .box .hotseach .tit .icon { height: 18px } .golsearch .box .hotseach .tit svg { fill: rgb(0, 157, 136); width: 18px; height: 18px; margin-right: 10px; position:relative; top:6px; left:0px; transform: translateY(-5px) } .golsearch .box .hotseach .ls { font-size: 0; text-align: left } .golsearch .box .hotseach .ls div { font-size: 16px; color: #585858; display: inline-block; margin-right: .5rem; opacity: .7; transition: all .5s; cursor: pointer; margin-bottom: 0 } .golsearch .box .hotseach .ls div:hover { color: rgb(0, 157, 136); opacity: 1 } .golsearch .box .close { position: absolute; top: .625rem; right: .6rem; cursor: pointer } .golsearch .box .close svg { fill: #999 } .golsearch .box .close:hover svg { fill: rgb(0, 157, 136); } /*dw end*/ /*about*/ .ejlm.fixed{ display:block; } .ejlm{ line-height:50px; background:rgb(0, 157, 136); text-align:center; position:fixed; top:0px; left:0px; width:100%; z-index: 999; display:none; transition: .5s; box-shadow: 2px 2px 2px rgba(0, 0, 0, .2); } .ejlm li{ display:inline-block; padding:0px 25px; } .ejlm li a{ color:#fff; } .ddw1{ position: relative; top: -100px; display: block; height: 0; overflow: hidden; } .w1430 { width: 1430px; margin: 0 auto; } .about1 { padding: 100px 0px; } .about1a { color: rgb(0, 0, 0); font-size: 36px; font-weight: 700; line-height: 54px; text-align: center; } .about1b { color: rgb(90, 90, 90); font-size: 18px; font-weight: 400; line-height: 34px; text-align: justify; margin: 50px 0px 80px; text-indent: 2em; } .about1b1 { color: rgb(0, 157, 136); font-size: 18px; font-weight: 400; line-height: 24px; margin-left: 5px; cursor: pointer; } .layui-layer-title { color: rgb(0, 0, 0); font-size: 22px !important; font-weight: 700; height: auto !important; line-height: auto !important; padding: 20px 81px 20px 26px !important; } .layui-layer-setwin { position: absolute; right: 26px !important; *right: 0; top: 33px !important; font-size: 0; line-height: initial; } .layui-layer-setwin span { position: relative; width: 28px !important; height: 28px !important; line-height: 28px !important; margin-left: 26px !important; text-align: center; font-size: 28px !important; cursor: pointer; color: #000; _overflow: hidden; box-sizing: border-box; } .about1c { width: 100%; height: 286px; background: url(../images/about1.jpg); position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .about1c .ty_h { height: 286px; width: 0.1%; } .about1c ul { display: flex; } .about1c li { flex: 1; text-align: center; color: #fff; } .about1c .count { color: rgb(255, 255, 255); font-family: Bebas; font-size: 72px; font-weight: 400; line-height: 72px; } .about1cb { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; line-height: 28px; } .about2 { width: 100%; height: 740px; background: url(../images/about2.jpg) center no-repeat; background-size: cover; background-position: center; } .about2a { padding-top: 55px; text-align: center; } .about2a.about3a{ border-bottom:1px solid rgba(255,255,255,1); } .about2a .about3a1 { color: rgb(255, 255, 255); } .about2a .about3a2{ color: rgb(255, 255, 255); } .about2b { padding-bottom: 70px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; line-height: 30px; text-align: center; margin-top: 20px; } .fdc { position: fixed; left: 0px; bottom: 0px; } .about2c li { width: 48%; margin-bottom: 62px; padding-left: 63px; position: relative; z-index: 1; } .about2c li::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1; background: rgb(0, 157, 136); transition: .5s; } .about2c li:hover::before { left: 20px; top: 20px; } .about2c li::after { content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; left: 0px; top: 0px; background: #fff; } .about2c li:nth-last-child(even) { float: left; } .about2c li:nth-last-child(odd) { float: right; } .about2c li .ty_h { height: 154px; width: 0.1%; } .about2c li img { position: relative; top: -2px; margin-right: 10px; } .about2c1 { color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; line-height: 29px; letter-spacing: 1px; } .about2c2 { color: rgb(89, 89, 89); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 1px; margin-top: 8px; } .about3{ background:#fbfbfb; } .about3a { position: relative; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 45px 0px 30px; } .about3a::after { content: ''; position: absolute; left: 50%; bottom: -1px; width: 60px; height: 4px; margin-left: -30px; background: rgb(0, 157, 136); z-index: 1; } .about3a1 { color: rgb(94, 94, 94); font-size: 36px; font-weight: 700; line-height: 54px; } .about3a2 { color: rgb(94, 94, 94); font-size: 20px; text-transform:capitalize; } .about3b { height: 750px; width: 100%; background: url(../images/fzlc_bg.png) bottom no-repeat; background-size: 1920px; } .fzlc { height: 750px; } .fzlc .swiper-slide { text-align: center; position: relative; } .fzlc_v { width: 80%; left: 10%; } .fzlc .swiper-slide:nth-child(1) .fzlc_v { position: absolute; top: 245px; left: 0px; } .fzlc .swiper-slide:nth-child(2) .fzlc_v { position: absolute; top: 212px; left: 0px; } .fzlc .swiper-slide:nth-child(3) .fzlc_v { position: absolute; top: 110px; left: 0px; } .fzlc .swiper-slide:nth-child(4) .fzlc_v { position: absolute; top: 300px; left: 0px; width:90%; } .fzlc .swiper-slide:nth-child(5) .fzlc_v { position: absolute; top: 240px; left: 0px; } .fzlc .swiper-slide:nth-child(6) .fzlc_v{ position: absolute; top: 240px; left: 0px; } .fzlc .swiper-slide:nth-child(7) .fzlc_v{ position: absolute; top: 230px; left: 0px; } .fzlc .swiper-slide:nth-child(8) .fzlc_v{ position: absolute; top: 325px; left: 0px; } .fzlc1 { color: rgb(61, 61, 61); font-size: 16px; font-weight: 400; line-height: 32px; } .fzlc2 { width: 21px; height: 21px; background: rgb(0, 157, 136); border: 3px solid rgb(255, 255, 255); border-radius: 50%; margin: 0 auto; margin-top: 40px; } .fzlc3 { color: rgb(0, 0, 0); font-family: Bebas; font-size: 36px; font-weight: 400; margin-top: 20px; } .fzlc_l { position: absolute; z-index: 99; left: 45%; bottom: 22%; cursor: pointer; width: 46px; height: 46px; line-height: 46px; text-align: center; border: 1px solid rgba(0, 0, 0, .3); border-radius: 50%; } .fzlc_l i { font-size: 28px; } .fzlc_l:hover{ border:1px solid rgb(0, 157, 136); background:rgb(0, 157, 136); color:#fff; } .fzlc_r:hover{ border:1px solid rgb(0, 157, 136); background:rgb(0, 157, 136); color:#fff; } .fzlc_r { position: absolute; z-index: 99; right: 45%; bottom: 22%; cursor: pointer; width: 46px; height: 46px; line-height: 46px; text-align: center; border: 1px solid rgba(0, 0, 0, .3); border-radius: 50%; } .fzlc_r i { font-size: 28px; } .about4 { background: #fff; position: relative; margin-top: -100px; } .about4::after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 180px; background: rgb(247, 247, 247); } .about4a { padding: 92px 0px 58px; } .zzry { cursor: pointer; } .zzry img{ width:100%; } .about5{ margin-top:-100px; background:#fff; } .about5a { padding: 91px 0px 88px; } .about5al { height: 520px; width: 400px; position: relative; overflow: hidden; float: left; } .lg-object.lg-image{ max-height:750px !important; } .about5ar { float: right; } .about5al1 { padding-left: 22px; font-size: 30px; font-weight: 400; line-height: 40px; padding: 22px 0px 22px 0px; border-bottom:1px solid rgba(0,0,0,0.1); } .about5al li:nth-child(1) .about5al1{ border-bottom:1px solid rgba(255,255,255,0.6); } .about5al2 { color: rgb(87, 86, 86); font-size: 14px; font-weight: 400; line-height: 26px; } .about5al3 { color: rgb(87, 86, 86); font-size: 16px; font-weight: 400; line-height: 26px; } .about5al li:nth-child(1) .about5al3{ margin-top:50px; } .about5al li:nth-child(1) .about5al3 p{ margin:20px 0px; } .about5al3 p { margin:15px 0px; font-size:16px; } .about5al li { width: 400px; border-radius: 29px; cursor: pointer; } .about5al li:nth-child(1).action{ position:absolute; left:0px; top:0px; z-index: 11; border-radius: 29px; padding-top:15px; } .about5al li:nth-child(1) { padding-left: 30px; padding-right: 30px; background: rgb(0, 157, 136); height: 430px; } .about5al li:nth-child(1) .about5al1{ opacity: 0.7; color:#fff; } .about5al li:nth-child(1) .about5al2, .about5al li:nth-child(1) .about5al3 { color: rgb(255, 255, 255); } .about5al li:nth-child(2) .about5al1 { opacity: 0.7; color: rgb(7, 7, 7); } .about5al li:nth-child(2).action{ position: absolute; top: 84px; left: 0px; z-index: 1; height: 401px; padding-top:15px; } .about5al li:nth-child(2) { position:absolute; top:380px; height:134px; padding-top:50px; border-radius: 29px; left:0px; padding-left: 30px; padding-right: 30px; background: rgb(247, 247, 247); } .qysj{ padding-bottom:62px; } .qysj1{ padding-top:62px; } .qysj1 li{ width:32%; margin-right:2%; margin-bottom:25px; float:left; cursor: pointer; } .qysj1 li:nth-child(3n){ margin-right:0px; } .qysj1a{ background: rgb(249, 249, 249); line-height:66px; color: rgb(0, 0, 0); font-size: 18px; font-weight: 400; text-align:center; } .header_rb1 a:hover{ color:#000; } .ty_acontent{ padding:0px 20px 20px; } .ty_acontent img{ min-width:50% !important; max-width:100% !important; height:auto !important; } .ty_acontent p{ margin:5px 0px; } .w1200{ width:1200px; margin:0 auto; } /*about end*/ /*news*/ .ty_img1 { position: relative; overflow: hidden; } .newsa1a{ height:248px; } .newsa1a img{ min-height:248px; } .ty_img1 img { width: 100%; transition: .5s; } .ty_img li:hover .ty_img1 img { transform: scale(1.04); } .newsa { background: rgb(249, 249, 249); } .newsa1 { padding: 70px 0px; } .newsa1 li { background: rgb(255, 255, 255); box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.1); width: 31%; float: left; margin-right: 3.5%; } .newsa1 li:nth-child(3) { margin-right: 0px; } .newsa1b { padding: 11px 23px 23px; } .newsa1b1 { color: rgb(94, 94, 94); font-size: 18px; font-weight: 400; line-height: 54px; height:54px; } .newsa1b2 { color: rgb(94, 94, 94); font-size: 18px; font-weight: 400; line-height: 36px; } .newsa1 li:hover .newsa1b1,.newsa1 li:hover .newsa1b2{ color:#009d88; } .newsb { background: #f4f4f4; padding: 70px 0px 30px; } .newsbb{ padding-top:1px; } .newsbb .newsbba{ margin-bottom:60px; } .newsb li { padding: 23px; background: #fff; position: relative; margin-bottom: 28px; } .newsb li::after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 8px; background: rgb(0, 157, 136); transition: .5s; } .newsb li:hover::after { width: 100%; } .newsbl { width: 30%; float: left; } .newsbr { width: 61%; float: right; margin-right: 4%; } .newsbr1 { color: rgb(0, 157, 136); font-size: 20px; font-weight: 400; line-height: 30px; padding-top: 35px; } .newsbr2 { color: rgb(0, 0, 0); font-size: 22px; font-weight: 400; line-height: 29px; letter-spacing: 1px; margin-top: 8px; } .newsbr3 { color: rgb(147, 147, 147); font-size: 16px; font-weight: 400; line-height: 30px; margin: 18px 0px 30px; height: 60px; } .newsbr4 { color: rgb(11, 11, 11); font-size: 14px; font-weight: 400; line-height: 30px; } .newsb li:hover .newsbr2,.newsb li:hover .newsbr4 { color: rgb(0, 157, 136); } .newsc { background: #f4f4f4; padding-bottom: 60px; } /*news end*/ /*product*/ .w1530{ width:1530px; margin:0 auto; } .product { background: rgb(249, 249, 249); } .product_top ul { display: flex; } .product_top li { flex: 1; background: rgb(255, 255, 255); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1); margin: 12px 6px; text-align: center; padding: 20px 0px; } .product_top2 { color: rgb(65, 65, 65); font-size: 22px; font-weight: 700; line-height: 29px; margin-top: 12px; } .product_top1 img { width: 48px; margin: 0 auto; } .product_top1 img:nth-child(2) { display: none; } .product_top li:hover .product_top2 { color: rgb(0, 157, 136); } .product_top li:hover .product_top1 img:nth-child(2) { display: block; } .product_top li:hover .product_top1 img:nth-child(1) { display: none; } .product_top li.action .product_top2 { color: rgb(0, 157, 136); } .product_top li.action .product_top1 img:nth-child(2) { display: block; } .product_top li.action .product_top1 img:nth-child(1) { display: none; } .product_bottom { padding: 108px 95px 60px; } .product_bottoma li { width: 23.5%; float: left; margin-right: 2%; background: #fff; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); margin-bottom: 50px; } .product_bottoma li:nth-child(4n) { margin-right: 0px; } .product_bottoma li:hover .product_bottom2{ color:#009d88; } .product_bottom2 { line-height: 75px; text-indent: 32px; border-top: 1px solid rgba(63, 63, 63, 0.2); color: rgb(41, 41, 41); font-size:18px; } .pr_top { background: rgb(249, 249, 249); padding: 0px 50px; margin: 80px 0px; } .pr_top .ty_h { height: 623px; width: 0.1%; } .pr_topl { width: 572px; height: 565px; display: table-cell; vertical-align: middle; text-align: center; float: left; } .pr_topr { width: 770px; height:565px; padding-top:70px; float: right; border-left:1px solid rgba(0, 0, 0, 0.1); padding-left:70px; } .pr_top .swiper-slide { text-align: center; } .pr_top .mySwiper .swiper-slide img { display: block; width: 70%; object-fit: cover; margin: 0 auto; } .pr_top .mySwiper { padding: 10px; } .pr_top .mySwiper .swiper-slide { background: rgba(249, 249, 249, 0.4); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.1); } .pr_topr1 { color: rgb(0, 0, 0); font-size: 34px; font-weight: 700; line-height: 48px; letter-spacing: 2px; position: relative; padding-bottom:19px; margin-bottom:32px; } .pr_topr1::after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 6px; background: linear-gradient(270.00deg, rgb(39, 125, 158), rgb(52, 193, 156) 100%); } .pr_topr2{ color: rgb(124, 124, 124); font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 1px; } .pr_topr3{ margin-top:110px; position:relative; } .pr_topr3 .swiper-button-next{ position:absolute; top:50%; right:-25px !important; } .pr_topr3 .swiper-button-prev{ position:absolute; top:50%; left:-25px !important; } .pr_center1{ background: rgba(0, 157, 136, 0.2); line-height:70px; height:70px; } .pr_center1 li{ float:left; width:250px; text-align:center; color: rgb(0, 0, 0); font-size: 20px; letter-spacing: 1px; position:relative; border-right:1px solid rgba(0, 157, 136,0.38); cursor: pointer; } .pr_center1 li:hover{ color:#fff; background: rgb(0, 157, 136); } .pr_center1 li:hover::after{ border: 2px solid #fff; } .pr_center1 li.action{ color:#fff; background: rgb(0, 157, 136); } .pr_center1 li.action::after{ border: 2px solid #fff; } .pr_center1 li::after{ content:''; position:absolute; border: 2px solid rgb(0, 157, 136); width:12px; height:12px; left:20%; top:50%; margin-top:-8px; border-radius: 50%; } .pr_center2{ padding:67px 67px 0px; background: rgb(249, 249, 249); margin-bottom:30px; } .prfenye{ border-top:1px solid rgba(0,0,0,0.1); } .prfenye p{ width:50%; float:left; font-size:14px !important; } .prfenye p a:hover{ color:#009d88; } .pr_center2 img{ display:inline; } .pr_center2 p{ color: rgb(34, 34, 34); font-family: 寰蒋闆呴粦; font-size: 18px; font-weight: 400; line-height: 48px; } .pr_bottom1{ margin-top:77px; padding-left:10px !important; padding-right:10px !important; } .pr_bottom2a{ text-align:center; } .pr_bottom2a .swiper-pagination-bullet { width: 14px !important; height: 14px !important; display: inline-block; border-radius: 50%; opacity: 1 !important; background: rgb(196, 196, 196) !important; margin:51px 8px 66px!important; } .pr_bottom2a .swiper-pagination-bullet-active{ background: rgb(0, 157, 136) !important; } /*product end*/ /*rlzy*/ .rlzy{ background:#f5f5f5; } .rcln{ margin-top:62px; width:100%; height:800px; background:url(../images/rcln_bg.jpeg) center no-repeat; background-size:cover; background-position:center; padding-left:128px; padding-top:67px; } .dcsj{ background: rgb(249, 249, 249); padding-bottom:60px; } .dcsj1a{ margin-top:62px; padding-bottom:32px; } .dcsj1a img{ border-radius: 3px; } .dcsj1a1{ line-height:64px; height:64px; background:#fff; color:#000; position:absolute; width:80%; left:10%; bottom:-32px; padding:0px 20px; border-radius: 5px; } /*rlzy end*/ /*khfw*/ .cjwta li{ width:32%; margin-right:2%; float:left; margin-bottom:26px; background: rgb(248, 248, 248); padding:25px; text-align:center; } .cjwta li:nth-child(3n){ margin-right:0px; } .cjwta{ padding-top:62px; padding-bottom:32px; } .cjwta1{ color: rgb(33, 33, 33); font-size: 22px; padding-bottom:22px; border-bottom:1px solid rgb(207, 207, 207); } .cjwta2{ color: rgb(125, 122, 122); font-size: 16px; line-height:30px; padding:18px 18px 0px; } .cjwta li:hover{ background: rgb(0, 157, 136); } .cjwta li:hover .cjwta1{ color:#fff; } .cjwta li:hover .cjwta2{ color:#fff; } .yjfk{ width:100%; height:840px; background:url(../images/yjfk_bg.jpeg) center no-repeat; background-size:cover; background-position:center; } .yjfk1{ width:60%; margin:41px auto 46px; color: rgb(94, 94, 94); font-size: 16px; line-height: 39px; text-align:center; } .yjfk2 li{ width:49%; float:left; margin-right:2%; margin-bottom:18px; } .yjfk2 li:nth-child(2n){ margin-right:0px; } .yjfk2 li input{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; background:none; width:100%; line-height:52px; text-indent:22px; } .yjfk2 li:nth-child(5){ width:100%; } .yjfk2 li:nth-child(6){ width:100%; } .yjfk2 li textarea{ border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; background:none; width:100%; line-height:52px; text-indent:22px; font-family: "寰蒋闆呴粦"; } .yjfk3l{ color: rgb(33, 33, 33); font-size: 18px; float:left; } .yjfk3l span{ font-size:36px; font-family: 'Bebas'; } .yjfk3r{ width:40%; line-height:52px; background: rgb(0, 157, 136); border-radius: 26px; color:#fff; text-align:center; float:right; cursor: pointer; } .yjfk3{ padding-top:20px; } .zlxza{ margin-top:62px; margin-bottom:74px; background: rgb(255, 255, 255); box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.08); } .zlxza li{ color: rgb(94, 94, 94); font-size: 18px; font-weight: 400; line-height: 54px; text-indent:24px; border-bottom: 1px solid rgb(213, 213, 213); } .zlxza li:last-child{ border-bottom:none; } .zlxza li a{ color: rgb(94, 94, 94); } .zlxzal{ float:left; } .zlxzar{ float:right; margin-right:55px; } .zlxzar i{ font-size:22px; } /*khfw end*/ /*lxwm*/ .xsgsa{ padding-top:45px; padding-bottom:70px; } .xsgsa li{ background:#fff; padding:30px 40px; color: rgb(10, 10, 10); font-size:18px; line-height:38px; width:49%; float:left; margin-bottom:25px; } .xsgsa li:nth-child(2n){ float:right; } .xsgsa li:nth-child(5){ width:100%; float:none; clear:both; } .lxwm_n{ background:#f9f9f9; } .lxwm_top{ position:relative; margin-top:-160px; } .lxwm_topl{ width:44.5%; background: rgb(0, 157, 136); float:left; padding:52px 57px; } .lxwm_topla{ color: rgb(255, 255, 255); font-size: 34px; line-height: 36px; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:65px; } .lxwm_toplb li{ margin-bottom:36px; } .lxwm_toplb1{ float:left; margin-right:36px; } .lxwm_toplb2{ float:left; } .lxwm_toplb2a{ color:#fff; font-size:18px; position:relative; top:-3px; } .lxwm_toplb2b{ color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; line-height: 27px; letter-spacing: 1px; } .lxwm_topr{ width:55.5%; float:right; background:#fff; padding:52px 57px; } .lxwm_topr .lxwm_topla{ color:rgba(38,38,38,1); border-bottom:1px solid rgba(38, 38, 38,0.21); } .lxwm_topra li{ margin-bottom:17px; } .lxwm_topra li:last-child{ margin-bottom:16px; } .lxwm_topra input{ background: rgb(240, 240, 240); border-radius: 2px; border:none; line-height:50px; width:100%; font-size:16px; font-family: "寰蒋闆呴粦"; text-indent:22px; } .lxwm_topra textarea{ background: rgb(240, 240, 240); border-radius: 2px; border:none; line-height:50px; width:100%; font-size:16px; font-family: "寰蒋闆呴粦"; text-indent:22px; } .lxwm_toprc{ background: rgb(0, 157, 136); border-radius: 26px; line-height:52px; text-align:center; color:#fff; margin-bottom:12px; cursor: pointer; } /*lxwm end*/ .w1430 { width: 1430px; margin: 0 auto; } .ty_banner { width: 100%; height: 600px; } .ty_banner3{ color: rgb(255, 255, 255); font-size: 32px; font-weight: 400; line-height: 36px; } .ty_banner .ty_h { height: 600px; width: 0.1%; } .about_banner { background: url(../images/about_banner.jpg) center no-repeat; background-size: cover; background-position: center; } .news_banner { background: url(../images/news_banner.jpg) center no-repeat; background-size: cover; background-position: center; } .hyzx_banner { background: url(../images/hyzx_banner.jpg) center no-repeat; background-size: cover; background-position: center; } .product_banner { background: url(../images/product_banner.jpeg) center no-repeat; background-size: cover; background-position: center; } .xsfx_banner { background: url(../images/xsfx_banner.jpeg) center no-repeat; background-size: cover; background-position: center; } .rlzy_banner { background: url(../images/rlzy_banner.jpeg) center no-repeat; background-size: cover; background-position: center; } .khfw_banner { background: url(../images/khfw_banner.jpeg) center no-repeat; background-size: cover; background-position: center; } .lxwm_banner { background: url(../images/lxwm_banner.jpeg) center no-repeat; background-size: cover; background-position: center; } .lxwm_banner .ty_h{ height:480px; } .ty_banner1 { color: rgb(255, 255, 255); font-size: 48px; font-weight: 700; line-height: 48px; margin-bottom: 24px; } .ty_banner2 { color: rgb(255, 255, 255); font-size: 24px; font-weight: 400; line-height: 36px; } .sj { display: none; } @media only screen and (max-width: 800px) { * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pc { display: none; } .sj { display: block; } .sj_nav_top { position: fixed; top: 0px; left: 0px; height: 70px; width: 100%; z-index: 999; background: rgb(0, 157, 136); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); } .header_logo { height: 36px; position: relative; left: 5%; top: 17px; } .header_logo img { height: 36px; display: inline; } .nav_lefta1 { height: auto; font-size: 12px; color: #000000; padding-top: 8px; margin-bottom: 2px; font-weight: 400; } .ty_acontent p img { width: 100%; height: auto !important; } .nav_lefta2 { font-size: 0.48rem; color: #000000; } .sj_nav_zk { color: #fff; position: absolute; right: 5%; top: 18px; } .sj_nav_zk i:first-child { font-size: 34px; } .sj_nav_list { position: fixed; width: 100%; height: 100%; background: rgb(0, 157, 136); left: 0%; top: -100%; z-index: 9999; transition: 1s; } .sj_nav_list.action { top: 70px; } .sj_nav_img { width: 30%; margin: 30px auto 20px; } .sj_nav_img img { width: 100%; } .sj_nav_gb { color: #fff; position: absolute; right: 5%; top: 40px; } .sj_nav_gb i { font-size: 24px; } .sj_nav_list ul li { line-height: 50px; position: relative; } .sj_nav_list ul li>a { text-indent: 15px; } .header_zba ul li a { text-indent: 30px; } .sj_nav_list>.sj_nav_ul>li>a { font-size: 16px; color: #fff; border-bottom: 1px solid #fff; } .header_zba { width: 100%; background: #fff; display: none; } .header_zba ul li { height: 40px; line-height: 40px; font-size: 14px; } .header_zba ul li a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.03) } .sj_nav_ul i { position: absolute; right: 10px; top: 5px; color: #fff; font-size: 30px; width: 40px; text-align: center; } .ty_banner { width: 100%; height: auto; margin-top: 70px; margin-left: 0px; } .nav_listr { display: none; } .nav_listl { width: 100%; padding-left: 0%; float: none; text-align: center; } .nav_list { height: auto; line-height: 50px; background: #f8f8f8; } .nav_listl ul li { display: inline-block; font-size: 16px; margin: 0px; position: relative; width: 20%; } .nav_listl ul li a { font-size: 14px; } .w80 { width: 94%; margin: 0 auto; } .w1530 { width: 96%; margin: 0 auto; } .w1410 { width: 92%; margin: 0 auto; } .w1488 { width: 94%; margin: 0 auto; } .banner { margin-top: 70px; height: 200px; } .banner .swiper-slide div { height: 100%; } .ipr1 { color: rgb(0, 0, 0); font-size: 24px; font-weight: 400; line-height: 40px; position: relative; padding-bottom: 5px; margin-bottom: 8px; padding-top: 30px; text-align: center; } .ipr1::after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 40px; margin-left: -20px; height: 2px; background: rgb(0, 157, 136); } .ipr2 { color: rgb(90, 90, 90); font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0px; width: 90%; text-align: center; margin: 0 auto; } .ipr { height: auto; width: 100%; position: relative; background: #fff; background-size: 100% 100%; background-position: center; padding-bottom:15px; } .ipr3 { margin-top: 25px; } .ipr3 li, .ipr4 li { margin-right: 0px; margin-bottom: 15px; float: none; border-radius: 5px; } .ipr3a { width: 60px; padding: 0px; float: left; } .ipr3a img{ width:60px; } .ipr3f{ width: 68%; float: right; } .ipr3b { padding-left: 0px; font-size: 22px; font-weight: 400; line-height: 36px; letter-spacing: 1px; color: #fff; margin-top: 0px; } .ipr3c { opacity: 0.5; color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; padding-left: 0px; text-transform: capitalize; } .ipr_br{ display:none; } .ipr3 li:nth-child(1) { width: 100%; height: auto; background: url(../images/pr/ipr1.png) center no-repeat; background-size: cover; background-position: center; padding: 20px 30px; } .ipr3 li:nth-child(2) { width: 100%; height: auto; background: url(../images/pr/ipr2.png) center no-repeat; background-size: cover; background-position: center; padding: 20px 30px; } .ipr3 li:nth-child(3) { width: 100%; height: auto; background: url(../images/pr/ipr3.png) center no-repeat; background-size: cover; background-position: center; padding: 20px 30px; } .ipr3 li:nth-child(4) { width: 100%; height: auto; background: url(../images/pr/ipr4.png) center no-repeat; background-size: cover; background-position: center; padding: 20px 30px; } .ipr4 li:nth-child(3) { width: 100%; height: auto; background: url(../images/ipr5.png) center no-repeat; background-size: cover; background-position: center; padding: 20px 30px; } .iab1 { color: rgb(0, 0, 0); font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; padding-top: 30px; } .iab2 { color: rgb(77, 77, 77); font-size: 14px; font-weight: 400; line-height: 30px; text-align: justify; margin-top: 25px; text-indent:2em; } .iab { height: auto; width: 100%; background: #f9f9f9; background-size: cover; background-position: center; padding-bottom:30px; } .iab3c{ transform: scale(0.6); } .iab4 { margin-top: 25px; border: 1px solid rgba(0,0,0,0.1); } .iab4 li:nth-child(1) { margin-left: 0px; } .iab4 li { float: left; width: 50%; padding: 20px 0px; margin-left: 0px; text-align: center; border-right:1px solid rgba(0,0,0,0.1); } .iab4 li:nth-child(1),.iab4 li:nth-child(2){ border-bottom:1px solid rgba(0,0,0,0.1); } .iab4 li:nth-child(2n){ border-right:none; } .iab4a{ font-size:14px; } .iab4a .count { color: rgb(0, 157, 136); font-family: Bebas; font-size: 38px; font-weight: 400; line-height: 50px; margin-right: 4px; } .iab4b{ font-size:14px; color:rgba(0,0,0,0.6); } .iab5 { background: rgb(0, 157, 136); width: 132px; height: 38px; margin: 0 auto; text-align: center; line-height: 38px; margin-top: 25px; } .iab3 { width: 100%; height: 259px; margin: 20px 0px; padding-bottom:0px; background: url(../images/iab_bg.jpeg?v=1.4) center no-repeat; background-size: 130% 100%; background-position: center; } .iab3a { color: rgba(255, 255, 255,0.6); font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; text-transform: uppercase; padding-top: 30px; } .iab3b { color: rgb(255, 255, 255); font-size: 20px; font-weight: 400; line-height: 32px; text-align: center; padding-top: 5px; } .iab3c { text-align: center; position: absolute; width: 90px; height: 90px; margin: 0 auto; bottom: 5px; left: 5px; line-height: 90px; } .iab3c img { display: inline; width: 20%; } .iab5 a { color: #fff; font-size: 14px; } .footer_bottom li:last-child{ float:none; } .footer_top_bc2 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 34px; margin-top:0px; } .inews { padding-top: 30px; padding-bottom: 30px; width: 100%; height: auto; background: url(../images/news_bg.jpeg) center no-repeat; background-size: cover; background-position: center; } .inews1_l { float: none; } .inews1_l1 { color: rgb(0, 0, 0); font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; } .inews1_l2 { color: rgb(93, 93, 93); font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; } .inews1_r { float: none; position: relative; top: 0px; margin-top: 10px; text-align:center; } .inews1_r li { width: 28%; line-height: 36px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); float: none; display: inline-block; margin: 0px 1%; } .inews2 { margin-top: 25px; } .inews1_r li a { color: rgb(41, 41, 41); font-size: 14px; } .inews2_l { margin-bottom: 15px; width: 100%; padding: 10px; height: auto; background: #fff; float: none; } .inew2_br{ display:none; } .inews2_bl { width: 100%; float: none; } .inews2_b { padding: 0px 5px; } .inews2_l2 { color: rgb(0, 157, 136); font-size: 14px; font-weight: 400; line-height: 26px; margin-top: 10px; } .inews2_l3 { color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; line-height: 32px; } .inews2_l2 i { font-size: 16px; margin-right: 4px; } .inews2_r li { background: #fff; height: auto; position: relative; margin-bottom: 15px; padding:10px 0px 10px 10px; } .inews2_ra { width: auto; text-align: center; float: left; margin-right: 14px; padding-right: 14px; position: relative; } .inews2_ra1 { color: rgb(65, 65, 65); font-size: 14px; font-weight: 400; line-height: 30px; border-bottom: 1px solid rgb(213, 213, 213); padding-top: 0px; } .inews2_ra2 { color: rgb(65, 65, 65); font-size: 14px; line-height: 32px; } .inew2_rb1 { color: rgb(41, 41, 41); font-size: 16px; font-weight: 400; line-height: 30px; padding-top: 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; } .inew2_rb2 { color: rgb(142, 142, 142); font-size: 12px; line-height: 26px; } .inews2_ra::after { content: ''; position: absolute; right: 0px; top: 20%; height: 60%; width: 1px; background: rgb(213, 213, 213); } .inews2_r { width:100%; float: none; } .inews2_rb { width: 100%; float: none; } .footer { height: auto; width: 100%; background: #009D88; background-size: cover; background-position: center; padding-top: 30px; } .w90{ width:96%; margin:0 auto; } .footer_top_tl { float: none; margin: 0px auto; position: relative; text-align: center; top: -8px; } .footer_top_tl img{ display:inline; width:40%; } .footer_top_tr { width: 80%; height: 38px; position: relative; float: none; margin: 0px auto; } .footer_top_tr input { width: 100%; line-height: 38px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 35px; text-indent: 10px; color: rgba(255, 255, 255, 0.5); font-size: 14px; } .footer_top_tr button { position: absolute; right: 8%; top: 10px; background: None; border: none; cursor: pointer; } .footer_top_tr i { font-size: 18px; color: rgba(255, 255, 255, 0.5); } .footer_top_b, .footer_top_bb, .footer_top_ba, .footer_top_bc { height: auto; } .footer_top_ba { border-right: none; float: none; padding: 15px; border-bottom:1px solid rgba(255, 255, 255, 0.2); } .footer_top_bb{ display:none; } .footer_top_ba li:nth-child(1) { margin-bottom: 15px; } .footer_top_bc { text-align: center; padding-top: 30px; } .footer_top_bc li{ width:50%; float:left; } .footer_bottom li { float: none; line-height: 28px; color: #fff; margin-right: 10px; font-size: 12px; text-align: center; } .footer_bottom li a{ font-size:12px; } .gaba img { height: 14px; margin-right: 5px; position: relative; top: 1px; } .fddw{ display:none; } .ty_banner .ty_h { height: 200px; width: 0.1%; } .ty_banner1 { color: rgb(255, 255, 255); font-size: 22px; font-weight: 700; line-height: 26px; margin-bottom: 5px; padding-left:7%; } .ty_banner2 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 24px; padding-left:7%; } .w1430 { width: 94%; margin: 0 auto; } .ejlm.fixed{ display:none; } .ejlm{ display:none; } .about1 { padding: 30px 0px; } .about1a { color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; line-height: 34px; text-align: center; } .about1b { color: rgb(90, 90, 90); font-size: 14px; font-weight: 400; line-height: 28px; text-align: justify; margin: 25px 0px 25px; text-indent: 2em; } .about1b1 { color: rgb(0, 157, 136); font-size: 14px; font-weight: 400; line-height: 24px; margin-left: 5px; cursor: pointer; display:inline-block; } .layui-layer-title { color: rgb(0, 0, 0); font-size: 16px !important; font-weight: 700; height: auto !important; line-height: auto !important; padding: 0 80px 0 20px !important; } .layui-layer-setwin { position: absolute !important; right: 15px !important; *right: 0 !important; top: 17px !important; font-size: 0 !important; line-height: initial !important; } .about1c .ty_h { height: auto; width: 0.1%; } .about1c li { flex: auto; width: 50%; text-align: center; color: #fff; padding:20px 0px; } .about1c ul { display: flex; flex-wrap: wrap; } .about1c { width: 100%; height: auto; background: url(../images/about1.jpg) center no-repeat; background-size: cover; background-position: center; } .about1ca{ font-size:14px; } .about1c .count { color: rgb(255, 255, 255); font-family: Bebas; font-size: 36px; font-weight: 400; line-height: 45px; margin-right:4px; } .about1cb { color: rgb(255, 255, 255); font-size: 12px; font-weight: 400; line-height: 2px; } .about2a { padding-top: 30px; text-align: center; } .about2a1 { color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; line-height: 30px; } .about2a2 { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; line-height: 30px; margin-top: 0px; } .about2b { padding-bottom: 25px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; margin-top: 10px; } .about2c li:nth-last-child(even) { float: none; } .about2c li { width: 100%; padding:20px 0px; margin-bottom: 15px; padding-left: 25px; position: relative; z-index: 1; } .about2c li:nth-last-child(odd) { float: none; } .about2 { width: 100%; height: auto; background: url(../images/about2.jpg) center no-repeat; background-size: cover; background-position: center; padding-bottom: 15px; } .about2c li .ty_h { height: auto; width: 0.1%; } .about2c1 { color: rgb(0, 0, 0); font-size: 18px; font-weight: 700; line-height: 29px; letter-spacing: 1px; } .about2c li img { position: relative; top: -1px; margin-right: 6px; width: 13px; } .about2c2 { color: rgb(89, 89, 89); font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 1px; margin-top: 4px; } .about3a { position: relative; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 30px 0px 20px; } .about3a2 { color: rgb(94, 94, 94); font-size: 16px; text-transform: capitalize; } .about3a1 { color: rgb(94, 94, 94); font-size: 24px; font-weight: 700; line-height: 30px; } .zzry img{ width:100%; } .about4a { padding: 25px 0px 30px; } .fzlc .swiper-slide .fzlc_v{ position:unset !important; width:100%; padding-top:25px; } .fzlc { height: 210px; } .about3{ background: #f9f9f9; } .about3b { padding-bottom: 30px; height: auto; width: 100%; background-size: 100%; background:none; } .fzlc1 { color: rgb(61, 61, 61); font-size: 14px; font-weight: 400; line-height: 26px; text-align: left; text-indent: 2em; } .fzlc2,.fzlc3{ display:none; } .fzlc_l,.fzlc_r{ display:none; } .about5a { padding: 25px 0px 25px; } .about5al li { width: 90%; height: auto; border-radius: 29px; margin:0 auto; } .about5al1 { padding-left: 22px; font-size: 20px; font-weight: 400; line-height: 40px; padding: 15px 0px 15px 0px; } .about5al3 { color: rgb(87, 86, 86); font-size: 16px; font-weight: 400; line-height: 26px; margin-top: 35px; } .about5al li:nth-child(1) { padding-left: 30px; padding-right: 30px; background: rgb(0, 157, 136); height: 350px; } .about5al li:nth-child(1).action { position: absolute; left: 5%; top: 0px; z-index: 11; border-radius: 29px; padding-top:0px; } .about5al li:nth-child(1) .about5al3{ margin-top:0px; } .about5al3{ margin-top:0px; } .about5al li:nth-child(2).action { position: absolute; top: 70px; left: 5%; z-index: 1; padding-left: 30px; padding-right: 30px; background: rgb(247, 247, 247); height: auto; padding-bottom: 30px; } .about5al li:nth-child(2) { position: absolute; top: 305px; height: 104px; padding-top: 40px; border-radius: 29px; left: 5%; padding-left: 30px; padding-right: 30px; background: rgb(247, 247, 247); overflow: hidden; } .about5al3 p{ font-size:12px; margin-top:5px; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left:0px !important; width:12px !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ font-size:12px !important; } .swiper-button-next, .swiper-rtl .swiper-button-prev{ right:0px !important; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size:12px !important; } .about5al { height: 500px; width: 100%; position: relative; overflow: hidden; float: none; } .about5ar { float: none; } .about5ar img{ width:100%; } .product_top li { flex: 1; background: rgb(255, 255, 255); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); margin: 12px 3px; text-align: center; padding: 10px 0px 0px; } .product_top1 img { width: 24px; margin: 0 auto; } .product_top2 { color: rgb(65, 65, 65); font-size: 12px; font-weight: 400; line-height: 29px; margin-top: 4px; } .product_bottom { padding: 25px 10px; } .product_bottoma li { width: 100%; float: none; margin-right: 0%; background: #fff; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .product_bottom2 { line-height: 50px; text-indent: 15px; font-size:16px; padding-left:0px; text-align:center; border-top: 1px solid rgba(63, 63, 63, 0.2); color: rgb(41, 41, 41); } .newsa1 { padding: 25px 0px; } .newsa1 li { background: rgb(255, 255, 255); box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.1); width: 100%; float: none; margin-right: 0%; margin-bottom:15px; } .newsa1 li:nth-child(3){ margin-bottom:0px; } .newsa1b { padding: 10px 15px; } .newsa1b1 { color: rgb(94, 94, 94); font-size: 16px; font-weight: 400; line-height: 36px; height:36px; } .newsa1b2 { color: rgb(94, 94, 94); font-size: 16px; font-weight: 400; line-height: 30px; } .newsb { background: #f4f4f4; padding: 25px 0px 10px; } .newsb li { padding: 10px; background: #fff; position: relative; margin-bottom: 15px; } .newsbl { width: 100%; float: none; } .newsbr { width: 100%; float: none; margin-right: 0%; } .newsbr1 { color: rgb(0, 157, 136); font-size: 14px; font-weight: 400; line-height: 30px; padding-top: 10px; } .newsbr2 { color: rgb(0, 0, 0); font-size: 16px; font-weight: 400; line-height: 29px; letter-spacing: 1px; margin-top: 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:29px; } .newsbr3 { color: rgb(147, 147, 147); font-size: 14px; font-weight: 400; line-height: 26px; margin: 10px 0px; height: 52px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .newsc { background: #f4f4f4; padding-bottom: 30px; } .cjwta { padding-top: 25px; padding-bottom: 25px; } .cjwta li { width: 100%; margin-right: 0%; float: none; margin-bottom: 15px; background: rgb(248, 248, 248); padding: 10px; text-align: center; } .cjwta1 { color: rgb(33, 33, 33); font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid rgb(207, 207, 207); } .cjwta2 { color: rgb(125, 122, 122); font-size: 14px; line-height: 26px; padding: 10px; } .yjfk1 { width: 96%; margin: 25px auto; color: rgb(94, 94, 94); font-size: 12px; line-height: 22px; text-align: center; } .yjfk { width: 100%; height: auto; background: url(../images/yjfk_bg.jpeg) center no-repeat; background-size: cover; background-position: center; padding-bottom: 30px; } .yjfk2 li { width: 49%; float: left; margin-right: 2%; margin-bottom: 10px; } .yjfk3 { padding-top: 0px; } .yjfk3l { color: rgb(33, 33, 33); font-size: 14px; float: none; text-align: center; } .yjfk3l span { font-size: 24px; font-family: 'Bebas'; } .yjfk3r { width: 40%; line-height: 38px; background: rgb(0, 157, 136); border-radius: 19px; color: #fff; text-align: center; float: none; margin: 15px auto 0px; } .zlxzal { float: left; width:70%; } .zlxza li { color: rgb(94, 94, 94); font-size: 14px; font-weight: 400; line-height: 40px; text-indent: 18px; border-bottom: 1px solid rgb(213, 213, 213); } .zlxzar { float: right; margin-right: 15px; } .zlxza { margin-top: 25px; margin-bottom: 25px; background: rgb(255, 255, 255); box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.08); } .rcln { margin-top: 25px; width: 100%; height: auto; background: url(../images/rcln_bg.jpeg) center no-repeat; background-size: cover; background-position: center; padding-left: 0; padding-top: 0; padding:20px 0px; } .rcln img{ width:100%; margin:0 auto; } .join { padding-top: 25px; padding-bottom: 25px; } .job_title li { color: #000; float: left; width: 21.25%; color: rgb(255, 255, 255); font-size: 16px; line-height: 40px; text-align: center; } .hrList_a1_title li { width: 21.25%; float: left; color: #000; font-size: 14px; box-sizing: border-box; text-align: center; line-height: 50px; } .hrList_a1_item>ul { display: none; font-size: 16px; padding: 20px; } .ty_banner3 { color: rgb(255, 255, 255); font-size: 14.5px; font-weight: 400; line-height: 36px; } .lxwm_top { position: relative; top: 0px; margin-top:10px; } .lxwm_topl { width: 100%; background: rgb(0, 157, 136); float: none; padding: 20px; } .lxwm_topla { color: rgb(255, 255, 255); font-size: 24px; line-height: 36px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 25px; } .lxwm_toplb2a { color: #fff; font-size: 14px; position: relative; top: -3px; } .lxwm_toplb2b { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 27px; letter-spacing: 1px; } .lxwm_topr { width: 100%; float: none; background: #fff; padding: 25px; margin-top:15px; } .lxwm_toprc { background: rgb(0, 157, 136); border-radius: 19px; line-height: 38px; text-align: center; color: #fff; margin-bottom: 12px; } .w1200{ width:96%; margin:0 auto; } .ty_atitle { font-size: 22px; font-family: pfzc; padding-bottom: 5px; margin-bottom: 5px; color: #000; padding-top: 40px; text-align: center; } .ty_time span { position: relative; display: inline-block; line-height: 26px; padding: 0px 5px; font-size: 14px; color: #666; } .ty_dtitle { padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; text-align: center; margin-bottom: 25px; } .ty_acontent { padding: 0px 10px 20px; } .ty_acontent img{ width:100% !important; } .ty_content { background-color: #f5f5f5; padding: 30px 0px; } .fenye { margin-top: 0px; color: #000; } .fenye p { padding: 10px 0px; font-size: 14px; line-height:30px; } .qysj1 li { width: 100%; margin-right: 0%; margin-bottom: 15px; float: none; cursor: pointer; } .qysj1a { background: rgb(249, 249, 249); line-height: 40px; color: rgb(0, 0, 0); font-size: 14px; font-weight: 400; text-align: center; } .dcsj{ padding-bottom:25px; } .inews2_l1 img { width: 100%; height:auto; } .pr_top .ty_h { display:block; height: auto; width: 100%; } .pr_topl { width: 100%; height: auto; display: block; text-align: center; float: none; } .pr_topr { width: 100%; height: auto; padding-top: 25px; float: right; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: none; padding-left: 0px; } .pr_topr3 { margin-top: 10px; width: 100%; padding-bottom: 25px; } .mySwiper2 img{ width:100%; } .pr_topr1 { color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; line-height: 34px; letter-spacing: 1px; position: relative; padding-bottom: 10px; margin-bottom: 10px; } .pr_topr1::after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 38px; height: 2px; background: linear-gradient(270.00deg, rgb(39, 125, 158), rgb(52, 193, 156) 100%); } .pr_bottom1 { margin-top: 25px; padding-left: 0px !important; padding-right: 0px !important; } .product_bottoma li { width: 100%; float: none; margin-right: 0%; background: #fff; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .pr_topr2 { color: rgb(124, 124, 124); font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0px; } .pr_top .mySwiper { padding: 0px; } .pr_top .mySwiper .swiper-slide { background: rgba(249, 249, 249, 0.4); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); } .pr_center1 ul{ display:flex; } .pr_center1 li { flex:1; float: none; width: auto; text-align: center; color: rgb(0, 0, 0); font-size: 14px; letter-spacing: 1px; position: relative; border-right: 1px solid rgba(0, 157, 136,0.38); cursor: pointer; } .pr_center1 { background: rgba(0, 157, 136, 0.2); line-height: 50px; height: 50px; } .pr_center1 li::after { content: ''; position: absolute; border: 2px solid rgb(0, 157, 136); width: 8px; height: 8px; left: 15%; top: 50%; margin-top: -7px; border-radius: 50%; } .pr_center2 { padding: 25px 10px; background: rgb(249, 249, 249); margin-bottom: 0px; } .pr_center2 p { color: rgb(34, 34, 34); font-family: 寰蒋闆呴粦; font-size: 14px; font-weight: 400; line-height: 28px; } .pr_center2 img{ width:100% !important; } .pr_bottom2a .swiper-pagination-bullet { width: 8px !important; height: 8px !important; display: inline-block; border-radius: 50%; opacity: 1 !important; background: rgb(196, 196, 196) !important; margin: 25px 4px 25px!important; } table td, table th{ font-size:14px; line-height:26px !important; } .pr_top .mySwiper .swiper-slide-thumb-active { background: rgba(255, 255, 255, 1); } .pr_top { background: rgb(249, 249, 249); padding: 0px 10px; margin: 15px 0px 25px; } .yjfk2 li input { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; background: none; width: 100%; line-height: 38px; text-indent: 15px; } .yjfk2 li textarea { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; background: none; width: 100%; line-height: 38px; text-indent: 15px; font-family: "寰蒋闆呴粦"; } .banner_title img{ width:80%; } .banner_title{ width:100%; left:10%; top:50%; margin-top:-25px !important; } .banner_title2{ margin-top:-40px !important; } .banner_title3 img{ width:60%; } #allmap { height: 300px; width: 100%; } .sjfzlc{ margin-top:25px; margin-bottom:15px; } .sjfzlcnf .swiper-slide{ background:#fff; line-height:46px; text-align:center; } .sjfzlcnf .swiper-slide-thumb-active{ background:#009d88; color:#fff; } .qysj1{ padding-top:25px; } .lxwm_banner{ text-align:center; } .lxwm_banner .ty_banner1{ padding-left:0px; } .xsgsa { padding-top: 25px; padding-bottom: 30px; } .xsgsa li { background: #fff; padding: 15px 10px; color: rgb(10, 10, 10); font-size: 14px; line-height: 28px; width: 100%; float: none; margin-bottom: 10px; } .lxwm_topra input { background: rgb(240, 240, 240); border-radius: 2px; border: none; line-height: 40px; width: 100%; font-size: 12px; font-family: "寰蒋闆呴粦"; text-indent: 22px; } .lxwm_topra textarea { background: rgb(240, 240, 240); border-radius: 2px; border: none; line-height: 40px; width: 100%; font-size: 12px; font-family: "寰蒋闆呴粦"; text-indent: 22px; } .about5{ margin-top:-0px; background:#fff; } .newsbb .newsbba{ margin-bottom:25px; } .newsb.newsbb{ padding-top:0px; } .banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{ bottom:15px !important; } .banner .swiper-pagination-bullet { width: 20px !important; height: 6px !important; display: inline-block; border-radius: 0% !important; background: #fff !important; opacity: 1 !important; } .banner .swiper-pagination-bullet-active { background: #009d88 !important; } .xsgsa li:nth-child(2n){ float:none; } .MagicZoomBigImageCont{ display:none !important; } .pr_topr2 { color: rgb(124, 124, 124); font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0px; text-align:justify; } .pr_center1 li:nth-child(3){ border:none; } .iab3 .video { position: absolute; display: none; left: 0px; top: 0px; width: 100%; height: 259px; background: rgba(0, 0, 0, .8); } .iab3 .video video { width: 100% !important; height: 259px !important; } .pc{ display:none; } .w1200 { max-width: 96%; margin: 0 auto; background-color: #fff; } .atc-date{ font-size:12px; } .ty_content img{ width:100% !important; } .atc{ width:94%; } }