* { 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; }