body,
html {
font-size: -webkit-calc(100vw / 120);
font-size: -moz-calc(100vw / 120);
font-size: calc(100vw / 120);
}
.container2 {
padding: 0 6.25rem;
}
.container {
padding: 0 16.25rem;
}
.container_z {
padding: 0 0 0 16.25rem;
}
.c {
color: #C7000C;
}
.bgc {
background: #C7000C;
}
.cf {
color: #fff;
}
.bgf {
background: #fff;
}
.c00 {
color: #000;
}
.bg0 {
background: #000;
}
a:hover {
color: #C7000C;
}
.more {
line-height: 3.125rem;
background: #C7000C;
color: #fff;
padding: 0 2.1875rem;
position: relative;
overflow: hidden;
z-index: 1;
display: inline-block;
}
.more::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 100%;
background: #000;
transition: all .4s;
z-index: -1;
}
.more:hover::after {
width: 100%;
}
.more:hover {
color: #fff;
}
header {
line-height: 5.625rem;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
header .logo {
height: 3.375rem;
}
header .logo .logo2 {
display: none;
}
header .logo img {
height: 3.375rem;
}
header .tool{
height: 5.625rem;
display: flex;
justify-content: space-between;
align-items: center;
}
header .search{
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
background-color: #C7000C;
margin-right: 1.25rem;
cursor: pointer;
}
header .search .iconfont {
font-size: 1.25rem;
color: #fff !important;
}
header .search .iconfont.active::before {
content: "\e64e";
}
header .phone{
display: inline-flex;
align-items: center;
color: #fff;
height: 3.5rem;
padding: 0 1.25rem;
border-radius: 1.875rem;
background-color: #C7000C;
}
header .phone span{
display: flex;
align-items: center;
justify-content: center;
width: 1.875rem;
height: 1.875rem;
background-color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
header .phone i{
font-size: 1.25rem;
color: #C7000C;
}
header .phone p{
font-size: 1.25rem;
line-height: 3.5rem;
font-weight: 700;
margin-left: 0.625rem;
}
header .head_menu {
margin-right: .625rem;
}
header .head_menu>ul>li {
float: left;
position: relative;
padding: 0 1.5625rem;
}
header .head_menu>ul>li:last-child .nav_erji {
right: 8%;
}
header .head_menu>ul>li>a {
display: block;
padding: 0 .3125rem;
font-size: 1.125rem;
color: #fff;
position: relative;
}
header .head_menu>ul>li .submenu {
position: absolute;
left: 0;
width: 100%;
background: #fff;
transition: 400ms ease-in-out;
transform: scaleY(0);
transform-origin: top center;
opacity: 0;
z-index: 1003;
}
header .head_menu>ul>li .submenu li a {
color: #3F3F3F;
display: block;
text-align: center;
line-height: 2.875rem;
}
header .head_menu>ul>li .submenu li:hover a {
color: #C7000C;
}
header .head_menu>ul>li.active>a::before,
header .head_menu>ul>li:hover>a::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: .1875rem;
background: #fff;
}
header.on .head_menu>ul>li.active>a::before,
header.on .head_menu>ul>li:hover>a::before,
header.active .head_menu>ul>li.active>a::before,
header.active .head_menu>ul>li:hover>a::before {
background: #C7000C;
}
header .head_menu>ul>li:hover .submenu {
opacity: 1;
transform: none;
}
header.on,
header.active {
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
}
header.on .logo1,
header.active .logo1 {
display: none;
}
header.on .logo2,
header.active .logo2 {
display: inline-block;
}
header.on .head_menu>ul>li>a,
header.active .head_menu>ul>li>a,
header.on .search .iconfont,
header.active .search .iconfont {
color: #000;
}
.nav_erji {
width: 62.5rem;
padding: 2.5rem;
background: #fff;
position: fixed;
right: 17%;
left: auto;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
top: 5.625rem;
display: none;
font-size: 1rem;
transition: 400ms ease-in-out;
height: 0;
}
header .nav_ul>li:hover .nav_erji {
transform: scale(1);
opacity: 1;
display: block;
transition: 400ms ease-in-out;
height: auto;
}
.nav_erji .left {
width: 50%;
float: left;
}
.nav_erji .left>div {
line-height: 3.125rem;
border-bottom: 1px solid #DDDDDD;
position: relative;
width: 50%;
}
.nav_erji .left>div.active a {
color: #C7000C;
}
.nav_erji .left>div::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #C7000C;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
}
.nav_erji .left>div.on::before {
width: 100%;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
}
.nav_erji .right {
width: 50%;
float: right;
}
.nav_erji .right>div {
display: none;
}
.nav_erji .right>div.active {
display: block;
}
.nav_erji .right>div img {
height: 16.25rem;
object-fit: cover;
}
header .nav_ul>li:nth-child(3) .nav_erji .left div {
width: 40%;
float: left;
}
header .nav_ul>li:nth-child(3) .nav_erji .left div:nth-child(odd) {
margin-right: 2%;
}
header .nav_ul>li:nth-child(3) .nav_erji .left div:nth-child(even) {
margin-left: 2%;
}
header .nav_ul>li:hover .er-ul {
transform: scale(1);
opacity: 1;
display: block;
}
.searchbox {
border-top: 2px solid #0069b3;
z-index: 991;
}
.serbtn {
background: #C7000C;
}
#fp-nav ul li,
.fp-slidesNav ul li {
width: 1.625rem;
height: 1.625rem;
margin: .9375rem 0;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
width: .875rem;
height: .875rem;
background: rgba(255, 255, 255, 0.6);
border-radius: inherit;
margin: .9375rem 0;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span,
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
width: .875rem;
height: .875rem;
background: #fff;
border-radius: inherit;
margin: .9375rem 0;
padding: .375rem;
}
#fp-nav ul li a.active span::after,
#fp-nav ul li:hover a.active span::after,
.fp-slidesNav ul li a.active span::after,
.fp-slidesNav ul li:hover a.active span::after,
#fp-nav ul li:hover a span::after,
.fp-slidesNav ul li:hover a span::after {
position: absolute;
content: "";
top: -0.375rem;
left: -0.375rem;
width: 1.625rem;
height: 1.625rem;
border: 1px solid #fff;
z-index: 2;
}
.fp-viewing-page2 #fp-nav ul li a span,
.fp-viewing-page5 .fp-slidesNav ul li a span,
.fp-viewing-page5 #fp-nav ul li a span,
.fp-viewing-page2 .fp-slidesNav ul li a span {
background: rgba(0, 0, 0, 0.3);
}
.fp-viewing-page2 #fp-nav ul li a.active span,
.fp-viewing-page2 #fp-nav ul li:hover a.active span,
.fp-viewing-page2 .fp-slidesNav ul li a.active span,
.fp-viewing-page2 .fp-slidesNav ul li:hover a.active span,
.fp-viewing-page2 #fp-nav ul li:hover a span,
.fp-viewing-page2 .fp-slidesNav ul li:hover a span,
.fp-viewing-page5 #fp-nav ul li a.active span,
.fp-viewing-page5 #fp-nav ul li:hover a.active span,
.fp-viewing-page5 .fp-slidesNav ul li a.active span,
.fp-viewing-page5 .fp-slidesNav ul li:hover a.active span,
.fp-viewing-page5 #fp-nav ul li:hover a span,
.fp-viewing-page5 .fp-slidesNav ul li:hover a span {
background: #C7000C;
}
.fp-viewing-page2 #fp-nav ul li a.active span::after,
.fp-viewing-page2 #fp-nav ul li:hover a.active span::after,
.fp-viewing-page2 .fp-slidesNav ul li a.active span::after,
.fp-viewing-page2 .fp-slidesNav ul li:hover a.active span::after,
.fp-viewing-page2 #fp-nav ul li:hover a span::after,
.fp-viewing-page2 .fp-slidesNav ul li:hover a span::after,
.fp-viewing-page5 #fp-nav ul li a.active span::after,
.fp-viewing-page5 #fp-nav ul li:hover a.active span::after,
.fp-viewing-page5 .fp-slidesNav ul li a.active span::after,
.fp-viewing-page5 .fp-slidesNav ul li:hover a.active span::after,
.fp-viewing-page5 #fp-nav ul li:hover a span::after,
.fp-viewing-page5 .fp-slidesNav ul li:hover a span::after {
border-color: #C7000C;
}
.f48 {
font-size: 3rem;
line-height: 3.625rem;
font-weight: 700;
color: #000;
}
.f44 {
font-size: 2.75rem;
line-height: 3.375rem;
font-weight: 700;
color: #000;
}
.f40 {
font-size: 2.5rem;
line-height: 3.125rem;
font-weight: 700;
color: rgba(0, 0, 0, 0.9);
}
.f36 {
font-size: 1.875rem;
line-height: 2.5rem;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
.f30 {
font-size: 1.875rem;
line-height: 2.5rem;
font-weight: 700;
color: #C7000C;
}
.f26 {
font-size: 1.625rem;
line-height: 2.25rem;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.f24 {
font-size: 1.5rem;
line-height: 2.125rem;
font-weight: 700;
color: #000;
}
.f22 {
font-size: 1.375rem;
line-height: 2rem;
font-weight: 400;
color: #fff;
}
.f20 {
font-size: 1.25rem;
line-height: 1.875rem;
font-weight: 700;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.9);
}
.f18 {
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 500;
color: #fff;
}
.f16 {
font-size: 1rem;
line-height: 1.625rem;
font-weight: 400;
color: #fff;
}
@media (min-width: 990px){
.section01{
padding-top: 5.625rem;
}
}
.section01 .container {
margin: 0 !important;
}
.section01 .entitle {
font-size: 2.875rem;
line-height: 3.5rem;
font-weight: 700;
text-align: justify;
text-transform: uppercase;
color: #fff;
}
.section01 .title {
font-size: 3rem;
line-height: 4.375rem;
font-weight: 700;
text-align: justify;
text-transform: uppercase;
color: #fff;
}
.section01 .title span {
width: 1.125rem;
height: 1.125rem;
line-height: 3.75rem;
background: #fff;
border-radius: 50%;
display: inline-block;
margin: 0 .625rem;
position: relative;
top: -0.3125rem;
}
.section01 .txt {
font-size: 1rem;
line-height: 1.25rem;
font-weight: 700;
text-align: justify;
text-transform: uppercase;
color: #fff;
}
.section01 .box {
display: inline-block;
position: relative;
}
.section01 .box1 {
padding: 5rem 5rem 5rem 3.4375rem;
background: rgba(46, 46, 46, 0.9);
display: inline-block;
}
.section01 .box2 {
background: #C7000C;
padding: 6.875rem 1.25rem 1.5625rem 1.25rem;
display: inline-block;
position: absolute;
right: -5.1875rem;
bottom: -5.625rem;
}
.section01 .box3 {
position: absolute;
right: 0;
bottom: 0;
width: 5rem;
height: 5.3125rem;
line-height: 5.3125rem;
text-align: center;
color: #fff;
background: #0081CC;
}
.section01 .box3 i {
font-size: 2.5rem;
}
.section01 .swiper-slide{
overflow: hidden;
}
.section01 .swiper-slide>img {
width: 100vw !important;
/* height: 100vh !important; */
height: calc(100vh - 5.625rem);
object-fit: cover;
/* -webkit-animation-name: banscaleDraw;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 10s; */
}
@-webkit-keyframes banscaleDraw {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes banscaleDraw {
0% {
-moz-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes banscaleDraw {
0% {
-o-transform: scale(1);
transform: scale(1);
}
50% {
-o-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes banscaleDraw {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.section01 .swiper-pagination {
bottom: 6rem;
right: 23.75rem;
text-align: right;
left: auto;
}
.section01 .swiper-pagination-bullet {
width: .875rem;
height: .875rem;
background: rgba(255, 255, 255, 0.5);
border-radius: inherit;
opacity: 1;
}
.section01 .swiper-pagination-bullet-active {
width: 2.5rem;
background: #fff;
}
.section01 .scrool {
position: absolute;
bottom: 4.0625rem;
right: 3.125rem;
z-index: 2;
animation: dowm 2s infinite;
}
.section01 .next,
.section01 .prev {
width: 2.875rem;
height: 2.875rem;
line-height: 2.875rem;
border: 1px solid #FFFFFF;
color: #fff;
top: auto;
margin: 0;
bottom: 3.75rem;
left: auto;
right: 16.25rem;
}
.section01 .prev {
right: 20rem;
}
@keyframes dowm {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0px);
}
}
.section02 {
position: relative;
z-index: 1;
}
.section02 .zhengfx {
width: 7.125rem;
height: 7.125rem;
position: absolute;
right: 36.25rem;
bottom: 0;
}
.section02 .zhengfx #loading-center-absolute {
height: 7.125rem;
width: 7.125rem;
margin-top: -3.5625rem;
margin-left: -3.5625rem;
}
.section02 .zhengfx .object {
width: 3.5625rem;
height: 3.5625rem;
background-color: rgba(237, 13, 0, 0.6);
float: left;
}
.section02 .bg1 {
position: absolute;
top: 2.5rem;
left: 0;
height: 59.5625rem;
}
.section02 .bg2 {
position: absolute;
top: 6.5625rem;
left: 40%;
height: 37.375rem;
}
.section02 .bg3 {
position: absolute;
top: 0;
right: 0;
width: 39.6875rem;
height: calc(100% - 60px);
background: #C7000C;
}
.section02 .bg3 img {
position: absolute;
left: 0;
bottom: 0;
height: 25.1875rem;
}
/* .section02 .nybt{
margin-bottom: 3rem;
} */
.section02 .f16 {
color: rgba(0, 0, 0, 0.6);
margin-bottom: 2.1875rem;
}
.section02 .category{
margin-bottom: 2rem;
}
/* .section02 .category ul{
width: 15rem;
}
.section02 .category ul li{
font-size: 1.125rem;
color: #333;
line-height: 3rem;
min-height: 3rem;
padding-left: 20%;
background-color: #f2f2f2;
margin-bottom: 0.375rem;
border-radius: 2rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.section02 .category ul li:last-child{
border: none;
}
.section02 .category ul li:hover,.section02 .category ul li.active{
color: #fff;
background-color: #C7000C;
} */
.section02 .product_slider .hide{
display: none;
}
.section02 .category ul li {
margin-bottom: 0.25rem;
}
.section02 .category ul li a {
display: inline-block;
line-height: 3.125rem;
color: #464A4D;
padding: 0 2.1875rem;
transition: all .4s;
}
.section02 .category ul li a i {
opacity: 0;
margin-left: .9375rem;
}
.section02 .category ul li.active a,
.section02 .category ul li:hover a {
background: #C7000C;
color: #fff;
}
.section02 .category ul li.active a i,
.section02 .category ul li:hover a i {
opacity: 1;
}
.section02 .yb .box{
position: relative;
background-color: #fff;
}
.section02 .yb .box:hover .over img{
transform: scale(1.1);
}
.section02 .yb .box:hover .f26{
color: #ed0d00;
}
.section02 .yb .box:hover .f26 i{
display: inline-block;
}
.section02 .yb .box .f26{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 1.375rem;
}
.section02 .f26 {
/* color: rgba(0, 0, 0, 0.7); */
margin: 1.5625rem 1.25rem 0 0;
text-align: right;
/* color: #fff; */
font-size: 1.375rem;
text-align: center;
}
.section02 .f26 i {
font-size: 1.625rem;
display: none;
margin-right: .9375rem;
}
.section02 .zb {
padding-right: 3.125rem;
}
.section02 .swiper-container {
padding-top: 6.25rem;
}
.tab_panel{
position: relative;
}
.section02 .next,.section02 .prev{
top: auto;
bottom: -75px;
transform: none;
border-color: #fff;
color: #fff;
}
.section02 .prev{
left: auto;
right: 15rem;
}
/* .section02 .swiper-slide-active .f26 {
color: #000;
} */
.section02 .swiper-slide-active .f26 i {
display: inline-block;
}
.section02 .swiper-num {
margin-top: 3.5rem;
}
.section02 .swiper-num span {
color: rgba(0, 0, 0, 0.5);
opacity: 1;
background: transparent;
border-radius: 0;
text-align: left;
font-size: 1.625rem;
height: 1.625rem;
line-height: 1.625rem;
margin: 0 1 0 0 !important;
}
.section02 .swiper-num .xian {
position: relative;
width: 2.75rem;
display: inline-block;
margin: 0 1.25rem;
}
.section02 .swiper-num .xian::after {
position: absolute;
content: "";
top: 60%;
transform: translateY(-60%);
left: 0;
width: 100%;
height: 1px;
background: #464A4D;
}
.section02 .swiper-num .active {
color: #C7000C;
}
.section03 {
position: relative;
overflow: hidden;
}
.section03 .container_z{
padding-top: 3.4375rem;
}
.section03 .box {
margin: 4.6875rem 0 0 5rem;
}
.section03 .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section03 .bg>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
display: none;
animation: mymove4 5s ease;
-webkit-animation: mymove4 5s ease;
animation-iteration-count: 1;
}
@-webkit-keyframes mymove4 {
from {
transform: scale(1.3);
}
to {
transform: scale(1);
}
}
.section03 .bg>div.on {
display: block;
}
.section03 .nybt>div {
color: #fff;
}
.section03 .nybt .nyentitle::after {
background: #fff;
}
.section03 .box {
margin: 7.5rem 0 0 5rem;
}
.section03 .box .rect {
width: 24.75rem;
height: 24.75rem;
border: 1px solid #fff;
transform: rotate(-45deg);
position: relative;
}
.section03 .box .rect2 {
transition: all 0s;
}
.he_svgdonx.act .dotted-circle2 {
width: 80rem;
height: 80rem;
transition: all 2.4s cubic-bezier(.77, 0, .175, 1);
}
.section03 .box .rect i {
position: absolute;
background: #ed0d00;
transition: all 5s;
}
.section03 .box .rect .shang {
top: -1px;
left: 0;
width: 0;
height: .1875rem;
}
.section03 .box .rect .xia {
bottom: -1px;
right: 0;
width: 0;
height: .1875rem;
}
.section03 .box .rect .you {
top: 0;
right: -1px;
width: .1875rem;
height: 0;
}
.section03 .box .rect .zuo {
bottom: 0;
left: -1px;
width: .1875rem;
height: 0;
}
.section03 .box .rect .shang.on,
.section03 .box .rect .xia.on {
width: 100%;
}
.section03 .box .rect .you.on,
.section03 .box .rect .zuo.on {
height: 100%;
}
.section03 .box .pa50 {
text-align: center;
width: 24.75rem;
}
.section03 .box .pa50 img {
width: 5rem;
height: 5rem;
margin-bottom: .9375rem;
}
.section03 .box .pa50 .f24 {
color: #fff;
}
.section03 .box .pa50 .line2 {
margin-top: .9375rem;
}
.section03 .box .pa50 .pr {
text-align: center;
margin-top: 2.875rem;
}
.section03 .box .pa50 .next {
top: 0;
transform: none;
border-color: #fff;
color: #fff;
right: 0;
display: inline-block;
}
.section03 .yb {
text-align: right;
padding-right: 5rem;
}
.section03 ul li {
margin-bottom: .625rem;
}
.section03 ul li a {
display: flex;
align-items: center;
line-height: 3.75rem;
padding: 0 1.875rem;
width: 13.875rem;
text-align: left;
}
.section03 ul li a img {
width: 2.5rem;
height: 2.5rem;
margin-right: 1.25rem;
}
.section03 ul li.active a,
.section03 ul li:hover a,
.section03 ul li.on a {
background: #C7000C;
color: #fff;
}
.section04 {
position: relative;
z-index: 1;
}
.section04 .bg {
position: absolute;
top: 0;
left: 0;
width: 59%;
height: calc(100% - 70px);
background: #C7000C;
z-index: 2;
}
.section04 .bg img {
position: absolute;
left: 0;
bottom: 0;
height: 26.75rem;
}
.section04 .zhengfx {
position: absolute;
bottom: 0;
left: 56%;
z-index: 3;
}
.section04 .txt {
font-size: 6.875rem;
line-height: 8.375rem;
font-weight: 700;
text-transform: uppercase;
color: rgba(72, 81, 87, 0.06);
position: absolute;
bottom: 0;
right: 3.4375rem;
z-index: 3;
}
.section04 .nybt {
margin-bottom: 1.25rem;
}
.section04 .nybt>div {
color: #fff;
}
.section04 .nybt .nyentitle::after {
background: #fff;
}
.section04 .f24 {
color: #fff;
margin-bottom: 1.25rem;
}
.section04 .f18 {
font-size: 1rem;
}
.section04 .f18 a{
color: #fff;
}
.section04 .zb {
z-index: 3;
}
.section04 .zb .pr {
text-align: right;
margin-top: 2rem;
}
.section04 .zb .next {
top: 0;
transform: none;
border-color: #fff;
color: #fff;
right: 0;
display: inline-block;
}
.section05 {
position: relative;
}
.section05 .bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 24.6875rem;
background: rgba(172, 16, 0, 0.1);
}
.section05 .bg1 {
position: absolute;
top: 6.25rem;
left: 6.25rem;
height: 30.25rem;
}
.section05 .bg2 {
position: absolute;
top: 0;
right: 0;
}
.section05 ul li {
margin-bottom: 1.25rem;
}
.section05 ul li a {
display: inline-block;
line-height: 3.125rem;
color: #464A4D;
padding: 0 1.25rem;
transition: all .4s;
}
.section05 ul li a i {
opacity: 0;
margin-left: .9375rem;
}
.section05 ul li.on a,
.section05 ul li:hover a {
background: #C7000C;
color: #fff;
}
.section05 ul li.on a i,
.section05 ul li:hover a i {
opacity: 1;
}
.section05 .box {
text-align: center;
padding: 3.75rem 3.75rem 5.3125rem 3.75rem;
background: #fff;
box-shadow: 0 0 .625rem #ddd;
position: relative;
}
.section05 .box .f16 {
color: rgba(0, 0, 0, 0.5);
height: 4.875rem;
}
.section05 .box .f16 span {
display: block;
font-size: 2.5rem;
line-height: 3.125rem;
font-weight: 400;
}
.section05 .box .f20 {
margin: 1.75rem 0 1.4375rem 0;
height: 1.875rem;
}
.section05 .box .pr {
text-align: center;
margin-top: 2.5rem;
}
.section05 .box .next {
position: relative;
top: 0;
transform: none;
right: 0;
display: inline-block;
opacity: 0;
}
.section05 .box::after,
.section05 .box::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: .25rem;
background: #C7000C;
transition: all .4s;
}
.section05 .box::before {
width: 0;
background: #ed0d00;
}
.section05 .box:hover .f20 {
color: #C7000C;
}
.section05 .box:hover .next {
opacity: 1;
}
.section05 .box:hover::before {
width: 100%;
}
.section05 .box:hover::after {
width: 0;
}
.section05 .mySwiper9 {
padding: .625rem 0 6.875rem .625rem;
}
.section05 .next,
.section05 .prev {
top: auto;
transform: none;
bottom: 0;
right: 16.25rem;
}
.section05 .prev {
left: auto;
right: 21.25rem;
}
.section06 {
height: auto !important;
}
.section06 .fp-tableCell {
height: auto !important;
}
@keyframes rotate-anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-anim {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
.zhengfx {
width: 8.75rem;
height: 8.75rem;
}
.zhengfx #loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 8.75rem;
width: 8.75rem;
margin-top: -4.375rem;
margin-left: -4.375rem;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: loading-center-absolute 2s infinite;
animation: loading-center-absolute 2s infinite;
}
.zhengfx .object {
width: 4.375rem;
height: 4.375rem;
background-color: rgba(237, 13, 0, 0.6);
float: left;
}
.zhengfx #object_one {
-webkit-animation: object_one 2s infinite;
animation: object_one 2s infinite;
}
.zhengfx #object_two {
-webkit-animation: object_two 2s infinite;
animation: object_two 2s infinite;
}
.zhengfx #object_three {
-webkit-animation: object_three 2s infinite;
animation: object_three 2s infinite;
}
.zhengfx #object_four {
-webkit-animation: object_four 2s infinite;
animation: object_four 2s infinite;
}
@-webkit-keyframes loading-center-absolute {
100% {
-webkit-transform: rotate(-90deg);
}
}
@keyframes loading-center-absolute {
100% {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
}
@-webkit-keyframes object_one {
25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes object_one {
25% {
transform: translate(0, -50px) rotate(-180deg);
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes object_two {
25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes object_two {
25% {
transform: translate(50px, 0) rotate(-180deg);
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes object_three {
25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes object_three {
25% {
transform: translate(-50px, 0) rotate(-180deg);
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
@-webkit-keyframes object_four {
25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
@keyframes object_four {
25% {
transform: translate(0, 50px) rotate(-180deg);
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
100% {
transform: translate(0, 0) rotate(-180deg);
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
.list_ban{
margin-top: 5.625rem;
}
.list_ban .title {
font-size: 3.125rem;
line-height: 4.375rem;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.list_ban .txt {
font-size: 1.875rem;
line-height: 2.5rem;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.bannav {
background: #FFFFFF;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.bannav ul {
display: flex;
justify-content: center;
}
.bannav ul li {
float: left;
padding: 0 2.5rem;
}
.bannav ul li a {
display: block;
color: #000;
padding: 2.0625rem 0;
}
.bannav ul li.active,
.bannav ul li:hover {
background: #C7000C;
}
.bannav ul li.active a,
.bannav ul li:hover a {
color: #fff;
}
.bannav2 {
background: rgb(238 238 238 / 22%);
}
.bannav2 ul {
justify-content: flex-end;
}
.bannav2 ul li.active,
.bannav2 ul li:hover {
background: none;
}
.bannav2 ul li.active a,
.bannav2 ul li:hover a {
color: #C7000C;
position: relative;
}
.bannav2 ul li.active a::after,
.bannav2 ul li:hover a::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: .125rem;
width: 100%;
background: #C7000C;
}
.nybt {
margin-bottom: 3rem;
}
.nytitle {
font-size: 3rem;
line-height: 3.75rem;
font-weight: 700;
color: #000;
}
.nyentitle {
font-size: 1.375rem;
line-height: 2rem;
font-weight: 700;
text-transform: uppercase;
color: #C7000C;
display: inline-block;
position: relative;
}
.nyentitle::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
right: -6.25rem;
width: 5.625rem;
height: .1875rem;
background: #C7000C;
}
.next,
.prev {
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
background: none;
margin-top: 0;
top: 50%;
transform: translateY(-50%);
bottom: auto;
border: 1px solid #000;
font-size: 1.25rem;
color: #000;
text-align: center;
right: 10.625rem;
opacity: 1;
}
.prev {
left: 10.625rem;
right: auto;
}
.swiper-pagination-bullet {
width: .875rem;
height: .875rem;
border-radius: inherit;
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-bullet-active {
width: 2.5rem;
background: #fff;
}
.list_royu .box {
background: #fff;
}
.list_royu .f18 {
margin-top: .9375rem;
text-align: center;
}
.list_royu .swiper-container {
padding-bottom: 6.25rem;
}
.list_royu1 {
padding: 5.3125rem 0 3.4375rem 0;
z-index: 1;
}
.list_royu1 .zhengfx {
position: absolute;
right: 0;
bottom: -4.375rem;
}
.list_royu1>.bg1 {
position: absolute;
top: 0;
right: 0;
height: 48.9375rem;
}
.list_royu1>.bg2 {
position: absolute;
left: 0;
bottom: 0;
height: 20.125rem;
z-index: 2;
}
.list_royu1>.bg3 {
position: absolute;
bottom: 0;
left: 0;
height: 23rem;
background: #C7000C;
width: 96%;
}
.list_royu1 .box {
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 1.5625rem .3125rem;
}
.list_royu1 .next,
.list_royu1 .prev {
right: 0;
top: auto;
transform: none;
bottom: 0;
border-color: #fff;
color: #fff;
z-index: 11;
}
.list_royu1 .prev {
left: auto;
right: 5rem;
}
.list_royu2 {
padding: 7.5rem 0 3.75rem 0;
background: #F9F9F9;
position: relative;
}
.list_royu2 .box {
padding: 2rem 1.875rem;
border: 1px solid #DBDBDB;
}
.list_royu2 .f18 {
color: rgba(0, 0, 0, 0.6);
}
.list_royu2 .swiper-pagination-bullet {
background: rgba(0, 0, 0, 0.3);
}
.list_royu2 .swiper-pagination-bullet-active {
background: #C7000C;
}
.list_royu3 {
padding: 5.3125rem 0 3.4375rem 0;
background: #E6EFF7;
}
.list_royu3 .box {
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 1.5625rem .3125rem;
}
.jiaru1 {
padding: 5.3125rem 0 4.6875rem 0;
}
.jiaru1 .bot {
height: 32.5rem;
}
.jiaru1 .bot>img {
position: absolute;
top: 0;
right: 0;
height: 32.5rem;
object-fit: cover;
}
.jiaru1 .box {
padding: 4.375rem 2.8125rem 6.25rem 2.8125rem;
background: rgba(0, 91, 172, 0.9);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2.5rem;
width: 37.5rem;
}
.jiaru1 .box>img {
height: 20.125rem;
position: absolute;
left: 0;
bottom: 0;
}
.jiaru1 .box .f26 {
margin-bottom: 1.25rem;
}
.jiaru1 .box .f22 {
font-size: 1rem;
}
.jiaru1 .box .zhengfx {
position: absolute;
bottom: -2.5rem;
left: -2.5rem;
width: 5rem;
height: 5rem;
}
.jiaru1 .box .zhengfx #loading-center-absolute {
width: 5rem;
height: 5rem;
margin-top: -2.5rem;
margin-left: -2.5rem;
}
.jiaru1 .box .zhengfx .object {
width: 2.5rem;
height: 2.5rem;
}
.jiaru2 {
padding: 6.25rem 0 3.75rem 0;
background: #F9F9F9;
}
.jiaru2 .row {
margin: 0 -1.25rem;
}
.jiaru2 .row>div {
padding: 0 1.5625rem;
text-align: center;
margin-bottom: 2.5rem;
}
.jiaru2 .box {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 3.4375rem;
background: #fff;
text-align: center;
}
.jiaru2 .box img {
height: 5rem;
margin: 0 auto .9375rem auto;
display: inline-block;
}
.jiaru2 .box .img2 {
display: none;
}
.jiaru2 .box .f18 {
color: #C7000C;
}
.jiaru2 .box .f16 {
margin-top: .625rem;
color: rgba(0, 0, 0, 0.5);
height: 5rem;
}
.jiaru2 .box .bg {
display: none;
}
.jiaru2 .box:hover {
background: #C7000C;
position: relative;
}
.jiaru2 .box:hover .bg {
position: absolute;
left: 0;
bottom: 0;
height: 14.0625rem;
display: block;
}
.jiaru2 .box:hover .img1 {
display: none;
}
.jiaru2 .box:hover .img2 {
display: inline-block;
}
.jiaru2 .box:hover .f18,
.jiaru2 .box:hover .f16 {
color: #fff;
}
.jiaru2 .swiper-pagination {
display: none;
}
.list_join2 {
background: #fff;
padding: 5.3125rem 0 3.75rem 0;
}
.list_join2 .bot ul li {
margin-bottom: 1.875rem;
}
.list_join2 .bot ul li .box {
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.875rem;
}
.list_join2 .bot ul li .box .f20 {
color: #000;
}
.list_join2 .bot ul li .box .f16 {
color: rgba(0, 0, 0, 0.5);
}
.list_join2 .bot ul li .box i {
color: #000;
}
.list_join2 .bot ul li .box .txt {
margin-right: 2.5rem;
}
.list_join2 .bot ul li .box .txt2 {
margin-right: 1.875rem;
padding-right: 1.875rem;
position: relative;
}
.list_join2 .bot ul li .box .txt2::after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.list_join2 .bot ul li .cont {
padding: 1.875rem 1.875rem;
background: #F4FAFF;
border: 1px solid rgba(0, 0, 0, 0.1);
display: none;
}
.list_join2 .bot ul li .cont .f18 {
color: #C7000C;
font-weight: bold;
margin-bottom: 1.25rem;
}
.list_join2 .bot ul li .cont .f16 {
margin-bottom: 2.5rem;
color: rgba(0, 0, 0, 0.6);
}
.list_join2 .bot ul li .cont .moree {
padding: .9375rem 0;
}
.list_join2 .bot ul li .cont .moree a {
font-size: 1.125rem;
font-weight: bold;
color: #C7000C;
}
.list_join2 .bot ul li .cont i {
color: #fff;
margin-right: .625rem;
padding: .9375rem .625rem;
position: relative;
z-index: 1;
}
.list_join2 .bot ul li .cont i::after {
position: absolute;
content: "";
top: 0;
left: -1.875rem;
width: calc(100% + 1.875rem);
height: 100%;
background: #C7000C;
z-index: -1;
}
.list_join2 .bot ul li.active .box {
background: #C7000C;
}
.list_join2 .bot ul li.active .box .f20,
.list_join2 .bot ul li.active .box .f16,
.list_join2 .bot ul li.active .box i {
color: #fff;
}
.list_join2 .bot ul li.active .box .txt2::after {
background: #fff;
}
.Square {
width: 3.5rem;
height: 3.5rem;
line-height: 3.5rem;
text-align: center;
border: 1px solid #000000;
color: #000;
}
.list_news1 {
padding: 6.25rem 0 5rem 0;
position: relative;
}
.list_news1 .bg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 15.625rem;
background: #E6EFF7;
}
.list_news1 .top .box {
background: #fff;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 2.5rem 3.75rem 3.75rem 3.75rem;
position: relative;
}
.list_news1 .top .box .f16 {
color: rgba(0, 0, 0, 0.5);
}
.list_news1 .top .box .f16 span {
font-size: 2.5rem;
line-height: 3.125rem;
font-weight: 400;
text-transform: uppercase;
display: block;
}
.list_news1 .top .box .f20 {
margin: 1.25rem 0 .9375rem 0;
}
.list_news1 .top .box .Square {
display: inline-block;
margin-top: 2.5rem;
opacity: 0;
}
.list_news1 .top .box::after,
.list_news1 .top .box::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: .25rem;
background: #C7000C;
transition: all .4s;
}
.list_news1 .top .box::before {
width: 0;
background: #ed0d00;
}
.list_news1 .top .box:hover::after {
width: 0;
}
.list_news1 .top .box:hover::before {
width: 100%;
}
.list_news1 .top .box:hover .Square {
opacity: 1;
}
.list_news2 {
padding: 3.125rem 0 5rem 0;
}
.list_news2 ul li {
margin-bottom: 2.5rem;
}
.list_news2 ul li .box {
padding: 1.875rem 2.1875rem 1.875rem 3.125rem;
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
}
.list_news2 ul li .box .f20 {
color: #000;
margin-bottom: .75rem;
}
.list_news2 ul li .box .f16 {
color: rgba(0, 0, 0, 0.5);
}
.list_news2 ul li .box .f16 span {
font-size: 2.5rem;
line-height: 3.125rem;
font-weight: 400;
text-transform: uppercase;
display: block;
}
.list_news2 ul li .box .zb .f16 {
text-align: center;
margin-right: 3.125rem;
}
.list_news2 ul li .box .over {
margin-right: 2.5rem;
width: 16.875rem;
height: 11.25rem;
}
.list_news2 ul li .over img {
height: 100%;
object-fit: cover;
}
.list_news2 ul li:hover .over img {
transform: scale(1.1);
}
.list_news2 ul li:hover .f20 {
color: #C7000C;
}
.mbx {
padding: 2.0625rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mbx ul{
color: rgba(0, 0, 0, 0.4);
}
.mbx ul a{
color: rgba(0, 0, 0, 0.4);
}
.mbx ul a {
color: rgba(0, 0, 0, 0.4);
}
.social-share {
display: inline-block;
}
.social-share .social-share-icon {
border-color: rgba(102, 102, 102, 0.5);
color: rgba(102, 102, 102, 0.5);
}
.show_news {
padding: 3.75rem 0;
}
.show_news .title {
font-size: 2.5rem;
line-height: 3.125rem;
color: #000;
font-weight: 500;
text-align: center;
margin-bottom: 3.125rem;
}
.show_news .f18 {
display: inline-block;
margin-right: 2.5rem;
color: #999999;
}
.show_news .fenx {
margin-right: 0;
}
.show_news .middle {
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
padding: 2.5rem 0;
margin: 2.5rem 0;
}
.show_news .middle .f16 {
margin-right: 0;
text-align: justify;
color: rgba(0, 0, 0, 0.8);
}
.show_news .middle img {
display: block;
text-align: center;
margin: 2.5rem auto;
}
.show_news .bot {
margin-bottom: 4.375rem;
}
.show_news .bot .circle {
width: 3.125rem;
height: 3.125rem;
line-height: 3.125rem;
border: 1px solid #000;
display: inline-block;
background: #FFFFFF;
text-align: center;
}
.show_news .bot .circle .iconfont {
font-size: 1.25rem;
color: #000;
}
.show_news .bot .f16 {
display: inline-block;
color: rgba(0, 0, 0, 0.6);
}
.show_news .bot .zb .circle {
margin-right: 1.25rem;
}
.show_news .bot .yb .circle {
margin-left: 1.25rem;
}
.list_zhil {
padding: 4.375rem 0;
}
.list_zhil .top {
text-align: center;
position: relative;
}
.list_zhil .top .f18 {
color: #000;
position: absolute;
left: 0;
width: 100%;
top: 5%;
text-align: center;
}
.list_zhil .top .txt1 {
top: 20%;
}
.list_zhil .top .txt2 {
top: 34%;
}
.list_zhil .top .txt3 {
top: 50%;
}
.list_zhil .top .txt4 {
top: 65%;
}
.list_zhil .top .txt5 {
top: auto;
bottom: 15%;
}
.list_zhil .row {
margin: 0 -1.25rem;
}
.list_zhil .row>div {
padding: 0 1.25rem;
}
.list_zhil .box {
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 3.4375rem 2.5rem 2.5rem 2.5rem;
position: relative;
}
.list_zhil .box img {
position: absolute;
bottom: 0;
right: 0;
height: 20.125rem;
}
.list_zhil .box .f30 {
margin-bottom: 1.875rem;
}
.list_zhil .box .f18 {
margin-bottom: .9375rem;
color: rgba(0, 0, 0, 0.8);
}
.list_zhil .box .f18 span {
color: #000;
font-weight: bold;
display: block;
}
.list_renz {
padding: 2.5rem 0 5rem 0;
}
.list_renz .row {
margin: 0 -1.25rem;
}
.list_renz .row>div {
padding: 0 1.25rem;
margin-bottom: 2.5rem;
}
.list_renz .box {
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.875rem 3.125rem 1.875rem 1.875rem;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.list_renz .box>img {
height: 12.5rem;
position: absolute;
bottom: .9375rem;
right: .9375rem;
}
.list_renz .box .flex {
justify-content: flex-start;
}
.list_renz .box .flex img {
margin-right: 2.5rem;
height: 11.375rem;
}
.list_renz .box .f24 {
margin-bottom: .9375rem;
}
.list_renz .box .f16 {
color: #666666;
}
.list_renz .box .f16 span {
color: #C7000C;
}
.list_renz .box .more {
background: transparent;
color: #000;
border: 1px solid #000;
white-space: nowrap;
}
.list_renz .box .more:hover {
color: #fff;
}
.list_renz .box:hover {
background: #C7000C;
}
.list_renz .box:hover .f24,
.list_renz .box:hover .f16,
.list_renz .box:hover .f16 span {
color: #fff;
}
.list_renz .box:hover .more {
background: #fff;
color: #C7000C;
border: 1px solid #fff;
}
.list_renz .box:hover .more:hover {
border: none;
color: #fff;
}
.list_yyfa1 {
padding: 5rem 0;
}
.list_yyfa1 .title {
margin-bottom: 3.125rem;
font-size: 3rem;
line-height: 4.375rem;
font-weight: 700;
color: #000;
text-align: center;
}
.list_yyfa1 .row {
margin: 0;
align-items: center;
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.list_yyfa1 .row>div {
padding: 0;
}
.list_yyfa1 .row .box {
padding: 3.75rem;
}
.list_yyfa1 .row .box .f44 {
margin-bottom: 1.5625rem;
}
.list_yyfa1 .row .box .f24 {
margin-bottom: 2.1875rem;
font-size: 1.375rem;
}
.list_yyfa1 .row .box .f18 {
color: rgba(0, 0, 0, 0.6);
font-size: 1rem;
}
.list_yyfa2 {
background: #F9F9F9;
}
.list_yyfa2 .row {
background: #fff;
}
.list_yyfa2 ul li {
width: 50%;
float: left;
padding-left: 1.25rem;
position: relative;
margin-bottom: .9375rem;
}
.list_yyfa2 ul li::after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
width: .5rem;
height: .5rem;
background: rgba(0, 0, 0, 0.2);
}
.list_pro1 {
padding: 5.625rem 0;
background: #F9F9F9;
}
.list_pro1 .ul .li {
padding: 4.5rem 0;
border-bottom: 1px solid #DDDDDD;
}
.list_pro1 .ul .li:first-child {
padding-top: 0;
}
.list_pro1 .ul .li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.list_pro1 .row {
margin: 0 -1.875rem;
align-items: center;
}
.list_pro1 .row>div {
padding: 0 1.875rem;
}
.list_pro1 .over {
/* padding: 5.9375rem; */
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.list_pro1 .over img{
height: 25.75rem;
object-fit: contain;
}
.list_pro1 .f40 {
margin-bottom: 2.5rem;
}
.list_pro1 .f18 {
margin-bottom: 2.875rem;
color: rgba(0, 0, 0, 0.6);
line-height: 1.875;
}
.list_pro1 ul li {
float: left;
}
.list_pro1 ul li .f18 {
margin: 0 .625rem .9375rem 0;
padding: .875rem 1.75rem;
color: #000;
border: 1px solid #000000;
position: relative;
overflow: hidden;
z-index: 1;
display: block;
}
.list_pro1 ul li .f18::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 100%;
background: #C7000C;
transition: all .4s;
z-index: -1;
}
.list_pro1 ul li .f18:hover {
color: #fff;
border-color: #0069b3;
}
.list_pro1 ul li .f18:hover::after {
width: 100%;
}
.list_pro2 {
position: relative;
padding: 5.3125rem 0;
}
.list_pro2 .f48 {
margin-bottom: 3.125rem;
}
.list_pro2 .box {
background: #F9F9F9;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.list_pro2 .box .f18 {
color: rgba(0, 0, 0, 0.9);
font-weight: 700;
padding: 2rem 0;
text-align: center;
}
.list_pro2 .box .over img {
height: 18.75rem;
object-fit: cover;
}
.list_pro2 .next,
.list_pro2 .prev {
top: 55%;
}
.pronav {
background: #fff;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
position: fixed;
top: 5.625rem;
width: 100%;
z-index: 666;
}
.pronav .flex {
padding: 1.6875rem 0;
}
.pronav .f18 {
color: rgba(0, 0, 0, 0.9);
cursor: pointer;
}
.pronav ul li {
float: left;
}
.pronav ul li a {
color: rgba(0, 0, 0, 0.6);
position: relative;
padding: 0 1.25rem;
}
.pronav ul li.active a,
.pronav ul li a:hover {
color: #C7000C;
}
.pronav ul li a::after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #DBDBDB;
}
.pronav ul li:last-child a::after {
display: none;
}
.sspro {
margin-top: 10rem;
}
#pro1,
#pro2,
#pro3,
#pro4,
#pro5 {
position: relative;
top: -11.25rem;
}
.show_pro>div {
padding: 6.25rem 0;
}
.show_pro .f40 {
margin-bottom: 2.1875rem;
}
.show_pro .table-responsive .table {
min-width: 1200px;
}
.show_pro .table-responsive .table table{
margin-bottom: 1.875rem;
}
.show_pro .table-responsive .table tr td {
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #E6E6E6;
font-size: 1rem;
color: rgba(0, 0, 0, 0.6);
height: 5.625rem;
}
/*
.show_pro .table-responsive .table tr td,.show_pro .table-responsive .table tr th{
border-left: none;
border-right: none;
} */
.show_pro .table-responsive .table tr:nth-child(even) {
background: #F9F9F9;
}
.show_pro .table-responsive .table tr:nth-child(odd) {
background: #fff;
}
.show_pro .table-responsive .table tr:first-child {
background: #C7000C;
}
.show_pro .table-responsive .table tr:first-child td,.show_pro .table-responsive .table tr:first-child th{
color: #fff;
text-align: center;
}
.show_pro2 {
background: #F9F9F9;
}
.show_pro4 {
background: #F9F9F9;
}
.list_fenz img {
height: 2.6875rem;
}
.f110 {
font-size: 6.875rem;
line-height: 7.5rem;
font-weight: 700;
text-transform: uppercase;
color: rgba(72, 81, 87, 0.06);
white-space: nowrap;
}
.list_about1 {
padding: 7.8125rem 0 5rem 0;
position: relative;
}
.list_about1 .bg {
position: absolute;
right: 0;
bottom: 4.375rem;
width: 45rem;
height: 21.875rem;
background: #C7000C;
}
.list_about1 .bg img {
position: absolute;
bottom: 0;
right: 0;
height: 16.875rem;
}
.list_about1 .zhengfx {
position: absolute;
right: 40.625rem;
bottom: 0;
}
.list_about1 .row {
margin: 0;
}
.list_about1 .row>div {
padding: 0;
}
.list_about1 .row>div:first-child {
padding-right: 5.625rem;
}
.list_about1 .f24 {
color: #000;
margin-bottom: 1.125rem;
}
.list_about1 .f16 {
margin-bottom: 4.375rem;
color: rgba(0, 0, 0, 0.8);
text-align: justify;
line-height: 1.75;
}
.list_about4 {
padding: 6.25rem 0 11.25rem 0;
position: relative;
}
.list_about4 .nybt>div {
color: #fff;
}
.list_about4 .bot {
margin-top: 5.625rem;
position: relative;
}
.list_about4 .bot .shang {
padding-top: 3.125rem;
}
.list_about4 .bot .shang::after {
position: absolute;
content: "";
bottom: 4.9rem;
left: 0;
width: 100%;
height: .125rem;
border-bottom: .125rem dashed #fff;
z-index: -1;
}
.list_about4 .bot .shang .swiper-slide {
text-align: center;
}
.list_about4 .bot .shang .f36 {
margin-top: 1.6rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
}
.list_about4 .bot .shang .circle {
width: 1rem;
height: 1rem;
line-height: 1rem;
border-radius: 50%;
background: #fff;
display: inline-block;
position: relative;
}
.list_about4 .bot .shang .circle::after {
position: absolute;
content: "";
top: -0.625rem;
left: -0.625rem;
width: 2.25rem;
height: 2.25rem;
line-height: 2.25rem;
border: 2px solid #fff;
border-radius: 50%;
display: none;
}
.list_about4 .bot .shang .swiper-slide-thumb-active .circle::after {
display: block;
}
.list_about4 .bot .xia {
padding-bottom: 3.75rem;
}
.list_about4 .bot .xia .swiper-wrapper {
align-items: center;
}
.list_about4 .bot .xia .box {
background: rgba(255, 255, 255, 0.9);
padding: 1.875rem 1.5625rem 2.5rem 1.5625rem;
}
.list_about4 .bot .xia .box .f40 {
text-align: center;
color: #333333;
margin-bottom: 1.5625rem;
padding-bottom: .625rem;
position: relative;
}
.list_about4 .bot .xia .box .f16 {
color: rgba(0, 0, 0, 0.7);
text-align: center;
}
.list_about4 .bot .xia .swiper-slide-active .box {
background: rgba(0, 91, 172, 0.9);
}
.list_about4 .bot .xia .swiper-slide-active .box .f40 {
font-size: 3.125rem;
line-height: 3.75rem;
color: #fff;
position: relative;
}
.list_about4 .bot .xia .swiper-slide .box .f40::after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 3.125rem;
height: .1875rem;
background: #C7000C;
}
.list_about4 .bot .xia .swiper-slide-active .box .f40::after {
/* position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 6.25rem;
height: .3125rem; */
width: 5rem;
background: #fff;
}
.list_about4 .bot .xia .swiper-slide-active .box .f16 {
font-size: 1.125rem;
line-height: 1.875rem;
color: #fff;
}
.list_about4 .next,
.list_about4 .prev {
top: 71.8%;
transform: translateY(-71.8%);
border-color: #fff;
color: #fff;
right: 12.625rem;
}
.list_about4 .prev {
left: 12.625rem;
}
.list_about2 {
padding: 5.625rem 0 4.375rem 0;
position: relative;
}
.list_about2 ul {
margin: 0 -1.25rem;
}
.list_about2 ul li {
padding: 0 1.25rem;
margin-bottom: 2.5rem;
width: 33.33%;
float: left;
}
.list_about2 ul li .over {
height: 25.125rem;
position: relative;
}
.list_about2 ul li .over img {
height: 25.125rem;
object-fit: cover;
width: 100%;
}
.list_about2 ul li .over .f18 {
position: absolute;
left: 1.875rem;
bottom: 1.875rem;
}
.list_about2 ul li:nth-child(2) {
width: 66.66%;
}
.list_about2 ul li:nth-child(3) .over {
height: 52.75rem;
}
.list_about2 ul li:nth-child(3) .over img {
height: 52.75rem;
}
.list_about2 ul li:last-child {
width: 66.66%;
}
.list_contact1 {
padding: 5.3125rem 0 4.6875rem 0;
}
.list_contact1 .bot>img {
height: 32.6875rem;
}
#mapDiv{
z-index: 1;
}
#mapDiv h3 {
font-size: 22px;
}
.list_contact1 .bot .box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 37.5rem;
padding: 4.375rem 2.5rem;
background: rgba(199,0,12,0.9);
z-index: 9;
}
.tdt-infowindow-content-wrapper, .tdt-infowindow-tip{
display: none;
}
.list_contact1 .bot .box>img {
height: 20.125rem;
position: absolute;
left: 0;
bottom: 0;
}
.list_contact1 .bot .box .row {
align-items: center;
}
.list_contact1 .bot .box .row>div:last-child {
text-align: center;
}
.list_contact1 .bot .box .row>div:last-child .f16 {
margin-top: .9375rem;
}
.list_contact1 .bot .box .f26 {
margin-bottom: 1.875rem;
}
.list_contact1 .bot .box::after {
position: absolute;
content: "";
width: 5rem;
height: 5rem;
bottom: -2.5rem;
left: -2.5rem;
background: rgba(237, 13, 0, 0.6);
animation: rotate-anim 10s infinite linear;
-webkit-animation: rotate-anim 10s infinite linear;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
}
.list_contact1 .diz li {
display: flex;
align-items: center;
margin-bottom: 1.25rem;
}
.list_contact1 .diz li div:last-child {
width: calc(100% - 2.5rem - .625rem);
}
.list_contact1 .diz li .circle {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
margin-right: .625rem;
}
.list_contact1 .diz li .circle i {
color: #fff;
font-size: 1.125rem;
}
.list_contact2 {
padding: 5.9375rem 0 5rem 0;
}
.list_contact2 form ul {
margin: 0 -0.8125rem;
}
.list_contact2 form ul li {
float: left;
font-size: 1rem;
color: #686868;
display: flex;
align-items: center;
position: relative;
width: 33.33%;
padding: 0 .8125rem;
margin-bottom: 1.5625rem;
}
.list_contact2 form ul li .txt {
position: absolute;
left: 1.875rem;
top: .9375rem;
}
.list_contact2 form ul li .txt span {
color: red;
}
.list_contact2 form ul li input,
.list_contact2 form ul li textarea {
border: 1px solid #e8e8e8;
line-height: 3.125rem;
width: 100%;
padding-left: 1.875rem;
}
.list_contact2 form ul li .box {
display: flex;
}
.list_contact2 form ul li .box button {
border: none;
}
.list_contact2 form ul li:nth-child(4),
.list_contact2 form ul li:last-child {
width: 100%;
}
.list_contact2 form ul li:last-child {
display: flex;
justify-content: flex-end;
}
footer .top {
padding: 3.75rem 0;
background: rgba(0, 0, 0, 0.8);
}
footer .top .container{
margin-top: 0;
}
footer .top .logo {
height: 3.375rem;
margin-bottom: 2.8125rem;
}
footer .top .f18 {
margin-bottom: .9375rem;
}
footer .top .f16 {
color: rgba(255, 255, 255, 0.7);
text-transform: none;
}
footer .diz li >.f16{
width: calc(100% - 3.2rem);
}
footer .top ul li {
padding-bottom: .625rem;
color: #919191;
}
footer .top ul li a:hover {
color: #C7000C;
}
footer .top .diz li {
display: flex;
align-items: center;
}
footer .top .diz li .circle {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
margin-right: .625rem;
}
footer .top .diz li .circle i {
color: #fff;
font-size: 1.125rem;
}
footer .top .fl {
width: 13%;
}
footer .top .fl:nth-child(6) {
width: 22%;
}
footer .top .fr {
width: 13%;
text-align: center;
}
footer .top .fr .f16 {
margin-top: .9375rem;
}
footer .bot {
color: #BABABA;
text-align: center;
line-height: 4.6875rem;
background: rgba(0, 0, 0, 0.8);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer .bot a{
color: #BABABA;
}
footer .fr .left {
text-align: left;
}
.social-share .social-share-icon {
width: 40px;
height: 40px;
line-height: 40px;
border-color: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
}
.show_news .social-share .social-share-icon{
border-color: #999999;
color: #999999;
}.show_news .social-share .social-share-icon:hover {
color: #fff;
}
.ceib {
position: fixed;
bottom: 10%;
right: 2.5rem;
z-index: 444;
}
.ceib .box {
text-align: center;
}
.ceib .box img {
height: 3.125rem;
margin-left: .625rem;
margin-bottom: .625rem;
}
.ceib .box .f16 {
color: #C7000C;
transform: rotate(90deg);
}
.ceib .box .f16 i {
font-size: 1.875rem;
display: inline-block;
transform: rotateY(-180deg);
position: relative;
bottom: -2px;
}
.zltanc {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 9999;
display: none;
}
.zltanc .cont {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 33.75rem;
background: #fff;
}
.zltanc .cont .clearfix {
padding: 1.25rem 1.875rem;
background: #F9F9F9;
border-bottom: 1px solid #DCDCDC;
}
.zltanc .cont dl dd {
padding: 1.875rem 2.5rem 0 2.5rem;
}
.zltanc input,
.zltanc textarea {
border: 1px solid #e8e8e8;
line-height: 3.125rem;
width: 100%;
padding-left: .9375rem;
}
.flex_left {
display: flex;
}
#btnSendCode1 {
width: 30%;
padding-left: 0;
}
#yzm {
width: 70%;
}
.zltanc .ta {
margin: 1.875rem auto 0 auto;
padding: 1.875rem 0;
background: #F9F9F9;
border-top: 1px solid #DCDCDC;
text-align: center;
}
.zltanc .ta .more{
cursor: pointer;
}
.section03 .bg>div>img {
display: none !important;
}
@media (max-width: 1660px) {
body,
html {
font-size: calc(100vw / 110);
}
.container {
padding: 0 10rem;
}
.container_z {
padding: 0 0 0 10rem;
}
.list_about4 .next,
.list_about4 .prev {
right: 6.625rem;
}
.list_about4 .prev {
left: 6.625rem;
}
.next,
.prev {
right: 4rem;
}
.section02 .prev{
right: 9rem;
}
.prev {
left: 4rem;
}
}
@media (max-width: 1440px) {
body,
html {
font-size: calc(100vw / 100);
}
.container {
padding: 0 8rem;
}
.container_z {
padding: 0 0 0 8rem;
}
.list_about4 .next,
.list_about4 .prev {
right: 4.625rem;
}
.list_about4 .prev {
left: 4.625rem;
}
.next,
.prev {
right: 15px;
}
.section02 .prev{
right: 70px;
}
.prev {
left: 15px;
}
}
@media (max-width: 1366px) {
body,
html {
font-size: calc(100vw / 95);
}
.container {
padding: 0 6rem;
}
.container_z {
padding: 0 0 0 6rem;
}
.list_about4 .next,
.list_about4 .prev {
right: 2.625rem;
}
.list_about4 .prev {
left: 2.625rem;
}
}
@media (max-width: 1280px) {
body,
html {
font-size: calc(100vw / 90);
}
.container {
padding: 0 4rem;
}
.list_about4 .next,
.list_about4 .prev {
right: 0.625rem;
}
.list_about4 .prev {
left: 0.625rem;
}
.container2 {
padding: 0 30px;
}
.container_z {
padding: 0 0 0 4rem;
}
.nytitle {
font-size: 2.25rem;
line-height: 2.875rem;
}
.nyentitle {
font-size: 1.125rem;
line-height: 1.75rem;
}
.next, .prev {
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
}
.nybt {
margin-bottom: 1.875rem;
}
.section02,.section05{
padding-top: 2.5rem;
}
.section02 .yb .box .f26{
padding: 10px;
}
.section02 .swiper-num {
margin-top: 2rem;
}
.section05 .box {
padding: 1.875rem 3.75rem;
}
.section05 .mySwiper9 {
padding: 0.625rem 0 4rem 0.625rem;
}
footer .top .fl {
width: 12%;
}
footer .top .fr {
width: 16%;
}
.social-share .social-share-icon{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.zhengfx {
width: 5rem;
height: 5rem;
}
}
@media (max-width: 990px) {
body,
html {
font-size: 14px;
}
.container {
padding: 0 30px;
}
.container_z {
padding: 0 0 0 30px;
}
header,
footer {
display: none;
}
.phone_head,
.phone_foot {
display: block;
}
.section01 .swiper-slide>img {
width: 100% !important;
height: auto !important;
}
.section01 .box1 {
padding: 30px;
}
.section01 .scrool {
display: none;
}
.section01 .next,
.section01 .prev {
right: 20px;
bottom: 30px;
}
.section01 .prev {
right: 80px;
}
.section02 {
padding: 5rem 0;
}
.section03 {
height: 53rem;
}
.section03 .nybt {
margin: 30px 0;
}
.section03 .box .rect {
width: 26rem;
height: 26rem;
}
.section03 .box .pa50 {
width: 26rem;
}
.section04 {
padding: 80px 0;
}
.section .container {
margin-top: 0;
}
.ceib {
display: none !important;
}
.section02 .swiper-slide-active .f26 {
color: #fff;
}
}
@media (max-width: 770px) {
body,
html {
font-size: 16px;
}
.container,
.container2 {
padding: 0 15px;
}
.container_z {
padding: 0 15px;
}
.more {
line-height: 40px;
border-radius: 10px;
}
.more a {
font-size: 14px;
padding: 0 20px;
}
.nybt {
margin-bottom: 15px;
}
.nytitle,
.section01 .title,
.list_yyfa1 .title {
font-size: 22px;
line-height: 32px;
}
.nyentitle,
.section01 .entitle {
font-size: 14px;
line-height: 24px;
}
.list_news1 .top .box .f16 span {
font-size: 26px;
line-height: 36px;
}
.f48,
.f44,
.f40 {
font-size: 20px;
line-height: 30px;
}
.f30,
.section02 .f26,
.f26,
.list_yyfa1 .row .box .f24,
.f24,
.f22,
.f20,.f36,
.show_news .title {
font-size: 18px;
line-height: 28px;
}
.f18,
.section04 .f18,
.f16 {
font-size: 16px;
line-height: 26px;
}
.jiaru2 .box,
.list_pro1 .over,
.list_pro2,
.list_pro1 ul li .f18,
.list_zhil .box,
.list_renz .box,
.list_news1 .top .box,
.list_news2 ul li .box,
.jiaru1 .box,
.list_join2 .bot ul li .box,
.list_join2 .bot ul li .cont,
.list_contact1 .bot .box,
.section05 .box,
.list_yyfa1 .row .box {
padding: 15px;
}
.list_pro1,
.list_pro1 .ul .li,
.list_pro2 .box .f18,
.show_pro>div,
.list_zhil,
.show_news .middle,
.show_news,
.list_about1,
.jiaru2,
.list_about4,
.list_royu1,
.list_royu2,
.jiaru1,
.list_contact1,
.section02,
.section04,
.section05 .mySwiper9,
.list_yyfa1 {
padding: 15px 0;
}
.list_renz,
.list_news2,
.list_news1,
.list_about2,
.list_join2,
.list_contact2 {
padding: 15px 0 0 0;
}
.list_about1 .row>div:first-child {
padding-right: 0;
}
.section03 .yb {
padding-right: 15px;
text-align: center;
}
.section03 .yb ul {
display: inline-block;
}
.list_pro1 .ul .li:last-child {
padding-bottom: 0;
}
.list_pro1 .f40,
.list_news1 .top .box .f20,
.show_news .middle,
.section05 .box .f20 {
margin: 15px 0;
}
.show_news .middle img {
margin: 15px auto;
}
.sspro {
margin-top: 0;
}
.list_renz .box .more,
.list_about4 .bot .shang .f36,
.list_news2 ul li .yb,
.list_contact1 .bot .box .row>div:last-child .f16,
.section02 .swiper-num,
.section03 .box .pa50 .pr,
.section04 .zb .pr,
.section05 .box .pr {
margin-top: 15px;
}
.list_pro1 .f18m.list_pro2 .f48,
.list_pro1 .f18,
.show_pro .f40,
.list_zhil .box .f30,
.list_zhil .box .f18,
.list_zhil .row>div:first-child,
.list_renz .row>div,
.list_news2 ul li,
.list_news2 ul li .box .f20,
.section02 .f16,
.list_news1 .top .row>div,
.show_news .title,
.list_about1 .f24,
.list_about1 .f16,
.f110,
.list_join2 .bot ul li .cont .f18,
.list_join2 .bot ul li,
.list_contact1 .bot .box .f26,
.list_contact1 .diz li,
.list_contact2 form ul li,
.section04 .zb .pr,
.list_yyfa1 .row .box .f44,
.list_yyfa1 .row .box .f24,
.list_yyfa1 .title {
margin-bottom: 15px;
}
.list_pro1 ul li .f18,
.list_renz .box .flex img,
.list_news2 ul li .box .zb .f16 {
margin-right: 15px;
}
.show_news .f18 {
margin-right: 5px;
}
.list_renz .row {
margin: 0 -15px;
}
.list_renz .row>div {
padding: 0 15px;
}
.social-share a,
.show_news .bot {
margin: 0;
}
.list_royu1 .zhengfx,
.list_royu1 .next,
.list_royu1 .prev,
.list_join2 .bot ul li .box .fr:nth-child(3),
.section01 .box2,
.list_join2 .bot ul li .box .fr:nth-child(4),
.section01 .next,
.section01 .prev,
.section02 .bg3,
.section02 .zhengfx,
.section01 .title span,
.section01 .box3,
.section04 .zhengfx,
.section04 .txt,
.section05 ul,
.section05 .next,
.section05 .prev {
display: none;
}
.section05 .box .next {
opacity: 1;
}
.list_royu .swiper-container {
padding-bottom: 40px;
}
.section02 .next,.section02 .prev{
top: 0;
bottom: auto;
background: #000;
}
.section02 .prev{
right: 40px;
}
.section02 .category ul{
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.section02 .zb{
padding-right: 15px;
}
.section02 .category ul li{
width: calc((100% - 1px) / 2);
margin-right: 1px;
text-align: center;
}
.section02 .category ul li:nth-child(2n){
margin-right: 0;
}
.section02 .category ul li a{
width: 100%;
line-height: 2.375rem;
padding: 0;
background-color: #f2f2f2;
}
.section02 .swiper-container {
padding-top: 35px;
}
.section03 .box {
margin: 3rem 3rem 5rem 3rem;
}
.section03 .box .rect {
width: 16.5rem;
height: 16.5rem;
margin: 0 auto;
}
.section03 .box .pa50 {
width: 13.5rem;
left: 50%;
transform: translate(-50%, -50%);
}
.section03 .box .pa50 img {
width: 4rem;
height: 4rem;
margin-bottom: 15px;
}
.section03 .box .pa50 .tabox .f16{
font-size: 14px;
}
.section03 ul li a{
width: 10rem;
padding: 0 0.875rem;
}
.section03 .pa100{
object-fit: cover;
}
.section03 ul li {
width: 50%;
float: left;
}
.section03 .box .pa50 .next,
.section04 .zb .next {
background: none;
}
.section04 .bg {
width: 100%;
z-index: -1;
}
.list_contact2 form ul li {
width: 100% !important;
}
.list_contact1 .bot .box {
width: 100%;
position: relative;
top: 0;
transform: none;
margin-top: 15px;
}
.list_contact1 .bot>img {
height: auto;
}
.jiaru1 .box {
width: 90%;
left: 5%;
}
.jiaru1 .box>img {
height: 10.125rem;
}
.list_about2 ul li {
width: 100% !important;
margin-bottom: 15px;
}
.list_about2 ul li .over,
.list_about2 ul li .over img {
height: auto !important;
}
.list_about1 .bg {
bottom: 0;
height: 14.875rem;
}
.social-share .social-share-icon {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}
.show_news .bot .flex a {
display: flex;
}
.show_news .bot .f16 {
width: 80%;
}
.list_news2 ul li .zj {
width: 100%;
}
.list_news1 .top .box .Square,
.list_news2 ul li .zb,
.mbx {
display: none;
}
.show_pro .table-responsive .table tr td {
height: auto;
}
.list_news2 ul li .box .over {
margin-right: 0;
width: auto;
height: auto;
}
.list_renz .box .flex img {
height: 9.375rem;
}
.list_renz .box,
.list_news2 ul li .box {
flex-wrap: wrap;
}
.list_zhil .box img {
height: 12rem;
}
.list_pro1 ul li {
width: 50%;
margin-bottom: 15px;
}
.list_pro1 .over img {
width: 100%;
height: 16.5rem;
}
.list_pro1 ul li .f18 {
text-align: center;
}
.next,
.prev {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
background: #fff;
}
.next {
right: 0;
}
.prev {
left: 0;
}
.list_ban .pa50,
.bannav,
.pronav {
display: none;
}
.jiaru2 .swiper-container {
padding-bottom: 30px;
}
.jiaru2 .swiper-pagination {
display: block;
bottom: 0;
}
.jiaru2 .swiper-pagination-bullet {
background: #000;
}
.jiaru2 .swiper-pagination-bullet-active {
background: #C7000C;
}
.zltanc .cont {
width: 90%;
}
.zltanc .cont .clearfix {
padding: 15px;
}
.zltanc .cont dl dd {
padding: 15px 15px 0 15px;
font-size: 14px;
}
.zltanc .ta {
margin: 15px auto 0 auto;
padding: 15px 0;
}
.list_news1 .bg {
height: 8rem;
}
.list_about4 .next,
.list_about4 .prev {
color: #000;
}
.list_join2 .bot ul li .cont .moree a {
font-size: 14px;
white-space: nowrap;
}
.list_join2 .bot ul li .cont .f16 {
margin-bottom: 15px;
}
.list_join2 .bot ul li .cont i {
margin-right: 0;
padding: 5px;
}
.list_about4 .bot {
margin-top: 20px;
}
.list_about4 .bot .shang {
padding-bottom: 20px;
}
.list_about4 .bot .shang::after {
bottom: 1.9rem;
}
.list_about4 .bot .xia {
padding-bottom: 15px;
}
.list_about4 .next,
.list_about4 .prev {
top: 90%;
transform: translateY(-90%);
opacity: 1;
}
.list_about4 .bot .xia .swiper-slide-active .box .f16 {
font-size: 16px;
line-height: 26px;
}
.list_about4 .bot .xia .swiper-slide-active .box .f40 {
font-size: 30px;
line-height: 40px;
}
.list_about4 .bot .xia .box .f40 {
margin-bottom: 15px;
}
.list_about4 .bot .xia .swiper-slide-active .box .f40::after {
height: 2px;
}
.list_about4 .bot .xia .box {
padding: 15px;
}
/* .section03 .bg .pc{
display: none !important;
}
.section03 .bg .phone{
display: block;
} */
.section03 .bg>div {
background: none !important;
}
.section03 .bg>div>img {
display: block !important;
}
.section04 .nybt {
margin-bottom: 15px;
}
.section02 .swiper-slide-active .f26 {
color: #000;
}
}