.hear_bg {background: #f3f3f3; height: 45px; line-height: 45px; color: #828282;}
.hear_bg a { color: #828282;}
.hear_bg a:hover { color: #0076c8;}
.hear_gj { padding: 2px 10px 0 10px;}
.logo { padding-top: 40px;}
.tel { padding-top: 40px;}
.nav_bg { background: #0076c8; height: 67px; line-height: 67px;}
.nav { width: 1300px; margin: auto; overflow: hidden;}
.nav li { float: left; font-size: 20px; width: 162px; text-align: center;}
.nav li a { color: #fff; display: block;}
.nav li a:hover { color: #fff; display: block; background: #007dd4;}
.index_topbg { background: #fff; overflow: hidden; padding-bottom: 40px;}
.index_tite { font-size: 40px; line-height: 40px; color: #0071bf; text-align: center; padding-top: 50px;}
.index_line { padding-top: 12px;}
.index_gg { color: #6c6b6a; text-align: center; padding-top: 13px;}
.index_list { margin-top: 15px;}
.index_list li { border: 1px solid #d8d8d8; height: 48px; line-height: 48px; text-align: center; width: 280px; border-radius: 5px; float: left; margin: 20px 10px 0 10px; overflow: hidden;}
.index_list li a { display: block; border-radius: 5px;}
.index_list li a:hover { display: block; background: #0071bf; color: #fff; border-radius: 5px; transition: 0.3s ease-in;}
.index_pro li { border: 1px solid #d8d8d8; width: 300px; float: left; margin: 30px 11px 0 11px; background: #fff;}

.index_cpmc { height: 56px; line-height: 55px; text-align: center; background: #f7f7f7; overflow: hidden;}
.index_cpmc a { display: block;}
.index_cpmc a:hover { display: block; background: #0071bf; color: #fff; transition: 0.3s ease-in;}
.jj_bg { background: url(../images/jj_bg_02.jpg) no-repeat center; height: 694px; margin-top: 60px;}
.index_jjleft { width: 670px;}
.index_jj { line-height: 44px; height: 330px; overflow: hidden;}
.index_xm { padding-top: 40px;}
.index_more { background: #0071bf; width: 147px; height: 44px; line-height: 44px; text-align: center; margin-top: 50px;}
.index_more a { color: #fff;}
.index_more a:hover { color: #fbffbc;}
.index_news { height: 400px; overflow: hidden; margin-top: 20px;}
.index_news li { border: 1px solid #d8d8d8; width: 580px; float: left; padding: 20px; margin: 37px 12px 0 12px;}
.index_zj { width: 572px; margin: auto;}
.index_newsbt { height: 20px; line-height: 20px; overflow: hidden; }
.index_newsjj { color: #929292; font-size: 16px; height: 50px; overflow: hidden; line-height: 25px; margin-top: 10px;}
.index_time { color: #929292; font-size: 16px; margin-top: 10px;}
.end_bg { background: #313236; padding: 24px 0 24px 0; margin-top: 60px; color: #949494;}
.end { width: 1300px; margin: auto; text-align: center; line-height: 32px; font-size: 16px;}
.end_bg a { color: #949494;}
.end_bg a:hover { color: #fff;}

.pro_cp {width: 300px; height: 263px;}


.index_cp img { width: 300px; height: 263px;}
.index_kxcg li { border: 1px solid #d8d8d8;  float: left; margin: 30px 0px 0 0px; background: #fff;width: 300px; }
.index_kxcg li img{ /*object-fit:contain;*/transition:all .5s;-webkit-transition:all .5s;width: 300px; height: 263px;}
.index_kxcg  li:hover .index_cp img,.index_kxcg li .index_cp:hover img{transform:scale(0.9);-webkit-transform:scale(0.9);height: 263px;}
.index_kxcg{ position:relative; overflow:visible;}
.index_kxcg .swiper{ width:1300px; overflow:hidden;}
.index_kxcg .swiper-button{
	width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    z-index: 9;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
	background-image: url(../images/arrow2.png);
	background-color: #0076c8;
	background-repeat:no-repeat;
	outline:none;
}
.index_kxcg .swiper-prev{
	background-position: 13px -41px;
	left: 0px;
}
.index_kxcg .swiper-next{
	background-position: center 11px;
	right: 0px;
}
.index_kxcg .swiper-button.swiper-button-disabled{
	opacity: .35;
    cursor: auto;
    pointer-events: none;
}



.a_ck { width: 1300px; margin: auto; overflow: hidden; padding-top: 50px;}
.a_banner { background: url(../images/jjtp.jpg) no-repeat center; height: 260px;}
.n_banner { background: url(../images/nn.jpg) no-repeat center; height: 260px;}
.r_banner { background: url(../images/rongyu.jpg) no-repeat center; height: 260px;}
.l_banner { background: url(../images/contact.jpg) no-repeat center; height: 260px;}
.d_banner { background: url(../images/cc.jpg) no-repeat center; height: 260px;}
.p_banner { background: url(../images/pro_tp.jpg) no-repeat center; height: 260px;}
.s_banner { background: url(../images/shebei_tp.jpg) no-repeat center; height: 260px;}
.a_tite { width: 1300px; margin: auto; text-align: center; padding-top: 110px; color: #fff; font-size: 30px;}
.a_wzbg { background: #fff; height: 70px; line-height: 70px; border-bottom: 1px solid #d8d8d8;}
.a_zz { color: #999;}
.a_wz { padding: 2px 10px 0 0px;}
.a_left {}
.a_btmc { font-size: 32px; font-weight: bold; line-height: 40px;}
.a_line { width: 70px; border-bottom: 2px solid #0071bf; padding-top: 20px;}
.a_btgg { padding-top: 12px; color: #999; width: 300px; line-height:28px; font-size: 16px;}
.a_right { width: 890px; line-height: 45px; border-left: 1px solid #d8d8d8; padding-left: 60px;}
.pro_list { width: 1300px; margin: auto; overflow: hidden; padding-top: 15px;}
.pro_list li {border: 1px solid #d8d8d8; height: 48px; line-height: 48px; text-align: center; width: 280px; border-radius: 5px; float: left; margin: 20px 10px 0 10px; overflow: hidden; background: #fff;}
.pro_list li a { display: block; border-radius: 5px;}
.pro_list li a:hover { display: block; background: #0071bf; color: #fff; border-radius: 5px;}
#pro_list2{ display: block; background: #0071bf; color: #fff; border-radius: 5px;}
.pro {width: 1300px; margin: auto; overflow: hidden; padding-top: 12px; }
.pro li { border: 1px solid #d8d8d8; width: 300px; float: left; margin: 30px 11px 0 11px; background: #fff;}
.news {width: 1300px; margin: auto; overflow: hidden;}
.news li {border: 1px solid #d8d8d8; padding: 20px; margin: 37px 5px 0 5px;box-shadow: #e7e7e7 0px 0px 7px 1px;}
.l_com {width: 1260px; margin: auto; overflow: hidden; background: #f8f8f8; padding: 40px; margin-top: 50px;}
.l_right { border: 2px solid #eaeaea;}
.l_right img { display: block;}
.l_left { width: 400px; line-height: 40px;}
.shebei { }
.shebei li { float: left; margin: 10px 12px 20px 12px;}
.shebei_tp img {width: 300px; height: 223px;}
.shebei_mc { text-align: center; padding-top: 12px;}
.show_bt { text-align: center; font-size: 30px; line-height: 40px;}
.show_time { text-align: center; border-bottom: 1px solid #d8d8d8; color: #737373; padding-bottom: 15px; margin-top: 20px;}
.show_js { line-height: 40px; margin-top: 20px;}
.show_ps { padding-top: 10px; border-top: 1px solid #d8d8d8; margin-top: 30px;}
.show_sp { padding-top: 20px;}
.hoor_tp img {width: 300px; height: 323px;}
.hoor_mc { background: #f5f5f5; height: 49px; line-height: 49px; text-align: center;}
.hoor_mc a { display: block;}
.hoor_mc a:hover { display: block; background: #0071bf;transition: 0.3s ease-in; color: #fff;}
.hoor li { float: left; width: 300px; margin: 0px 12px 30px 12px;}
.show_tp { text-align: center;}
.show_mc { text-align: center; font-size: 22px; padding-top: 26px; line-height: 24px;}
.show_line { margin-top: 60px; border-bottom: 1px solid #d8d8d8;}
.show_td { background: #0071bf; height: 48px; line-height: 48px; width: 140px; border-top-left-radius: 5px;border-top-right-radius: 5px; color: #fff; text-align: center;}
.show_cpjs { line-height: 35px; margin-top: 20px;}
.dg_left { width: 550px;}
.dg_siz { width: 110px; text-align: right; padding-right: 10px; line-height: 40px;}
.dg_sk { float: left; width: 350px; border: 1px solid #d8d8d8; height: 38px; line-height: 38px;}
.dg_kk { margin-top: 21px; overflow: hidden;}
.dg_nr { border: 1px solid #d8d8d8; float: left;}
.dg_qx { background: #dbdbdb; width: 100px; height: 40px; border: 1px solid #dbdbdb; font-size: 17px;}
.dg_tj { background: #0076c8; width: 100px; height: 40px; border: 1px solid #0076c8; font-size: 17px; color: #fff; margin-left: 120px;}


.example {
	width: 100%;
	height: 568px;
	text-align: center;
	margin: 0px auto;
	background-color: #0071bf;
			}
			.carousel-item{color: #fff;font-family:  Arial Black}

.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 0px;
	border-radius: 50%;
	cursor: pointer; margin-left: 10px;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a; 

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(../images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(../images/next.png) no-repeat;
}

