* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
html,body{
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: #fff;
margin-top: 52px;
/*background:#cccccc;*/
/*font: 12px/1 "microsoft yahei";*/
}
ul,
ol,
li {
list-style: none;
padding: 0;
margin: 0;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
.contain{
width: 1440px;
margin: auto;
}
img{
display: block;
}
/* 首页 */
.box{
width:100%;
height: auto;
}
.fie_cont{
width: 100%;
height: auto;
position: relative;
}
/* è½®æ’图 */
.banner {
width: 100%;
/* max-height: 550px; */
height: auto;
}
.banner_item{
position: relative;
}
.banner_detail{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner_detail .banner_tit1{
padding: 20px 0;
width: auto;
font-size: 56px;
font-weight: 600;
color: #fff;
}
.banner_detail .banner_tit2{
padding: 20px 0;
font-size: 18px;
width: auto;
color: #dbe2ea;
}
.banner_detail .banner_more{
background: #6eb92b;
width: 150px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin: 20px 0;
}
.banner_detail .banner_more span{
color: #fff;
font-size: 14px;
line-height: 40px;
margin-right: 10px;
}
.banner_detail .banner_more img{
width: 10px;
}
.banner_detail .banner_more:hover span{
font-weight: 600;
font-size: 16px;
}
.swiper-container {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.swiper-slide{
text-align: center;
font-size: 18px;
background: #fff;
/* center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.third_cont .swiper-slide-active{
width: 100% !important;
}
/*.third_cont_more{*/
/* display: none;*/
/*}*/
.third_cont_content{
animation-name: move;
animation-duration: 1s;
}
.third_cont_slide_a_margin{
animation-name: moveleft;
animation-duration: 1s;
}
.nav_banner video::-webkit-media-controls{
display:none !important;
}
@keyframes move {
0% {
margin-left: 50%;
}
100% {
margin-left: 40px;
}
}
@keyframes moveleft {
0% {
left: 0px;
transform: translatey(10px);
}
100% {
left: 40px;
transform: translatey(0);
}
}
.swiper-slide img {
width: 100%;
}
.third_cont .swiper-slide img {
width: 100%;
object-fit: cover;
}
.swiper-button-next {
right: 30px !important;
outline: none;
}
.swiper-button-prev {
left: 30px !important;
outline: none;
}
.swiper-button-black {
background: #fff;
opacity: .5;
width: 25px;
height: 25px;
border-radius: 50%;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 17px !important;
color: #fff;
width: 16px;
height: 20px;
background: rgba(0,0,0,.4);
padding: 10px 15px;
text-align: center;
line-height: 20px;
border-radius: 50%;
}
.swiper-pagination-bullet {
width: 13px!important;
height: 13px!important;
display: inline-block!important;
border-radius: 50%!important;
border: 2px solid #fff;
box-sizing: border-box;
background-color: transparent!important;
opacity: 1!important;
}
.swiper-pagination-bullet-active{
background-color: #fff!important;
opacity: 1!important;
}
#vedio{
width: 100%;
height: 100%;
object-fit: cover;
}
/* 导航 */
.fir_cont{
width: 100%;
height: auto;
}
.header{
width: 100%;
height: auto;
padding: 0 10%;
box-sizing: border-box;
padding: 30px 3% !important;
top: 0;
left: 0;
z-index: 9999;
overflow: initial;
position:fixed;
background-color: rgba(255, 255, 255, 0.8);
}
/*.header:hover .nav-wrap>ul>li>a::after{*/
/* background: #ffffff;*/
/*}*/
.nav-wrap>ul :nth-child(1)>a::after {
position: absolute;
top: 15px;
left: 0;
width: 0;
height:0;
background: transparent;
content: "";
}
.nav-wrap>ul>li>a::after{
position: absolute;
top: 15px;
left: 0;
width: 1px;
height: 16px;
background: #3c3c3c;
content: "";
}
/*.header:hover .nav-wrap>ul>li>a{*/
/* color: #ffffff;*/
/*}*/
.logo{
width: auto;
height: 45px;
float: left;
}
.logo img{
height: 100%;
}
.header_right{
float: right;
width: auto;
height: auto;
}
.search{
float: left;
height: 30px;
line-height: 30px;
width: auto;
margin-top: 8px;
padding: 0 20px;
position: relative;
}
.search::after{
position: absolute;
top: 7px;
left: 0;
width: 1px;
height: 16px;
background: #7498ba;
content: "";
}
.search::before{
position: absolute;
top: 7px;
right: 0;
width: 1px;
height: 16px;
background: #7498ba;
content: "";
}
.seach_info{
width: auto;
float: left;
height: 30px;
line-height: 30px;
border-radius: 5px;
}
.seach_info input{
width: 0px;
float: left;
height: 30px;
line-height: 30px;
border: none;
padding:0 0;
outline: none;
color: #fff;
background: transparent;
border-bottom: 1px solid #fff;
}
.lang:hover .sub{
display: block;
}
.header_right .sub{
padding: 0;
width: 180px;
top: 99%;
left: -60px;
position: absolute;
bottom: -5px;
left: 50%;
transform: translatex(-50%);
border-radius: 5px;
display: none;
z-index:9999999999;
}
.header_right .sub .list :hover{
background-color: #c7000a;
color: #ffffff;
}
.header_right .sub .list a {
display: block;
font-size: 15px;
text-align: center;
color: black;
padding: 5px 0;
background-color: #fff;
padding-left: 20px;
display: flex;
align-items: center;
}
.header_right .sub .list img{
max-height: 18px;
margin-right: 10px;
margin-top: 2px;
}
input::-webkit-input-placeholder {
color: #fff;
font-size: 12px;
}
input::-moz-input-placeholder {
color: #fff;
font-size: 12px;
}
input::-ms-input-placeholder {
color: #fff;
font-size: 12px;
}
.seach_info img{
width: 16px;
float: left;
height: auto;
margin-top: 7px;
cursor: pointer;
}
.lang{
width: auto;
float: left;
height: 30px;
margin-top: 8px;
line-height: 30px;
padding: 0 15px;
position: relative;
}
.lang img{
width: 16px;
height: auto;
margin-top: 7px;
}
.lang_pc{
display: block;
}
.lang_move{
display: none;
}
/* nav */
.nav-wrap {
/*position: relative;*/
width: auto;
height: 45px;
float: left;
margin: 0 20px 0 0px;
}
.nav-wrap>ul {
width: auto;
height: 45px;
}
.nav-wrap>ul>li {
float: left;
width: auto;
height: 55px;
/*position: relative;*/
}
.nav-wrap>ul>li>a {
display: block;
width: auto;
height: 75px;
line-height: 45px;
color: #3c3c3c;
font-size: 17px;
text-align: center;
padding: 0 20px;
position: relative;
}
.nav-wrap>ul>li:hover {
border-bottom:3px solid #004ea2;
}
.nav-wrap>ul>li:hover .hover_a{
color: #004ea2 !important;
font-size: 19px;
}
/* 二级导航 */
.subnav {
position: absolute;
left: 0;
width: 100%;
color: #fff;
display: none;
z-index: 999;
background: #ffffff;
padding: 45px 0;
box-sizing: border-box;
}
.subnav>li {
/*position: relative;*/
width: 17%;
height: 44px;
box-sizing: border-box;
display: flex;
align-items: center;
margin-left:18%;
}
.subnav>li>a {
display: block;
color: #3c3c3c;
font-size: 14px;
line-height: 44px;
padding: 0;
height: 43px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/*padding: 0 5px;*/
width: 100%;
height: 100%;
border-bottom: 1px solid #f2f2f2;
margin-left: 5px;
}
.subnav_line{
width: 2px;
height: 23px;
}
.subnav>li:hover {
background: rgba(255,255,255,.4);
transition: .3s;
}
.subnav>li:hover a{
margin-left: 5px;
color: #004ea2;
}
.subnav>li:hover .subnav_line{
background: #004ea2;
}
.subnav>li:hover .three_menu a{
color: #7b7b7b;
margin-left: 0;
}
.second-nav {
position: absolute;
width: 200px;
right: -202px;
top: -1px;
background-color: #186b9f;
display: none;
border: 1px solid #2b8b8a;
overflow: hidden;
}
.second-nav>li {
width: 100%;
height: 44px;
}
.second-nav>li>a {
height: 43px;
line-height: 44px;
display: block;
font-size: 14px;
text-align: center;
color: #fff;
border-bottom: 1px solid #2b8b8a;
}
.second-nav li:hover {
background-color: #238bcc;
transition: .3s;
}
.nav>ul>li:hover .subnav>li>a {
color: #fff;
transition: .3s;
}
.nav>ul>li:hover .second-nav>li>a {
color: #fff;
transition: .3s;
}
/*三级导航*/
/* 二级导航 */
.three_menu {
position: absolute;
left: 50%;
top: 40px;
width: 25%;
color: #fff;
display: none;
z-index: 999;
transform: translatex(-50%);
}
.three_menu>li {
width: 100%;
height: 44px;
border-bottom: 1px solid transparent;
box-sizing: border-box;
display: flex;
align-items: center;
border-left: 1px solid #efefef;
padding-left: 24%;
padding-right: 24%;
border-right: 1px solid #efefef;
}
.three_menu>li>a {
display: block;
color: #7b7b7b;
font-size: 14px;
line-height: 44px;
padding: 0;
height: 43px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 5px;
padding-left: 17px;
flex: 1;
}
/*.three_menu>li:hover {*/
/* background: rgba(255,255,255,.4);*/
/* transition: .3s;*/
/*}*/
/*.three_menu>li>a:hover {*/
/* color: #004ea2;*/
/*}*/
.three_menu>li:hover a{
color: #004ea2 !important;
/*text-decoration: #004ea2 ;*/
text-decoration:underline
}
.three_menu>li:hover .three_menu_round{
background: #004ea2 !important;
}
.three_menu .three_menu_round{
width: 6px;
height: 6px;
border-radius: 50%;
background: #dedede;
}
.three_menu:hover img{
display: block;
}
.three_menu img{
position: absolute;
left: 109%;
top: 10px;
width: 300px;
height: auto;
display: none;
object-fit: cover;
}
.subnav>li>a:hover .three_menu{
display: block;
}
/*其他æ ç›®æ ·å¼*/
.other_subnav{
background: #ffffff;
border-radius: 10px;
overflow: hidden;
z-index: 9999;
/*margin-top: 40px;*/
display: none;
}
.other_li {
height: 85px;
}
.other_li>a{
display: block;
height: 85px !important;
}
.other_subnav li{
}
.other_subnav li a{
font-size: 14px;
color: #3c3c3c;
line-height: 32px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
display: block;
text-align: center;
}
.other_subnav li a:hover{
background: #f5f5f5;
}
.other_li:hover .other_subnav{
display: block;
}
/* nav */
.nav-phone{
display: none ;
}
/* 第二部分 关于美腾 */
.sec_cont{
width: 100%;
height: auto;
background: no-repeat;
background-size: 100% 100%;
}
.about{
width: 1200px;
height: auto;
margin: auto;
padding: 100px 0 30px 0;
}
.about-left{
width: 40%;
height: auto;
float: left;
}
.about-left .tit1{
width: 100%;
height: auto;
font-size: 38px;
padding: 40px 0 20px 0;
}
.about-left .tit2{
width: 100%;
height: auto;
font-size: 28px;
padding: 20px 0 20px 0;
}
.about-left .about_detail{
width: 100%;
height: auto;
font-size: 16px;
color: #777777;
line-height: 30px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin: 0px 0 40px 0;
}
.more{
background: #004ea2;
width: 150px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin: 20px 0;
}
.more span{
color: #fff;
font-size: 14px;
line-height: 40px;
margin-right: 10px;
}
.more img{
width: 10px;
}
.more:hover span{
font-weight: 600;
font-size: 16px;
}
.about-right{
width: 55%;
height: 400px;
float: right;
position: relative;
}
.about-right::after{
position: absolute;
content: '';
right: -30px;
top: -48px;
width: 230px;
height: 160px;
background: #004ea2;
z-index: 0;
}
.about-right video{
width: 100%;
height: 100%;
object-fit: fill;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
.about-right .video_z{
width: 100%;
height: 100%;
position:absolute;
left: 0;
top: 0;
z-index: 1;
}
.about-right .open{
width: auto;
height: auto;
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 1;
}
/* æ•°æ®å±•ç¤º */
.fir_data{
width: 1200px;
height: auto;
margin: auto;
background: #fff;
margin-top: 30px;
padding: 30px 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.xian{
width: 1px;
height: 60px;
background: #eeeeee;
}
.fir_data .data-item{
width: 25%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.fir_data .data-item .num{
font-size: 38px;
color: #004ea2;
font-weight: 600;
}
.fir_data .data-item .tit{
font-size: 16px;
color: #aaa;
margin-top: 10px;
}
/* ä¸å›½åœ°å›¾ */
.chinamap{
width: 1200px;
height: auto;
margin: 50px auto;
}
.chinamap .top{
display: flex;
align-items: center;
justify-content: space-around;
padding: 50px 0;
}
.chinamap .top p{
font-size: 30px;
font-weight: 600;
}
.chinamap .top span{
color: #6eb92b;
}
.chinamap .map{
width:100%;
display: flex;
justify-content: space-between;
}
.chinamap .map .map-chart{
width: 60%;
position: relative;
}
.chinamap .map .map-chart img{
width: 100%;
height: auto;
}
.chinamap .map .map-chart .sth{
position: absolute;
left: 0;
bottom: 0;
}
.chinamap .map .map-chart .sth p{
font-size: 18px;
color:#291f1c;
width: 230px;
text-align: center;
line-height: 30px;
}
.map .map-tit{
width: 30%;
flex-direction: column;
display: flex;
align-items: center;
justify-content: center;
}
.map .map-tit .detail-item{
width: 100%;
height: 50px;
border-radius: 25px;
margin-bottom: 20px;
background: #fff;
overflow: hidden;
cursor: pointer;
}
.map .map-tit .detail-item img{
width: 20px;
height: auto;
margin: 10px 30px;
float: left;
}
.map .map-tit .detail-item .name{
width: auto;
float: left;
height: 50px;
line-height: 50px;
font-weight: 600;
color: #222222;
font-size: 18px;
}
.map .map-tit .detail-item .num{
width: 100px;
background: #6eb92b;
float: right;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 14px;
text-align: center;
}
.map .map-tit .detail-item .num span{
font-size: 26px;
margin-right: 5px;
}
/* æ•°æ®å±•ç¤º */
.sec_data{
width: 1200px;
height: auto;
margin: auto;
margin-top: 30px;
padding: 30px 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.sec_data .data-item{
width: 20%;
height: 120px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius:60px;
box-shadow: 0px 0px 10px 0px #e9e9e9;
cursor: pointer;
}
.sec_data .data-item .num{
font-size: 38px;
color: #333;
font-weight: 600;
}
.sec_data .data-item .tit{
font-size: 16px;
color: #bbbbbb;
margin-top: 10px;
}
.sec_data .data-item:hover .num{
color: #004ea2;
}
.sec_data .data-item:hover .tit{
color: #004ea2;
}
/* 世界地图 */
.worldmap{
width: 1200px;
height: auto;
margin: 30px auto 0px;
}
.worldmap .top{
width: 100%;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.worldmap .top p{
height: 40px;
display: flex;
align-items: center;
justify-content: space-around;
width: 100px;
font-weight: 600;
margin: 0 10px;
}
.worldmap .top p:first-child span{
color: #004ea2;
}
.worldmap .top p:last-child span{
color: #6eb92b;
}
.worldmap .world{
width: 100%;
height: auto;
padding: 40px 0;
}
.worldmap .world img{
width: 100%;
height: auto;
}
/* 产å“ä¸å¿ƒ */
.third_cont{
width: 1200px;
height: auto;
margin: auto;
padding: 50px 0;
}
.third_cont .top h1{
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 42px;
color: #222222;
}
.third_cont .top p{
width: 100%;
text-align: center;
font-size: 16px;
color: #aaaaaa;
height: 40px;
line-height: 40px;
margin-top: 20px;
}
.product{
width: 100%;
height: auto;
margin-top: 40px;
overflow: hidden;
}
.product .left{
width: 40%;
height: auto;
float: left;
}
.product_banner{
width: 100%;
height: auto;
}
.index_banner{
width: 100%;
height: 100%;
}
.product_banner a{
display: block;
width: 100%;
height: auto;
}
.product_banner a img{
display: block;
width: 100%;
height: 450px;
}
.product_banner{
width: 100%;
height: auto;
}
.product .right{
width: 100%;
height: auto;
float: left;
}
.product .right ul{
width: 100%;
height: auto;
overflow: hidden;
}
.product .right ul li{
width: 200px;
height: 550px;
overflow: hidden;
float: left;
border-left: 1px solid #fff;
box-sizing: border-box;
position: relative;
transition: all .6s ease-out;
background: no-repeat;
background-size: 100% 100%;
}
.product .right ul li a{
width: 100%;
height: 100%;
display: block;
color: #fff;
overflow: hidden;
}
.product .right ul li p{
width: 100%;
height: 50px;
line-height: 50px;
font-size: 20px;
color: #fff;
text-align: center;
margin-top: 40px;
}
.product .right ul .right_li img{
width: auto;
height: 100px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .6s ease-out;
}
.index_banner img{
height: 100% !important;
width: 100% !important;
}
.product .right ul .on{
width: 400px;
height: 450px;
}
.product .right ul .on img{
width: auto;
height: 200px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
}
.banner_li .title{
height: 50px;
line-height: 50px;
font-size: 24px;
color: #fff;
margin-top: 40px;
display: block;
margin-left: 20px;
font-weight: 600;
}
.banner_li .content{
font-size: 14px;
display: block;
height: 50px;
color: #fff;
margin-left: 20px;
}
.banner_li .know_more {
font-size: 14px;
color: #fff;
width: auto !important;
height: auto !important;
display: flex !important;
align-items: center;
margin-left: 20px;
}
.banner_li .know_more img{
width: 12px !important;
margin-left: 10px;
}
/* 解决方案 */
.fourth_cont{
width: 100%;
height: auto;
background: url(/uploads/image/fsimg/solution_bg.png) no-repeat;
background-size: 100% 100%;
padding: 50px 0;
}
.fourth_cont .top h1{
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 42px;
color: #fff;
}
.fourth_cont .top p{
width: 100%;
text-align: center;
font-size: 16px;
color: #cccccc;
height: 40px;
line-height: 40px;
margin-top: 20px;
}
.solution{
width: 1200px;
height: auto;
margin: auto;
}
.solution_tab{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
cursor: pointer;
}
.solution_tab .solution_tit{
width: 180px;
border-radius: 5px;
height: 45px;
line-height: 45px;
color: #ffffff;
font-size: 18px;
text-align: center;
margin: 0 20px;
}
.solution_tab .solution_tit:hover{
color: #fff;
}
.solution_tab .solution_cur{
background: #6eb92b;
color: #fff;
}
.solutionk_cur{
background: #0055aa!important;
color: #fff!important;
}
.solution .solution_item{
display: none;
}
.solution .solution_on{
display: block;
}
/* 解决方案--ç…¤ç‚ */
.solution_mt_tab{
width: 100%;
height: 70px;
border-bottom: 1px solid #26313f;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
/*color: #585d63;*/
font-size: 16px;
line-height: 70px;
}
.secondstyle .solution_mt_tab{
justify-content: center !important;
}
.secondstyle .solution_mt_tit {
margin: 20px;
}
.secondcolor .solution_mt_tit:hover{
color: #6eb92b !important;
transition: 0.2s 0.1s;
}
.firstcolor .solution_mt_tit:hover{
color: #03a9f4 !important;
transition: 0.2s 0.1s;
}
.solution_mt_cur{
color: #6eb92b;
position: relative;
}
.solution_mt_cur::after{
position: absolute;
bottom: -1px;
height: 3px;
width: 100%;
background: #6eb92b;
content: '';
left: 0;
}
.solution_mt_list{
width: 100%;
height: auto;
margin-top: 40px;
}
.solution_mt_item{
display: none;
width: 100%;
height: auto;
}
.solution_mt_on{
display: block;
}
.solution_mt_more{
margin-top: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.solution_list{
width: 100%;
height: auto;
margin-top: 40px;
}
.solution_banner,.swiper-wrapper,.swiper-slide{
text-align: left;
width: 100%;
height: 400px;
}
.solution_banner .swiper-slide a{
width: 100%;
height: 400px;
cursor: pointer;
display: block;
overflow: hidden;
}
.solution_banner .swiper-slide a .left{
width: 50%;
height: 100%;
background: #005faa;
padding: 5%;
box-sizing: border-box;
float: left;
color: #ffffff;
}
.solution_banner .swiper-slide a .right{
width: 50%;
height: 100%;
float: right;
}
.solution_banner .swiper-slide a .right img{
width: 100%;
height: 100%;
}
.solution_banner .swiper-slide a .left .tit{
width: 100%;
height: auto;
line-height: 40px;
font-size: 30px;
color: #fff;
text-align: left;
}
.solution_banner .swiper-slide a .left .detail{
width: 100%;
height: auto;
line-height: 30px;
font-size: 14px;
color: #ffffff;
text-align: justify;
margin-top: 30px;
}
.solution_banner .swiper-slide a .left .detail p,
.solution_banner .swiper-slide a .left .detail p span{
overflow: hidden;
-webkit-line-clamp: 5;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
color: #ffffff !important;
}
.solution_banner .swiper-slide a .left .s_more{
width: 76px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin: 35px 0;
margin-top: 20px;
}
.solution_banner .swiper-slide a .left .s_more span{
color: #fff;
font-size: 14px;
line-height: 40px;
margin-right: 10px;
}
.solution_banner .swiper-slide a .left .s_more img{
width: 10px;
}
.solution_banner .swiper-button-next{
left: 110px!important;
}
.solution_banner .swiper-button-prev{
left: 60px !important;
}
.solution_banner .swiper-button-prev,.solution_banner .swiper-button-next{
top: 85%!important;
}
.solution_banner .swiper-pagination-bullets{
width: 50%!important;
left: 50%!important;
}
.solution_mt_item,.solution_item{
color: #fff;
}
/* ç»å…¸æ¡ˆä¾‹ */
.fifth_cont{
width: 1200px;
margin: auto;
height: auto;
padding: 50px 0;
}
.fifth_cont .top h1{
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 42px;
color: #222222;
}
.fifth_cont .top p{
width: 100%;
text-align: center;
font-size: 16px;
color: #aaa;
height: 40px;
line-height: 40px;
margin-top: 20px;
}
.case_tab{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
cursor: pointer;
}
.case_tab .case_tit{
width: 180px;
background: #fff;
border-radius: 5px;
height: 45px;
line-height: 45px;
color: #ffffff;
font-size: 18px;
text-align: center;
margin: 0 20px;
}
.case_tab .case_tit:hover{
font-weight: 600;
}
.case_tab .case_cur{
background: #6eb92b;
color: #fff;
}
.kye_cur{
background: #0055aa!important;
color: #fff!important;
}
.case{
width: 100%;
height: auto;
}
.case .case_item{
display: none;
}
.case .case_on{
display: block;
}
/* ç»å…¸æ¡ˆä¾‹--ç…¤ç‚ */
.mt_tab{
width: 100%;
height: 70px;
border-bottom: 1px solid #eeeeee;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
color: #777777;
font-size: 16px;
line-height: 70px;
}
.mt_cur{
color: #6eb92b;
position: relative;
}
.mt_cur::after{
position: absolute;
bottom: -1px;
height: 3px;
width: 100%;
background: #6eb92b;
content: '';
left: 0;
}
.mt_list{
width: 100%;
height: auto;
margin-top: 40px;
}
.mt_item{
display: none;
width: 100%;
height: auto;
}
.mt_on{
display: block;
}
.mt_item ul{
width: 100%;
height: auto;
}
.mt_case{
width: 32%;
height: auto;
float: left;
margin-right: 2%;
box-shadow: 0px 0px 6px 2px #f5f5f5;
}
.mt_case:last-child{
margin-right: 0;
}
.mt_case a{
width: 100%;
height: auto;
}
.mt_case_img {
width: 100%;
height: 240px;
overflow: hidden;
}
.mt_case_img img{
width: 100%;
height: 240px;
transform: scale(1.0,1.0);
}
.mt_case_info{
width: 100%;
height: auto;
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.mt_case_info .mt_case_title{
width: 100%;
height: 40px;
line-height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.mt_case_info .mt_case_title span:first-child{
display: inline-block;
width: calc(100% - 100px);
color: #909090;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mt_case_info .mt_case_title span:last-child{
font-size: 18px;
color: #d4d4d4;
display: inline-block;
}
.mt_case_info .mt_case_detail{
width: 100%;
height: auto;
color: #d7d7d7;
font-size: 16px;
line-height: 25px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.mt_case:hover img{
transform: scale(1.1,1.1);
transition: .2s;
}
.mt_case:hover .mt_case_info{
background: #6eb92b;
}
.mt_case:hover .mt_case_detail{
color: #fff;
}
.mt_case:hover .mt_case_info .mt_case_title span:first-child{
color: #fff;
}
.mt_case:hover .mt_case_info .mt_case_detail,
.mt_case:hover .mt_case_info .mt_case_title span:last-child{
color: #fff!important;
}
.mt_more{
margin-top: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
/* ç»å…¸æ¡ˆä¾‹--矿业 */
.ky_tab{
width: 100%;
height: 70px;
border-bottom: 1px solid #eeeeee;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
color: #777777;
font-size: 16px;
line-height: 70px;
}
.ky_cur{
color: #0055aa;
position: relative;
}
.ky_cur::after{
position: absolute;
bottom: -1px;
height: 3px;
width: 100%;
background: #0055aa;
content: '';
left: 0;
}
.ky_list{
width: 100%;
height: auto;
margin-top: 40px;
}
.ky_list .more{
background: #0055aa;
}
.ky_item{
display: none;
width: 100%;
height: auto;
}
.ky_on{
display: block;
}
.ky_item ul{
width: 100%;
height: auto;
}
.ky_case{
width: 32%;
height: auto;
float: left;
margin-right: 2%;
box-shadow: 0px 0px 6px 2px #f5f5f5;
}
.ky_case:last-child{
margin-right: 0;
}
.ky_case a{
width: 100%;
height: auto;
}
.ky_case_img {
width: 100%;
height: 240px;
overflow: hidden;
}
.ky_case_img img{
width: 100%;
height: 240px;
transform: scale(1.0,1.0);
}
.ky_case_info{
width: 100%;
height: auto;
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.ky_case_info .ky_case_title{
width: 100%;
height: 40px;
line-height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ky_case_info .ky_case_title span:first-child{
display: inline-block;
width: calc(100% - 100px);
color: #909090;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ky_case_info .ky_case_title span:last-child{
font-size: 14px;
color: #d4d4d4;
display: inline-block;
}
.ky_case_info .ky_case_detail{
width: 100%;
height: auto;
color: #d7d7d7;
font-size: 16px;
line-height: 25px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.ky_case:hover img{
transform: scale(1.1,1.1);
transition: .2s;
}
.ky_case:hover .ky_case_info{
background: #0055aa;
}
.ky_case:hover .ky_case_detail{
color: #fff;
}
.ky_case:hover .ky_case_info .ky_case_title span:first-child{
color: #fff;
}
.ky_case:hover .ky_case_info .ky_case_title span:last-child{
color: #fff;
}
.ky_more{
margin-top: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.coalcolor{
background: #004ea2 !important;
}
.coalcasecolor .more,
.coalcolor .more{
background: #004ea2 !important;
}
.industrycolor .more,
industrycolor .more,
.industrycasecolor .more,
.industrycolor{
background: #6eb92b !important;
}
.firstcolor .more,
.coalcasecolor .mt_cur,
.firstcolor .solution_mt_cur{
color: #03a9f4 !important;
}
.firstcolor .more,
.coalcasecolor .mt_cur::after,
.firstcolor .solution_mt_cur::after{
background: #03a9f4 !important;
}
.coalcolor{
background: #004ea2 !important;
}
.industrycolor{
background: #6eb92b !important;
}
.coalcolor .mt_cur{
}
.coalcasecolor .mt_case:hover .mt_case_info{
background: #004ea2;
}
.secondcolor .more{
background: #6eb92b !important;
}
/* 新闻资讯 */
.sixth_cont{
width: 100%;
height: auto;
background: no-repeat;
background-size: 100% 100%;
padding: 10px 0 100px 0;
}
.sixth_cont .top{
width: 1200px;
margin: auto;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px 0 30px 0;
}
.sixth_cont .top .top_left{
width: 40%;
}
.sixth_cont .top .top_left .tit1{
font-size: 42px;
font-weight: 600;
color: #fff;
}
.sixth_cont .top .top_left .tit2{
color: #3081c4;
font-size: 16px;
margin-top: 20px;
}
.sixth_cont .top .tab{
width: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.tit_tab{
color: #8dafd8;
padding: 0 30px;
position: relative;
height: 40px;
line-height: 40px;
cursor: pointer;
}
.tit_tab::after{
position: absolute;
content: "/";
right: 0;
top: 0;
color: #8db0d9;
}
.tit_tab:last-child::after{
display: none;
}
.cur{
color: #fff;
}
.tit_tab::before{
width: 30px;
position:absolute;
left: calc(50% - 15px);
bottom: 0;
background: #fff;
height: 1px;
content: '';
display: none;
}
.cur::before{
width: 30px;
position:absolute;
left: calc(50% - 15px);
bottom: 0;
background: #fff;
height: 1px;
content: '';
display: block;
}
.tit_tab:hover{
color: #fff;
}
.tit_tab:hover::before{
display: block;
}
.sixth_cont .news{
width: 1200px;
margin: auto;
height: auto;
}
.news_item{
width: 100%;
height: auto;
display: none;
overflow: hidden;
}
.on{
display: block;
}
.news_item .news_left{
width: 40%;
height: auto;
float: left;
cursor: pointer;
}
.news_item .news_left .new_img{
width: 100%;
height: 290px;
overflow: hidden;
}
.news_item .news_left img{
width: 100%;
height: 290px;
transform: scale(1.0,1.0);
/*object-fit: contain;*/
}
.news_item .news_left .new_info{
width: 100%;
height: auto;
background: #1a6ab8;
padding: 20px;
box-sizing: border-box;
}
.news_item .news_left .new_info .new_title{
width: 100%;
height: 40px;
line-height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
.news_item .new_right .right_top .new_item .new_title span{
color: #ffffff;
}
.news_item .news_left .new_info .new_title span:first-child{
display: inline-block;
width: calc(100% - 100px);
color: #fff;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_item .news_left .new_info .new_title span:last-child{
font-size: 14px;
color: #6aa1d1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news_item .news_left .new_detail{
width: 100%;
height: auto;
color: #f1f6fa;
font-size: 16px;
line-height: 25px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news_item .news_left:hover img{
transform: scale(1.1,1.1);
transition: .2s;
}
.news_item .news_left:hover .new_detail{
color: #6aa1d1;
}
.news_item .news_left:hover .new_info .new_title span:first-child{
color: #6aa1d1;
}
.new_right{
width: 56%;
height: auto;
float: right;
}
.new_right .right_top{
height: auto;
display: flex;
justify-content: space-between;
}
.new_right .right_top .new_item{
width: 48%;
height: auto;
}
.new_right .right_top .new_item .new_img{
width: 100%;
height: 195px;
overflow: hidden;
}
.new_right .right_top .new_item .new_img img{
width: 100%;
height: 195px;
transform: scale(1.0,1.0);
}
.new_right .right_top .new_item .new_title{
height: 50px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.new_right .right_top .new_item .tit{
display: inline-block;
width: calc(100% - 100px);
height: 50px;
line-height: 50px;
color: #fff;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new_right .right_top .new_item .time{
font-size: 14px;
color: #6aa1d1;
display: inline-block;
}
.new_right .right_top .new_item:hover img{
transform: scale(1.1,1.1);
transition: .2s;
}
.new_right .right_top .new_item:hover .tit{
color: #6aa1d1;
}
.new_list{
width: 100%;
height: auto;
margin-top: 30px;
}
.new_list ul{
width: 100%;
height: auto;
}
.new_list ul li{
width: 100%;
height: 50px;
border-top: 1px dashed #337fc1;
display: block;
align-items: center;
justify-content: space-between;
}
.new_list ul li:last-child{
border-bottom: 1px dashed #337fc1;
}
.new_list ul li a{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.new_list ul li a .tit{
width: calc(100% - 100px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}
.new_list ul li a .time{
width: 100px;
color: #598cc2;
font-size: 14px;
}
.new_list ul li a:hover .tit{
color: #598cc2;
}
/* ç«‹å³ä½“验 */
.seventh_cont{
width: 100%;
height: 200px;
background: no-repeat;
background-size: 100% 100%;
}
.understand{
width: 1200px;
margin: auto;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.understand p{
font-size: 30px;
font-weight: 600;
color: #fff;
}
.understand .more{
background: #fff;
width: 150px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
margin: 20px 0;
}
.understand .more span{
color: #6eb92b;
font-size: 14px;
line-height: 40px;
margin-right: 10px;
}
.understand .more img{
width: 10px;
}
.understand .more:hover span{
font-weight: 600;
font-size: 16px;
}
/* 底部 */
.footer{
width: 100%;
height: auto;
background: #505050;
padding: 60px 0 10px 0;
}
.foot-left{
width: 390px;
float: left;
border-right: 1px solid #5b5b5b;
padding-bottom: 40px;
box-sizing: border-box;
}
.foot-left h2{
color: #fff;
margin: 20px 0;
font-size: 24px;
}
.foot-left h3{
color: #fff;
margin: 20px 0 35px 0;
font-size: 16px;
font-weight: 500;
}
.foot-left .info_item{
width: 100%;
height: auto;
line-height: 24px;
display: flex;
color: #aaa;
justify-content: start;
align-items: center;
font-size: 14px;
}
.foot-left .info_item img{
width: 16px;
height: 16px;
margin-right: 5px;
}
.foot-left .info_item span{
display: block;
}
.code{
padding-top: 30px;
width: auto;
height: auto;
display: flex;
justify-content: start;
}
.code .code-item{
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.code .code-item:first-child{
margin-right: 30px;
}
.code .code-item img{
width: 120px;
height: 120px;
}
.code .code-item p{
font-size: 14px;
color: #aaa;
width: 14px;
margin-left: 15px;
}
.foot-right{
width: calc(100% - 390px);
float: right;
height: auto;
display: flex;
justify-content: space-around;
}
.foot-right .link{
width: auto;
height: auto;
}
.foot-right .link .link-tit{
width: auto;
height: 50px;
font-weight: 600;
font-size: 18px;
color: #fff;
}
.foot-right .link ul{
width: auto;
height: auto;
}
.foot-right .link ul li{
width: 100%;
height: 40px;
line-height: 40px;
}
.foot-right .link ul li a{
display: inline-block;
width: 100%;
height: 40px;
line-height: 40px;
color: #aaa;
font-size: 14px;
}
.foot-right .link ul li a:hover{
color: #fff;
}
.foot_bottom_copy{
display: flex;
justify-content: space-between;
align-items: center;
}
.foot-bottom{
width: 100%;
margin: auto;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
border-top: 1px solid #5e5e5e;
}
.foot-bottom .copy{
color: #aaa;
float: left;
}
.foot-bottom .foot-link{
width: auto;
height: 40px;
float: right;
}
.foot-bottom .foot-link ul{
width: auto;
height: 40px;
display: flex;
justify-content: start;
align-items: center;
}
.foot-bottom .foot-link ul li{
width: 40px;
height: 40px;
margin-left: 20px;
}
.foot-bottom .foot-link ul li a{
display: block;
width: 40px;
height: 40px;
position: relative;
}
.foot-bottom .foot-link ul li a img{
width: 40px;
height: 40px;
}
.wx-code .wx-ma{
width: 100px!important;
height: 100px!important;
position: absolute;
top: -120px;
left: -30px;
display: none;
}
.wx-code:hover .wx-ma{
display: block;
}
#top {
position: fixed;
z-index: 99;
bottom: 10%;
right: 0;
width: 93px;
height: 93px;
background-color: #ffffff;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
flex-direction: column;
color:#333333;
}
.slider img,
.slider2 img,
#top img {
width: 30px;
height: auto;
margin-bottom:10px;
}
.slider2,
.slider {
box-sizing: border-box;
position: fixed;
z-index: 99;
bottom: 11.7%;
right: 0;
width: 93px;
height: 93px;
background-color: #ffffff;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.slider{
bottom:13.4%;
}
.slider2 p,
.slider p{
font-size: 16px;
color: #333333;
}
.slider{
transform: translatey(-140px);
display: flex;
align-items: center;
justify-content: center;
}
.slider:hover .slider_phone{
display: block;
}
.slider_phone{
position: absolute;
width: 230px;
border-radius: 5px;
background-color: #004ea2;
margin-left: -350px;
padding: 15px 28px;
display: none;
height: 93px;
line-height: 93px;
box-sizing: border-box;
}
.slider_phone span{
font-size: 15px;
color: #ffffff;
display: block;
line-height: 33px;
}
.slider2{
transform: translatey(-70px);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.slider2 a{
display: flex;
align-items: center;
justify-content: center;
}
.slider_all:hover p{
color:#ffffff;
}
.slider_all:hover{
background:#0046a2;
}
.navgation dl .in:hover a{
background: #6eb92b;
}
#top:hover{
background:#0046a2;
}
#top:hover p{
color:#ffffff;
}
.fixed{
position: fixed;
top: 105px;
left: 0;
z-index: 999;
}
.meaasge{
position: fixed;
top: 10px;
left: 50%;
transform: translatex(-50%);
background: #f0f9eb;
font-size: 15px;
border-radius: 5px;
padding: 10px 20px;
border-color: #e1f3d8;
color: #67c23a;
display: none;
}
.errormeaasge{
position: fixed;
top: 10px;
left: 50%;
transform: translatex(-50%);
background-color: #fef0f0;
border-color: #fde2e2;
font-size: 15px;
border-radius: 5px;
padding: 10px 20px;
color: #f56c6c;
display: none;
}
.right_pc{
display: block;
}
.right_move{
display: none;
}
/**åˆ†é¡µæ ·å¼*/
.l-page {
margin-top: 30px;
margin-bottom: 55px;
text-align: center;
}
.l-page .ui-pagination-container .ui-pagination-page-item.active {
color: #fff;
background: #004ea2;
}
.l-page .ui-pagination-container .ui-pagination-page-item {
margin: 0 3px;
padding: 4px 14px;
color: #636363;
font-size: 16px;
border-radius: 2px;
text-decoration: none;
height: 38px;
line-height: 38px;
}
.l-page .ui-pagination-container .ui-pagination-page-item:hover {
color: #636363;
}