/*html,body{
font-family: "Microsoft YaHei" !important;
}
ul,li{
padding: 0;
list-style: none;
margin-bottom: 0;
}
a{
cursor: pointer;
transition: all 0.2s;
}
a:hover{
text-decoration: none;
}
img{
transition: all 0.2s;
}
a:hover img{
transform: scale(1.1);
}
p{
margin-bottom: 0;
}
@media (min-width: 1200px){
.container{
max-width: 1300px;
}
}*/
#map{
width: 100%;
height: 348px;
background: #333333;
margin-top: 0px;
}
/*
* 全局样式
*/
.all-title-body{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.all-title-en{
font-size: 64px;
font-weight: bold;
color: #EEEEEE;
opacity: 0.4;
}
.all-title-cn{
font-size: 35px;
font-weight: bold;
position: relative;
padding-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-top: -50px;
}
.all-title-cn::after{
content: '';
width: 57px;
height: 4px;
background: #3056D3;
border-radius: 2px;
position: absolute;
bottom: 0;
}
.all-title-des{
max-width: 597px;
font-size: 16px;
color: #888888;
font-weight: bold;
line-height: 28px;
margin-top: 24px;
text-align: center;
}
header{
width: 100%;
height: 105px;
position: fixed;
top: 0;
left: 0;
border-bottom: 2px solid #A0A0A0;
z-index: 999;
}
.header-container{
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo{
width: 239px;
height: 74px;
}
.logo a,
.logo img{
width: 100%;
height: 100%;
}
.nav{
height: 100%;
}
.nav ul{
height: 100%;
display: flex;
align-items: center;
}
.nav ul li{
margin-right: 40px;
}
.nav ul li:last-of-type{
margin-right: 0;
}
.nav ul li a{
font-size: 20px;
font-weight: bold;
color: #ffffff;
}
footer{
margin-top: 140px;
background: url("../image/footer.png") no-repeat;
background-size: 100% 100%;
}
.company-info-nr{
padding-top: 53px;
border-right: 2px solid rgba(255, 255, 255, .2);
}
.footer-logo{
display: flex;
margin-bottom: 39px;
}
.footer-logo img{
width: 121px;
height: 38px;
}
.company-info-name{
font-size: 18px;
font-weight: bold;
margin-bottom: 38px;
color: #FFFFFF;
}
.company-info-des{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.footer-nav{
padding-top: 63px;
border-right: 2px solid rgba(255, 255, 255, .2);
}
.footer-nav p{
font-size: 18px;
font-weight: bold;
margin-bottom: 38px;
color: #FFFFFF;
padding-left: 25px;
}
.footer-nav ul{
padding-left: 25px;
}
.footer-nav ul li{
margin-bottom: 10px;
margin-right: 47px;
}
.footer-nav ul li a{
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.f-contact{
padding-top: 63px;
border-right: 2px solid rgba(255, 255, 255, .2);
}
.f-contact p{
font-size: 18px;
font-weight: bold;
margin-bottom: 38px;
color: #FFFFFF;
}
.f-contact span{
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
display: flex;
margin-bottom: 18px;
}
.company-info-nr,.footer-nav.f-contact{
padding-bottom: 79px;
}
.f-bottom{
width: 100%;
border-top: 2px solid rgba(255, 255, 255, .2);
text-align: center;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding-top: 39px;
padding-bottom: 22px;
}
.f-bottom a{
color: #FFFFFF;
margin-left: 20px;
}
.rwm-box{
display: flex;
padding-top: 63px;
}
.rwm{
margin-right: 43px;
}
.rwm-box p{
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 23px;
}
.mbx{
height: 80px;
background: #FFFFFF;
margin-bottom: 42px;
display: flex;
align-items: center;
background: url("../image/mbx-bg.png") no-repeat center bottom;
background-size: 100% 100%;
}
.mbx span{
color: #999999;
font-size: 18px;
margin-right: 14px;
display: flex;
align-items: center;
}
.mbx span img{
margin-right: 5px;
}
.mbx-ul{
display: flex;
align-items: center;
}
.mbx a{
color: #000000;
}
/*首页*/
.banner{
width: 100%;
height: 958px;
position: relative;
}
.banner img{
max-width: 100%;
height: 100%;
}
.banner-text-body{
position: absolute;
top: 332px;
}
.banner-text-body p{
font-size: 53px;
font-weight: bold;
color: #ffffff;
}
.banner-text-body span{
display: block;
font-size: 29px;
font-weight: bold;
color: #ffffff;
margin-top: 46px;
margin-bottom: 60px;
}
.banner-btn{
width: 322px;
height: 85px;
background: #FFFFFF;
border-radius: 43px;
display: flex;
align-items: center;
justify-content: center;
color: #3056D3;
font-size: 28px;
}
.banner-btn:hover{
color: #FFFFFF;
background: #3056D3;
}
.banner-en{
font-size: 39px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 53px;
}
.about{
margin-top: 36px;
}
.about-img img{
width: 100%;
}
.about-nr{
margin-top: 40px;
padding-left: 100px;
}
.about-nr-type{
width: 85px;
height: 33px;
background: #3056D3;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 14px;
}
.about-nr-title{
font-size: 26px;
font-weight: bold;
margin-top: 21px;
margin-bottom: 39px;
}
.about-nr-xp{
margin-bottom: 19px;
}
.about-nr-xp p{
color: #888888;
font-size: 14px;
line-height: 2;
text-indent: 2em;
font-weight: bold;
}
.about-more{
width: 165px;
height: 53px;
background: #3056D3;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
}
.about-more:hover{
color: #FFFFFF;
}
.product{
margin-top: 32px;
}
.product-ul li{
height: 327px;
background: rgb(121,147,239);
padding-top: 63px;
}
.product-ul li a{
display: flex;
flex-direction: column;
align-items: center;
}
.product-icon{
width: 76px;
height: 76px;
background: rgba(249, 249, 249, .29);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 18px;
}
.product-title{
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
.product-des{
font-size: 12px;
font-weight: bold;
margin-top: 29px;
text-align: center;
color: #FFFFFF;
}
.news{
margin-top: 36px;
}
.news-list{
margin-top: 113px;
}
.news-list-l li{
width: 100%;
height: 265px;
border: 1px solid #EEEEEE;
}
.news-list-l li:first-of-type{
margin-bottom: 32px;
}
.news-list-l li a{
display: flex;
}
.news-list-l-img{
width: 265px;
height: 265px;
overflow: hidden;
flex-shrink: 0;
}
.news-list-l-img img{
width: 100%;
height: 100%;
}
.news-list-l-nr{
width: 100%;
padding: 27px 46px 13px 26px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-list-l-nr-title{
width: 100%;
color: #000000;
font-size: 18px;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.news-list-l-nr-des{
width: 100%;
font-size: 12px;
font-weight: bold;
color: #888888;
line-height: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.news-list-l-nr-bottom{
display: flex;
justify-content: space-between;
font-size: 12px;
color: #888888;
font-weight: bold;
}
.news-list-r-img{
width: 100%;
height: 429px;
overflow: hidden;
}
.news-list-r-img img{
width: 100%;
height: 100%;
}
.news-list-r-nr{
width: 100%;
height: 136px;
background: rgb(72,152,196);
padding: 12px 30px 19px 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-list-r-nr-title{
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-list-r-nr-des{
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
/*line-height: 2;*/
}
.news-list-r-nr-bottom{
display: flex;
justify-content: space-between;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
.contact{
padding-top: 100px;
padding-bottom: 75px;
border-bottom: 2px solid rgba(255, 255, 255, .2);
}
.contact-title{
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
}
.contact-des{
max-width: 563px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin-top: 26px;
margin-bottom: 15px;
}
.contact-phone{
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}
.contact-phone a{
color: #C1F01F;
}
.contact-r-title{
width: 100%;
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
padding-left: 60px;
}
.contact-r{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.contact-r-form{
margin-top: 25px;
display: flex;
align-items: center;
}
.contact-r-form input{
width: 426px;
height: 52px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 0 21px;
background: rgba(255, 255, 255, .2);
border: none;
outline: none;
}
.contact-r-form button{
width: 135px;
height: 51px;
background: #88C250;
text-align: left;
padding-left: 38px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
border: none;
}
/*新闻*/
.news-banner{
width: 100%;
height: 759px;
position: relative;
}
.news-banner img{
width: 100%;
height: 100%;
}
.news-list-image{
height: 228px;
overflow: hidden;
padding-left: 0;
}
.news-list-image img{
width: 100%;
height: 100%;
}
.news-nr-list li{
background: #F3F5F6;
margin-bottom: 10px;
}
.news-nr-list li a{
display: flex;
}
.news-list-nr{
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 16px 24px 17px 70px;
}
.news-list-title{
font-size: 26px;
font-weight: bold;
color: #081828;
margin-bottom: 18px;
}
.news-list-des{
font-size: 18px;
font-weight: bold;
text-indent: 2em;
color: #888888;
line-height: 2;
}
.news-list-bottom{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
font-weight: bold;
color: #888888;
}
/*新闻详情*/
.news-title{
font-size: 28px;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
.news-info{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.news-info span{
font-size: 14px;
font-weight: bold;
}
.news-info span:last-of-type{
margin-left: 29px;
}
.news-line{
width: 100%;
height: 2px;
background: #F5F5F5;
margin-bottom: 20px;
position: relative;
display: flex;
align-items: center;
}
.news-line::after{
content: "";
width: 48px;
height: 2px;
position: absolute;
left: 0;
background: rgb(74,72,208);
}
.news-nr p{
font-size: 14px;
font-weight: bold;
color: #605F5F;
line-height: 2;
text-indent: 2em;
}
.correlation{
padding-top: 59px;
padding-bottom: 57px;
margin-top: 20px;
background: #F5F5F5;
}
.correlation-title{
font-size: 31px;
font-weight: bold;
margin-bottom: 42px;
text-align: center;
}
.correlation-list li{
}
.correlation-li-image{
height: 176px;
overflow: hidden;
}
.correlation-li-image img{
width: 100%;
height: 100%;
}
.correlation-li-title{
text-align: center;
font-size: 12px;
font-weight: bold;
color: #5E5E5E;
margin-top: 19px;
}
/*产品*/
.product-type-ul{
display: flex;
margin-bottom: 32px;
}
.product-type-ul li a{
width: 200px;
height: 70px;
background: #EFEFEF;
color: #666666;
font-size: 20px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
margin-right: 4px;
}
.product-type-ul li.active a{
background: #3154D4;
color: #FFFFFF;
}
.product-list-ul li{
padding: 0 5px;
margin-bottom: 10px;
}
.product-list-ul li a {
height: 255px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgb(121,147,239);
}
/*联系我们*/
.contact-ny-box{
margin-top: 140px;
}
.contact-ny-title{
font-size: 26px;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
}
.contact-ny-list .contact-ny-li{
background: #FFFFFF;
border-radius: 10px;
padding: 50px;
height: 282px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
/*justify-content: center;*/
flex-direction: column;
}
.contact-ny-list li:last-of-type{
margin-right: 0;
}
.contact-ny-li-title{
font-size: 18px;
font-weight: bold;
margin-bottom: 26px;
margin-top: 30px;
}
.contact-ny-li-des{
font-size: 10px;
font-weight: bold;
text-align: center;
}
/*产品详情*/
.product-de-body{
background: #FFFFFF;
padding-top: 47px;
display: flex;
}
.product-de-image{
width: 100%;
height: 520px;
padding-left: 0;
}
.product-de-image img{
width: 100%;
height: 100%;
}
.product-de-info{
position: relative;
/*width: calc(100% - 602px);*/
}
.product-de-info-title{
font-size: 28px;
font-weight: bold;
padding-bottom: 20px;
width: 100%;
border-bottom: 2px solid #333;
margin-bottom: 30px;
}
.product-de-info-qita{
position: absolute;
bottom: 20px;
}
.product-de-info-des{
margin-bottom: 100px;
}
.product-de-info-des p{
font-size: 14px;
font-weight: bold;
color: #555555;
margin-bottom: 12px;
}
.product-de-info-type{
margin-top: 40px;
padding-bottom: 10px;
border-bottom: 2px dashed #EEEEEE ;
margin-bottom: 10px;
}
.product-de-info-type span{
color: #555555;
font-size: 14px;
font-weight: bold;
}
.product-de-info-type a{
color: #3054D3;
font-size: 14px;
font-weight: bold;
}
.product-de-info-contact{
border-bottom: 2px dashed #EEEEEE ;
}
.product-de-info-contact p{
display: flex;
align-items: center;
margin-bottom: 12px;
}
.product-de-info-contact span{
font-size: 14px;
color: #555555;
font-weight: bold;
margin-left: 10px;
}
.product-de-info-bottom{
display: flex;
align-items: center;
margin-top: 20px;
}
.product-de-info-bottom a{
width: 162px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background: #555555;
}
.product-de-info-bottom a:first-of-type{
margin-right: 21px;
}
.product-de-info-bottom a span{
margin-left: 9px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.product-de-main{
background: #FFFFFF;
margin-top: 68px;
}
.product-de-main-title{
width: 100%;
height: 71px;
border-bottom: 20px solid #EEEEEE;
position: relative;
}
.product-de-main-title p{
position: absolute;
width: 233px;
height: 71px;
background: #3054D3;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
}
.product-de-main-nr{
padding: 40px;
font-size: 18px;
font-weight: bold;
color: #858585;
line-height: 2;
}
.xianguan{
margin-top: 92px;
}
.xianguan > p{
text-align: center;
font-size: 31px;
font-weight: bold;
margin-bottom: 34px;
}
.fuwukehu{
height: 347px;
display: flex;
align-items: center;
background-image: url("../image/bgab.png");
background-size: 100% 100%;
}
.fuwukehu li{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fuwukehu li p{
font-size: 31px;
font-weight: bold;
color: #FFFFFF;
margin-top: 29px;
margin-bottom: 16px;
}
.fuwukehu li span{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.jituanjianjie{
margin-top: 60px;
}
.jituanjianjie p{
font-size: 16px;
color: #818285;
font-weight: bold;
line-height: 32px;
text-indent: 2em;
}
.scsb{
margin-top: 170px;
}
.scsb-li{
margin-bottom: 42px;
}
.rrzz{
margin-top: 103px;
padding-top: 93px;
padding-bottom: 97px;
}
.rrzz .all-title-cn{
color: #FFFFFF;
}
.rrzz-swiper-container .swiper-slide img,
.zlzs-swiper-container .swiper-slide img{
width: 100%;
}
.rrzz-swiper-pagination{
width: 100%;
bottom: -50px;
}
.rrzz-swiper-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
margin: 0 3px;
}
.zlzs-swiper-pagination{
z-index: 2;
position: absolute;
width: 100%;
bottom: -50px;
}
.zlzs-swiper-pagination .swiper-pagination-bullet{
width: 13px;
height: 13px;
margin: 0 3px;
}
.zlzs{
margin-top: 125px;
}
.yffx{
margin-top: 170px;
}
.yffx-ul{
margin-top: 71px;
}
.yffx-li{
display: flex;
align-items: center;
margin-bottom: 90px;
padding-left: 49px;
}
.yffx-li img{
width: auto;
height: 75px;
}
.yffx-li-info{
margin-left: 37px;
}
.yffx-li-info-title{
font-size: 36px;
font-weight: bold;
}
.yffx-li-info-des{
font-size: 30px;
/*margin-top: 21px;*/
}
.cellNacTop{
display: none;
}
.l-header{
/*background: #333333;*/
}
.l-header:hover{
background: #FFF;
}
.l-header:hover .nav ul li a{
color:#000;
}
/*小屏幕*/
@media screen and (max-width: 1000px){
header{
display: none;
}
.banner{
height: auto;
}
.banner-text-body{
top: 28px;
}
.banner-text-body p{
font-size: 20px;
}
.banner-text-body span{
font-size: 14px;
margin-top: 15px;
margin-bottom: 20px;
}
.banner-btn{
width: 122px;
height: 45px;
background: #FFFFFF;
border-radius: 43px;
font-size: 16px;
}
.about-nr{
margin-top: 22px;
padding-left: 15px;
}
.about-nr-title{
margin-bottom: 20px;
}
.about-nr-xp{
margin-bottom: 20px;
}
.product-ul li{
height: 220px;
padding-top: 20px;
}
.news-list{
margin-top: 40px;
}
.news-list-l li{
height: auto;
margin-bottom: 32px;
}
.news-list-l-img{
width: 100%;
height: auto;
}
.news-list-l li a{
flex-direction: column;
}
.news-list-l-nr{
padding: 20px;
}
.news-list-r-nr{
height: auto;
}
.contact{
padding-top: 20px;
}
.contact-r-title{
padding-left: 0;
}
.contact-r{
margin-top: 40px;
}
.contact-r-form{
width: 100%;
}
.contact-r-form input{
width: 70%;
}
.contact-r-form button{
width: 30%;
}
.company-info-nr{
border: none;
padding-bottom: 20px;
padding-top: 20px;
}
.footer-logo{
margin-bottom: 10px;
}
.company-info-name{
margin-bottom: 10px;
}
.footer-nav{
padding-top: 20px;
border: none;
}
.footer-nav p{
padding-left: 15px;
margin-bottom: 10px;
}
.footer-nav ul{
padding-left: 15px;
}
.f-contact{
padding-top: 20px;
border: none;
padding-bottom: 20px;
}
.f-contact p{
margin-bottom: 10px;
}
.f-contact span{
margin-bottom: 0;
}
.f-bottom{
flex-direction: column;
}
.rwm-box{
padding-top: 20px;
padding-bottom: 40px;
}
.rwm{
width: 50%;
}
.rwm img{
width: 100%;
}
footer{
margin-top: 40px;
background-position: center center;
background-size: cover;
}
.news-banner{
height: auto;
}
.banner-text-body{
top: 28px !important;
}
.banner-en{
font-size: 18px;
margin-bottom: 13px;
}
.news-nr-list li{
padding: 0 15px;
background: transparent;
}
.news-nr-list li a{
background: #F3F5F6;
display: block;
}
.news-list-image{
padding-right: 0;
}
.news-list-nr{
padding: 20px;
}
.product-type-ul{
padding: 0 15px;
}
.product-type-ul li{
width: 100%;
}
.product-type-ul li a{
width: 100%;
}
.contact-ny-box{
margin-top: 40px;
}
.contact-ny-list li{
margin-bottom: 30px;
}
.product-de-body .row{
width: auto !important;
}
.product-de-image{
width: 100%;
height: auto;
padding-right: 0;
}
.product-de-info{
min-height: 440px;
}
.product-de-main-nr{
width: 100%;
}
.news-banner img{
width: 100% !important;
height: auto !important;
}
.fuwukehu{
height: auto;
padding: 20px 0;
}
.fuwukehu li{
margin-bottom: 20px;
}
.all-title-en{
white-space: nowrap;
}
body,html{
overflow-x: hidden ;
}
.jituanjianjie img{
max-width: 100%;
}
.rrzz,.zlzs,.scsb{
margin-top: 43px;
}
.yffx{
margin-top: 53px;
}
.logo{
height: 40px;
}
.logo a, .logo img{
width: auto;
}
.cellNacTop{
display: block;
height: 56px;
}
.cellTopHear {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #3056D3;
height: 56px;
z-index: 50;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.cellTopHear .sole {
width: 16px;
height: 16px;
position: relative;
transition: all 0.5s;
}
.cellTopHear .sole .em {
position: absolute;
width: 16px;
height: 2px;
background: #FFFFFF;
border-radius: 1.5px;
left: 0;
}
.cellTopHear .sole .em.em1 {
top: 0;
}
.cellTopHear .sole .em.em2 {
top: 50%;
transform: translateY(-50%);
}
.cellTopHear .sole .em.em3 {
bottom: 0;
}
.cellTopHear .sole.sole2 {
transform: rotate(90deg);
}
.cellTopList {
display: none;
position: fixed;
top: 56px;
left: 0;
bottom: 0;
right: 0;
z-index: 50;
overflow-y: auto;
background: #fff;
padding: 0 20px 20px 20px;
}
.cellTopList .li .tit {
border-bottom: 1px solid #DCDFE6;
position: relative;
}
.cellTopList .li .tit a {
font-size: 16px;
line-height: 56px;
color: #333;
}
}