* {
	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	;
}
/* 第二部分 关于bwin必赢 */
.sec_cont{
	width: 100%;
	height: auto;
	background: url(/frontEnd/static/img/cont_bg.png) 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: url(/frontEnd/static/img/cpzx_bg.png) 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(/frontEnd/static/img/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: url(/frontEnd/static/img/news_bg.png) 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: url(/frontEnd/static/img/experience_bg.png) 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;
}<!--耗时1754937869.3018秒-->