html {
font-size: 100%;
width: 100%;
outline: none;
min-height: 100%;
position: relative;
}
body {
background: #fff;
font-family: arial, "Microsoft Yahei", "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
font-size: 14px;
font-weight: 400;
color: #373737;
text-align: left;
margin: auto;
width: 100%;
min-width: 1300px;
outline: none;
}
body,
div,
p,
input,
a,
span,
img,
ul,
li,
textarea,
select,
button {
outline: none;
}
a,
a:hover {
color: #373737;
text-decoration: none;
}
body,
div,
p,
span,
ul,
li,
a,
input,
textarea {
box-sizing: border-box;
}
.clearfix::after {
display: block;
content: '';
clear: both;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.left {
float: left;
}
.right {
float: right;
}
img {
border: none;
}
p {
margin: 0;
}
.boxShadow {
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
}
/* gShow */
.gShow {
opacity: 0;
}
@keyframes mymove {
from {
transform: translate3d(0, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes mymove
/* Safari and Chrome */
{
from {
transform: translate3d(0, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.fontFadeIn {
animation: 3s ease 0s 1 normal none running fontMove;
-webkit-animation: 3s ease 0s 1 normal none running fontMove;
}
@keyframes fontMove {
from {
transform: translate3d(-10%, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fontMove
/* Safari and Chrome */
{
from {
transform: translate3d(-10%, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
/* scaleImg */
.scaleImg {
overflow: hidden;
display: block;
}
.scaleImg img {
transition-duration: .6s;
-webkit-transition-duration:.6s;
display: block;
}
.scaleImg:hover img {
transform: scale(1.1);
/* filter: grayscale(0); */
}
/* banner */
.banner {
position: relative;
overflow: hidden;
}
.banner img {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
animation: 10s infinite alternate bannerMove;
-webkit-animation: 10s infinite alternate bannerMove;
display: block;
width: 100%;
}
@keyframes bannerMove {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes bannerMove
/*Safari and Chrome*/
{
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.1, 1.1);
}
}
/* content */
.content {
width: 1200px;
margin: 0 auto;
}
section{
margin-top: 158px;
}
/* header */
header{
background-color: #fff;
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
header .top{
border-bottom: 1px solid #DAE1E9;
height: 98px;
background-color: #fff;
}
header .top .logo{
margin-top: 18px;
}
header .top .txt{
margin-left: 15px;
padding-left: 14px;
border-left: 1px solid #CCCCCC;
margin-top: 30.5px;
}
header .top .txt img{
display: block;
}
header .top .cho{
margin-top: 22px;
}
header .top .cho .tel{
font-size: 26px;
color: #272727;
font-weight: bold;
line-height: 30px;
margin-top: 11px;
margin-right: 32px;
}
header .top .cho .tel img{
vertical-align: middle;
}
header .top .cho .btn{
width: 220px;
height: 55px;
background: #0466D4;
border-radius: 4px;
line-height: 54px;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: bold;
transition: .5s;
-webkit-transition:.5s;
}
header .top .cho .btn:hover{
opacity: .8;
}
header .top .cho .btn img{
vertical-align: middle;
margin-right: 5px;
}
header .nav{
display: flex;
justify-content: space-between;
background-color: #fff;
}
header .nav>li{
height: 60px;
position: relative;
}
header .nav>li>a{
line-height: 60px;
display: block;
position: relative;
background-color: #fff;
font-size: 16px;
transition: .5s;
-webkit-transition: .5s;
}
header .nav>li>a img{
vertical-align: middle;
filter: grayscale(1);
transition: .5s;
-webkit-transition: .5s;
}
header .nav>li::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #0466D4;
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
header .nav>li .tabs{
position: absolute;
top: 60px;
text-align: center;
line-height: 50px;
left: 50%;
z-index: -1;
transition: .5s;
-webkit-transition: .5s;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
header .nav>li .tabs a{
display: block;
width: 100%;
padding: 0 50px;
white-space: nowrap;
color: #666666;
background-color: #fff;
margin-left: -50%;
border-bottom: 1px solid #DAE1E9;
font-size: 15px;
transition: .5s;
-webkit-transition: .5s;
text-align: left;
}
header .nav>li .tabs a img{
vertical-align: middle;
margin-right: 7px;
margin-top: -5px;
}
header .nav>li .tabs a:last-child{
border-bottom: 0;
}
header .nav>li.on>a{
color: #0466D4;
}
header .nav>li.on>a::before{
opacity: 1;
}
header .nav>li:hover>a{
color: #0466D4;
}
header .nav>li .tabs a:hover{
color: #F41C26;
}
header .nav>li:hover>a img,
header .nav>li.on>a img{
filter: grayscale(0)
}
header .nav>li:hover .tabs{
transform: translateY(0);
-webkit-transform: translateY(0);
}
/* footer */
footer{
background-color: #222222;
background-image: url(../images/ft_01.png);
background-position: top right;
padding: 60px 0;
background-repeat: no-repeat;
}
.ft_1{
width: 420px;
border-right: 1px solid #444444;
}
.ft_1 .name{
font-size: 20px;
color: #F2F2F2;
font-weight: bold;
line-height: 20px;
margin-bottom: 7px;
}
.ft_1 .txt{
font-size: 15px;
color: #5A5A5A;
line-height: 15px;
margin-bottom: 20px;
}
.ft_1 .tel{
position: relative;
font-size: 24px;
color: #0566D4;
font-weight: bold;
line-height: 30px;
padding-left: 80px;
margin-bottom: 12px;
}
.ft_1 .tel span{
position: absolute;
left: 0;
top: 0;
font-weight: 400;
color: #5A5A5A;
font-size: 14px;
}
.ft_1 .info{
color: #AAAAAA;
line-height: 24px;
margin-bottom: 24px;
}
.ft_1 .info span{
color: #5A5A5A;
}
.ft_1 .qrCode>div{
width: 144px;
margin-right: 36px;
}
.ft_1 .qrCode>div img{
width: 110px;
}
.ft_1 .qrCode>div p{
writing-mode:lr-tb;
writing-mode:tb-rl;
width: 34px;
height: 110px;
text-align: center;
line-height: 34px;
border: 1px solid #343434;
border-left: 0;
float: left;
}
.ft_2{
width: 780px;
padding-left: 54px;
}
.ft_2 .nav{
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.ft_2 .nav ul li:first-child{
font-size: 18px;
line-height: 18px;
color: #F2F2F2;
padding-bottom: 24px;
position: relative;
margin-bottom: 20px;
}
.ft_2 .nav ul li:first-child::before{
content: "";
position: absolute;
width: 19px;
height: 2px;
background: #0662CC;
left: 0;
bottom: 0;
}
.ft_2 .nav ul li a{
display: block;
line-height: 36px;
color: #5A5A5A;
font-size: 15px;
}
.ft_2 .link{
position: relative;
font-size: 16px;
padding-left: 80px;
line-height: 16px;
}
.ft_2 .link span{
position: absolute;
top: 0;
left: 0;
color: #AAAAAA;
}
.ft_2 .link a{
color: #AAAAAA;
float: left;
position: relative;
padding: 0 8px;
border-right: 1px solid #AAAAAA;
margin-bottom: 12px;
}
.ft_2 .link a:last-child{
border-right: 0;
}
.ft_2 .keep,
.ft_2 .keep a{
color: #5A5A5A;
line-height: 14px;
}
/* home */
.home_1{
margin-bottom: 20px;
}
.home_1 .swiper-slide a,
.home_1 .swiper-slide img{
display: block;
width: 100%;
}
.home_2{
margin-bottom: 60px;
}
.home_2>div{
width: calc(50% - 10px);
background-size: 100% 100%;
height: 140px;
}
.home_21{
background-image: url(../images/index_04.jpg);
text-align: right;
padding: 24px 22px 0 0;
}
.home_2>div .tit{
font-size: 24px;
color: #0566D4;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
}
.home_2>div .txt{
color: #5A5A5A;
line-height: 14px;
}
.home_22{
background-image: url(../images/index_05.jpg);
padding: 24px 0 0 20px;
}
.home_2 .home_22 .tit,
.home_2 .home_22 .txt{
color: #FFFFFF;
}
.home .title{
padding-left: 14px;
border-left: 8px solid #0466D4;
position: relative;
z-index: 1;
}
.home .title .bg{
font-size: 90px;
line-height: 90px;
color: #F3F5F7;
font-weight: bold;
position: absolute;
top: 0;
left: 14px;
z-index: -1;
display: none;
}
.home .title .tit{
font-size: 36px;
line-height: 36px;
font-weight: bold;
color: #262626;
}
.home .title .txt{
color: #595959;
line-height: 14px;
margin-top: 12px;
}
.home .title .btn{
width: 160px;
height: 48px;
background: rgba(4, 102, 212, 0);
border: 1px solid #5A5A5A;
border-radius: 4px;
position: absolute;
bottom: 0;
right: 0;
line-height: 46px;
text-align: center;
font-size: 18px;
transition: .5s;
-webkit-transition: .5s;
}
.home .title .btn img{
vertical-align: middle;
margin-left: 14px;
margin-top: -2px;
}
.home .title .btn:hover{
background-color: #0466D4;
border-color: #0466D4;
color: #fff;
}
.home_3{
margin-bottom: 60px;
}
.home_3 .item{
position: relative;
width: 382px;
height: 190px;
background: #FAFBFD;
border: 1px solid #DAE1E9;
border-radius: 6px;
margin-right: 27px;
border: 1px solid #DAE1E9;
z-index: 1;
margin-top: 30px;
transition: .5s;
-webkit-transition: .5s;
padding: 20px 60px 0 24px;
}
.home_3 .item:nth-of-type(3n){
margin-right: 0;
}
.home_3 .item .bg{
border-radius: 4px;
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.home_3 .item .icon{
width: auto;
display: block;
margin-bottom: 30px;
}
.home_3 .item .tit{
font-size: 24px;
color: #474747;
line-height: 24px;
font-weight: bold;
transition: .5s;
-webkit-transition: .5s;
}
.home_3 .item .txt{
font-size: 14px;
line-height: 18px;
color: #777777;
margin-top: 12px;
transition: .5s;
-webkit-transition: .5s;
}
.home_3 .item .info2{
display: none;
}
.home_3 .item:hover{
background-color: #0466D4;
}
.home_3 .item:hover .info1{
display: none;
}
.home_3 .item:hover .info2{
display: block;
}
.home_3 .item:hover .tit,
.home_3 .item:hover .txt{
color: #fff;
}
.home_4{
margin-bottom: 60px;
}
.home_41{
margin-top: 30px;
padding-bottom: 30px;
}
.home_41 .swiper-slide a{
display: block;
border: 1px solid #DAE1E9;
}
.home_41 .swiper-slide a .mImg{
position: relative;
height: 300px;
}
.home_41 .swiper-slide a .mImg img{
width: 100%;
display: block;
}
.home_41 .swiper-slide a .mImg p{
font-size: 18px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
}
.home_41 .swiper-slide a .btn{
line-height: 50px;
border-top: 1px solid #0466D4;
text-align: center;
font-size: 16px;
background-color: #0466D4;
color: #fff;
}
.home_41 .swiper-slide a .btn img{
vertical-align: middle;
margin-left: 15px;
}
.home_41 .swiper-slide a .btn img:first-child{
display: none;
}
.home_41 .swiper-pagination{
bottom: 0;
}
.home_41 .swiper-pagination-bullet{
width: 15px;
height: 15px;
opacity: 1;
background-color: #6E6E6E;
}
.home_41 .swiper-pagination-bullet-active{
background-color: #F21400;
}
.home_5{
background-color: #F1F4F9;
padding: 60px 0;
}
.home_5 .title .bg{
color: #fff;
}
.home_51{
padding-top: 84px;
margin-top: -54px;
}
.home_51 .swiper-slide a{
display: block;
height: 140px;
position: relative;
background-color: #fff;
line-height: 140px;
text-align: center;
border-radius: 8px;
overflow: hidden;
}
.home_51 .swiper-slide a img{
vertical-align: middle;
}
.home_51 .swiper-slide a .info{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 8px;
font-size: 12px;
color: #fff;
line-height: 18px;
text-align: left;
padding: 15px 12px;
transform: scale(0);
-webkit-transform: scale(0);
transition: .5s;
-webkit-transition: .5s;
}
.home_51 .swiper-slide a .info .name{
margin-bottom: 12px;
}
.home_51 .swiper-button-btn{
width: 54px;
height: 54px;
top: 0;
margin-top: 0;
background-size: 17px 15px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.26);
transition: .5s;
-webkit-transition: .5s;
}
.home_51 .swiper-button-prev{
background-image: url(../images/index_13_1.png);
left: auto;
right: 74px;
}
.home_51 .swiper-button-next{
background-image: url(../images/index_13.png);
right: 0;
}
.home_51 .swiper-button-btn:hover{
background-color: #0466D4;
}
.home_51 .swiper-slide a:hover .info{
transform: none;
-webkit-transform: none;
}
.home_6{
background: url(../images/bg_01.jpg) center;
background-size: 1920px auto;
padding: 60px 0;
}
.home_61{
background-color: #fff;
border-radius: 12px;
width: 1030px;
padding: 60px 400px 40px 50px;
position: relative;
}
.home_61 .name{
font-size: 36px;
font-weight: bold;
line-height: 36px;
}
.home_61 .nameEn{
color: #BFBFBF;
line-height: 14px;
margin-top: 7px;
}
.home_61 .tit{
font-size: 24px;
line-height: 24px;
color: #F41B25;
margin-top: 15px;
position: relative;
padding-left: 114px;
}
.home_61 .tit::before{
content: "";
width: 100px;
height: 1px;
background-color: #F41B25;
position: absolute;
left: 0;
top: 50%;
margin-top: .5px;
}
.home_61 .txt{
font-size: 16px;
line-height: 32px;
color: #595959;
margin: 40px 0;
text-indent: 28px;
}
.home_61 .btn a{
float: left;
width: 160px;
height: 50px;
background: #0466D4;
border-radius: 4px;
margin-right: 16px;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #fff;
}
.home_61 .btn a img{
vertical-align: middle;
margin-left: 12px;
}
.home_61 .btn a:last-child{
background-color: #F41B25;
}
.home_6 .content{
position: relative;
}
.home_61 .mImg{
border-radius: 8px;
display: block;
width: 516px;
height: 379px;
object-fit: cover;
position: absolute;
top: 40px;
right: -170px;
}
.home_7{
background-color: #F1F4F9;
}
.home_7 .content{
display: flex;
justify-content: space-between;
align-items: center;
height: 110px;
position: relative;
}
.home_7 .item{
display: flex;
justify-content: space-between;
align-items: center;
}
.home_7 .item .info{
padding-left: 12px;
}
.home_7 .item .info p:first-child{
font-size: 22px;
font-weight: bold;
line-height: 22px;
letter-spacing: 5px;
margin-bottom: 7px;
}
.home_7 .item .info p:last-child{
color: #666666;
line-height: 14px;
}
.home_7 .item::before{
content: "";
position: absolute;
left: 25%;
height: 42px;
width: 1px;
background-color: #BFBFBF;
top: 50%;
margin-top: -21px;
}
.home_7 .item:nth-of-type(2)::before{
left: 50%;
}
.home_7 .item:nth-of-type(3)::before{
left: 75%;
}
.home_7 .item:nth-of-type(4)::before{
display: none;
}
.home_8{
padding: 60px 0;
}
.home_8 .title{
margin-bottom: 30px;
}
.home_81 .item{
display: block;
}
.home_81 .item img{
width: 100%;
display: block;
border-radius: 8px;
margin-bottom: 20px;
}
.home_81 .item .tit{
font-size: 18px;
line-height: 18px;
color: #474747;
font-weight: bold;
margin-bottom: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.home_81 .item .txt{
line-height: 24px;
color: #999999;
}
.home_81 .item .btn{
position: absolute;
right: 0;
bottom: 0;
color: #818181;
line-height: 24px;
padding-right: 20px;
}
.home_81 .item .btn span{
width: 16px;
height: 16px;
background-color: #0466D4;
position: absolute;
top: 4px;
right: 0;
}
.home_81 .item .btn span::before{
content: "";
position: absolute;
border: 4px solid;
border-color: transparent transparent transparent #fff;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -2px;
}
.home_81 .swiper-button-btn{
width: 60px;
height: 60px;
margin-top: -30px;
background-size: 17px 15px;
border-radius: 50%;
transition: .5s;
-webkit-transition: .5s;
background-color: rgba(0, 0, 0, 0.4);
}
.home_81 .swiper-button-prev{
background-image: url(../images/index_13_1.png);
}
.home_81 .swiper-button-next{
background-image: url(../images/index_13.png);
}
.home_81 .swiper-button-btn:hover{
background-color: #0466D4;
}
.home_9 img{
width: 100%;
display: block;
}
.home_10{
padding: 60px 0;
}
.home_101{
width: 50%;
position: relative;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
.home_101>div{
display: none;
}
.home_101>div.show{
display: block;
}
.home_101 .mImg{
display: block;
width: 100%;
height: 438px;
object-fit: cover;
}
.home_101 .times{
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: #0466D4;
text-align: center;
color: #FBFBFB;
padding-top: 20px;
}
.home_101 .times p:first-child{
font-size: 44px;
line-height: 44px;
margin-bottom: 2px;
}
.home_101 .times p:last-child{
line-height: 14px;
}
.home_101 .tit{
line-height: 64px;
width: 100%;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
bottom: 0;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 18px;
padding: 0 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.home_102{
width: 550px;
}
.home_102 .hd{
border-bottom: 1px solid #666666;
padding-bottom: 15px;
font-size: 26px;
line-height: 26px;
font-weight: bold;
color: #262626;
height: 42px;
}
.home_102 .hd .left span{
position: relative;
cursor: pointer;
}
.home_102 .hd .left span::before{
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -14px;
height: 3px;
background-color: #0466D4;
opacity: 0;
}
.home_102 .hd .left span.on{
color: #0466D4;
}
.home_102 .hd .left span.on::before{
opacity: 1;
}
.home_102 .hd .btn{
color: #818181;
line-height: 24px;
padding-right: 20px;
font-size: 14px;
font-weight: 400;
position: relative;
}
.home_102 .hd .btn span{
width: 16px;
height: 16px;
background-color: #0466D4;
position: absolute;
top: 4px;
right: 0;
}
.home_102 .hd .btn span::before{
content: "";
position: absolute;
border: 4px solid;
border-color: transparent transparent transparent #fff;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -2px;
}
.home_102 .center>div{
display: none;
}
.home_102 .center>div.show{
display: block;
}
.home_102 .center a{
display: block;
padding: 22px 0;
border-bottom: 1px solid #D4D4D4;
color: #B7B7B7;
height: 132px;
transition: .5s;
-webkit-transition: .5s;
}
.home_102 .center a .times{
width: 130px;
text-align: center;
padding-top: 13.5px;
}
.home_102 .center a .times p:first-child{
font-size: 44px;
line-height: 34px;
margin-bottom: 12px;
}
.home_102 .center a .times p:last-child{
line-height: 14px;
}
.home_102 .center a .info{
width: 420px;
}
.home_102 .center a .info p:first-child{
font-size: 18px;
font-weight: bold;
color: #474747;
margin-bottom: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
transition: .5s;
-webkit-transition: .5s;
}
.home_102 .center a .info p:last-child{
color: #999999;
line-height: 24px;
height: 48px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.home_102 .center a:hover,
.home_102 .center a:hover .info p:first-child{
border-color: #F41B25;
color: #F41B25;
}
/* bannerHd */
.bannerHd::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.bannerHd .info{
position: absolute;
left: 0;
text-align: center;
width: 100%;
top: 50%;
margin-top: -38px;
color: #fff;
z-index: 9;
}
.bannerHd .info p:first-child{
font-size: 48px;
line-height: 48px;
font-weight: bold;
margin-bottom: 12px;
}
.bannerHd .info p:last-child{
font-size: 16px;
line-height: 16px;
}
/* pContent */
.pContent{
position: relative;
}
.pContent::before{
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 200px;
background-color: #DAE1E9;
top: 0;
}
.pContent_1{
width: 200px;
padding-bottom: 110px;
}
.pContent_1>a{
display: block;
height: 90px;
padding: 24px 0 0 28px;
border-bottom: 1px solid #DAE1E9;
position: relative;
width: 178px;
border-radius: 2px;
transition: .5s;
-webkit-transition: .5s;
margin-top: 30px;
}
.pContent_1>a .tit{
font-size: 24px;
line-height: 24px;
color: #262626;
transition: .5s;
-webkit-transition: .5s;
}
.pContent_1>a .titEn{
line-height: 14px;
color: #999999;
margin-top: 7px;
transition: .5s;
-webkit-transition: .5s;
}
.pContent_1>a::before{
content: "";
position: absolute;
border: 8px solid;
border-color: transparent transparent transparent #0466D4;
top: 50%;
margin-top: -8px;
right: -16px;
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
.pContent_1>a::after{
content: "";
position: absolute;
top: 0;
height: 100%;
width: 3px;
background-color: #0466D4;
right: -26px;
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
.pContent_1>a:hover,
.pContent_1>a.on{
background-color: #0466D4;
}
.pContent_1>a:hover .tit,
.pContent_1>a.on .tit,
.pContent_1>a:hover .titEn,
.pContent_1>a.on .titEn{
color: #fff;
}
.pContent_1>a.on::before,
.pContent_1>a:hover::before{
opacity: 1;
}
.pContent_1>a.on::after{
opacity: 1;
}
.pContent_11{
margin: 30px 0 12px 0;
box-shadow: 0px 0px 7px 0px rgba(48, 48, 48, 0.13);
border-radius: 4px;
background-color: #fff;
padding: 0 14px;
width: 178px;
}
.pContent_11 .hd{
font-size: 24px;
line-height: 52px;
border-bottom: 1px solid #DAE1E9;
text-align: center;
}
.pContent_11 .rows{
position: relative;
padding: 10px 0 10px 40px;
font-size: 16px;
color: #666666;
}
.pContent_11 .rows p:last-child{
font-size: 14px;
font-weight: bold;
color: #262626;
}
.pContent_11 .rows .icon{
position: absolute;
left: 0;
top: 0;
line-height: 57px;
}
.pContent_11 .rows img{
width: 25px;
vertical-align: middle;
}
.pContent_12{
width: 178px;
}
.pContent_12 .qrCode{
height: 180px;
background-color: #F2F2F2;
}
.pContent_12 .qrCode .tit{
line-height: 36px;
text-align: center;
font-size: 16px;
}
.pContent_12 .qrCode img{
width: 130px;
display: block;
margin: 0 auto;
}
.pContent_12 .btn{
height: 50px;
background: #F41B25;
border-radius: 4px;
line-height: 50px;
display: block;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-top: 10px;
}
.pContent_2{
width: 1000px;
padding-bottom: 60px;
}
.pContent_2 .crumbs{
line-height: 62px;
color: #BFBFBF;
font-size: 12px;
border-bottom: 1px solid #DAE1E9;
}
.pContent_2 .crumbs a{
color: #BFBFBF;
}
/* floatWindow */
.floatWindow{
position: fixed;
z-index: 99;
right: 4px;
bottom: 20%;
}
.floatWindow a{
display: block;
width: 50px;
height: 50px;
background: #0466D4;
border-radius: 4px;
margin-bottom: 4px;
line-height: 50px;
text-align: center;
position: relative;
transition: .5s;
-webkit-transition: .5s;
}
.floatWindow a>img{
vertical-align: middle;
}
.floatWindow a.tel>div{
position: absolute;
right: 54px;
top: -54px;
background-color: #F41C26;
color: #fff;
white-space: nowrap;
line-height: 18px;
padding: 10px 0;
z-index: -1;
opacity: 0;
border-radius: 4px;
transform: translateX(100%) scale(0);
-webkit-transform: translateX(100%) scale(0);
}
.floatWindow a.tel>div .rows{
padding: 5px 9px;
}
.floatWindow a.tel>div .rows p:first-child{
font-weight: bold;
}
.floatWindow a>div::before{
content: "";
position: absolute;
width: 6px;
height: 50px;
right: -6px;
top: 54px;
background-color: #F41C26;
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
.floatWindow a:hover{
background-color: #F41C26;
}
.floatWindow a.tel:hover>div{
opacity: 1;
transform: translateX(0) scale(1);
-webkit-transform: translateX(0) scale(1);
transition: .5s;
-webkit-transition: .5s;
}
.floatWindow a:hover>div::before{
opacity: 1;
}
.floatWindow a.code>div{
position: absolute;
top: 0;
right: 54px;
background-color: #F41C26;
width: 117px;
padding: 5px;
border-radius: 4px 0 4px 4px;
z-index: -1;
opacity: 0;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.floatWindow a.code>div img{
display: block;
width: 107px;
}
.floatWindow a.code>div::before{
top: 0;
}
.floatWindow a.code>div p{
color: #fff;
line-height: 18px;
padding: 5px 0 0 0;
}
.floatWindow a.code>div p span{
display: block;
letter-spacing:7px;
}
.floatWindow a.code:hover>div{
opacity: 1;
transform: translateX(0);
-webkit-transform: translateX(0);
transition: .5s;
-webkit-transition: .5s;
}
.floatWindow a.top div{
position: absolute;
right: 48px;
white-space: nowrap;
color: #fff;
background-color: #F41C26;
top: 0;
line-height: 50px;
padding: 0 12px;
border-radius: 4px 0 0 4px;
z-index: -1;
opacity: 0;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.floatWindow a.top>div::before{
top: 0;
}
.floatWindow a.top:hover div{
opacity: 1;
transform: translateX(0);
-webkit-transform: translateX(0);
transition: .5s;
-webkit-transition: .5s;
}
/* about */
.about .center{
padding: 30px 0 80px 50px;
}
.about_1 .tit{
font-size: 36px;
font-weight: bold;
line-height: 36px;
color: #444444;
margin-bottom: 10px;
}
.about_1 .titEn{
font-size: 16px;
color: #BFBFBF;
line-height: 16px;
margin-bottom: 24px;
}
.about_1 .txt{
font-size: 16px;
line-height: 32px;
color: #5A5A5A;
text-indent: 28px;
}
.about_1 .imgList{
margin-top: 20px;
}
.about_1 .imgList>div{
width: 420px;
float: left;
}
.about_1 .imgList>div:nth-of-type(2n){
width: 510px;
margin-left: 20px;
}
.about_1 .imgList img{
width: 100%;
border-radius: 8px;
display: block;
height: 339px;
object-fit: cover;
margin-bottom: 10px;
}
.about_1 .imgList .video{
position: relative;
overflow: hidden;
border-radius: 8px;
}
.about_1 .imgList .video video{
width: 100%;
display: block;
height: 339px;
}
.about_1 .imgList .video .play{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
}
.about_1 .imgList .video.hide .play{
display: none;
}
.about_1 .imgList .video .play img{
width: auto;
height: auto;
cursor: pointer;
}
.about_2{
margin-top: 50px;
}
.about_2 .tit{
width: 220px;
height: 48px;
background: #0466D4;
line-height: 48px;
text-align: center;
font-size: 24px;
color: #fff;
}
.about_2 .txt{
color: #272727;
font-size: 16px;
line-height: 16px;
margin: 9px 0 24px 0;
}
.about_2 .txt a{
color: #F41C26;
font-weight: bold;
text-decoration: revert;
}
.about_21 .swiper-slide a{
display: block;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.about_21 .swiper-slide a img{
width: 100%;
display: block;
height: 179px;
object-fit: cover;
}
.about_21 .swiper-slide a p{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 40px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
}
.about_21 .swiper-button-btn{
width: 45px;
height: 45px;
margin-top: -22.5px;
background-color: rgba(0, 0, 0, 0.5);
background-size: 9px 15px;
border-radius: 50%;
transition: .5s;
-webkit-transition: .5s;
}
.about_21 .swiper-button-prev{
background-image: url(../images/about_08.png);
left: 0;
}
.about_21 .swiper-button-next{
background-image: url(../images/about_09.png);
right: 0;
}
.about_21 .swiper-button-btn:hover{
background-color: #0466D4;
}
/* honor */
.honor .center{
padding: 32px 0 80px 55px;
}
.honor_1 .item{
width: 210px;
height: 210px;
margin-right: 35px;
background-color: #F8F8F8;
margin-bottom: 24px;
transition: .5s;
-webkit-transition: .5s;
}
.honor_1 .item:nth-of-type(4n){
margin-right: 0;
}
.honor_1 .item a{
display: block;
height: 210px;
position: relative;
}
.honor_1 .item div{
height: 174px;
line-height: 174px;
text-align: center;
}
.honor_1 .item img{
vertical-align: middle;
width: auto;
height: auto;
max-width: 188px;
max-height: 174px;
object-fit: cover;
margin: 0 auto;
display: inline-block;
}
.honor_1 .item div:hover img{
transform: scale(1.2);
}
.honor_1 .item p{
color: #5A5A5A;
font-size: 12px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
line-height: 36px;
transition: .5s;
-webkit-transition: .5s;
}
.honor_1 .item:hover{
box-shadow: 0px 0px 29px 1px rgba(0, 0, 0, 0.18);
}
.honor_1 .item:hover p{
color: #F41C26;
}
/* pages */
.pages{
text-align: center;
}
.pages>div{
display: inline-block;
}
.pages a{
float: left;
width: 100px;
height: 32px;
background: #FFFFFF;
border: 1px solid #323232;
line-height: 30px;
color: #323232;
border-radius: 2px;
transition: .5s;
-webkit-transition: .5s;
}
.pages a:first-child{
margin-right: 52px;
}
.pages a:hover{
border-color: #0466D4;
background-color: #0466D4;
color: #fff;
}
.pages a.hide{
border-color: #C0C0C0;
color: #BFBFBF;
pointer-events: none;
cursor: default;
}
/* product */
.product .pContent_1>a{
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.product .pContent_1>a .tit{
font-size: 20px;
line-height: 30px;
text-align: justify;
text-align-last: justify;
}
.product .pContent_1>a .tit span{
display: block;
width: 100%;
}
.product .center{
padding: 26px 0 80px 44px;
}
.product_1 .name{
width: 260px;
height: 48px;
background: #0466D4;
line-height: 48px;
text-align: center;
color: #fff;
font-size: 24px;
margin-bottom: 18px;
}
.product_11{
width: 370px;
height: 222px;
overflow: hidden;
position: relative;
}
.product_11 video{
width: 100%;
height: 100%;
}
.product_11 .play{
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.product_11 .play img{
cursor: pointer;
}
.product_11.hide .play{
display: none;
}
.product_11 .close{
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
display: none;
}
.product_11.hide .close{
display: block;
}
.product_12{
width: 545px;
line-height: 32px;
color: #5A5A5A;
font-size: 16px;
text-indent: 28px;
}
.product_13{
margin-top: 40px;
padding-bottom: 30px;
border-bottom: 4px solid #C0C0C0;
}
.product_13 .tit{
position: relative;
padding-left: 24px;
font-size: 24px;
color: #5A5A5A;
margin-bottom: 15px;
}
.product_13 .tit::before{
content: "";
position: absolute;
width: 12px;
height: 12px;
background-color: #F41C26;
left: 0;
top: 50%;
margin-top: -6px;
}
.product_13 .txt{
line-height: 32px;
color: #5A5A5A;
font-size: 16px;
text-indent: 28px;
}
.product_2{
padding-top: 10px;
}
.product_2 .item{
border: 1px solid #DAE1E9;
width: 230px;
margin-top: 20px;
margin-right: 12px;
}
.product_2 .item:nth-of-type(4n){
margin-right: 0;
}
.product_2 .item .mImg{
position: relative;
height: 240px;
}
.product_2 .item .mImg img{
width: 100%;
display: block;
height: 228px;
object-fit: cover;
}
.product_2 .item .mImg p{
font-size: 16px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
}
.product_2 .item .btn{
line-height: 50px;
border-top: 1px solid #0466D4;
text-align: center;
font-size: 16px;
color: #fff;
background-color: #0466D4;
}
.product_2 .item .btn img{
vertical-align: middle;
margin-left: 15px;
}
.product_2 .item .btn img:first-child{
display: none;
}
/* productDetail */
.productDetail .center{
padding: 36px 0 80px 40px;
}
.productDetail_11 {
width: 380px;
}
.productDetail_11 .swiper1{
border: 1px solid #E2E2E2;
}
.productDetail_11 .swiper1 .swiper-slide{
height: 380px;
line-height: 378px;
/* background-color: #F2F2F2; */
}
.productDetail_11 .swiper1 .swiper-slide img{
width: 100%;
display: block;
height: 378px;
object-fit: cover;
}
.productDetail_11 .swiper1 video{
width: 100%;
height: 100%;
}
.productDetail_11 .swiper1 .play{
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.productDetail_11 .swiper1 .play img{
position: absolute;
bottom: 20px;
right: 20px;
cursor: pointer;
width: 40px;
height: 40px;
}
.productDetail_11 .swiper1 .swiper-slide.hide .play{
display: none;
}
.productDetail_11 .swiper1 img.close{
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
display: none;
width: 32px;
filter: drop-shadow(#ffffff 80px 0);
height: 32px;
}
.productDetail_11 .swiper1 .swiper-slide.hide img.close{
display: block;
}
.productDetail_11 .swiper{
position: relative;
padding: 0 22px;
margin-top: 7px;
}
.productDetail_11 .swiper .swiper-container{
position: initial;
}
.productDetail_11 .swiper2 .swiper-slide{
border: 1px solid #E2E2E2;
border-radius: 2px;
}
.productDetail_11 .swiper2 .swiper-slide img{
width: 100%;
display: block;
height: 74.5px;
}
.productDetail_11 .swiper2 .swiper-slide-thumb-active{
border: 1px solid #F41C26;
}
.productDetail_11 .swiper2 .swiper-button-btn{
width: 11px;
height: 22px;
background-size: 11px 22px;
margin-top: -11px;
}
.productDetail_11 .swiper2 .swiper-button-prev{
background-image: url(../images/pro_07.png);
left: 0;
}
.productDetail_11 .swiper2 .swiper-button-next{
background-image: url(../images/pro_08.png);
right: 0;
}
.productDetail_11 .swiper2 .swiper-button-prev:hover{
background-image: url(../images/pro_07_1.png);
}
.productDetail_11 .swiper2 .swiper-button-next:hover{
background-image: url(../images/pro_08_1.png);
}
.productDetail_12{
width: 530px;
}
.productDetail_12 .name{
font-size: 30px;
line-height: 54px;
font-weight: bold;
}
.productDetail_12 .des{
color: #9A9A9A;
font-size: 16px;
line-height: 16px;
padding-bottom: 22px;
border-bottom: 1px dashed #B6B6B6;
margin-bottom: 12px;
}
.productDetail_12 .info{
padding-bottom: 12px;
border-bottom: 1px dashed #B6B6B6;
}
.productDetail_12 .info p{
position: relative;
line-height: 36px;
font-size: 16px;
color: #5A5A5A;
min-height: 36px;
}
.productDetail_12 .info p span{
font-size: 18px;
font-weight: bold;
}
.productDetail_12 .btn{
margin: 20px 0 24px 0;
}
.productDetail_12 .btn a{
height: 48px;
background: #0466D4;
border-radius: 4px;
float: left;
line-height: 48px;
color: #fff;
padding: 0 30px;
font-size: 18px;
font-weight: bold;
margin-right: 8px;
}
.productDetail_12 .btn a.cForm{
background-color: #F41C26;
}
.caseForm{
position: fixed;
z-index: -1;
top: 0;
bottom: 0;
width: 100%;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
.caseForm.show{
z-index: 999;
opacity: 999;
}
.caseForm form{
position: absolute;
left: 50%;
top: 50%;
margin-top: -157.5px;
margin-left: -285px;
width: 570px;
border-radius: 4px;
padding: 40px 30px;
background-color: #fff;
box-sizing:border-box;
}
.caseForm form .close{
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
.caseForm .f1{
padding-top: 11px;
}
.caseForm .f1 .code{
width: 168px;
height: 168px;
line-height: 166px;
border: 1px solid #EBEBEB;
border-radius: 4px;
text-align: center;
margin-bottom: 16px;
}
.caseForm .f1 .code img{
width: 147px;
height: 147px;
vertical-align: middle;
}
.caseForm .f1 .tit{
position: relative;
z-index: 1;
font-size: 16px;
line-height: 16px;
padding-bottom: 12px;
text-align: center;
}
.caseForm .f1 .tit span{
position: absolute;
width: 100%;
text-align: left;
left: 0;
bottom: 0;
font-size: 30px;
color: #EBEBEB;
font-weight: bold;
line-height: 24px;
letter-spacing: 2px;
z-index: -1;
}
.caseForm .f2{
width: 302px;
border-left: 1px solid #EBEBEB;
padding-left: 32px;
}
.caseForm .f2 .tit{
line-height: 32px;
font-size: 16px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.caseForm .fra{
margin-bottom: 10px;
position: relative;
border: 1px solid #EBEBEB;
border-radius: 4px;
height: 40px;
line-height: 38px;
padding-left: 72px;
}
.caseForm .fra label{
padding-left: 12px;
color: #999999;
position: absolute;
top: 0;
left: 0;
}
.caseForm .fra label img{
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}
.caseForm .fra label span{
color: #F31822;
}
.caseForm .fra input{
width: 100%;
border: 0;
padding: 0 12px;
}
.caseForm .f2 button{
width: 100%;
height: 40px;
background: #0365D3;
border-radius: 4px;
margin-top: 10px;
border: 0;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.caseForm .f2 .txt{
padding: 0 12px;
font-size: 12px;
text-align: center;
line-height: 18px;
color: #BBBBBB;
margin-top: 7px;
}
.productDetail_12 .link{
display: block;
}
.productDetail_12 .link .mImg{
width: 78px;
height: 78px;
line-height: 74px;
border: 1px solid #E5E5E5;
text-align: center;
}
.productDetail_12 .link .mImg img{
width: 74px;
height: 74px;
vertical-align: middle;
}
.productDetail_12 .link .txt{
width: 280px;
margin-left: 22px;
line-height: 20px;
color: #656565;
}
.productDetail_12 .link .txt p:first-child{
font-size: 18px;
font-weight: bold;
line-height: 36px;
}
.productDetail_12 .link .txt p:last-child{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.productDetail_12 .link2 a{
float: left;
width: calc(25% - 6px);
margin-right: 8px;
border: 1px solid #999999;
}
.productDetail_12 .link2 a:last-child{
margin-right: 0;
}
.productDetail_12 .link2 a img{
width: 100%;
height: 124px;
object-fit: cover;
display: block;
}
.productDetail_2{
margin-top: 30px;
}
.productDetail_2 .hd{
height: 50px;
background-color: #F5F5F5;
line-height: 48px;
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.productDetail_2 .hd span{
font-size: 18px;
font-weight: bold;
margin: 0 35px;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: .5s;
-webkit-transition: .5s;
}
.productDetail_2 .hd span.on,
.productDetail_2 .hd span:hover{
color: #0465D3;
}
.productDetail_2 .hd span.on{
border-bottom-color: #0465D3;
}
.productDetail_2 .content{
width: 100%;
}
.productDetail_2 .content>div{
display: none;
}
.productDetail_2 .content>div.show{
display: block;
}
.productDetail_2 .content .bg{
width: auto;
max-width: 100%;
display: block;
margin: 0 auto 20px auto;
}
.productDetail_2 .content .info{
margin-bottom: 30px;
}
.productDetail_2 .content .info .tit{
font-size: 22px;
font-weight: bold;
padding-left: 12px;
line-height: 22px;
color: #595959;
border-left: 4px solid #0365D3;
}
.productDetail_2 .content .info .txt{
padding-left: 16px;
font-size: 16px;
color: #595959;
line-height: 24px;
text-indent: 28px;
}
.productDetail_2 .content .info .txt p{
margin-top: 15px;
}
.productDetail_2 .content .info .txt .red{
color: #F31B25;
font-weight: bold;
}
.productDetail_2 .content .info .des{
margin-top: 15px;
}
.productDetail_2 .content .info .des>p{
position: relative;
font-size: 16px;
color: #595959;
line-height: 30px;
padding-left: 18px;
}
.productDetail_2 .content .info .des>p::before{
content: "";
position: absolute;
left: 0;
top: 11px !important;
margin-top: 0 !important;
width: 8px;
height: 8px;
background: #F31B25;
}
.productDetail_2 .content .info .list{
margin-top: 20px;
}
.productDetail_2 .content .info .list .item{
width: calc(50% - 2px);
line-height: 46px;
background-color: #9BC1ED;
padding: 0 20px;
margin-bottom: 4px;
font-size: 16px;
}
.productDetail_2 .content .info .list .item:nth-of-type(2n){
float: right;
}
.productDetail_2 .content .info .list .item:nth-of-type(4n-1),
.productDetail_2 .content .info .list .item:nth-of-type(4n){
background-color: #F1F1F1;
}
.productDetail_2 .content .info .tits{
position: relative;
padding-left: 53px;
line-height: 26px;
color: #595959;
}
.productDetail_2 .content .info .tits b{
font-size: 16px;
position: absolute;
left: 0;
top: 0;
}
.productDetail_2 .content .info .tits span{
float: left;
background-color: #F1F1F1;
padding: 0 15px;
margin-right: 10px;
margin-bottom: 7px;
}
.productDetail_2 table{
border-spacing:0;
}
/* news */
.news .center{
padding: 0 0 80px 54px;
}
.news .pages{
margin-top: 30px;
}
.news_1 .rows{
padding: 30px 0;
border-bottom: 1px dashed #B5B5B5;
display: block;
transition: .5s;
-webkit-transition: .5s;
}
.news_1 .rows .info{
width: 690px;
}
.news_1 .rows .info .tit{
font-size: 20px;
font-weight: bold;
line-height: 20px;
margin-bottom: 20px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
transition: .5s;
-webkit-transition: .5s;
}
.news_1 .rows .info .txt{
line-height: 24px;
color: #656565;
margin-bottom: 24px;
}
.news_1 .rows .info .des{
line-height: 18px;
}
.news_1 .rows .info .des span{
float: left;
margin-right: 20px;
color: #999999;
}
.news_1 .rows .info .des span img{
vertical-align: middle;
margin-right: 2px;
margin-top: -3px;
}
.news_1 .rows .info .des span:first-child{
color: #0465D3;
}
.news_1 .rows .mImg{
width: 182px;
height: 119px;
border-radius: 8px;
object-fit: cover;
}
.news_1 .rows:hover{
border-bottom-color: #F31B25;
padding-left: 20px;
}
.news_1 .rows:hover .info .tit{
color: #F31B25;
}
/* newsDetail */
.newsDetail .pContent{
padding: 30px 0 80px 0;
}
.newsDetail .pContent::before{
display: none;
}
.newsDetail .crumbs,
.newsDetail .crumbs a{
color: #BFBFBF;
}
.newsDetail .center{
margin-top: 30px;
}
.newsDetail_1{
width: 840px;
position: relative;
}
.newsDetail_1 .title{
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #D9E1E9;
margin-bottom: 30px;
}
.newsDetail_1 .title .tit{
font-size: 24px;
font-weight: bold;
line-height: 24px;
margin-bottom: 20px;
}
.newsDetail_1 .title .des{
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.newsDetail_1 .title .des span{
display: block;
margin: 0 20px;
color: #999999;
}
.newsDetail_1 .title .txt{
line-height: 24px;
color: #656565;
}
.newsDetail_1 .text img{
width: auto;
max-width: 100%;
display: block;
margin: 0 auto;
}
.newsDetail_1 .text .imgTit{
color: #656565;
line-height: 14px;
margin-top: 8px;
text-align: center;
}
.newsDetail_1 .text .txt{
line-height: 30px;
font-size: 16px;
margin: 20px 0;
}
.newsDetail_1 .text .tits{
position: relative;
padding-left: 53px;
line-height: 26px;
color: #595959;
margin-top: 40px;
}
.newsDetail_1 .text .tits b{
font-size: 16px;
position: absolute;
left: 0;
top: 0;
}
.newsDetail_1 .text .tits span{
float: left;
background-color: #F1F1F1;
padding: 0 15px;
margin-right: 10px;
margin-bottom: 7px;
}
.nPages{
margin-top: 20px;
}
.nPages .item{
width: 400px;
border: 1px solid #D9E1E9;
border-right: 0;
padding: 20px 40px 20px 20px;
}
.nPages .item .tit{
font-size: 16px;
line-height: 16px;
color: #595959;
margin-bottom: 16px;
}
.nPages .item a{
font-size: 18px;
line-height: 30px;
font-weight: bold;
display: block;
height: 60px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.nPages .btn{
width: 40px;
background-color: #0365D3;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 40px;
height: 134px;
writing-mode: lr-tb;
writing-mode: tb-rl;
letter-spacing: 5px;
}
.newsDetail_2{
width: 288px;
}
.newsDetail_21{
margin-bottom: 30px;
}
.newsDetail_21 .title{
padding-left: 15px;
border-left: 6px solid #0365D3;
}
.newsDetail_21 .title p:first-child{
font-size: 24px;
font-weight: bold;
line-height: 24px;
margin-bottom: 7px;
}
.newsDetail_21 .title p:last-child{
line-height: 14px;
color: #595959;
}
.newsDetail_21 .rows{
margin-top: 18px;
display: block;
}
.newsDetail_21 .rows img{
width: 100px;
height: 74px;
object-fit: cover;
border-radius: 4px;
}
.newsDetail_21 .rows .info{
width: 172px;
float: right;
}
.newsDetail_21 .rows .info p:first-child{
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
transition: .5s;
-webkit-transition: .5s;
}
.newsDetail_21 .rows .info p:last-child{
font-size: 12px;
color: #999999;
line-height: 20px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.newsDetail_21 .rows:hover .info p:first-child{
color: #F31B25;
}
.newsDetail_2 .item{
border: 1px solid #DAE1E9;
width: 100%;
display: block;
}
.newsDetail_2 .item .mImg{
position: relative;
height: 300px;
}
.newsDetail_2 .item .mImg img{
width: 100%;
display: block;
}
.newsDetail_2 .item .mImg p{
font-size: 16px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
}
.newsDetail_2 .item .btn{
line-height: 50px;
border-top: 1px solid #0466D4;
text-align: center;
font-size: 16px;
background-color: #0466D4;
color: #fff;
}
.newsDetail_2 .item .btn img{
vertical-align: middle;
margin-left: 15px;
}
.newsDetail .caseBtn{
position: absolute;
width: 40px;
height: 231px;
background-image: url('../images/news_07.png');
top: 0;
left: -50px;
writing-mode: lr-tb;
writing-mode: tb-rl;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 41px;
padding-top: 30px;
letter-spacing: 1px;
cursor: pointer;
}
/* service */
.service .center{
padding: 32px 0 80px 50px;
}
.service_1{
margin-bottom: 48px;
}
.service_1 .tit{
line-height: 34px;
color: #818181;
margin-bottom: 24px;
}
.service_1 .tit span{
font-size: 36px;
color: #000000;
font-weight: bold;
}
.service_1 .txt{
font-size: 16px;
line-height: 30px;
text-indent: 28px;
}
.service_1 .tits{
font-size: 16px;
line-height: 16px;
margin-top: 7px;
font-weight: bold;
text-indent: 28px;
}
.service_2{
margin-bottom: 48px;
}
.service_2 .hd{
position: relative;
font-weight: bold;
font-size: 20px;
padding-left: 30px;
line-height: 20px;
}
.service_2 .hd::before{
content: "";
position: absolute;
width: 14px;
height: 14px;
background: #F41B25;
left: 0;
top: 3px;
}
.service_2 .item{
width: 185px;
height: 220px;
background-color: #F2F2F2;
border-radius: 8px;
margin-top: 24px;
position: relative;
padding: 18px 20px 0 20px;
z-index: 1;
margin-right: 52.5px;
}
.service_2 .item .icon{
width: 70px;
height: 70px;
background: #0466D4;
border-radius: 4px;
margin: 0 auto 18px auto;
line-height: 70px;
text-align: center;
z-index: 1;
}
.service_2 .item .icon img{
vertical-align: middle;
}
.service_2 .item .icon .nums{
position: absolute;
width: 46px;
height: 46px;
padding-right: 8px;
background: #DDDDDD;
border-radius: 50%;
line-height: 46px;
text-align: center;
font-size: 20px;
color: #595959;
top: 31px;
left: 29px;
z-index: -1;
}
.service_2 .item .tit{
font-size: 16px;
line-height: 16px;
font-weight: bold;
text-align: center;
}
.service_2 .item .txt{
margin-top: 16px;
color: #777777;
font-size: 12px;
line-height: 18px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.service_2 .item .arrow{
position: absolute;
top: 50%;
left: calc(100% + 15px);
margin-top: -13px;
}
.service_2 .item:last-child .arrow{
display: none;
}
.service_3 .item{
height: 185px;
}
.service_3 .item .txt{
position: relative;
margin-top: 22px;
line-height: 30px;
font-size: 20px;
z-index: 1;
color: #595959;
text-align: center;
}
.service_3 .item .txt span{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
font-size: 36px;
color: #E5E5E5;
font-weight: bold;
}
/* case */
.case .center{
padding: 30px 0 80px 44px;
}
.case .service_1{
margin-bottom: 0;
}
.case_1{
padding-bottom: 40px;
border-bottom: 1px solid #DAE1E9;
margin-bottom: 20px;
}
.case_1 .item{
position: relative;
margin-bottom: 24px;
width: 292px;
margin-right: 40px;
display: block;
}
.case_1 .item:nth-of-type(3n){
margin-right: 0;
}
.case_1 .item img{
width: 100%;
display: block;
border-radius: 8px;
height: 192px;
object-fit: cover;
margin-bottom: 14px;
}
.case_1 .item .tit{
font-size: 18px;
line-height: 18px;
font-weight: bold;
color: #474747;
margin-bottom: 12px;
transition: .5s;
-webkit-transition: .5s;
}
.case_1 .item .txt{
color: #999999;
line-height: 24px;
}
.case_1 .item:hover .tit{
color: #F41B25;
}
.case_2 .tit{
font-size: 24px;
color: #595959;
line-height: 24px;
position: relative;
padding-left: 24px;
}
.case_2 .tit::before{
width: 12px;
height: 12px;
background: #F41B25;
position: absolute;
left: 0;
top: 6px;
content: "";
}
.case_2 .item{
border: 1px solid #DAE1E9;
width: 230px;
margin-top: 20px;
margin-right: 12px;
}
.case_2 .item:nth-of-type(4n){
margin-right: 0;
}
.case_2 .item .mImg{
position: relative;
height: 240px;
}
.case_2 .item .mImg img{
width: 100%;
display: block;
height: 228px;
object-fit: cover;
}
.case_2 .item .mImg p{
font-size: 16px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
width: 100%;
bottom: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding: 0 12px;
}
.case_2 .item .btn{
line-height: 50px;
border-top: 1px solid #0466D4;
text-align: center;
font-size: 16px;
color: #fff;
background-color: #0466D4;
}
.case_2 .item .btn img{
vertical-align: middle;
margin-left: 15px;
}
.case_2 .item .btn img:first-child{
display: none;
}
/* contact */
.contact_1{
height: calc(100vh - 158px);
position: relative;
}
.contact_1 iframe{
display: block;
width: 100%;
height: calc(100vh - 158px);
}
.contact_1 .info{
position: absolute;
width: 600px;
height: 440px;
z-index: 9;
background-color: #fff;
box-shadow: 0px 0px 16px 0px rgba(16, 4, 8, 0.22);
top: 50%;
margin-top: -250px;
right: 50%;
margin-right: -600px;
padding: 60px 40px 0 40px;
}
.contact_1 .info .hd{
margin-bottom: 30px;
}
.contact_1 .info .hd .tit{
font-size: 24px;
font-weight: bold;
line-height: 24px;
margin-bottom: 7px;
}
.contact_1 .info .hd .titEn{
border-bottom: 1px solid #0466D4;
margin-bottom: 7px;
}
.contact_1 .info .hd .titEn span{
display: inline-block;
padding: 0 7px;
line-height: 18px;
color: #fff;
background-color: #0466D4;
font-size: 12px;
letter-spacing: 3px;
}
.contact_1 .info .hd .tits{
color: #F41C26;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}
.contact_1 .info .name{
font-size: 20px;
font-weight: bold;
line-height: 20px;
margin-bottom: 5px;
}
.contact_1 .info .sup{
font-size: 16px;
line-height: 16px;
color: #666666;
margin-bottom: 18px;
}
.contact_1 .info .txt{
position: relative;
line-height: 24px;
padding-left: 86px;
font-size: 16px;
margin-bottom: 12px;
}
.contact_1 .info .txt2{
padding-left: 126px;
}
.contact_1 .info .txt .lable{
font-size: 18px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
}
.contact_1 .info .txt .lable img{
vertical-align: middle;
margin-right: 5px;
margin-top: -2px;
}
.contact_1 .info .txt.tel p{
font-weight: bold;
color: #0466D4;
}
.contact_1 .info .qrCode{
position: absolute;
right: 40px;
top: 130px;
color: #999999;
}
.contact_1 .info .qrCode img{
display: block;
width: 84px;
margin-bottom: 5px;
}
.productDetail_11 .swiper2 .swiper-slide video{
width: 100%;
display: block;
height: 74.5px;
}