:root {
--bs-link-color: #E6262F;
--bs-link-hover-color: #E6262F;
}
.main {
overflow: hidden;
padding: 0;
}
.banner .swiper-slide a {
display: flex;
height: 100%;
width: 100%;
}
.banner .swiper-slide img {
height: 100%;
object-fit: cover;
}
.top_nav.yy {
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
}
.dropdown-menu {
--bs-dropdown-link-active-bg: #E6262F;
}
/*.dropdown:hover .dropdown-menu {*/
/* display: block;*/
/* margin-top: 0;*/
/*}*/
.nav-item {
position: relative;
display: flex;
margin: 0 1.5vw;
}
.nav-item .nav-link.dropdown-toggle-split {
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
margin: 0;
}
.nav-item .nav-link {
text-align: center;
font-weight: bold;
color: #5B5959;
margin: 10px;
}
.nav-item.active .nav-link {
color: #E6262F;
}
.nav-item.active {
border-bottom: 2px solid #E6262F;
}
.rigdfsk-pro > div:nth-child(2) p {
display: list-item;
list-style: square;
}
.pro-view-content h1,
.pro-view-content h2,
.pro-view-content h3,
.pro-view-content p {
margin: 0;
padding: 0;
line-height: 1.87;
}
/*澶у睆骞?/
@media (min-width: 992px) {
.nav-item:first-child .nav-link {
width: auto;
}
.body-yy{
padding-top: 6.77vw;
}
.nav-link {
font-size: 0.9vw;
}
.dshjf {
font-size: 2.6vw;
height: 6.2vw;
}
.fgdsagsdag .tncode {
width: 10.5vw !important;
height: 2.4vw !important;
line-height: 2.4vw !important;
font-size: 1.3vw !important;
margin-top: 2.6vw !important;
}
.fot-div > input {
width: 16.6vw;
font-size: 1.2vw;
}
.fot-div {
align-items: flex-end;
height: 5.5vw;
margin-top: 0;
}
.sdsagfdghjhj {
line-height: 3.2vw;
font-size: 1.2vw;
margin-top: 0;
height: 3.2vw;
}
.foot-form-title {
line-height: 3.3vw;
padding-top: 4.4vw;
font-size: 1.8vw;
/*font-weight: bold;*/
}
.rightgfdg-bg {
background-position: center right;
background-size: cover;
width: 27.85vw;
height: 5.9vw;
margin-top: 5.06vw;
}
.index-lxwm-left {
/*flex: ;*/
width: 27.2vw;;
height: calc(40.27vw - 6.2vw);
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.xfdsaf-item > p {
background-position: left 0.8vw !important;
background-size: 1.2vw auto !important;
}
.xfdsaf-item > p:nth-child(4){
background-position: 0 .6vw !important;
}
.xfdsaf-item {
width: 18vw;
margin-top: 0;
font-size: 1.5vw !important;
line-height: 2.7vw;
}
.index-lxwm {
height: auto;
}
.index-lxwm-right {
margin-top: -6.2vw;
margin-left: -7.15vw;
margin-right: -2.15vw;
background: url("/imgs/about-bg3.png");
background-size: cover;
/*background-position: top left;*/
/*padding: 2.8vw 7.1vw 6.2vw 5.4vw !important;*/
padding-left: 7.1vw !important;
padding-top: 6.2vw !important;
padding-right: 5.4vw !important;
width: 60.8vw;
height: 34.9vw;
}
.about-bg1 {
position: relative;
/*background: transparent !important;*/
width: 50.9vw;
height: 34.1vw;
}
.rightgfdg-bg {
position: absolute;
bottom: 0;
}
.foot-left > .border-bottom-fdgdfs > div {
width: 6.8vw;
margin: 0;
}
.foot-left > .border-bottom-fdgdfs > div > a {
font-size: 0.6vw;
}
.foot-left > .border-bottom-fdgdfs > div > a:nth-child(1) {
font-size: 0.9vw;
}
.index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) > img,
.index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) > img {
object-fit: contain;
}
.index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) > img {
height: 25vw;
}
.index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) {
height: 58.15vw;
line-height: 58.15vw;
}
.index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(1) {
height: 25vw;
}
.index-pro-box .swiper-slide > .pro-item-right > a:nth-child(3), .index-pro-box .swiper-slide > .pro-item-right > a:nth-child(4) {
margin-top: 2vw;
}
.index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(2),
.index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(2) {
font-size: 1.3vw;
padding-top: 3.9vw;
padding-bottom: 0.9vw;
}
/**/
.navbar-expand-lg {
height: 6.77vw;
}
.nav-item .nav-link:not(.dropdown-toggle-split) {
width: 4.4vw;
}
.nav-item:first-child .nav-link:not(.dropdown-toggle-split) {
width: auto;
}
.nav-item .nav-link {
padding: 0 !important;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
height: 3vw;
}
.nav-item .nav-link.dropdown-toggle-split {
/*right: -0.5vw;*/
}
.navbar-expand-lg .navbar-nav .dropdown-menu.show {
display: flex;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
min-width: 0;
width: 140% !important;
border: 0;
border-radius: 0;
font-size: 0.9vw;
display: none;
overflow: hidden;
flex-direction: column;
padding: 0;
background-color: #E0E0E0;
top: 100%;
left: -20%;
}
.navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu {
display: flex;
}
.dropdown-item.active {
color: #E6262F;
position: relative;
background: transparent;
}
.dropdown-item.active::after {
content: '';
width: calc(100% - 2.5vw);
height: 100%;
position: absolute;
border-bottom: 0.1vw solid #E6262F;
top: 0;
left: 1.2vw;
}
.dropdown-item {
/*padding: 0;*/
padding: 0 1vw;
flex: 1;
height: 2vw;
color:#595959;
display: flex;
align-items: center;
justify-content: center;
}
.top-form {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 3.5vw;
z-index: 1;
height: 2.6vw;
}
.top-form > input::placeholder {
color: #999999;
}
.top-form > input {
width: 26.9vw;
height: 2.6vw;
background-color: #F2F2F2;
line-height: 2.6vw;
border: 0.1vw solid #E6E6E6;
padding-left: 0.4vw;
}
.form-c {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
}
/**/
/**/
.lxwm-form {
padding: 4.4vw;
padding-top: 0;
font-size: 1.2vw;
color: #717070;
}
.lxwm-form .tncode {
margin-top: 2.4vw !important;
width: 10.5vw !important;
height: 2.4vw !important;
position: static;
font-size: 1.3vw !important;
line-height: 2.4vw !important;
border-radius: 0 !important;
}
.lxwm-form .d-flex label {
margin-right: 1.7vw;
}
.lxwm-form .d-flex input {
border: none;
border-bottom: 1px solid #717070;
background: none;
border-radius: 0;
}
.lxwm-form .d-flex .d-flex input {
width: 13.8vw;
}
.lxwm-form .d-flex {
height: 3.2vw;
align-items: center;
justify-content: space-between;
}
.lxwm-form .d-flex #sb,
.lxwm-form .d-flex #content {
flex: 1;
}
/**/
.map-zxklsd .lxwm-form .tncode {
width: 8.6vw !important;
height: 3.2vw !important;
background-color: #919191 !important;
}
.map-zxklsd .lxwm-form {
margin-top: 3.3vw;
font-size: 1.4vw;
}
.map-zxklsd {
padding: 7.6vw 15.5vw;
}
.ttt > div > div {
font-size: 2.6vw;
}
.pro-view-content {
display: flex;
flex-direction: column;
align-items: center;
}
.pro-view-content p{
width: 100%;
}
.pro-view-content h4 {
margin-bottom: 0;
font-weight: 400;
line-height: 2.5vw;
color: #5B5959;
font-size: 1.3vw;
}
.pro-view-content h2 {
height: 3.5vw;
width: auto;
line-height: 3.5vw;
color: #333333;
border-bottom: 0.2vw solid #e6262f;
margin-top: 3.1vw;
margin-bottom: 3.125vw;
}
.pro-view-content h3 {
color: #E6262F;
font-size: 0.9vw;
}
.page-pao-nav > div > div {
position: relative;
}
.page-view-list {
position: absolute;
top: 100%;
left: 0;
}
.page-view-list > a {
flex-shrink: 0;
}
}
/*灏忓睆骞?/
@media (max-width: 993px) {
.top-bg {
width: 100%;
/*height: 65.2vw !important;*/
height: 51.2vw !important;
object-fit: cover !important;
margin-top: 15vw;
}
.qywh-left > div:nth-child(2){
margin-left: 2.7vw;
}
.qywh-left > div:nth-child(1){
margin-left: 2.7vw;
}
.page-qywh > .qywh-item:nth-child(3) > .qywh-left > div:nth-child(1){
margin-top: 2vw;
}
.page-qywh > .qywh-item:nth-child(3) > .qywh-left{
background: url(../images/rcll3.png) no-repeat center;
background-size: 100% 150%;
}
.page-qywh > .qywh-item:nth-child(4) > .qywh-left > div:nth-child(1){
margin-top: 2vw;
}
.lxwm-img > img {
width: 52vw !important;
height: 36.3vw !important;
object-fit: cover !important;
}
.page-pic-item-box{
width: 95vw;
}
.pic-item-dis{
width: 30.69vw;
}
.pic-item-dis > div:nth-child(1){
height: 22.66vw;
}
.pic-item-dis > div:nth-child(2){
font-size: 2.9vw;
color: #545454;
text-align: center;
margin-top: 1.56vw;
line-height: 3.9vw;
height: 15.6vw;
overflow: hidden;
}
.pro-view-content p{
font-size: 4.1vw;
}
.top_nav:not(.yy) {
position: absolute;
width: 100%;
background: transparent;
box-shadow: none;
}
.navbar-toggler, .navbar-toggler:focus {
border: none;
box-shadow: none;
}
.ttt > div > div {
font-size: 5.3vw;
}
.body {
overflow: hidden;
}
.navbar-collapse {
position: absolute;
left: 0;
top: 100%;
width: 100%;
}
.banner {
width: 100vw;
/*height: calc(100vh - 76px);*/
margin-top:-15vw;
}
.index-bbox {
margin: 0;
width: 100%;
}
.index-pro-nav .swiper-slide {
background: #f1f1f1;
font-size: 3.6vw;
line-height: 15.2vw;
width: 33.1vw;
height: 15.2vw;
position: relative;
}
.index-pro-nav .swiper-slide-active {
background: #E6262F;
}
.index-pro-nav .swiper-slide-active::after {
content: "";
position: absolute;
left: 50%;
margin-left: -2.0vw;
bottom: -3.5vw;
border-top: 3.6vw solid #E6262F;
border-left: 2.0vw solid transparent;
border-right: 2.0vw solid transparent;
}
.index-pro-box .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
}
.pro-item .pro-img {
height: 62.5vw !important;
line-height: 62.5vw !important;
}
.pro-item .pro-img > img {
height: 100% !important;
object-fit: contain !important;
}
.pro-item .tit {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0 !important;
padding-top: 0 !important;
font-size: 4.1vw !important;
line-height: 4.1vw !important;
}
.index-about-box > div:nth-child(1) {
font-size: 4.4vw;
padding-top: 6.1vw;
line-height: 1;
}
.pro-item {
width: 90.3vw !important;
height: 76vw !important;
display: flex;
/*align-items: center;*/
justify-content: center;
flex-direction: column;
}
.pro-item-left,
.pro-item-right {
width: 90.3vw !important;
}
img:not(.BMapLib_trans) {
height: 100%;
width: 100%;
object-fit: cover;
}
.tit {
text-align: center;
}
.ttt > div > div {
margin-left: 0;
}
.index-about-box .index-about-item {
width: 100%;
margin-top: 7.3vw;
}
.index-about-box .abt-desc {
width: 100%;
/*height: 40vw;*/
margin-top: 5vw !important;
font-size: 3.4vw !important;
line-height: 7.2vw !important;
}
.index-news-box {
width: 90.3vw;
flex-wrap: wrap;
margin-top: -40.9vw;
}
.index-news-box > a {
width: 100%;
margin-bottom: 10vw;
}
.m-index-news-more a {
color: #fff;
display: block;
width: 26.6vw;
height: 9.4vw;
line-height: 9.4vw;
}
.dropdown-toggle.show::after{
border-left: none;
border-top: none;
border-bottom: none;
border-right: none;
content :"-";
right: .5vw;
}
.dropdown-toggle::after{
border-left: none;
border-top: none;
border-bottom: none;
border-right: none;
content :"+";
}
.m-index-news-more {
margin: 0 auto;
font-weight: bold;
font-size: 3.8vw;
width: 26.6vw;
height: 9.4vw;
background: url('../images/fdgdfhgfh.png')#E6262F no-repeat;
background-size: 2vw 3.3vw;
background-position: 20vw center;
text-indent: 3.9vw;
}
.index-lxwm {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
height: auto;
}
.index-lxwm-right {
width: 100%;
height: 76vw;
padding: 4.5vw 4.7vw 4.7vw 4.8vw;
}
.foot-form-title {
font-size: 3.8vw;
padding-top: 4.8vw;
line-height: 7.2vw;
}
.index-lxwm-left {
width: 100%;
margin-left: 5vw;
display: flex;
margin-bottom: 9.7vw;
}
/**/
.lxwm-form {
padding: 5vw;
padding-top: 0;
font-size: 3.8vw;
color: #717070;
}
.lxwm-form .tncode {
width: 21.4vw !important;
height: 7.0vw !important;
position: absolute;
bottom: 3.4vw;
right: 3.6vw;
font-size: 4.1vw !important;
line-height: 7.0vw !important;
border-radius: 0;
}
.lxwm-form .d-flex label {
margin-right: 1.7vw;
}
.lxwm-form .d-flex input {
border: none;
border-bottom: 1px solid #717070;
background: none;
border-radius: 0;
}
.lxwm-form .d-flex .d-flex input {
width: 26.4vw;
}
.lxwm-form .d-flex {
height: 9.4vw;
align-items: center;
justify-content: space-between;
}
.lxwm-form .d-flex #sb,
.lxwm-form .d-flex #content {
flex: 1;
}
.foot-form-title .title {
font-size: 5.3vw;
line-height: 7.2vw;
}
.foot-form-title .subtitle {
font-size: 3.8vw;
line-height: 7.2vw;
}
/**/
.rightgfdg-bg {
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
width: 49.4vw;
height: 10.5vw;
position: absolute;
bottom: 0;
left: 0;
margin-top: 0;
}
.about-bg1 {
position: relative;
width: 90.5vw;
height: 60.5vw;
}
.index-lxwm {
margin-bottom: 0;
margin-top: 7.8vw;
}
.cptt {
margin-bottom: 4.5vw;
}
.index-pro-box {
margin-top: 8.4vw;
}
.index-about-item > div > div:nth-child(1) {
font-size: 6.3vw;
line-height: 6.3vw;
}
.index-about-item > div > div:nth-child(1) > span {
font-size: 3.3vw;
line-height: 3.3vw;
}
.index-about-item > div > div:nth-child(2) {
font-size: 3.4vw;
line-height: 3.4vw;
margin-top: 2vw;
}
.index-about-item > div {
width: 21.6vw;
margin-right: 0;
}
.index-news-box > a > div:nth-child(3) {
font-weight: bold;
margin-top: 4.4vw;
height: 12.6vw;
}
.index-news-box > a > div:nth-child(3),
.index-news-box > a > div:nth-child(4) {
font-size: 4.1vw;
line-height: 6.3vw;
}
.index-news-box > a > div:nth-child(4) {
height: 12.6vw;
}
.index-news-title-box {
height: auto;
padding-top: 7.7vw;
padding-bottom: 48.6vw;
}
.index-news-box > a > div:nth-child(1) {
color: #717070;
margin-top: 0vw;
font-size: 3.1vw;
line-height: 3.1vw;
}
.xfdsaf-item {
width: auto;
line-height: 7.6vw;
margin-top: 0;
font-size: 4.1vw;
margin-right: 3.9vw;
}
.lxwm-img {
margin-top: 0;
}
.fot-div {
margin-top: 0;
}
.fot-div > input, .sdsagfdghjhj {
font-size: 2.2vw;
height: 9.2vw;
margin-top: 0;
}
/**/
.page-pao-nav {
margin-top: 7.8vw;
margin-bottom: 7.1vw;
border-bottom: none;
}
.page-pao-nav > div {
width: 100%;
height: auto;
}
.page-pao-nav > div > div > a {
width: 33.1vw;
height: 12.5vw;
margin: 0;
font-size: 4.1vw;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
}
.page-pao-nav > div > div > a:hover,
.page-pao-nav > div > div > a.page-pao-nav-nav-item-c {
background: #E6262F;
position: relative;
}
.page-pao-nav > div > div > a:hover::after,
.page-pao-nav > div > div > a.page-pao-nav-nav-item-c::after {
content: "";
position: absolute;
left: 50%;
margin-left: -2.0vw;
bottom: -3.5vw;
border-top: 3.6vw solid #E6262F;
border-left: 2.0vw solid transparent;
border-right: 2.0vw solid transparent;
}
.page-news-titless {
margin-top: 3.5vw !important;
/*margin-bottom: 6vw !important;*/
}
.page-news-title > div::before {
left: -3.1vw;
}
.page-news-title > div::after {
right: -3.1vw;
}
.page-news-title > div::before,
.page-news-title > div::after {
width: .9vw;
height: 5.0vw;
}
.page-news-title > div {
font-size: 5.3vw;
line-height: 5.0vw;
}
.pro-item-dis:nth-of-type(2),
.pro-item-dis:nth-of-type(4),
.pro-item-dis:nth-of-type(6),
.pro-item-dis:nth-of-type(8),
.pro-item-dis:nth-of-type(10) {
flex-direction: column-reverse;
}
.pro-item-dis {
flex-wrap: wrap;
margin-bottom: 10.9vw;
}
.fdlkgj-pro img {
background-color: #f1f1f1;
}
.fdlkgj-pro {
/*height: 73.8vw;*/
height: auto;
}
.fdlkgj-pro > img{
height: auto;
}
.fdlkgj-pro, .rigdfsk-pro {
width: 100%;
}
.rigdfsk-pro > div:nth-child(1),
.rigdfsk-pro > div:nth-child(2),
.rigdfsk-pro > div:nth-child(3) {
margin: 0;
}
.rigdfsk-pro > div:nth-child(1) {
font-weight: bold;
margin-top: 4.6vw;
font-size: 4.4vw;
line-height: 4.4vw;
}
.rigdfsk-pro > div:nth-child(2) {
margin-top: 3.2vw;
padding-left: 5.7vw;
font-size: 4.1vw;
line-height: 7.5vw;
}
.rigdfsk-pro > div:nth-child(3) {
margin-top: 4.3vw;
width: 27.2vw;
height: 9.4vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.4vw;
}
.page-pro-subnav{
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
}
.page-pro-subnav a {
display: inline-block;
color: #5B5959;
/*min-width: 33.3333333%;*/
flex: 0 0 auto;
font-size: 3.6vw;
margin-bottom: 2.2vw;
/*padding: 2.2vw;*/
}
.page-pro-subnav .active .wrap {
display: inline-block;
height: 100%;
color: #E6262F;
border-bottom: 1px solid #E6262F;
}
.page-news-titles {
margin-top: 8.9vw !important;
margin-bottom: 6vw !important;
}
.page-news-titles > div::before {
left: -3.1vw;
}
.page-news-titles > div::after {
right: -3.1vw;
}
.page-news-titles > div::before,
.page-news-titles > div::after {
width: .9vw;
height: 5.0vw;
}
.page-news-titles > div {
font-size: 5.3vw;
line-height: 5.0vw;
}
.pro-view-content table::after {
display: none;
}
.pro-view-content table {
border: none;
}
.pro-view-content table tr > td:first-child {
border-right: 1px solid #ddd;
}
.pro-view-content table td {
padding: 0 1.6vw;
/*border-top: 1px solid #ddd;*/
border-bottom: 1px solid #ddd;
vertical-align: middle;
font-size: 4.1vw;
line-height: 6.3vw;
width: auto;
}
.pro-view-content table .firstRow td {
height: 9.7vw;
}
.pro-view-content table .firstRow {
height: 9.7vw;
font-size: 4.7vw;
}
.bq > div {
padding: 4.5vw 6.4vw;
font-size: 3.8vw;
}
.links-foot {
margin: 0;
padding: 0;
height: auto;
}
.foot > div {
height: 49.5vw;
}
/**/
/**/
.page-mdgs {
flex-direction: column-reverse;
padding: 7.5vw 5vw;
margin: 0;
width: 100%;
padding-bottom: 0;
}
.page-mdgs > div:nth-child(1) {
height: auto;
width: 100%;
font-size: 4.1vw;
color: #5B5959;
line-height: 7.5vw;
margin-top: 7.7vw;
}
.page-mdgs > div:nth-child(2) {
width: 100%;
}
.index-pro-nav-fzlc {
height: 25vw;
}
.index-pro-nav-fzlc .swiper-slide {
width: 20%;
height: 100%;
}
.index-pro-nav-fzlc .swiper-slide > div:nth-child(2) {
width: 3.3vw;
height: 3.3vw;
}
.index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(1), .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(1) {
font-size: 4.7vw;
}
.index-pro-nav-fzlc .swiper-slide > div:nth-child(1) {
font-size: 3.8vw;
top: 4.61vw;
}
.index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(2)::before, .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(2)::before {
width: 10.9vw;
height: 10.9vw;
left: 50%;
transform: translateX(-50%);
}
.index-pro-nav-fzlc .swiper-slide.swiper-slide-thumb-active > div:nth-child(2)::after, .index-pro-nav-fzlc .swiper-slide:hover > div:nth-child(2)::after {
width: 6.1vw;
height: 6.1vw;
left: 50%;
transform: translateX(-50%);
}
.index-bbox-fzlc {
width: 100%;
padding: 5vw;
padding-top: 0;
margin-top: 6vw;
padding-bottom: 0;
}
.index-pro-box-fzlc {
width: 100%;
margin-top: -5vw;
}
.index-pro-box-fzlc .swiper-slide {
flex-wrap: wrap;
}
.index-pro-box-fzlc .swiper-slide > div:nth-child(1) img {
width: 52.7vw;
height: 34.2vw;
object-fit: contain;
}
.index-pro-box-fzlc .swiper-slide > div:nth-child(1) {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 45vw;
line-height: 2;
font-size: 4.1vw;
}
.index-pro-box-fzlc .swiper-slide > div:nth-child(2) {
width: 100%;
font-size: 4.1vw;
line-height: 2;
}
.swiper-button-prev-fzlc {
left: 5vw;
}
.swiper-button-next-fzlc {
right: 5vw;
}
.swiper-button-prev-fzlc,
.swiper-button-next-fzlc {
width: 6.5vw;
height: 15vw;
top: 35vw;
bottom: auto;
background-size: contain;
}
.qywh-item {
width: 100%;
}
.page-qywh {
width: 100%;
padding: 5vw;
}
.page-qywh > .qywh-item:nth-of-type(2),
.page-qywh > .qywh-item:nth-of-type(3) {
flex-direction: row-reverse;
}
.page-qywh > .qywh-item > .qywh-left:nth-child(1) > div:nth-child(1) {
padding-top: 12.3vw !important;
}
.page-qywh > .qywh-item > .qywh-left > div:nth-child(1),
.page-qywh > .qywh-item > .qywh-right > div:nth-child(1) {
font-size: 5.2vw;
line-height: 5.2vw;
}
.qywh-left > div:nth-child(2) {
font-size: 3.8vw;
line-height: 1.7;
}
.qywh-right {
height: 33.1vw;
}
.index-pro-nav-ry {
width: 100%;
}
.index-pro-nav-ry .swiper-slide {
width: 33%;
margin: 0 !important;
height: 12.5vw;
line-height: 12.5vw;
margin-bottom: 3.6vw !important;
background-size: cover;
font-size: 4.1vw;
color: #717070 ;
}
.index-pro-nav-ry a.swiper-slide{
}
.index-pro-nav-ry .swiper-slide.swiper-slide-thumb-active {
background: #E6262F;
position: relative;
}
.index-pro-nav-ry .swiper-slide.swiper-slide-thumb-active::after {
content: "";
position: absolute;
left: 50%;
margin-left: -2.0vw;
bottom: -3.5vw;
border-top: 3.6vw solid #E6262F;
border-left: 2.0vw solid transparent;
border-right: 2.0vw solid transparent;
}
.ryzz-box {
width: 100%;
flex-wrap: wrap;
height: auto;
overflow: hidden;
}
.ryzz-list, .ryzz-item {
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
}
.hs_fy_con{
width: 100%;
padding: 5vw;
}
.hs_fy_con > a{
display: block;
color: #444;
font-size: 3vw;
margin: 3.04vw 0;
}
.ryzz-list .ryzz-item img {
width: 90.0vw;
height: 58.6vw;
object-fit: contain;
}
.page-view-news > div:nth-child(2){
font-size: 3.4vw;
}
.ryzz-item-title {
width: 90vw;
height: 18.1vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 4.1vw;
color: #5A5A5A;
}
.page-title-cname {
padding: 5vw;
font-size: 4.1vw;
line-height: 1.7 !important;
text-align: left;
}
.m_news-item {
overflow: hidden;
padding: 5vw 4.5vw;
}
/**/
/**/
.m_news-item .left {
width: 37.8vw;
height: 21.7vw;
flex-shrink: 0;
border: 0.2vw solid #EDEDED;
margin-right: 2.7vw;
}
.m_news-item .right {
display: flex;
flex: 1;
flex-direction: column;
overflow: hidden;
justify-content: space-evenly;
}
.m_news-item .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 4.4vw;
font-weight: bold;
color: #333333;
}
.m_news-item .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-wrap: break-word;
overflow: hidden;
font-size: 3.8vw;
color: #5B5959;
}
#articeBottom {
margin: 10vw 0;
margin-top: 5vw;
}
.page-view-news {
width: 100%;
padding: 5vw;
}
.page-view-news > div.title {
word-break: break-all;
font-size: 5.3vw;
margin-top: 0;
font-weight: bold;
line-height: 1.7;
}
.page-view-news > div:nth-child(3) {
line-height: 1.7;
font-size: 4.1vw;
}
/**/
/**/
.n-shfw-box {
width: 100%;
padding: 5vw;
margin-bottom: 7.8vw;
line-height: 1.7;
font-size: 4.1vw;
}
.n-shfw-box h2{
font-size: 5.3vw;
color:#333333;
font-weight: 400;
}
.asdasfgfdadasd-wqeqw {
width: 100%;
display: flex;
flex-direction: column;
}
.weixiugz {
flex-wrap: wrap;
margin-top: 0;
}
.weixiugz > div {
display: flex;
align-items: center;
}
.weixiugz > div > input {
width: 68.1vw;
height: 12.5vw;
border: 0.2vw solid #CBCBCB;
}
.weixiugz > div,
.weixiugzs > div {
margin-top: 7.3vw;
flex: 1;
}
.weixiugz > div > input, .weixiugzs > div > textarea {
font-size: 4.1vw;
line-height: 1.7;
}
.weixiugzs > div > textarea {
width: 68.1vw;
height: 40.6vw;
border: 2px solid #CBCBCB;
}
.weixiugzs .tncode {
width: 23.3vw !important;
height: 9.4vw !important;
display: flex;
align-items: center;
justify-content: center;
line-height: 9.4vw !important;
font-size: 4.1vw !important;
border-radius: 0;
}
.weixiugzs > div > span,
.weixiugz > div > span {
flex: 0 0 21vw;
font-size: 4.1vw;
}
.n-shfw-box .form-title {
font-size: 5.3vw !important;
}
/**/
/**/
.rcll-page-item:nth-of-type(2),
.rcll-page-item:nth-of-type(3) {
flex-direction: row-reverse;
}
.rcll-page-item {
width: 100%;
}
.rcll-page-item > div {
height: 33vw;
}
.n_rlldfds-box > .rcll-page-item > .rlll-left > div {
font-size: 4.7vw !important;
color: #5B5959 !important;
}
.n_rlldfds-box > .rcll-page-item:nth-child(1) > .rlll-left > div,
.n_rlldfds-box > .rcll-page-item:nth-child(2) > .rlll-left > div {
padding-top: 20.3vw;
padding-left: 2vw;
}
.n_rlldfds-box > .rcll-page-item:nth-child(3) > .rlll-left > div,
.n_rlldfds-box > .rcll-page-item:nth-child(4) > .rlll-left > div {
padding-top: 13.5vw;
padding-left: 2vw;
}
.n_rlldfds-box {
margin: 0;
width: 100%;
padding: 5vw;
}
.rigdfsk-pro > div:nth-child(1){
width: 100%;
}
/**/
/**/
#cvdfgdfhgsdf {
width: 100%;
padding: 5vw;
}
.hgfhjdfadsf, .red-haer {
width: 100%;
}
.red-haer > div, .zp-item-title > div {
flex: 1;
text-align: center;
font-size: 4.1vw;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400 ;
}
.zp-item-title {
width: 100%;
}
.el-collapse-item__arrow {
position: absolute;
right: 5vw;
margin-right: 5vw !important;
}
.el-collapse-item__header.is-active .zp-item-title,
.el-collapse-item__header.is-active {
color: #E6262F;
background: transparent;
}
.red-haer, .el-collapse-item__header {
height: 12.8vw !important;
line-height: 12.8vw !important;
margin-top:0;
}
.red-haer>div{
font-size: 4.7vw !important;
}
.gfdhfgdsfadsfas {
background: transparent;
}
.gfdhfgdsfadsfas > div {
padding: 5vw 0;
font-size: 4.1vw;
line-height: 1.7;
}
.btn-dfgdgs {
width: 23.4vw;
height: 8.6vw;
border-radius: 0 !important;
margin: 0 auto;
margin-top: 7.8vw;
}
.btn-dfgdgs > a {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.5vw !important;
margin: 0;
padding: 0;
font-size: 4.1vw;
color: #FFFFFF !important;
}
.index-pro-nav .swiper-slide:nth-child(2){
background: url("../images/proaa2.png") no-repeat top;
background-size: 100% 100%;
}
.index-pro-nav .swiper-slide:nth-child(3){
background: url("../images/proaa1.png") no-repeat top;
background-size: 100% 100%;
}
/**/
/**/
.page-map {
width: 100%;
margin: 0;
padding: 5vw;
flex-direction: column-reverse;
}
.riofdhg-we {
width: 100%;
height: 66.1vw;
overflow: hidden;
border: 2px solid #D9D9D9;
}
#allmap {
height: 66.1vw !important;
}
.ledgfdfh-wqeqw {
margin-top: 7.7vw;
display: flex;
flex-direction: column;
}
.ledgfdfh-wqeqw > div:nth-child(1) {
font-size: 5.3vw;
line-height: 1.7;
}
.ledgfdfh-wqeqw > div:nth-child(2) {
margin-top: 0;
}
.ledgfdfh-wqeqw > div:nth-child(2) > p {
font-size: 4.1vw;
line-height: 1.7;
background-position: 0 1vw !important;
background-size: 3.3vw 3.9vw !important;
padding-left: 5.3vw;
}
.map-zxklsd {
width: 90vw;
margin: 7.7vw auto 8.6vw;
padding: 5vw;
height: 60.5vw;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.zxly-title-map p:nth-of-type(2) {
font-size: 3.6vw;
}
.zxly-title-map {
padding-top: 0;
margin-top: 0;
font-size: 5.3vw;
line-height: 7.3vw;
}
.gdfghdfhgfghg-213 {
flex: 1;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item-input > input {
width: 35.4vw;
font-size: 4.1vw;
}
.uireotuyo-23, .item-input {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
height: 9.5vw;
font-size: 4.1vw;
}
.tncode.map-tncode {
width: 23.3vw !important;
height: 9.4vw !important;
font-size: 4.1vw !important;
color: #FFFFFF !important;
background-color: #E6262F !important;
margin-top: 2vw !important;
line-height: 9.4vw !important;
}
/**/
/**/
.xfdsaf-item > p {
background-position: 0vw 1.9vw !important;
background-size: 3.3vw auto !important;
padding-left: 5vw;
}
/**/
/** */
.nav-item .nav-link.dropdown-toggle-split {
/*right: 3.5vw;*/
}
.nav-item .nav-link {
text-align: left;
margin: 0;
font-size: 4.4vw;
height: 13.4vw;
display: flex;
align-items: center;
padding-left: calc(3.4vw / 0.64);
}
.navbar-collapse {
background-color: #fff;
}
.nav-item {
border-bottom: 1px solid #D8D8D8;
flex-wrap: wrap;
}
.nav-item.active {
border-bottom: 1px solid #D8D8D8;
}
.nav-item .nav-link:not(.nav-item .nav-link.dropdown-toggle-split) {
/*border-bottom: 1px solid #D8D8D8;*/
flex: 1;
}
.nav-item .nav-link.active:not(.nav-item .nav-link.dropdown-toggle-split) {
border-bottom: 2px solid #E6262F;
}
.nav-item .nav-link.dropdown-toggle-split {
padding-right: 5vw;
}
.top-nav-right .sadas {
margin: 0px;
}
.navbar {
font-size: 4.7vw;
z-index: 9999;
height: 15.625vw;
box-shadow: none;
max-width: 100% !important;
margin: 0 auto !important;
}
.top-nav-right .las:hover,
.top-nav-right .las.active {
color: red;
}
.top-nav-right .las {
width: auto;
/*font-weight: bold;*/
margin-right: 6.1vw;
font-size: 4.1vw;
/*font-weight: bold;*/
background: none;
height: auto;
width: auto;
line-height: 1;
}
.top-nav-right .sadas {
margin-right: 6.1vw;
width: 4.1vw;
height: 4.1vw;
}
.navbar-brand > img {
width: 22vw;
height: 6vw;
}
.navbar-brand {
display: flex;
align-items: center;
justify-content: center;
}
.top-nav-right .top-form {
display: none;
}
.dropdown-menu {
width: 100%;
padding: 0;
border: none;
}
.dropdown-item.active {
background-color: transparent;
color: #E6262F;
}
.dropdown-item {
display: flex;
align-items: center;
font-size: 4.4vw;
height: 13.4vw;
padding-left: calc(9.6vw / 0.64);
border-top: 1px solid #D8D8D8;
}
/** */
/**/
.index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(1) > img {
object-fit: contain;
}
.index-pro-box .swiper-slide > .pro-item-left > a:hover > div:nth-child(1) > img,
.index-pro-box .swiper-slide > .pro-item-right > a:hover > div:nth-child(1) > img {
transform: none;
}
.index-pro-box .swiper-slide > .pro-item-left > a > div:nth-child(2),
.index-pro-box .swiper-slide > .pro-item-right > a > div:nth-child(2) {
border-bottom: none;
}
.index-pro-box .swiper-slide > .pro-item-right > a:nth-child(3),
.index-pro-box .swiper-slide > .pro-item-right > a:nth-child(4) {
margin-top: 0;
}
@keyframes beat {
0% {
bottom: .5vw;
}
100% {
bottom: -.5vw;
}
}
.index-pro-box .swiper-slide > .pro-item-right > a.more.active {
transform: rotateZ(180deg);
}
.index-pro-box .swiper-slide > .pro-item-right > a.more img {
position: absolute;
width: 5.6vw;
height: 3.4vw;
animation-name: beat;
/*鍔ㄧ敾鍚嶇О*/
animation-duration: .5s;
/*璁剧疆绉掓暟*/
animation-timing-function: linear;
/*閫熷害鏇茬嚎*/
animation-iteration-count: infinite;
/*鎾斁娆℃暟*/
animation-direction: alternate;
/*閫嗗悜鎾斁*/
animation-play-state: running;
/*姝e湪杩愯*/
}
.index-pro-box .swiper-slide > .pro-item-right > a.more {
display: flex;
align-items: center;
justify-content: center;
/*width: 5.6vw;*/
height: 3.4vw;
/*transform: rotateZ(90deg);*/
position: relative;
margin: 0 auto;
font-size: 11.4vw;
color: #939393;
margin-top: 5vw;
}
.index-about {
padding-top: 0;
margin-top: 7.8vw;
background-size: cover;
background: url('../images/map-about.jpg')no-repeat center;
background-size: 100% 100%;
}
.ttt > div {
width: 100%;
}
.ttt {
height: 15vw;
display: flex;
align-items: center;
padding: 7.8vw 5vw 2.2vw;
}
.ttt > div > div {
line-height: 1;
}
.ttt > div > div::after {
width: 100%;
bottom: calc(-2.2vw + 2px);
}
.index-about-box {
width: 100%;
margin: 0;
padding: 0 5vw;
height: auto;
}
.index-about-box > div {
width: auto;
}
.index-about-box > div:nth-child(4) > a {
margin-top: 11.4vw;
margin-bottom: 16.7vw;
width: 26.6vw;
height: 9.4vw;
line-height: 9.4vw;
font-size: 3.8vw;
/*background: url(../images/fdgdfhgfh.png)#E6262F no-repeat;*/
/* background-size: 2vw 3.3vw;*/
/* background-position: 20vw center;*/
text-indent: 3.9vw;
}
.index-news-box > a > div:nth-child(2),
.index-news-box > a > div:nth-child(2) > img {
width: 100%;
height: 51.9vw;
object-fit: cover;
/*background-color: #F7F7F7;*/
}
/**/
.form-close svg {
width: 7.8vw;
height: 7.8vw;
}
.form-close {
color: #000000;
}
.nav-search-form .search-submit {
width: 21.25vw;
height: 9.84375vw;
border: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.75vw;
background-color: #363636;
color: #fff;
}
.nav-search-form .d-flex {
margin-top: 1vw;
position: relative;
}
.nav-search-form .search-prefix {
left: 0;
top: 50%;
display: flex;
transform: translateY(-50%);
content: "";
background: url(../images/ss.png) no-repeat center;
background-size: contain;
width: 4.53vw;
height: 5.15vw;
border: none;
position: absolute;
z-index: 1;
}
.nav-search-form input {
position: relative;
padding-left: 4.53vw;
flex: 1;
border: none;
height: 9.84375vw;
border-bottom: 1px solid #dcdcdc;
margin-right: 4.0625vw;
border-radius: 0;
font-size: 3.5vw;
}
.nav-search-form label {
font-size: 3.75vw;
color: #e6262f;
}
.nav-search-form {
background-color: #fff;
border-top: 1px solid #dcdcdc;
display: none;
flex-direction: column;
width: 100%;
position: absolute;
top: 100%;
left: 0;
height: 39.0625vw;
padding: 8vw;
margin: 0;
z-index: 1;
}
.foot-right > div > div {
line-height: 3.8vw;
margin-top: 4.5vw;
}
.index-news-box > a > div:nth-child(2) {
margin-top: 3.4vw;
}
.page-mdgs a.more.active {
transform: rotateZ(180deg);
}
.page-mdgs a.more {
display: flex;
align-items: center;
justify-content: center;
font-size: 6.4vw;
color: #5B5959;
/*transform: rotateZ(90deg);*/
margin: 10.6vw auto 0;
width: 5.6vw;
height: 3.4vw;
margin-bottom: 5vw;
position: relative;
animation-name: beat;
animation-duration: .5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
}
.pagination > li {
width: 9.4vw;
height: 9.4vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 4.1vw;
}
.pagination > li:first-child,
.pagination > li:last-child {
border: none;
}
.pagination > li > a,
.pagination > li > span {
display: inline-block;
height: 100%;
line-height: 9.4vw;
width: 100%;
color: #939393;
}
.pro-view-content {
line-height: 1.7;
width: 100%;
padding: 5vw;
}
.el-message-box {
max-width: 95vw;
}
.layui-laypage.layui-laypage-pagination {
display: flex;
justify-content: center;
}
.layui-laypage.layui-laypage-pagination a,
.layui-laypage.layui-laypage-pagination span {
min-width: 6.4vw;
height: 8.4vw;
line-height: 8.4vw;
border: 1px solid #f0f0f0;
text-align: center;
font-size:4.1vw;
margin: 0 0.25vw;
padding: 0 1vw;
color: #575757;
overflow: hidden;
}
.layui-laypage.layui-laypage-pagination .layui-laypage-prev,
.layui-laypage.layui-laypage-pagination .layui-laypage-next {
border: none;
}
.layui-laypage.layui-laypage-pagination a:hover {
background: #E6262F;
}
.layui-laypage.layui-laypage-pagination .layui-laypage-curr .layui-laypage-em {
background: #E6262F;
color: #fff;
}
.cptt{
margin-top: 0 !important;
}
.page-qywh > .qywh-item:nth-child(4) > .qywh-left{
background-position: bottom;
background-size: 100% 40%;
}
.pro-view-content {
display: flex;
flex-direction: column;
align-items: center;
}
.pro-view-content h2 {
/*height:5.3vw;*/
width: auto;
line-height: 5.3vw;
padding-bottom: 2.3vw;
color: #333333;
border-bottom: .3vw solid #e6262f;
margin-top: 3.1vw;
margin-bottom: 3.8vw;
}
.pro-view-content h3 {
color: #E6262F;
font-size: 4.1vw;
}
.pro-view-content p{
font-size: 4.1vw;
}
}