.mb{ display: none;} .mbo{ display: none;} .tt{transition: all .3s linear; } .p-banner { overflow: hidden; position: relative; } .p-banner.al{height: 100vh ;} .p-banner img{ width: 100%; -webkit-animation: banner_outside 8s ease 1 forwards; -moz-animation: banner_outside 8s ease 1 forwards; -o-animation: banner_outside 8s ease 1 forwards; animation: banner_outside 8s ease 1 forwards;height: 100%; object-fit: cover; object-position: center;} .p-banner img.dx{width: auto;height: auto;-webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; position: absolute;top: 76%; left: 50%; transform: translate(-50%, -50%);} .p-banner.quan{ } @-webkit-keyframes banner_outside{from{-o-transform:scale(1);transform:scale(1)} to{-o-transform:scale(1.1);transform:scale(1.1)} } @-moz-keyframes banner_outside{from{-o-transform:scale(1);transform:scale(1)} to{-o-transform:scale(1.1);transform:scale(1.1)} } @-o-keyframes banner_outside{from{-o-transform:scale(1);transform:scale(1)} to{-o-transform:scale(1.1);transform:scale(1.1)} } @keyframes banner_outside{from{-o-transform:scale(1);transform:scale(1)} to{-o-transform:scale(1.1);transform:scale(1.1)} } @keyframes rotate {0% {transform: translateY(0)}25% {transform: translateY(5px)}50% {transform: translateY(10px) scale(1.1,.9)}75% {ransform: translateY(5px)}100% {transform: translateY(0)} } .p-banner:hover{} .product_banner_show{padding-top: 100px; background-color: #f2f2f2;background: top no-repeat;} .p-banner .bb{position: absolute; width: 100%; top: 0; } .p-banner .container{ text-align: center;color: #fff;padding-top: 14%;} .p-banner h3 { font-size: 28px; /* color: rgba(255, 255, 255, 0.15); */ font-family: BarlowCondensed-Regular; text-transform: uppercase; font-weight: 400; /* position: relative; */ margin: 16px auto; line-height: 1.6;} .p-banner h2 {font-size: 66px; text-align: center; font-weight: bold;} .a-banner h3 { text-align: left; color: #000; font-weight: bold; width: 100%;} .a-banner p {text-align: left; color: #2e2e2e; width: 60%; line-height: 2; font-size: 18px;} .swiper-button-next, .swiper-button-prev {padding: 26px; border-radius: 30px; background: #ffffff00;font-weight: bold;} .swiper-button-next:hover, .swiper-button-prev:hover{background: #FF0C0C; } .page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; background: #f1f1f1;} .page_nav .crumb{float: right;} .page_nav .crumb li{float: left;font-size: 16px;color: #666;} .page_nav .crumb a{color: #666; margin-right: 8px; margin-left: 8px; position: relative; transition: all .3s linear; } .page_nav .crumb li:last-child{ color:#FF0C0C ;} .page_nav .r_sec{ display: flex;justify-content: center;} .page_nav .r_sec li{ position: relative; float: left; font-size: 18px; padding: 0 0px; margin: 0 3.5% 0 3.5%; } .page_nav .r_sec li a:after { content: ""; transition: all .3s linear; left: 0%; bottom: 1px; width: 0%; height: 2px; background-color: #FF0C0C; position: absolute; } .page_nav .r_sec li:hover a, .page_nav .r_sec li.cur a{color:#FF0C0C;} .page_nav .r_sec li:hover a:after,.page_nav .r_sec li.cur a:after{ width: 100%;} .page_nav .r_sec li a{color:#666666;} .page_nav .fa {margin:22px 8px 0; font-size:15px;} .page_nav a:hover{color:#FF0C0C;} .fa_nav{ background-color: #f7f7f7;} .fa_nav ul{display: flex;} .fa_nav a{ width: 20%;text-align: center; padding: 26px 0;} .fa_nav a img{filter:grayscale(100%); opacity: 0.7; height: 68px; transition: all .3s linear; } .fa_nav a p{transition: all .3s linear; text-align: center; padding-top: 8px; font-size: 18px;} .fa_nav a:hover, .fa_nav a.cur{ background-color: #fff;} .fa_nav a:hover img, .fa_nav a.cur img{filter:grayscale(0%);transform: translateY(-8px); opacity:1;} .fa_nav a:hover p, .fa_nav a.cur p{transform: translateY(8px);} .fa_nav a p{transition: all .3s linear; text-align: center; padding-top: 10px; font-size: 18px; color: #6c6c6c;} /*.fa_nav a img.i2{ opacity: 0;}*/ /*.fa_nav a:hover, .fa_nav a.cur{ background-color: #fff;}*/ /*.fa_nav a:hover img.i1, .fa_nav a.cur img.i1{ opacity: 0;}*/ /*.fa_nav a:hover img.i2, .fa_nav a.cur img.i2{ opacity: 1; transform: translateY(-8px);}*/ /*.fa_nav a:hover p, .fa_nav a.cur p{transform: translateY(8px);}*/ @media (max-width: 1440px){ .p-banner {height: 452px;} .p-banner h3 {font-size: 24px} .p-banner h2 {font-size: 44px;} .a-banner p { width: 90%; } } @media (max-width: 1336px){ .p-banner {height: auto;} .page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;} } @media (max-width: 1280px){ .p-banner {height: auto;} .product_banner_show{padding-top: 70px;} } @media (max-width: 1200px){ .p-banner {height: auto;} .p-banner h2 {font-size: 36px;} .a-banner p { width: 100%; } .p-banner.al { height: 330px; } } @media only screen and (max-width: 992px){ .page_nav .crumb{display: none;} .p-banner .container { padding-top: 24%; } .fa_nav a img { height: 34px; } .fa_nav a:hover img, .fa_nav a.cur img { transform: translateY(0px);} .fa_nav a:hover p, .fa_nav a.cur p { transform: translateY(0px); } .fa_nav a p { font-size: 16px;} } @media (max-width: 768px){ .p-banner {height: auto; position: relative;} .p-banner .bb { position: absolute; width: 100%; top: 41%; } .p-banner .container { padding-top: 0; } .p-banner h2 {font-size:26px; line-height: 30px;top: 30px; left: 42%; } .page_nav{line-height:50px; height:50px;} .page_nav .r_sec li:after{left:-7px; } .fa_nav>.fix{ width: 100%; padding: 0;} .fa_nav ul{display: block;} .fa_nav a { width: 33%; float: left; padding: 15px 0; } .fa_nav a p { font-size: 15px; } } @media (max-width:668px){ .page_nav{line-height:40px; height:40px;} .p-banner h3 {font-size: 16px; width: auto;} .p-banner h2 {top: 28px; left: 38%; } } @media only screen and (max-width: 425px){ .page_nav .container{padding-right: 0px;padding-left:1px;} .page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;} .page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; } } @media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; } } .page_nav_show{height: 70px;line-height: 70px;} .page_nav_show .crumb li{float: left;font-size: 16px;} .page_nav_show .crumb a{ margin-right: 8px; margin-left: 8px; } .page_nav_show .crumb li:last-child{ } .page_nav_show .fa {margin:22px 8px 0; font-size:15px;} .page_nav_show a:hover{color:#CC0001;} @media (max-width: 768px){ .page_nav_show{line-height:30px; height:60px;} .page_nav_show .fa {margin:0px 8px 0;} } @media (max-width:668px){ .page_nav_show .crumb li{font-size: 14px;} } @media only screen and (max-width: 425px){ .page_nav_show{ display: none; } } .page-section{ padding:120px 0 10px;} .page-tit { text-align: center; margin-bottom: 50px;} .page-tit h3{ font-size: 36px; padding-bottom: 20px; width: 400px; margin: 0 auto 20px; position: relative;} .page-tit h3:after{ content: ""; left: 42%; bottom: 0px; width: 55px; height: 3px; background-color: #FF0C0C; position: absolute;} .page-tit p{ font-size: 16px; line-height: 30px; color: #666; margin: 0 auto;} @media (max-width:1366px) { .page-section{ padding:60px 0;} .page-tit h3{ font-size: 26px; } .page-tit p{ font-size: 15px; } } @media (max-width:1024px) { .page-section{ padding:40px 0;} .page-tit {margin-bottom: 30px;} .page-tit h3{ font-size: 26px; margin-bottom: 10px;} } @media (max-width:768px) { .page-tit h3{ font-size: 22px; margin-bottom: 15px; padding-bottom: 15px;} .page-tit h3:after{width: 38px;} } @media (max-width:668px) { .page-tit h3{ width: 100%;font-size: 18px;} .page_title h3 { font-size: 18px;} .page-tit h3:after{width: 35px; height: 2px;} .ap2 .bjt ul li .wen { font-size: 13px !important; } } .about-page1 .page-tit { text-align: left; } .about-page1 .page-tit h3{ margin-left: 0px; } .about-page1 .page-tit h3:after{left: 0px; } .about-page1 .page-tit p{ margin-left: 0px; } .about-page1 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page1 .aboutrightimg { width: 96%; float: right;} .about-page1 .about-page-ul { padding:1px 10px; text-align: center;} .about-page1 .about-page-ul li { position: relative; border-top: 1px solid #ccc; padding: 28px 0;} .about-page1 .about-page-ul li .shu-div1 {line-height: 1.5;} .about-page1 .about-page-ul li .shu-div2 {font-size: 18px;color: #333; line-height: 40px;} .about-page1 .about-page-ul li:last-child{ border-bottom: 1px solid #ccc; } @media (max-width:1600px){ .about-page1 .about-page-ul { padding:20px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media (max-width:1480px){ .about-page1 .page-tit h3{ font-size: 26px;} .about-page1 .about-page-ul { padding:17px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media(max-width:1366px) { .about-page1 .desc{line-height: 30px;} .about-page1 .about-page-ul { padding:17px 20px;} .about-page1 .list_box ul li{padding: 16px 20px;} } @media(max-width:1280px) { .about-page1 .about-page-ul { padding:10px 20px;} .about-page1 .list_box ul li{padding: 18px 0px;} .about-page1 .aboutrightimg { width: 100%; float: right;} } @media (max-width: 1200px){ .about-page1 .page-tit h3{ font-size: 22px;} .about-page1 .desc{ width: 90%; } .about-page1 .aboutrightimg { width: 110%;} .about-page1 .about-page-ul li{ width: 33.33333337%; float: left; border-top: 0px ; border-right: 1px solid #ccc; } .about-page1 .list_box{width:100%; height: 100%; } .about-page1 .about-page-ul li:last-child{ border-bottom: 0px; } } @media(max-width:1124px) { .about-page1 .aboutrightimg { width: 123%;} } @media(max-width:992px) { .about-page1 .list_box .list_box{width:35%;} .about-page1 .desc{ width: 100%; } } @media (max-width: 768px){ .about-page1 .about-page-ul { padding:20px 5px; } .about-page1 .about-page-ul li .shu-div2 {font-size: 16px; line-height: 25px; } } @media(max-width:768px) { .about-page1 .list_box ul li{padding: 20px 10px 0;} } @media(max-width:600px) { .about-page1 .list_box .list_box{width:50%;} .about-page1 .list_box ul li{padding: 20px 5px;} .about-page1 .list_box p{font-size: 14px; } } @media(max-width:400px) { .about-page1 .list_box p{ height: 60px; } } .about-page1{ background: #FCFCFC;} .about-page1 ul{} .about-page1 li{display: flex; justify-content: center; margin-bottom: 50px;} .about-page1 li .sz{ width: 30%; color: #FF0C0C; text-align: right; padding-right: 1%;} .about-page1 li .sz b{vertical-align: top; font-size: 50px; font-weight: 400;} .about-page1 li .sz i{ font-size:20px; vertical-align: -webkit-baseline-middle; } .about-page1 li .com{ width: 70%; padding-left: 3%;} .about-page1 li .com h4{ color: #3676BB; font-weight: bold; font-size: 18px; line-height: 2; padding-top: 6px;} .about-page1 li .com p{ color: #5c5c5c;height: 54px;} .about-page2{ } .about-page2 .top{ margin-bottom: 44px;} .about-page2 .top h3{font-size: 30px; margin-bottom: 15px;} .about-page2 .top .wen{} .about-page2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -5%;} .about-page2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -5%; } .about-page2 .pro-img { overflow: hidden;} .about-page2 .pro-img img{ width: 100%; filter: grayscale(100%);} .about-page2 .pro-img:hover img{ filter: grayscale(0);} .about-page3 h3{font-size: 30px;margin-bottom: 60px;} .about-page3 .swiper{ overflow: visible;} .about-page3 .swiper-button-prev{ left: auto; right: 105px;} .about-page3 .swiper-button-next{top: -70px;} .about-page3 .swiper-button-prev,.about-page3 .swiper-button-next{ top: -80px; background: #FF0C0C; padding: 25px; border-radius: 30px;} .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ top: auto !important;bottom: 0;} .about-page3 .swiper-button-next:after, .about-page3 .swiper-button-prev:after { font-size: 30px; color: #fff; } .about-page3 { width: 100%;background-size: 100% !important; margin-top: 60px; padding-bottom: 120px; background: #FCFCFC url(../img/about_bg2.png) bottom no-repeat; padding-top: 70px; } .about-page3 .swiper-slide{ cursor: pointer; border-left: 2px solid #B4B5B6; height: 180px; padding-left: 2%; padding-top: 2%; margin-bottom: 50px;} .about-page3 .swiper-slide .tit{font-size: 28px; font-weight: bold;} .about-page3 .swiper-slide .com{ width: 66%;} @media screen and (max-width:1366px){ .about-page2 .brand_lsit h3{ font-size:22px;} .about-page2 .brand_lsit .box .con{ width: 90%; font-size: 15px; } } @media screen and (max-width:1280px){ .about-page2 .brand_lsit h3{ font-size:20px;} } @media screen and (max-width:1200px){ .about-page2 .brand_lsit h3{ font-size:18px;} .about-page2 .brand_lsit .box .con{ width:100%; font-size: 14px; line-height: 28px;} } @media screen and (max-width:1024px){ .about-page2 .top_text { padding: 30px 0; color: #fff;z-index: 9; width: 50%; margin:0 auto;} .about-page2 .top_text h3{font-size: 20px; margin-bottom: 10px; text-align:center;} .about-page2 .top_text p{ font-size:16px;line-height: 24px; text-align:center;} .about-page2 .brand_lsit .box{ width:33.3333337%; height: 240px;} .about-page2 .brand_lsit .box .con{ width:93%;} .about-page1 li{ margin-bottom: 4px;} } @media screen and (max-width:590px){ .about-page2{ padding-bottom: 2px;} .about-page2 .brand_lsit .box{ width:50%; height: 180px;} .about-page2 .brand_lsit .box .con{ width:98%; } .about-page2 .brand_lsit h3{ font-size:16px; margin: 10px 0;} .about-page2 .brand_lsit .img img{ width: 30%; margin: 0 auto;} } .about-page3 .about-page3-top{ padding-bottom:50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5;} .about-page3 h2 { font-size: 24px; color: #333; margin-bottom: 20px;} .about-page3 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page3 .about-page3-mid .con{ border: 4px solid #e5e5e5; padding:40px 20px; margin-bottom:30px;} .about-page3 .about-page3-mid .con h2{ font-size:24px; color:#FF0C0C; margin-bottom:30px; text-align: center; } .about-page3 .about-page3-mid .con p{ color:#666; font-size:16px; line-height: 30px; margin-top:10px; text-align: center; } @media (max-width:1280px) { .about-page3 .about-page3-top{ padding-bottom:30px; margin-bottom: 30px; } .about-page3 h2 { font-size: 22px;} .about-page3 .about-page3-mid .con{padding:30px 15px; } .about-page3 .about-page3-mid .con h2{ font-size:20px; margin-bottom:20px;} } @media (max-width:1024px) { .about-page3 .about-page3-mid .con h2{ font-size:18px; } .about-page3 h2 { font-size: 20px;} .about-page3 .desc{ line-height: 28px; } } @media (max-width:992px) { .about-page3 .about-page3-mid .con{padding:20px 15px; } } @media (max-width:425px) { .about-page3 .about-page3-mid .con{padding:20px 1% 20px 1%; margin-bottom:20px; height:160px;} .about-page3 .about-page3-mid .con h2{ font-size:18px;} } .rmt_dl dd{display:block;clear:both;overflow:hidden; background:#FFF; margin-bottom:20px;} .rmt_dl dd .div1{clear:both;height:78px;background:#f5f5f5;padding:0 10px;overflow:hidden;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .rmt_dl dd .div1 span{display:inline; height:78px;line-height:78px;color:#333333; } .rmt_dl dd .div1 span h3{ height:78px;line-height:78px; font-size:20px; } .rmt_dl dd .div1 span.span8{cursor:pointer;text-align:center; background:url(../images/jia.png) no-repeat center center;} .rmt_dl dd .div2{clear:both;overflow:hidden;color:#666666; padding:30px 25px;line-height:30px;text-align:left;display:none;background: #fafafa} .rmt_dl dd .div2 b{ color: #333; font-size:16px; line-height:34px;} .rmt_dl dd:hover .div1 span h3{color: #FF0C0C;} .rmt_dl dd:hover .div1 span.span8{ background:url(../images/jia2.png) no-repeat center center;} .rmt_dl dd .div1 span.span8.jian{ background:url(../images/jia2.png) no-repeat center center;} @media only screen and (max-width:768px){ .job ul{ font-size:16px;} .rmt_dl dd .div1{ padding-left: 0px;} .rmt_dl dd .div2{padding:10px; line-height:24px; } .rmt_dl dd .div1 span.span8{background:url(../images/jia.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd:hover .div1 span.span8{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd .div1 span.span8.jian{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} } @media only screen and (max-width:425px){ .rmt_dl dd .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd:hover .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd .div1 span.span8.jian{ background-size:40% 30%;} } .morbann{margin-top:78px;} .morbann a{display:block;width:60px;height:60px;border:1px solid #fff;text-align: center;line-height: 60px;overflow: hidden;position:relative;transition:all .3s ease-out 0s;} .morbann span{transform:translateX(-66px);display:inline-block;transition:all .3s ease-out 0s;font-size:16px;font-family:"微软雅黑";color:#fff;} .morbann a img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .morbannng a{border-color:#666666;} .morbannng a span{color:#666666;} .morbann a:hover{width:140px;text-align: right; padding-right:10px;} .morbann a:hover span{transform: translateX(-50%);} .morbann a:hover img{left:85%;} .neirongleft{width: calc(100% - 920px);padding-top:160px;animation: fadeInUp 1.5s;} .neirongright{width:50%;animation: fadeInUp 1.5s;} .neirongbr .more a {display: block;width: 56px;height: 56px;border: 1px solid #666666;background: url(../images/xiangxiab.png) no-repeat center!important;} .b1_neirong{width:100%;padding: 166px 127px 185px;} .neirongbr{ } .nebt h3{color:#ededed;font-size:130px;text-transform: uppercase;font-weight: bold;transform: translateY(60PX)} .neirongbr h2{color:#FF0C0C;font-size:36px;font-family:"Arial";font-weight:bold;position:relative;margin-bottom:30px;} .neirongbr h2::after{position:absolute;content: "";width:110px;height:1px;background:#FF0C0C;left:0;bottom:-42px;} .neirongbr p{color:#333333;font-size:16px;font-family:"微软雅黑";line-height: 30px;padding-left:120px;position:relative;} .neirongbr .more{margin-left:123px;} .neirongatwo{margin:100px 0;} .neirongatwo .b1pic {position: absolute;right: inherit;bottom: 65px;left:0;} .ditu{position:absolute;bottom:0;} .neirongatwo .ditu{transform: translateX(71px);} @media screen and (max-width: 1680px){ .b1_neirong {width: 100%;padding:0;} .neironga { width:1200px;margin:0 auto 70px;} .neirongleft {width: 50%;padding-top: 79px;} .neirongright {position: relative;width: 50%;overflow:hidden; } .nebt{width:1200px;margin:0 auto;} .neirongbr h2 {font-size: 50px;margin-bottom: 32px;} .nebt h3 {font-size: 116px;transform: translateY(60PX);} .neirongatwo .neirongbr{padding-left:53px; padding-right:17px;} } @media screen and (max-width: 1200px){ .neirongleft{width:100%;padding-top:0;} .neirongbr {width: 100%;padding:0 15px;} .neirongright{width:100%;padding:0 15px;margin-bottom:20px;} .neirongbr h2 {font-size: 20px;margin-bottom: 8px;} .neirongbr p {color: #333333;font-size: 16px;padding-left: 0; } .neirongbr h2::after {width: 27px;bottom: -23px;display:none;} .nebt{width:100%;padding:0 15px;margin:36px 0 15px;} .neirongbr .more {margin-left: 0;margin-top: 13px;} .neirongbr .more a {width: 44px;height: 44px;} .neironga {width: 100%;} .neironga {margin: 0 auto 72px;} .neirongatwo .neirongbr {padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 768px){ .neirongright img{ width: 100%;} .morbann{margin-top:48px;} .morbann a{display:block;width:40px;height:40px; line-height: 40px;} } @media screen and (max-width: 568px){ .morbann a{ width:34px;height:34px; line-height: 34px;} .morbann a img{ width: 30%;} } .product_list li{ margin-bottom: 30px;} .product_list .box {width: 100%;border:1px solid #fff;} .product_list .box:hover{ border:1px solid #FF0C0C;} .product_list .box .pro-img img{ } .product_list a .pro-txt { display: block; text-align: center; background-color: #f9f9f9; padding: 25px 20px;} .product_list a .pro-txt .pro-tit h3 { font-size: 18px; font-weight: 700;} .product_list a .pro-txt .index-more p { color: #333; padding-top: 8px;} .product_list a:hover .pro-txt .index-more a { background-color: #FF0C0C; color: #fff;} .product_list a:hover .img-box img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .product_list a .pro-txt .pro-c { color: #666; line-height: 2em;} .pro-big-img {width: 100%; overflow: hidden; background-color: #fff; } .pro-big-img .gallery-left{width:100%;height: 528px;margin: 0; } .pro-big-img .gallery-left img{width: 100%;} .pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;} .pro-big-img .gallery-left .swiper-slide img{width:100%; margin: 0 auto; height: initial;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; } .pro-big-img .gallery-left .swiper-slide:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 155px;margin:10px 0 0 0px; overflow: hidden; box-sizing: border-box;} .pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #e5e5e5; } .pro-big-img .gallery-thumbs .swiper-slide-activeimg{border: 1px solid #a6a6a6; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:65px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px; top:65px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; } .pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .products_show .show-pro-top {width: 100%; height: 528px;} .products_show .show-pro-top .section-content{ width: 45%; float: left } .products_show .show-pro-top .section-content-show{ width: 52%; padding-left:4%; padding-top:5%; float: left; } .products_show .pro-show-info h1{font-size:36px;line-height: 35px; margin-bottom: 40px; } .products_show .pro-show-info p{min-height: 230px; line-height: 2; font-size: 16px; color: #666;} .products_show .pro-show-info .procontact { margin: 50px 0 15px; padding-bottom: 20px; border-bottom:2px solid #dcdcdc;} .products_show .pro-show-info .procontact span a{ font-size:18px; font-weight: bold; color: #333;} .products_show .pro-show-info .procontact a:hover { color: #FF0C0C;} .products_show .pro-show-info .pro-btn{color:#333; font-size: 17px; margin-bottom: 5px;display: flex; } .products_show .pro-show-info .pro-btn a{display: block; background: #CC0001; color: #FFF; width: 200px; font-size: 18px; text-align: center; line-height: 60px; height: 60px; border: none; padding: 0; float: left; margin-right: 30px; text-transform: uppercase; border-radius: 40px; } .products_show .pro-show-info .pro-btn .dw{background: #3676BB;} .products_show .pro-show-info .pro-btn a:hover{ opacity: 0.7;} .products_show .pro-show-info .pro-btn .tel{ line-height: 27px; font-size: 16px;} .products_show .pro-show-info .pro-btn .tel span{color: #FF0C0C;} .products_show .pro-show-info .pro-btn .tel span a{ font-size: 26px;border: 0px solid #FF0C0C; font-weight: bold; height: 40px; line-height: 40px;margin-right: 0px; color: #FF0C0C;background: none; text-align: left;;} .products_show .pro-share { margin: 20px 0 25px;} .products_show .pro-share dl dt { float: left;} .products_show .pro-share dl dd .share {float: left;margin-right: 5px;} .products_show .pro-share dl dd .share:last-child {margin-right: 0;} .products_show .pro-share dl dd .share .share-ico {width: 31px;height: 30px;} .products_show dl dd .footer-ico {width: 31px;height: 30px;display: inline-block;margin-right: 10px;} .products_show .pro-share .wechat { position: relative;} .products_show .pro-share .wechat:hover .vx { display: block;} .products_show .pro-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent} .products_show .pro-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;} .products_show .pro-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;} .products_show .pro-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;} .products_show .pro-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;} @media only screen and (max-device-width: 1760px){ .products_show .show-pro-top { height: 690px;} } @media only screen and (max-device-width: 1460px){ .products_show .pro-show-info h1{font-size:32px;} } @media only screen and (max-device-width: 1366px){ .products_show .pro-show-info h1{font-size:28px; margin-bottom: 20px; padding-bottom:15px;border-bottom: 2px solid #c5c5c5; } .pro_info_2_3_t img{ width: 100%;} } @media only screen and (max-device-width: 1300px){ .pro-big-img .gallery-left{ height: 440px; } .products_show .show-pro-top{ height: 590px;} .products_show .pro-show-info h1{font-size:26px;} .products_show .show-pro-top .section-content-show{ width: 46%; padding-left:4%; padding-top:4%; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:50px; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:50px; } } @media only screen and (max-device-width: 1220px){ .pro-big-img .gallery-left{ height: 400px; } .products_show .show-pro-top{ height: 550px;} .products_show .pro-show-info .procontact { margin: 20px 0 15px; float: none; width: 100%;} .products_show .pro-show-info h1{font-size:20px;} .products_show .pro-show-info .procontact { margin: 10px 0 10px;} .products_show .pro-show-info .procontact span { font-size: 20px; } } @media only screen and (max-device-width: 1200px){ .products_show .pro-show-info h1{font-size:22px;} .products_show .pro-share { margin: 10px 0 20px;} .products_show .pro-show-info p{ line-height: 32px; } } @media only screen and (max-device-width: 1180px){ .products_show .show-pro-top{ height: 530px;} .pro-big-img .gallery-thumbs{ height: 125px;} .products_show .pro-show-info p{ line-height: 28px; } .products_show .pro-show-info h1{font-size:20px; margin-bottom: 15px; padding-bottom:10px;border-bottom: 1px solid #c5c5c5;} } @media only screen and (max-device-width: 1030px){ .pro-big-img .gallery-left{ height:380px; } .products_show .show-pro-top{ height: 510px;} } @media only screen and (max-device-width: 992px){ .show-pro .show-pro-top .section-content{ width: 62%; } .show-pro .show-pro-top .section-content-show{ padding-left: 2%; } .products_show .pro-show-info p{ line-height: 26px; } .pro-big-img .gallery-thumbs{ height: 133px;} } @media only screen and (max-device-width: 870px){ .product_list a .pro-txt .pro-tit h3 { font-size: 17px; margin-bottom: 20px;} .product_list a .pro-txt .pro-c {line-height: 1.7em; } .show-pro .show-pro-top .section-content{ width: 100%; background: #f7f7f7;} .show-pro .show-pro-top .section-content-show{ width: 100%; padding-left:3%; padding-right: 3%; padding-bottom: 5%; background: #f7f7f7;} } @media only screen and (max-device-width: 768px){ .product_list a .pro-txt { padding: 30px 20px;} .pro-big-img { width: 100%; height: inherit;} .pro-big-img .gallery-left{width:100%; height:520px; } .pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px; margin-left: 0px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%;bottom:inherit;} .pro_info_2_1_t{ font-size:18px; margin-top: 30px;} .pro_info_2_3_t{margin-top:1.2em; } .products_show .show-pro-top .section-content{ width: 100%; float:none;} .products_show .show-pro-top .section-content-show{ width: 100%; padding-left:0; padding-top:0; float: none; } .products_show .pro-show-info h1{font-size:18px; margin-top: 20px;} .products_show .pro-show-info .pro-btn a{ width:180px; line-height:50px;height: 50px; } } @media only screen and (max-device-width: 640px){ .pro-big-img .gallery-left{height:460px; } } @media only screen and (max-device-width: 560px){ .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:28%; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:28%; } .pro-big-img .gallery-left{height:360px; } .product_list a .pro-txt { padding:16px 6px;} .product_list a .pro-txt .pro-c ,.product_list .index-more{ display: none;} .product_list a .pro-txt .pro-tit h3 { font-size: 14px; margin-bottom: 0px; font-weight: normal;} } @media only screen and (max-device-width: 460px){ .pro-big-img .gallery-left{ height:300px; } .pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; } .pro-big-img .gallery-left .swiper-slide img{width:100%; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; } .pro-big-img .gallery-thumbs{ height: 100px;} .products_show .show-pro-top{ margin-top:30px;} } @media only screen and (max-device-width: 400px){ .pro-big-img .gallery-left{ height:260px; } } .section-content-bottom{ margin-top:70px; margin-bottom: 70px; border-top: 12px solid #FF0C0C; } .section-content-bottom .pro_info_1_2 ul li{float:left; } .section-content-bottom .pro_info_1_2 ul li a{ font-size:24px; padding-left: 3.5em; display:block; } .section-content-bottom .pro_info_1_2{ border-bottom:1px #e5e5e5 solid; padding:30px 0; overflow:hidden} .section-content-bottom .pro_info_1_2 .title { font-size: 30px; font-weight: bold;} .section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{ color: #FF0C0C;} .pro_info_2_1_t{ margin-top:55px;font-size:36px; font-weight: bold; color:#333; } .pro_info_2_1_t span{ font-size: 36px; text-transform: uppercase;} .pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#333; line-height:2; font-size: 18px;} .pro_info_2_mid{overflow:hidden;} .nav-wrap { float: right;} .nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;} .nav-wrap .container{padding-left:0; padding-right:0} .nav-wrap.navFix .container{padding-left:1em; padding-right:1em;} .flexlst { display: flex; flex-wrap: wrap; } .dp_con2 .swiper-main{ margin: 30px 0px 0px;} .dp_con2 .swiper-slide .pro-img{ position: relative;} .dp_con2 .swiper-slide .pro-img .pro-tit{ position: absolute; bottom: 0; width: 100%; line-height: 2.6; background: #000000c2; color: #fff; text-align: center;} .dp_con2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -5%;} .dp_con2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -5%;} .dp_c2t{ font-size: 30px; padding-left: 66px; position: relative; background: url(../img/cp.png) no-repeat left center;background-position-x: -8px; } .dp_c2tags{ margin: 30px -18px 0px; padding-bottom:2vw; } .dp_c2tags li{ width:calc(25% - 36px); margin:0 18px 36px; height:120px; border:1px solid #DCDCDC; padding:0 30px; display:flex; flex-direction:column; justify-content:center; transition:all 0.4s ease;} .dp_c2tags li p{ background: url(../img/dg0.png) no-repeat left center;display: inline-block; padding-left: 40px; font-size: 20px; line-height: 32px; color: #666; } .dp_c2tags li:hover{transform:translateY(-8px);} .dp_c2tags li:hover p{background: url(../img/dg.png) no-repeat left center;} .dp_c2list{ margin-top: 35px; margin-right: -18px; margin-left: -18px; } .dp_c2list dd{ width:calc(25% - 36px); margin:0 18px;} .dp_c2item{ display:block;} /*.dp_c2item:hover{ transform:translateY(-8px); box-shadow:0 5px 18px rgba(0,143,132,0.3);}*/ .dp_c2item .overflowHide{ height:220px;} .dp_c2item p{ line-height: 56px; font-size: 16px; color: #FFF; padding: 0px 20px; height: 56px; text-align: center; background:var(--cor);} .dp_c2list .slick-prev{ background: url(../images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; left: -38px; top: 50%; margin-top:-15px; overflow: hidden; cursor: pointer } .dp_c2list .slick-next{background: url(../images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; right: -38px; top: 50%; margin-top:-15px; overflow: hidden; cursor: pointer ; transform:rotate(180deg);} .dp_c2list .slick-prev:hover,.dp_c2list .slick-next:hover{background-image:url(../images/abt_c3btn2.png);} @media (max-width:1799px){ .dp_page{padding-top:80px;} .dp_c1img{height:380px;} .dp_c1txt{ width:45%;} .dp_c1st{ font-size: 18px; line-height: 26px;} .dp_c1t{ font-size: 32px; line-height: 32px; margin-top: 12px; padding-bottom: 20px; } .dp_c1des{ margin-top: 20px; font-size: 14px; line-height:26px;} .dp_c1btns{ margin-top: 2vw;} .dp_c1btn1{ font-size: 16px; line-height:48px; height: 48px; width: 140px; margin-right: 12px; background:var(--cor) url(../images/dp_btn1.png) no-repeat 20px center; padding-left: 50px; background-size:20px auto;} .dp_c1btn2{ font-size: 16px; line-height: 48px; height: 48px; width: 150px; margin-right: 12px; background:#1A1311 url(../images/dp_btn2.png) no-repeat 20px center; padding-left: 50px;} .dp_c1back{ padding-left: 25px; font-size: 16px; line-height: 48px; background-size:22px auto!important; } .dp_c2t{ font-size: 24px; line-height:24px; padding-left:28px; background-size:auto 20px;} .dp_c2t:before{width:14px;} .dp_c2tags{ margin: 25px -12px 0px;} .dp_c2tags li{ width:calc(25% - 24px); margin:0 12px 24px; height:110px; padding:0 20px;} .dp_c2tags li span{ padding-left: 34px; font-size: 16px; line-height:26px; background-size:22px auto;} .dp_c2list{ margin-top: 25px; margin-right: -12px; margin-left: -12px; } .dp_c2list dd{ width:calc(25% - 24px); margin:0 12px;} .dp_c2item .overflowHide{ height:160px;} .dp_c2item p{ line-height: 52px; font-size: 15px; padding: 0px 18px; height: 52px;} } @media (max-width:1379px){ .dp_c1t{font-size:26px; line-height:26px;} .dp_c2list{margin-left:20px; margin-right:20px;} .dp_c2list .slick-prev{ left:-28px;} .dp_c2list .slick-next{right:-28px;} } @media (max-width:1199px){ .dp_page{padding-top:10px;} .dp_c2tags{ margin: 25px -8px 25px;} .dp_c2tags li{ width:calc(25% - 16px); margin:0 8px 16px; height:90px; padding:0 15px;} .dp_c2tags li span{ padding-left: 34px; font-size: 15px; line-height:24px; } } @media (max-width:993px){ .dp_con1 .container{flex-wrap:wrap;} .dp_c1img{width:100%;} .dp_c1txt{width:100%; margin-top:25px;} .dp_c2tags{flex-wrap:wrap;} .dp_c2tags li{ width:calc(50% - 16px);} .dp_c2list{padding-bottom:35px; margin-left:-12px; margin-right:-12px} .dp_c2list .slick-dots{bottom:0px;} .dp_c2list .slick-dots li button{display:none;} .dp_c2list .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle} .dp_c2list .slick-dots li.slick-active{ background:var(--cor);} } @media (max-width:767px){ .dp_c1img{height:60vw;} .dp_c1t{font-size:20px;} .dp_c1btn1 {font-size: 14px;line-height: 42px;height: 42px;width: 125px; margin-right:5px;} .dp_c1btn2 {font-size: 14px;line-height: 42px;height: 42px;width: 136px;} .dp_c1btns{margin-top:25px;} .dp_c2t{font-size:22px;} .dp_c2tags li {width: calc(50% - 16px); height:auto; padding-top:20px; padding-bottom:20px;} } @media only screen and (max-device-width: 1440px){ .pro_info_2_1_t{ margin-top:35px;font-size:30px;} .section-content-bottom .pro_info_1_2 .title { font-size: 26px;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:20px;} } @media only screen and (max-device-width: 1366px){ .pro_info_2_1_t{ font-size:26px;} .section-content-bottom .pro_info_1_2 .title { font-size: 24px;} } @media only screen and (max-device-width: 1280px){ .pro_info_2_1_t{ margin-top:25px;font-size:22px;} .pro_info_2_3_t{margin-top:1.5em; } .section-content-bottom .pro_info_1_2 .title { font-size: 22px;} } @media only screen and (max-device-width: 1200px){ .section-content-bottom .pro_info_1_2{padding:20px 0;} .section-content-bottom .pro_info_1_2 .title { margin-bottom: 15px;} .nav-wrap { float: left;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:18px; padding-left: 0px; } .pro_info_2_1_t{ font-size:20px;} .pro_info_2_3_t{font-size: 16px; margin-top: 1em;} } @media only screen and (max-device-width: 768px){ .section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;} .section-content-bottom .pro_info_1_2 ul li a{ padding-right: 2em; } .pro_info_2_1_t{ font-size:18px;} .section-content-bottom .pro_info_1_2 .title { font-size: 20px;} .pro-show-info { padding: 10px;} .pro_info_2_3_t{ line-height: 1.7;} .pro_info_2_3_t table tr{ height: 48px;} .pro_info_2_3_t table tr td{ padding-left: 10px; font-size: 15px; } } @media only screen and (max-device-width: 460px){ .section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding-right: 0.8em; } .section-content-bottom{ margin-top:40px; } .section-content-bottom .pro_info_1_2 .title { font-size: 18px;} .pro_info_2_1_t{ font-size:17px;} .products_show .pro-show-info .procontact span a{ font-size:17px; } .products_show .pro-show-info .procontact { margin: 10px 0 5px; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;} } .news_list .news_top{} .news_list .news_top .she{display: flex;transition: all .5s linear; justify-content: flex-start; background-color: #fcfcfc;} .news_list .news_top .img{ width: 47%; overflow: hidden;} .news_list .news_top .img img{ transition: all .5s linear; width: 100%;} .news_list .news_top .wen{ margin-left: 3%; display: flex; margin-right: 3%; flex-direction: column; align-content: flex-start; align-items: flex-start;} .news_list .news_top .wen .date{ transition: all .5s linear; color: #a0a0a0; margin-top: 3%;} .news_list .news_top .wen .title{ transition: all .5s linear; color: #3676BB; font-size: 30px; font-weight: bold; line-height: 1.4; margin: 14px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .news_list .news_top .wen .description{transition: all .5s linear; margin-right: 2%;} .news_list .news_top .wen .i2{margin-top: 12%;transition: all .5s linear;margin-top: 6%;} .news_list .news_top .wen .i2 img{ width: 30px; } .news_list .news_top .she:hover .img img{-moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);} .news_list .news_top .she:hover .date{ transform: translateY(-8px);} .news_list .news_top .she:hover .title{ transform: translateY(-8px);} .news_list .news_top .she:hover .description{ transform: translateY(-8px);} .news_list .news_top .she:hover .i2{background: #FF0C0C; padding: 4px 16px;border-radius: 30px;} .news_list .news_top .she:hover .i2 img{filter: grayscale(100%) brightness(500%);} .news_list li {overflow:hidden; padding:24px 0px; } .news_list li:nth-child(2n){ background-color: #fcfcfc;} .news_list li a{ display: flex;justify-content: space-between;} .news_list li ._img{ width: 17%; overflow: hidden; float: left;} .news_list li ._img img{ width: 100%; } .news_list li ._intro { width:84%; float: left; margin-left: 5%; transition: all .3s linear; cursor:pointer; margin-top: 15px; color:#6d6d6d;} .news_list li ._title {transition: all .3s linear;display:block; font-size:18px; color:#000; font-weight:normal; text-overflow:ellipsis;overflow:hidden; width: 90%;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .news_list li ._info { line-height:30px; color:#999999;transition: all .3s linear;overflow:hidden;} .news_list li .i1{transition: all .3s linear; float:left;} .news_list li .i2{transition: all .3s linear; transform: translateX(-80px);} .news_list li:hover ._info .i1{ transform: translateX(80px);} .news_list li:hover ._info .i2{ transform: translateX(-26px);} .news_list li ._text {transition: all .3s linear;line-height:26px; overflow:hidden; font-size:16px; color:#606060; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list li:hover ._title {color:#3676BB;} .news_list .list_time{ width:8%; float:left;text-align: right; margin-top: 15px; transition: all .3s linear; } .news_list .list_time_day{display:block;font-size:18px; } .news_list .list_time_year{ font-size:34px; line-height:40px;} .news_list li:hover .list_time{transform: translateY(-8px);} .news_list li:hover ._title{transform: translateY(-8px);} @media only screen and (max-width:1366px){ .news_list li { padding:20px 0px;} .news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; } .news_list li ._text { font-size:15px; } .news_list li ._intro {margin-top: 0px; } .news_list .list_time{ margin-top: 0px; } } @media only screen and (max-width:1280px){ .news_list li ._intro {margin-left: 3%; margin-right: 3%;} .news_list .list_time{ width: 12%; } } @media only screen and (max-width:992px){ .news_list .list_time_year{ font-size:30px; line-height:40px;} } @media only screen and (max-width:768px){ .news_list li { padding:15px 0px;} .news_list li ._img{ width: 25%; } .news_list li ._intro { width:72%; margin-left:0; margin-right: 3%;} .news_list li ._text { height: 0px; margin-bottom: 0px; display: none; } .news_list li ._title { margin-bottom:0px; font-size:17px; width: 76%;} .news_list li ._info { margin-bottom:0px; display: block; } .news_list .list_time{display: none; width: 0px; } } @media only screen and (max-width:425px){ .news_list li { padding:15px 0px;} .news_list li ._title { line-height:26px; font-size:16px; margin-bottom:0px;} .news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news_list li ._img{ width: 34%; } .news_list li ._intro { width:62%;} } .news_show .news_show_left { width: 84%; float: right; margin-right: 8%;} .news_show .news_show_right { width:8%; float: left; position: sticky; top: 100px; } .news_show .news_show_right .dtl_pages{width: 58px; position: absolute; top: 10px; left: 0px;} .dtl_pa{ display: inline-block; border: 1px solid #C8C8C8; margin-bottom: 20px; border-radius:50%; height:58px; display:block; position:relative; cursor:pointer;} .dtl_pa:hover{ border: 1px solid var(--cor);} .dtl_pa1{ background: url(../images/dtl_lico1.png) no-repeat center center; background-size: 40%; } .dtl_pa1:hover{ background:#FF0C0C; } .dtl_pa2{ background: url(../images/dtl_lico2.png) no-repeat center center; background-size: 40%;} .dtl_pa2:hover{ background:#FF0C0C; } .dtl_pa3{ background: url(../images/dtl_lico3.png) no-repeat center center; background-size: 40%;} .dtl_pa3:hover{ background:#FF0C0C; } .dtl_pa4{ background: url(../images/dtl_lico4.png) no-repeat center center; background-size: 40%; } .dtl_pa4:hover{ background:#FF0C0C; } .dtl_pa span{ display:block; line-height:4; font-size:14px; text-align:center; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; background:var(--cor); color:#fff; border-radius:50%; transition:all 0.5s ease; opacity:0;} .dtl_pa:hover span{opacity:1;} .dtl_shax{ padding-top:10px; width:50px; position:absolute; left:0; top:50px; text-align:center; transition:all 0.5s ease; opacity:0; transform:scaleY(0); visibility:hidden; transform-origin:center top;} .dtl_pa:hover .dtl_shax{opacity:1;visibility:visible;transform:scaleY(1);} .dtl_shaxs{background: #FFFFFF; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.07); border-radius:2em; padding:16px 0 2px;} .dtl_shaxs a{ display:block; width:30px; height:30px; margin:0 auto 14px; border-radius:50%; overflow:hidden; background-size:cover!important;} .dtl_ha1{ background:url(../images/shar1a.png) no-repeat center center;} .dtl_ha2{background:url(../images/shar2a.png) no-repeat center center;} .dtl_ha3{background:url(../images/shar3a.png) no-repeat center center;} .weixin-prop{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 10px;} .weixin-prop .weixin-close{ text-align: right; cursor: pointer;} .weixin-prop p{ text-align:center;} .news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; } .news_show p,.news_show div { line-height: 30px;color: #666; font-size: 16px; margin-bottom: 10px;} .news_show .param-tit{font-size: 30px;padding-bottom:10px; color: #333; } .news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; padding-bottom: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-bottom: 2px solid #bebebe; text-align: center;} .news_show .param-c{ min-height: 300px;} .news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; } .news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; } .news_show .param-img{ margin-bottom: 20px; } .news_show_right .list>div{border:1px solid #e5e5e5; margin-bottom:25px;} .news_show_right .list .box{padding:25px 30px;} .news_show_right .list .box .t{font-size:24px; color:#3c3c3c; line-height:24px; position:relative; margin-bottom:15px} .news_show_right .list .box .t:after{content:''; position:absolute; width:68%; height:1px; background:#e5e5e5; left:30%; top:12px;} .news_show_right .list .box .d{font-size:15px; color:#999;} .news_show_right .list .box .d i{margin-right:5px} .news_show_right .list .box .tit{font-size:16px; color:#696969; line-height:28px; height:50px; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; margin-top:15px; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*} .news_show_right .hot_news{ background-color: #fcfcfc;} .news_show_right .hot_news .hot_box{padding:0 20px;} .news_show_right .hot_news .infor .box{padding:25px 0 0;} .news_show_right .hot_news .infor .tit{float:left; font-size:24px;color:#444; line-height:26px;} .news_show_right .hot_news .infor .more{font-size:16px; color:#999; float:right; line-height:26px;} .news_show_right .hot_news .con .item .t{font-size:16px; color:rgba(124, 123, 123); line-height:24px; overflow:hidden; transition:all .3s ease;} .news_show_right .hot_news .con .item .d{font-size:15px; color:#727272;} .news_show_right .hot_news .con .box{padding:25px 0 0px;} .news_show_right .hot_news .con .item .t:hover{color:#FF0C0C;} .news_show_right .list .box:hover .tit{color:#FF0C0C;} @media(max-width:1366px) { .news_show .news_show_left { width: 71%; } .news_show .news_show_right { width: 27%; } .news_show img{ width: 100%;} } @media(max-width:1280px) { .news_show .news_show_left { width: 68%; } .news_show .news_show_right { width: 30%; } .news_show .param-t{font-size: 20px;padding-bottom:20px; } .news_show .param-tit{font-size: 20px; } .news_show .param-c { padding-top: 20px;} .news_show_right .list .box .t{font-size:22px; } .news_show_right .list .box .t:after{ width:66%; left:32%;} } @media(max-width:1200px) { .news_show { padding-right: 0px;} } @media(max-width:992px) { .news_show { padding-right: 0px;} .news_show .param-tit{font-size: 18px;padding-bottom: 5px; } .news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;} .news_show .param-c { padding-top: 10px;} .news_show p,.news_show div { line-height: 28px;} .news_show .news_show_left { width:100%; float: none;} .news_show .news_show_right { width: 0; float: none;} .news_show .news_show_right .dtl_pages { width: 100%; position: relative; display: flex; justify-content: center;} .news_show .news_show_right { width: 100%;} .dtl_pa { margin-bottom: 2px; border-radius: 50%; height: 50px; cursor: pointer; width: 50px; margin: 0 2%; } .dtl_pa span { display: block; line-height: 3.6;} } @media(max-width:680px) { .news_show .param-t{font-size: 18px; padding-bottom:10px;} .news_show .param-c p{ font-size: 15px;line-height:26px;} .news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; } .news_show .param-c { padding-top: 0px;} } .service .pt1{ background:#f8f8f8;} .service .pt1 .pt1_l{ width:45%; float:left;} .service .pt1 .pt1_l img{ width:100%;} .service .pt1 .pt1_r{ width:55%; float:right; background-color: #f8f8f8;} .service .pt1 .pt1_r ul{ padding:40px 50px 40px 60px;} .service .pt1 .pt1_r li{ margin-bottom:20px;} .service .pt1 .pt1_r li ._layer { padding-left:25px;} .service .pt1 .pt1_r li ._layer strong{font-size:18px; line-height:42px; color:#222;} .service .pt1 .pt1_r li .p { color:#666; line-height:26px; margin-top: 5px;} .service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center center; padding:70px 0; } .service .pt2 .desc{ font-size:16px; margin:0 auto 70px; text-align:center;} @media screen and (max-width: 1400px){ .service .pt1 .pt1_r ul{ padding:24px 20px 24px 35px;} } @media screen and (max-width: 1366px){ .service .pt1 .pt1_r ul{ padding:14px 20px 14px 25px;} .service .pt1 .pt1_r li{ margin-bottom:10px;} } @media screen and (max-width: 1280px){ .service .pt1 .pt1_r ul{ padding:10px 20px 10px 25px;} } @media screen and (max-width: 1200px){ .service .pt1 .pt1_r ul{ padding:10px 10px 10px 15px;} .service .pt1 .pt1_r li{ margin-bottom:3px;} } @media screen and (max-width: 1160px){ .service .pt2 img{ width:100%;} .service .pt1 .pt1_l{ width:50%; } .service .pt1 .pt1_r{ width:50%; } } @media screen and (max-width: 1024px){ .service .pt1 .pt1_l{ width:100%; display: none; float:none;} .service .pt1 .pt1_r{ width:100%; float:none;} .service .pt1 .pt1_r ul{ padding:15px 15px;} .service .pt1 .pt1_r li{ margin-bottom:10px;} .service .pt1 .pt1_r li .p { line-height:24px;} .service .pt1 .pt1_r li ._layer { padding-left:15px;} } @media screen and (max-width: 768px){ .mb{display: block;} .pc{display: none;} .service .pt1 .pt1_l{ width:100%; float:none; display: block; } .service .pt1 .pt1_r{ width:100%; float:none;} .service .pt1 .pt1_r ul{ padding:30px 25px;} .service .pt1 .pt1_r li{ margin-bottom:15px;} .service .pt1 .pt1_r li .p { line-height:28px;} .service .pt1 .pt1_r li ._layer strong{font-size:17px;} .service .pt2 .desc{ margin:0 auto 30px; font-size:15px; text-align:center;} .service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center bottom; background-size: 100% auto; padding:30px 0; } } @media screen and (max-width: 425px){ .service .pt1 .pt1_r ul{ padding:30px 20px;} .service .pt1 .pt1_r li ._layer { padding-left:0px;} .service .pt1 .pt1_r li ._layer strong{font-size:16px;} } /*常见问题*/ .problem_list .problem-item {line-height: 36px;cursor: pointer;padding: 12px 1rem; } .problem_list .problem-item.cur .problem-h5 {background: url(../images/jian3.png) no-repeat right 32px center; } .problem_list .problem-h5 {position: relative;padding: 18px 0px 10px 40px;font-size: 18px;color: #333;font-weight: bold;background: url(../images/jian3on.png) no-repeat right 32px center; } .problem_list .problem-h5:before {content: "";display: block;width: 28px;height: 28px;top: 25px;left: 0;position: absolute;background: url(../images/wen1.jpg) no-repeat center; } .problem_list .problem-detail { padding: 0px 0px 0 40px; height:52px; overflow:hidden; line-height:26px; color: #666; } .problem_list .problem-h5 a:hover{ color: #FF0C0C;} .down_list dt { border-bottom: 1px solid #e1e2e2;font-weight:normal;height:90px;line-height:90px; } .down_list dt .con .name {width:60%; float: left; color:#555; font-size: 18px; overflow:hidden; text-align:left;} .down_list dt .con .fa{ font-size:28px;float: left; margin-right: 12px; margin-top:10px; line-height: 70px; color: #FF0C0C;} .down_list dt .con .date { float: right; color:#777;} @media (max-width:992px){ .down_list dt {height:50px;line-height:50px; margin-top:15px;} .down_list dt .name {width:90%; font-size: 16px;} .down_list dt .con .fa{ font-size:20px; margin-top:10px; line-height: 40px; } } @media (max-width:768px){ .down_list dt .con .fa{ margin-right: 5px; margin-top: 5px;} .problem_list .problem-h5 {position: relative;padding: 18px 0px 5px 40px;font-size: 16px; line-height:36px; font-weight:normal; color:#222; } .down_list dt .con .name {width:75%; font-size: 17px; } } @media(max-width:435px) { .problem_list .problem-item {line-height:26px;cursor: pointer;padding: 0px 1rem; } .down_list dt .con .date { display: none;} } /*行业应用*/ .application li{ margin-bottom:30px;} .application li .she{background: #FCFCFC;padding: 0 15px;display: flex;justify-content: center;overflow: hidden;} .application li img{ display: block; margin: 0 auto; max-height: 78px;} .application li .tit-font{font-weight: bold; font-size: 22px; padding: 14% 0 5%; text-align: center;} .application li .wen{width: 70%; text-align: center; font-size: 18px;line-height: 2; margin: 0 auto;} .application li .bj{transition: all .3s linear;padding: 17% 0; width: 100%;} .application li :hover .bj{ transform: translateY(-10px);} .ap2 .bjt{ position: relative;} .ap2 .bjt .swiper-main{ display: flex; align-items: center;} .ap2 .bjt .swiper-main .swiper-container { height: 100%;} .ap2 .bjt .swiper-main .swiper-container .swiper-slide { display: flex; align-items: center; justify-content: center; } .ap2 .bjt img{ width: 100%;} .ap2 .bjt ul{position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; justify-content: space-between; align-content: center; flex-direction: row;} .ap2 .bjt ul li{ width: 100%; height: 100%;text-align: center; display: flex; flex-direction: column; padding-top: 15%; border-left:2px solid #ffffffb3; } .ap2 .bjt ul li:nth-child(1){border-left:none;} .ap2 .bjt ul li .page-tit{ color: #fff; font-size: 34px; margin-bottom: 10px;} .ap2 .bjt ul li .page-tit h3:after { display: none; } .ap2 .bjt ul li .wen{ display: none; color: #fff; font-size: 20px; line-height: 2;} .ap2 .bjt ul li:hover{background-color: #cc0001bd;} .ap2 .bjt ul li:hover .wen{ display: block;} .ap2 .bjt ul li:hover .page-tit h3:after{display: block;} .ap3{} .ap3 .swiper3{} .ap3 .swiper3 .swiper-slide{ background-color: #FCFCFC;display: flex;align-items: center;} .ap3 .swiper3 .swiper-slide .img{ width: 45%; overflow: hidden;} .ap3 .swiper3 .swiper-slide .img img{ width: 100%;} .ap3 .swiper3 .swiper-slide .wen{ width: 55%; padding-left: 4%;} .ap3 .swiper3 .swiper-slide .wen .tit{ color: #3676BB; font-size: 32px; font-weight: bold; line-height: 2;} .ap3 .swiper3 .swiper-slide .wen .com{ font-size: 18px; line-height: 2;} .ap3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -5%;} .ap3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -5%;} .ap4{} /* .ap4 ul{ display: flex; flex-direction: row; overflow-x: auto;} */ /*联系方式*/ .page-contact .left{width:54%; float:right; } .page-contact .left .box{padding: 60px 40px 0px 30px; } .page-contact .left .box .infor .tit1{ padding-left:30px; font-size:24px; font-weight: bold; line-height:46px; padding-bottom: 20px; margin-bottom:30px;} .page-contact .left .box .infor .common-line{margin:16px 0 34px;} .page-contact .left .box .infor .con{ line-height:30px; margin-bottom:28px;} .page-contact .left .box .infor .text .icon{display: inline-block; width: 32px; height: 32px; position: absolute; left: 28px; top: 0px; } .page-contact .left .box .infor .text span{display:block; padding-left: 40px; line-height:30px;} .page-contact .left .box .infor .text .addr{position:relative; padding-left:30px; padding-bottom: 25px; } .page-contact .left .box .infor .text .addr .icon{background:url(../img/dz1.png) no-repeat center; background-size: 90%;} .page-contact .left .box .infor .text .phone{position:relative; padding-left:30px; margin-bottom:25px; padding-bottom: 25px;} .page-contact .left .box .infor .text a{ } .page-contact .left .box .infor .text .tel{position:relative; padding-left:30px; padding-bottom: 25px;} .page-contact .left .box .infor .text .tel .icon{ background:url(../img/dz2.png) no-repeat center; background-size: 90%;} .page-contact .left .box .infor .text .mail{position:relative; padding-left:30px; padding-bottom: 25px; } .page-contact .left .box .infor .text .mail .icon{background:url(../img/dz3.png) no-repeat center; background-size: 90%;} .page-contact .left .box .infor .text .tel a,.page-contact .left .box .infor .text .fax a,.page-contact .left .box .infor .text .mail a{color:#333; } .page-contact .left .box .infor .text .tel a:hover,.page-contact .left .box .infor .text .fax a:hover,.page-contact .left .box .infor .text .mail a:hover{color:#000; } .page-contact .left .box .infor .lj{margin-left: 30px; margin-top: 10px; display: inline-block; font-size: 18px; line-height: 2.6; border: 2px solid #b6b6b6; border-radius: 50px; width: 30%; text-align: center;} .page-contact .left .box .infor .lj .icon{background: url(../img/dz4.png) no-repeat center; background-size: 98%; display: inline-block; width: 32px; height: 32px; margin-right: 8px; vertical-align: middle;} .page-contact .left .box .infor .lj:hover{border: 2px solid #FF0C0C; background: #FF0C0C; color: #fff;} .page-contact .left .box .infor .lj:hover .icon{ background: url(../img/dz44.png) no-repeat center;background-size: 98%;} .page-contact .right{width:46%; float:left;} .page-contact .map_box{overflow:hidden; } .page-contact .map_box img{max-width:100%;} .bsc li .she{ background: #FCFCFC; border: 1px solid #FCFCFC; padding: 8% 2% 8% 8%; margin-bottom: 30px;} .bsc li .she h4{ -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;} .bsc li .she p{ -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s;} .bsc li .she:hover{ border: 1px solid #FF0C0C; } .bsc li .she:hover h4{transform: translateY(-8px);} .bsc li .she:hover p{transform: translateY(-8px);} .bsc li h4{ font-size: 24px; margin-bottom: 18px;} .bsc li p{color: #666; line-height: 2.2;} .footer-contact .mb{margin: 5% 0;} .footer-contact .mb img { max-width: 70%; padding-bottom: 6%;} .footer-contact .mb p{ color: #fff; text-align: center; line-height: 2;font-size: 15px;} .footer-right .footer-contact img{display: block;margin: 0 auto;} .footer-right .footer-contact p{text-align: center; } @media only screen and (max-width:1280px) { .page-contact .left .box{padding: 55px; } } @media (max-width:1024px) { footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact img{ display: block; margin: 0 auto;} footer .footer-main .footer-bottom { padding: 8px 0; } .application li img { max-width: 90px; } .application li .bj { padding: 15px 0;} .application li .wen { width: 98%; font-size: 14px; line-height: 1.8; } .ap2 .bjt ul li:hover{ padding-top: 8%;} .ap2 .bjt ul li .page-tit { margin-bottom: -8px; } .ap2 .bjt ul li .wen { font-size: 15px; } .ap3 .swiper3 .swiper-slide { display: block;} .ap3 .swiper3 .swiper-slide .img { width: 100%; overflow: hidden; } .ap3 .swiper3 .swiper-slide .wen { width: 100%; padding-left: 4%; } .ap3 .swiper3 .swiper-slide .wen .tit { font-size: 18px;margin: 4% 0 1%;} .ap3 .swiper3 .swiper-slide .wen .com { font-size: 16px; padding-bottom: 15px;} .products_show .show-pro-top .section-content { width: 100%;} .pro-big-img .gallery-left { width: 100%; height: auto;} .products_show .show-pro-top .section-content-show { width: 100%; padding-left: 0;} .products_show .pro-show-info h1 { font-size: 24px; line-height: 1.4; margin-bottom: 10px; } .products_show .show-pro-top { height: auto; } .products_show .pro-show-info .pro-btn a { width: 40%; font-size: 16px; line-height: 45px; height: 45px; margin-right: 8%; } .products_show .pro-show-info .pro-btn { } .dp_c2t { background-position-x: -2px; padding-left: 35px; background-size: auto 32px; } .dp_c2tags li p{ font-size: 16px;line-height: 1.6;} .page_nav_show{ background-color: #f7f7f7;} .news_list .news_top .she { display: block;} .news_list .news_top .img { width: 100%;} .news_list .news_top .wen { margin: 0 3%; display: flex; padding-top: 15px; } .news_list .news_top .wen .title { font-size: 20px; line-height: 2; } .news_list .news_top .wen .i2 { margin-top: 4%; margin-bottom: 6%; width: 24px; } .news_list li ._intro { width: 100%;} .about-page1 li .sz{ width: 18%;} .about-page1 li .sz b { font-size: 26px;} .about-page1 li .sz i { font-size: 20px;} .a-banner h3 { margin-bottom: 13px; font-size: 22px; } .a-banner p ,.about-page2 .top .wen{ font-size: 15px; line-height: 2; } .about-page2 .top { margin-bottom: 25px; } .products_show .pro-show-info p { min-height: auto; margin-bottom: 17px; line-height: 2; } .page-contact .left .box .infor .tit1 { padding-left: 0; font-size: 22px; font-weight: bold; line-height: 2; padding-bottom: 0px; margin-bottom: 20px; text-align: center; } .page-contact .left .box .infor .lj { margin-left: 0px; width: 100%; } .page-contact .left .box .infor .text .icon { left: 0px;} .page-contact .left .box .infor .text span { padding-left: 12px;} .bsc li h4 { font-size: 18px; margin-bottom: 12px; font-weight: bold; } .bsc li p { line-height: 2; } .about-page2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -10px; } .about-page2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -10px; } .index-pro .swiper-button-next, .index-pro .swiper-button-prev { top: 40%; } .index-pro .swiper-main .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .index-pro .swiper-main .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 28px; } .about-page3 .swiper-button-next:after, .about-page3 .swiper-button-prev:after { font-size: 22px; } .products_show .pro-show-info .pro-btn a img{ width: 30px;} } @media only screen and (max-width:992px) { .page-contact .left .box{padding:55px 30px; } .page-contact .left .box .infor .tit{font-size:20px; } } @media only screen and (max-width:768px) { .pco{ display: none;} .mbo{ display: block;} .page-contact .right{width:100%; float: none;} .page-contact .left{width:100%; float: none; margin-bottom: 20px;} .page-contact .left .box{padding: 30px 15px;} .page-contact .left .box .infor .tit{font-size:20px; line-height:26px; margin-bottom:20px;} .page-contact .left .box .infor .common-line{margin:10px 0 14px;} .page-contact .left .box .infor .con{ margin-bottom:18px;} .page-contact .left .box .infor .text .addr{padding-bottom: 4px; margin-bottom:15px;} .page-contact .left .box .infor .text .phone{ margin-bottom:4px; padding-bottom: 15px;} .page-contact .left .box .infor .text .tel{margin-bottom:4px; padding-bottom: 15px; } .page-contact .left .box .infor .text .mail{ margin-bottom:4px; padding-bottom: 15px; } .application li{ margin-bottom:0px; margin-top: 30px;} .application ul li .tit-font{ height:40px;line-height:40px; margin: 8% 0px 1%;font-size:18px; font-weight: normal; padding:0px;} .application li img { max-width: 60px; } .application li .bj { padding: 15px 10%; } .ap2 .bjt img { height: 330px; object-fit: cover; object-position: center; } .ap2 .mbo .com{ color: #fff; } .ap2 .mbo .com .page-tit{margin-bottom: 0px; padding-top: 6%;} .ap2 .mbo .com .page-tit h3{font-size: 20px;} .ap2 .mbo .com .wen{font-size: 15px; text-align: center; line-height: 2;} .ap2 .mbo .swiper-button-next::after, .ap2 .mbo .swiper-button-prev::after{ color: #848484; font-size: 30px; font-weight: bold;} .about-page1 li { margin-bottom: 4px;justify-content: flex-start; } .about-page1 li .com h4 { padding-top: 0px; } } .ap2 .mbo .swiper-button-next:hover::after, .ap2 .mbo .swiper-button-prev:hover::after{color: #fff;} .message-main .form-item {margin-bottom: 20px;} .message-main form .button {text-align: center; } .message-main form .button button {padding: 22px 70px;background-color: #FF0C0C;color: #fff;} .message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 60px; height: 60px; } .message-main .form-item span{ width:4%; float: left;} .message-main .form-item input {width: 93%;border: 0; float: left;font-size: 16px; line-height: 58px; } .message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;} .message-main .form-area textarea { width: 98%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:2%; float: right;} .message-main .form-bottom {margin-top: 60px;} .message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;} .message-main .form-bottom #code {width: 285px;height: 65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;} .message-main button{ border: 0px;} .d-inline {display: inline-block;} @media(max-width:992px) { .message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:4%; float: left;} .message-main .form-main {padding-top: 0px;} } @media(max-width:768px) { .message-main .form-bottom #code {width: 185px; height: 55px; } .message-main form .button button {padding: 25px 30px; margin-top: 10px;} } @media(max-width:528px) { .message-main .form-bottom span { display: none;} .message-main form .fr{ float: left;} .message-main form .button button {padding: 15px 40px; } } .message-main .red{ color: #ff0000; font-size: 20px;} .policy strong { font-weight: bold; margin-bottom: 20px;} .policy{ line-height: 32px;} .news_show .param-tit{ text-align:center;} #maximg img{ max-width:100% !important; height:auto !important} .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #f7f7f7; color: #333; padding: 7px 10px; margin: 0 8px; line-height: 100%; border-radius: 30px; } .pagination span { background: #f7f7f7; color: #333; padding: 7px 10px; margin: 0 8px; line-height: 100%; border-radius: 30px; } .pagination a:hover { background: #FF0C0C;color: #fff; } .pagination a.page-num-current { color: #fff; background: #FF0C0C; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0}