body {
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #008ce1;
}
a:visited{
	font-style: normal;
	text-decoration: none;
}

ul,
ol {
	list-style: none;
	padding: 0;
}

h1{
	margin: 0;
}

.mt30 {
	margin-top: 30px;
}

.mb30 {
	margin-bottom: 30px;
}


.sbm {
	font-size: 0;
	height: 1px;
	overflow: hidden;
	color: #333333;
}

/*foot*/
.b_red {
	height: 2px;
	width: 100%;
	background-color: #008ce1;
}

.foot {
	/* background: #008ce1; */
	zoom: 1;
	overflow: hidden;
	/* border-top: 2px solid #0078cd; */
	/* background:url(../images/newbg.jpg) no-repeat; */
	background: #f9f9f9;
	background-size:cover;
}

.fast {
	font-size: 14px;
	color: #FFFFFF;
	padding: 25px 0 25px 5px;
	width: 1000px;
	text-align: left
}

.fast a {
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	padding: 0 20px;
}

.share a {
	width: 40px;
	height: 40px;
	/* solid; */
	display: inline-block;
	margin: 15px 0;
}

.weibo {
	background: url(../images/tubiao.png) 93px 397px;
}

.weibo:hover {
	background: url(../images/tubiao.png) 93px 247px;
}

.weixin {
	background: url(../images/tubiao.png)93px 357px;
}

.weixin:hover {
	background: url(../images/tubiao.png) 95px 204px;
}

.renren {
	background: url(../images/tubiao.png) 94px 321px;
}

.renren:hover {
	background: url(../images/tubiao.png) 96px 164px;
}

.kaixin {
	background: url(../images/tubiao.png) 95px 284px;
}

.kaixin:hover {
	background: url(../images/tubiao.png) 98px 126px;
}

.m {
	margin: 20px 0 0px 0;
}

.c_t {
	background: url(../images/tubiao.png) -15px -82px no-repeat;
	height: 120px;
	margin-right: 50px;
	font-size: 14px;
	color: #bdbdbd;
	padding-left: 30px;
	line-height: 30px;
}

.erweima {
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../images/weweima_kuang.png) no-repeat;
	width: 160px;
	height: 160px;
	padding-top: 9px;
	padding-left: 8px;
	margin: 0px;
}

.my {
	font-size: 14px;
	color: #BDBDBD;
	line-height: 50px;
	text-align: center;
	padding-top: 10px;
}

.w1200 {
	width: 1180px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cl {
	clear: both;
}

.mya.upm {
	font-size: 12px;
	color: #bdbdbd;
}

.page-banner {
	height: 300px;
}

.i_gd {
	font-size: 13.6px;
	width: 75%;
	height: auto;
	margin: 0px auto;
	font-size: 16px;
	margin-top: 10px;
	overflow:hidden;
}
.i_miaoshu em{
color: #EF0606;
    font-style: normal;
	}
.i_miaoshu a{
padding:0 5px;
}
.i_gd .i_sousuo input{
	outline: none;
}

.mobile_daohang{
	display:none;
	margin:30px 0;
}
.mobile_daohang .maplist{
	display:flex;
	align-items:center;
	margin:auto;
	margin-top:20px;
	width:100%;
	justify-content:space-between;
}

.mobile_daohang .maplist div{
	width:30%;
	height:35px;
	text-align:center;
	line-height:35px;
	font-size:16px;
	color:#fff;
	background:#1b6b9a;
	border-radius:5px
}

@media (max-width:768px){
	.i_gd .i_sousuo{
		margin:auto;
		float:none;
		width:90%;
		height:50px;
		}

		.mobile_daohang{
			display:block
		}

	
}


@media (max-width:1600px) {
	.new_daohang_c{
		padding:0 1% !important;
		width:98% !important;
	}
	.new_container{
		width: 95% !important;
	}
	.about_con{
		width: 90% !important;
	}

	.jiance_new_name{
		width: 90% !important;
	}
	.shipin_list{
		width: 90% !important;
	}

	.xinwen_new .swiper{
		width: 90% !important;
	}
}

@media (max-width:1399px) {
	.shipin_list a .list_1{
		height: 275px;
	}
}



.slideTxtBox {
	/* width: 1180px;
	border: 1px solid #ddd; */
	width: 80%;
	text-align: left;
	/* margin: 0 auto 20px; */
	clear: both;
	zoom: 1;
	overflow: hidden;
	padding: 20px 0
}

.slideTxtBox .hd {
	height: 36px;
	line-height: 36px;
	/* background: #f4f4f4; */
	padding: 0 10px 0 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.slideTxtBox .hd a {
	float: left;
}

.slideTxtBox .hd ul {
	float: left;
	position: absolute;
	left: 10px;
	top: -1px;
	height: 32px;
}

.slideTxtBox .hd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700
}

.slideTxtBox .hd ul li.on {
	height: 36px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 2px solid #fff;
}

.slideTxtBox .bd ul {
	padding: 15px;
	zoom: 1;
}
.slideTxtBox .bd ul a{
	color:#999;
}

.slideTxtBox .bd li {
	height: 24px;
	line-height: 24px;
	float: left;
	margin-right: 10px
}

.slideTxtBox .bd li .date {
	float: right;
	color: #999;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow {
	position: absolute;
	right: 10px;
	top: 0;
}

.slideTxtBox .arrow a {
	display: block;
	width: 5px;
	height: 9px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
}

.slideTxtBox .arrow .next {
	background-position: 0 -50px;
}

.slideTxtBox .arrow .prevStop {
	background-position: -60px 0;
}

.slideTxtBox .arrow .nextStop {
	background-position: -60px -50px;
}

.mta10 {
	margin-top: 10px;
	clear: both
}

.topc {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-bottom:20px;
	border-bottom:1px solid #fff;
	display: flex;
	justify-content: space-around;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}
	.footbox {
		float: left;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
	}


.footboxz {
	float: left;
	/* padding-right: 1%; */
	/* border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF; */
	display:flex;
	flex-direction:column;
	width:20%;
}
.footboxz span{
	margin-bottom:20px;
	font-size:25px;
	color:#333;
}
.footboxz_1{
	display:flex;
	flex-wrap:wrap;

}

.footboxz a{
	margin-bottom:20px;
	color:#999;
	width:45%;
	transition: all 0.36s;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.footboxz a:hover{
	color: #333;
}
.footboxc span{
	display:block;
	margin-bottom:20px;
	font-size:25px;
	color:#333;
}

.footboxc {
	margin-right:15px;
	float: left;
	color: #999;
}

.footboxc a {
	color: #999;
}

.footboxy {
	float: right;
	color: #999;
	margin-right: 0px
}


.foot_new{
	position: relative;
}

.foot_new span{
	display:block;
	margin-bottom:20px;
	font-size:25px;
	color:#333;
}

.foot_new .yt_gzh{
	display: flex;
	align-items: center;

}

.foot_new .yt_gzh  .ft_img{
	width: 20px;
	height: 20px;
}
.foot_new .yt_gzh  .ft_img img{
	width: 100%;
	height: 100%;
}
.foot_new .yt_gzh  .ft_p p{
	font-size: 14px;
	margin: 0;
}

.foot_new a:hover{
	color: #333;
}

.foot_new .ft_img_img{
	/* position: absolute;
	top:50px;
	left:-90px;
	display: none; */
	margin-top: 20px;
	width: 90px;
	height: 90px;
	transition: all 0.36s;
}
/* .foot_new .yt_gzh:hover .ft_img_img{
	display: block;
} */



.new_side{
	position: fixed;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    transition: all .5s;
    box-shadow: 0 5px 13px rgb(0 0 0 / 10%);
    z-index: 999;
	width: 75px;
    text-align: center;
}


.new_side_show{
	right:0
}

.new_side_1{
	background: #f7f7f7;
    border: 1px solid #eaeaea;
    padding: 8px 0;
    cursor: pointer;
}
.new_side_1:hover .new_side_img_1{
	opacity: 0;
}
.new_side_1:hover p{
	color: #0061c2;
}
.new_side_2:hover p{
	color: #0061c2;
}
.new_side_1:hover .new_side_img_2{
	opacity: 1;
}
.new_side_2:hover .new_side_img_1{
	opacity: 0;
}
.new_side_2:hover .new_side_img_2{
	opacity: 1;
}



.new_side_img{
	width: 28px;
    display: inline-block;
    position: relative;
}

.new_side_img img{
	width: 100%;
    transition: all .36s;
}

.new_side_img_1{
	position: relative;
    top: 0;
    left: 0;
}

.new_side_img_2{
	position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.new_side_p p{
	font-size: 14px;
    line-height: 2.5;
    color: #666;
    transition: all .36s;
	margin:0;
}

.new_side_2{
	position: relative;
    z-index: 999;
	border: none;
    background: none;
    padding: 0;
}
.new_side_2:hover .new_side_wx {
	left:-120px
}
.new_side_2_1 {
	border: 1px solid #eaeaea;
    width: 100%;
    padding: 8px 0;
    background: #f7f7f7;
}
.new_side_wx{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
    transition: all 1s;
    z-index: -1;
}


.new_side_wx_img{
	width: 100px;
    position: relative;
    z-index: -1;
}
.new_side_wx_img img{
	width: 100%;
    transition: all .36s;
}

.new_side_wx_img::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
}

.new_bg{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	left:0;
	top:0;
	z-index: 99999;
	overflow-y: hidden;
}

.tanchuang{
	display: none;
	width: 602px;
    background: #ffffff;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
    transition: all 0.6s;
    overflow: hidden;

}

.tc_top {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.tc_top p{
	font-size: 25px;
}

#close{
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#close img{
	width: 100%;
	height: 100%;
}
.tc_bot{
	margin-top: 30px;
	width: 100%;

}

.tc_bot_1{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.tc_bot_1 input{
	width: 100%;
	border:none;
	height: 50px;
	outline: none;
}
.tc_bot_2{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.tc_bot_2 input{
	border:none;
	width: 80%;
	height: 50px;
	outline: none;

}
.tc_bot_2 img{
	width: 20%;
}
.tc_bot p{
	font-size: 15px;
	color:#999
}
.tc_bot button{
	width: 200px;
	height: 60px;
	outline: none;
	background: #0061c2;
	color: #fff;
	margin-top: 15px;
	border: none;
	font-size: 20px;
}

.new_bbb{
	margin: auto;
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new_bbb_logo{
	width:250px;
}
.new_bbb_logo img{
	width: 100%;
	filter: brightness(0.7);
}


.mnewtel{
	display:none;
	position:fixed;
	bottom:5%;
	right:2%;
	z-index:999;
	width:65px;
	height:65px;
}
.mnewtel img{
	width:100%;
	height:100%;
}













.i-phone span {
	font-size: 16px;
}

.i-phone p {
	font-size: 28px
}

.i-phone {
	float: right
}

.footboxy img {
	float: left
}

.i-rx {
	margin-bottom: 20px;
	text-align: center;
	color: #fff
}

.i-rx a {
	color: #fff;
	margin-right: 10px;
}

.page {
	width: 94%;
	margin: 20px auto 40px;
	font-size: 16px;
	zoom: 1;
	overflow: hidden;
	position: relative
}

.page a,
.page span {
	display: block;
	color: #2b79cb;
	float: left;
	padding: 4px 8px;
	border: 1px solid #dedfde;
	margin-right: 5px;
	font-size: 16px
}

/* SPAN和链接 */
.page a:hover,
.page a.current,
.page span.current {
	color: #fff;
	border: 1px solid #2b79cb;
	padding: 4px 8px;
	background: #2b79cb
}

/* 当前链接有激活时 */
。thisclass {
	color: #fff;
	border: 1px solid #2b79cb;
	padding: 4px 8px;
	background: #2b79cb
}


.page select {
	display: inline-block;
	font-size: 16px;
	margin-top: 5px;
	float: none
}


.page span.i_a {
	border: 1px solid #fff
}

.clear20 {
	height: 40px;
	clear: both;
	overflow: hidden
}

.i-pla {
	position: absolute
}

.i-px {
	line-height: 20px;
	display: flex;
    justify-content: space-between;
}

.picScroll-left {
	width: 1200px;
	overflow: hidden;
	position: relative;
	border: 0px solid #ccc;
}

.picScroll-left .hd {
	overflow: hidden;
	height: 10px;
	/*background:#f4f4f4; padding:0 10px;*/
}

.picScroll-left .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.picScroll-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("../images/icocircle.gif") 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
	background-position: 0 0;
}

.picScroll-left .bd {
	padding: 10px 20px;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picScroll-left .bd ul li .pic {
	text-align: center;
}

.picScroll-left .bd ul li .pic img {
	width: 214px;
	height: 160px;
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-left .bd ul li .title {
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 100%;
}

.picScroll-left .hd .prev {
	cursor: pointer;
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_prev.png) no-repeat;
	position: absolute;
	left: 0;
	top: 85px;
}

.picScroll-left .hd .next {
	cursor: pointer;
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_next.png) no-repeat;
	position: absolute;
	right: 0;
	top: 85px;
}

.picScroll-lefta {
	width: 1200px;
	overflow: hidden;
	position: relative;
	border: 0px solid #ccc;
}

.picScroll-lefta .hd {
	overflow: hidden;
	height: 10px;
	/*background:#f4f4f4; padding:0 10px;*/
}

.picScroll-lefta .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.picScroll-lefta .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("../images/icocircle.gif") 0 -9px no-repeat;
}

.picScroll-lefta .hd ul li.on {
	background-position: 0 0;
}

.picScroll-lefta .bd {
	padding: 10px 20px;
}

.picScroll-lefta .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-lefta .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picScroll-lefta .bd ul li .pic {
	text-align: center;
}

.picScroll-lefta .bd ul li .pic img {
	width: 214px;
	height: 160px;
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

.picScroll-lefta .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-lefta .bd ul li .title {
	line-height: 24px;
}

.picScroll-lefta .hd .prev {
	cursor: pointer;
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_prev.png) no-repeat;
	position: absolute;
	left: 0;
	top: 85px;
}

.picScroll-lefta .hd .next {
	cursor: pointer;
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_next.png) no-repeat;
	position: absolute;
	right: 0;
	top: 85px;
}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

.top {
	height: 35px;
	line-height: 35px;
	background: #fff;
	color: #999;
	border-bottom: 1px solid #cccccc75;
}

.top a {
	margin: 0 10px;
	color: #999;
}

.top a:hover {
	color: #fff;
}

.navbar {
	position: relative;
	min-height: 60px;
	margin-bottom: 0;
}

.navbar-brand {
	float: left;
	height: 67px;
	padding: 20px 15px;
	font-size: 18px;
	line-height: 20px;
	box-sizing: content-box;
}

 .zldl {
	/* overflow: hidden; */
	width: 250px;
	height: 70px;
	float: left;
	position: relative;
	/* padding-left: 40px; */
	text-align: center;
	margin-top: 29px;
}

.zldl span {
	font-size: 20px;
	color: #0367d7;
}

.zldl p {
	color: #0367d7;
	font-size: 14px;
	margin-top: 8px;
	padding-left: 1px;
}

.navbar-default {
	background-color: #fff;
	border-color: transparent;
}

.navbar-nav {
	margin: 0px -15px;
}

.navbar-nav>li>a {
	padding-top: 17px;
	padding-bottom: 17px;
	line-height: 20px;
}

.navbar-default .navbar-collapse {
	padding:0;
	border-top: 1px solid #c7c2c2;
	box-shadow: 0px 10px 10px -10px #c7c2c2;
    background: #fff;
    position: relative;
    z-index: 100;
	z-index: 99;
}

.navbar-default .navbar-nav>li>a {
	color: #333;
	font-size: 16px;
	padding: 17px 40px;
}



.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background: #0078cd;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.tel {
	height: auto;
	background: url(../images/tel.gif) no-repeat left center;
	padding-left: 65px;
	margin-top: 25px;
}

.tel span {
	display: block;
	font-size: 18px;
	line-height: 20px;
	margin: 10px 0 0;
}

.tel b {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #008ce1;
	font-weight: normal;
	/* font-family: Impact, Arial; */
}

.nbanner {
	width: 100%;
	overflow: hidden;
}


.nbanner img {
	width: 100%;
	overflow: hidden;
}

.tg_pages {
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}

.tg_pages li {
	display: inline-block;
}

.tg_pages li a {
	border: 1px solid #008ce1;
	color: #008ce1;
	display: inline-block;
	font-size: 13px;
	height: 26px;
	line-height: 26px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.tg_pages .page-num-current {
	background: #008ce1 none repeat scroll 0 0;
	border: 1px solid #008ce1;
	color: #ffffff;
}
.tg_pages li span{
	display: none;
}

.carousel-inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-indicators li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	border: none;
	margin-right: 10px;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0 10px 0 0;
	background-color: #008ce1;
}

.honor {
	padding: 40px 0;
	background: #f2f2f2;
}

.honor-con {
	position: relative;
	width: 1192px;
	height: 200px;
	margin: 0px auto;
}

#scrollCon01 {
	width: 1140px;
	position: absolute;
	left: 30px;
	top: 20px;
	overflow: hidden;
	list-style: none;
}

.honor-con li {
	float: left;
	width: 216px;
	margin-right: 15px;
}

.honor-con li img {
	display: block;
	width: 214px;
	height: 160px;
	border: 1px solid #ccc;
}

.honor-con li span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 5px;
}

.honor-con .leftBtn {
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_prev.png) no-repeat;
	position: absolute;
	left: 0;
	top: 80px;
}

.honor-con .rightBtn {
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_next.png) no-repeat;
	position: absolute;
	right: 0;
	top: 80px;
}



.list-product-title {
	height: 80px;
	background: url(../images/list_title.png) no-repeat top center;
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.list-product h2 {
	margin: 0;
	line-height: 60px;
	font-weight: bold;
	font-size: 22px;
}

.list-product ul {
	list-style: none;
	padding: 0 10px 10px;
	/*border: 5px solid #005dae;*/
	border: 1px solid #008ce1;
}

.list-product h2 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	/* color: #0064c4; */
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	/* margin: 15px 0 0; */
	/* background: #e5e5e5 url(../images/list_li_title.png) no-repeat 200px center; */
}

.list-product h2 a {
	color: #0064c4;
}

.list-product ul li {
	height: 40px;
	line-height: 40px;
	color: #0064c4;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0;
	background: #e5e5e5 url(../images/list_li_title.gif) no-repeat 200px center;
	text-indent: 20px;
}

.list-product ul li a {
	color: #333;
	display: block;
}

.list-producta li .current{
background:#1063c4;
color:#fff;
}

.list-producta-title {
	height: 60px;
	/* background-color: #008ce1; */
	line-height: 60px;
	text-align: left;
	color: #333;
}

.list-producta h3 {
	margin: 0;
	line-height: 60px;
	font-weight: bold;
	font-size: 22px;
}

.list-producta ul {
	list-style: none;
	padding: 0 10px 10px;
	/*border: 5px solid #005dae;*/
	border: 1px solid #008ce1;
}

.list-producta h2 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #0064c4;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 0;
	background: #e5e5e5 url(../images/list_li_title.gif) no-repeat 200px center;
}

.list-producta h2 a {
	color: #0064c4;
}

.list-producta ul li {
	/*height: 40px;*/
	line-height: 40px;
	color: #0064c4;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	background: #e5e5e5 url(../images/list_li_title_1.png) no-repeat 260px 10px;
	text-indent: 20px;
}
.list-producta ul li:hover{
	background: #0084f2 url(/skin/images/list_li_title_1.png) no-repeat 260px 10px !important;
}
.list-producta ul .current:hover{
	background: #0084f2 url(/skin/images/list_li_title_1_active.png) no-repeat 260px 10px !important;
}
.list-producta ul li:hover a{
	color:#fff
}
.list_con .menu_head:hover{
	background: none !important;
	background-image: none !important;

}
.list_con .menu_head:hover a{
	color: #0084f2;
}

.list_con .menu_head:hover a::before {
	content: "";
	width: 2px;
	position: absolute;
	left: 16.5px;
	top: 0;
	bottom: 0;
	z-index: 90;
	background: #0084f2;
  }

  .list_con .menu_head:hover a::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -7.5px;
	width: 15px;
	height: 15px;
	border: 1px solid #0084f2;
	box-sizing: border-box;
	background: #fff;
	border-radius: 50%;
	z-index: 99;
	transition: 0.3s;
  }

.list-producta ul li a {
	/*color: #0064c4;*/
	color: #333;
}

.list-producta ul li a.cur {
	color: #008ce1;
}

.list-producta ul li ul {
	border: 0;
	margin: 0px 0 0 0;
	background: #fff;
}

.list-producta ul li ul li {
	background: #fff;
}

.list-producta ul li ul li a {
	width: 100%;
	display: block;
	font-size: 14px;
	BACKGROUND: url(../images/4.png) no-repeat 5px 16px;
}

.i-alist {
	height: 5px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.i-ulh {
	margin: 0;
	padding: 0;
	background: #fff
}

.clear10 {
	height: 20px;
	overflow: hidden;
	background: #fff
}

.product-title {
	height: 40px;
	line-height: 40px;
	background: #f2f2f2 url(../images/hot_title.png) no-repeat left top;
}

.product-title h3 {
	margin: 0;
	float: left;
	width: 170px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 32px;
}

.product-title a {
	float: right;
	margin-right: 15px;
	_display: inline;
}

.product-show {
	margin: 0 0 13px;
}

.product-show div {
	margin-top: 20px;
	padding-bottom: 15px;
}

.product-show div img {
	display: block;
	margin: auto;
	height: auto;
	border: 1px solid#ccc;
	/* margin-left:6px; */
}

.product-show div span {
	height: auto;
	line-height: 30px;
	border-top: 0;
	background: #f2f2f2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	margin: auto;
	width: 95%;
	padding: 10px 0;
}

.product-show div span a {
	display: block;
}

.product-show div p {
	height: 76px;
	line-height: 22px;
	border-top: 0;
	background: #f2f2f2;
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px;
	display: none;
}

.plan {
	height: 515px;
	background: url(../images/plan_bg.jpg) no-repeat top center;
}

.plan h3 {
	font-size: 32px;
	color: #0064c4;
	font-weight: bold;
	text-indent: 30px;
}

.plan h3 span {
	color: #cc0000;
}

.plan h4 {
	font-size: 22px;
	color: #fff;
	margin-top: 30px;
	text-indent: 55px;
}

.plan h4 b {
	margin-right: 10px;
}

.plan-con {
	margin-top: 80px;
}

.plan-con img {
	margin: 0 auto;
}

.plan-con p {
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
}

.ys {
	background: #f2f2f2;
	padding: 40px 0;
}

.ys h3 {
	font-size: 36px;
	color: #cc0000;
	font-weight: bold;
}

.ys h3 span {
	font-size: 28px;
	color: #b9bfbb;
	font-family: Impact, Arial;
	font-weight: normal;
	margin-left: 5px;
}

.ys h4 {
	margin-top: 20px;
}

.ys h4 b {
	margin-right: 10px;
	font-size: 48px;
	color: #1c8cd8;
}

.ys h4 span {
	display: inline-block;
	width: 260px;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	color: #fff;
	background: url(../images/ys_title_bg.png) no-repeat top center;
}

.ys-con {
	margin-top: 60px;
}

.ys-con span {
	font-size: 50px;
	color: #dd191d;
	font-family: Impact, Arial;
	position: absolute;
}

.ys-conh5 {
	display: inline-block;
	width: 85%;
	font-size: 24px;
	color: #2589d5;
	line-height: 48px;
	height: 54px;
	background: url(../images/ys_con_line.png) repeat-x bottom center;
	margin-left: 60px;
	font-weight: bold;
}

.ys-conp {
	margin-top: 15px;
	font-size: 16px;
	padding-left: 60px;
}

.ys-con .col-md-push-1 {
	left: 5%;
}

.about-img {
	padding-bottom: 25px;
	background: url(../images/about_img_bottom.jpg) no-repeat bottom center;
	height: 300px;
}

.about-title {
	height: 40px;
	line-height: 40px;
	color: #333;
	text-align: center;
	border-bottom: 1px double #666;
	padding-bottom: 5px;
	margin-bottom: 20px;
	background: url(../images/icon_title.gif) no-repeat left center;
	padding-left: 15px;
}

.about-title h2 {
	color: #333;
	font-weight: bold;
	margin: 0;
	line-height: 40px;
	font-size: 20px;
}

.about-title h2 span {
	padding-left: 10px;
	color: #666;
	font-weight: normal;
}

.about-text-title p {
	font-size: 16px;
	color: #333;
}

.about-text h4 {
	font-weight: bold;
}

.about-text p {
	text-indent: 2em;
}

.about-public {
	padding-top: 30px;
	border-top: 2px solid #999;
	font-size: 18px;
}

.about-public p:first-child {
	color: #cc0000;
	font-weight: bold;
}

.about-public .about-slogan {
	text-align: center;
	color: #cc0000;
	padding: 0 10px;
	background: url(../images/slogan_bg.png) no-repeat center center;
	font-weight: bold;
}

.about-promise {
	border-radius: 30px;
	border: 1px dashed #cc0000;
	text-align: center;
	padding: 5px 10px;
	background: #fff7a4;
	font-weight: bold;
	color: #cc0000;
}

.about-tel {
	border-bottom: 1px dashed #cc0000;
	text-align: right;
	padding-top: 8px;
	font-weight: bold;
	font-size: 16px;
}

.about-tel span {
	color: #ff3300;
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
}

.project {
	padding: 30px 0;
	/*background: url(../images/project_bg.gif) repeat-x;*/
	background: #e3e3e3;
	/*background:-moz-linear-gradient( right,#008ce1,#f98485);
background:-webkit-linear-gradient(left,#008ce1,#f98485);
background:-o-linear-gradient(left,#008ce1,#f98485); /*Opera11*/
	
}

.project-title {
	background: url(../images/project_title.png) no-repeat center center;
}

.project-title h2 {
	padding: 0 10px;
	text-align: center;
	width: 220px;
	margin: 0 auto;
	font-weight: bold;
	/*color: #008ce1;*/
	color: #333;
	font-size: 22px;
}

.project-con {
	position: relative;
	width: 1200px;
	height: 200px;
	margin: 0px auto;
	overflow: hidden;
}

#scrollCon {
	width: 1140px;
	position: absolute;
	left: 30px;
	top: 20px;
	overflow: hidden;
	list-style: none;
}

.project-con li {
	float: left;
	width: 216px;
	margin-right: 15px;
}

.project-con li img {
	display: block;
	width: 214px;
	height: 160px;
	border: 1px solid #ccc;
}

.project-con li span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 5px;
}

.project-con li span a {
	color: #000;
}

.project-con .leftBtn {
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_prev.png) no-repeat;
	position: absolute;
	left: 0;
	top: 85px;
}

.project-con .rightBtn {
	display: block;
	width: 15px;
	height: 27px;
	background: url(../images/btn_next.png) no-repeat;
	position: absolute;
	right: 0;
	top: 85px;
}

.case {
	background: #f2f2f2;
	padding: 40px 0;
}

.case-title {
	text-align: center;
	background: url(../images/case_title_line.gif) repeat-x center center;
}

.case-title h3 {
	width: 120px;
	padding: 0 10px;
	background: #f2f2f2;
	background: #fff;
	color: #333;
	font-weight: bold;
	margin: 0 auto;
}

.case .thumbnail {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	border: none;
	border-radius: 0;
	background: #f2f2f2;
}

.case.thumbnail .caption {
	padding: 5px;
	color: #666;
}

.case.thumbnail .caption h3 {
	margin: 10px 0;
	font-weight: bold;
	color: #333;
	font-size: 16px;
}

.case .btn-thumbnail {
	width: 86px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: url(../images/btn_red.gif) repeat-x;
	color: #fff;
	margin-top: 20px;
}

.news-title {
	height: 40px;
	line-height: 40px;
	padding-bottom: 5px;
	border-bottom: 1px double #666;
	margin-bottom: 20px;
}

.news-title h2 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	background: url(../images/icon_title.gif) no-repeat left center;
	padding-left: 15px;
}

.news-title h2 span {
	display: block;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin-top: 3px;
}

.main_nav{	
	margin-bottom: 30px;
	width: 100%;
	
}
.main_nav ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	/* padding-bottom: 15px; */
	border-bottom: 1px solid #efefef;
	margin: 0;
}
.main_nav ul li{
	width:11%;
	height: 100%;
	text-align:center;
	/* transition: all 0.3s; */
}
.main_nav ul li a{	
	display: block;
	width:100%;
	height:50px;
	font-size: 16px;
	line-height: 50px;
	color: #666;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	/* transition: all 0.3s; */
}
.main_nav ul .active{
	border-bottom: 2px solid #008ce1;
}
.main_nav ul .active a{
	font-weight: bold;
	color: #008ce1;
}

.main_nav ul li:hover{
	border-bottom: 2px solid #008ce1;
}
.main_nav ul li:hover a{
	/* font-weight: bold; */
	color: #008ce1;
}

.main-con-news {
	/* padding: 0 20px; */
	
}

.news-list {
	margin-top: 30px;
}

.contact-list {
	padding: 0 10px;
}

.news-list li {
	margin: 20px 0;
	float: left;
	/* padding:0 1%; */
	width: 25%;
	height: auto;
	line-height: 34px;
	/* background: url(../images/icon_news.gif) no-repeat left center;
	border-bottom: 1px dotted #999; */
	/* overflow: hidden; */
	transition: all 0.3s;
	border: 1px solid #efefef;
	
}
.news-list li:hover a{
	/* background-color: #efefef; */
	box-shadow: 0px 20px 30px #ccc;
	z-index: 9;
}
.news-list li:nth-child(2n){
	background-color: #efefef;
}
.news-list li:nth-child(2n):hover{
	background-color: #fff;
	box-shadow: 0 20px 30px #f9f9ff;
}

.news-list li:hover  .news-list_img img{
	transform: scale(1.1);
}

.news-list li .news-list_img{
	display: block;
	margin: auto;
	padding:13%;
	width: 76%;
	height: auto;
	/* height: auto; */
	overflow: hidden;
	position: relative;
	
}
.news-list li a{
	display: block;
	width: 100%;
	position: relative;
	/* box-shadow: 0 0 5px #ccc; */
}
.news-list li:hover .news-list_p {
	bottom: 0;
}
/* .news-list li:hover .news-list_p h2{
	font-size: 20px;
} */
.news-list li .news-list_img img{
	display: block;
	margin: auto;
	width: 100%;
	transition: all 0.3s;
}

.news-list .news-list_p {
	position: absolute;
	/* padding:10px; */
	/* background: rgba(0,140,225,0.6); */
	bottom: 0;
	left:0;
	width: 100%;
	height: 40px;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.news-list .news-list_p h2{
	line-height: 40px;
	margin: 0;
	color: #666;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.5s;
}
.news-list .news-list_p span{
	margin: 20px 0;
	color: #fff;
	font-size: 18px;
	float: none !important;
}
.news-list .news-list_p p{
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}





/* .news-list li a {
	float: left;
	text-indent: 15px;
} */

.news-list li span {
	float: right;
}




.news_daohang{
	margin-bottom: 30px;
	 width: 100%;
	 height: 70px;
	 border-bottom: 1px solid #eaeaea;
}
.news_daohang li{
	position: relative;
	float: left;
	margin-right: 60px;
	height: 70px;
	width: 120px;
	text-align: center;

}
.news_daohang li::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 0;
	height: 3px;
	background: #0061c2;
	transition: all 0.5s;
}
.news_daohang li:hover::after{
	width: 100%;
}

.news_daohang .active::after{
	width: 100%;
}
.news_daohang li a{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	line-height: 70px;
	height: 70px;
}


.news-list-1{
	width: 100%;

}
.news-list-1 li{
	padding:1%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	width: 49%;
	height: auto;
	background: #f7f7f7;
	transition: all 0.35s;
}
.news-list-1 li:hover{
	background: #fff;
	box-shadow: 0 0 10px #1781bd;
}
/* .news-list-1 li:hover img{
	transform: scale(1.1);
} */
.news-list-1 li:hover p{
	color: #333;
}
.news-list-1 li:nth-child(2n){
	margin-right: 0;
}
.news-list-1 li a{
	display: block;
	width: 100%;

}
.news-list-1 li .news-list_img{
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.news-list-1 li .news-list_img img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.news-list-1 li .news-list_p {
	float: left;
	padding:2%;
	width: 75%;
	/* background: #f7f7f7; */
}

.news-list-1 li .news-list_p h2{
	padding-left: 15px;
	margin: 0;
	line-height: 40px;
	font-size: 18px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 																										
	font-weight: normal;
}
.news-list-1 li .news-list_p p {
	padding-left: 15px;	
	color:#999;
}

.news-list-1 li .news-list_p span{		
	padding-left: 15px;																	
	font-size: 14px;
	color: #999;
}

















/* .news img{
width: 100%;
height: 110px;
} */
.ask-list {
	margin-top: 15px;
	border-bottom: 1px dashed #999;
	padding-bottom: 5px;
}

.ask-list h5 {
	font-size: 16px;
	background: url(../images/icon_q.jpg) no-repeat left center;
	padding-left: 25px;
}

.ask-list p {
	background: url(../images/icon_a.jpg) no-repeat left top;
	padding-left: 25px;
}

.contact-box {
	padding: 30px 0;
	background: #f2f2f2;
}

.contact-box .about-text-title {
	text-align: center;
	margin-top: 80px;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.contact-con p {
	font-size: 16px;
}

.footer {
	padding: 30px 0;
	background: #0f52b4;
	color: #fff;
}

.footer a {
	color: #fff;
}

.flink {
	margin-bottom: 30px;
}

.flink b {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #3f75c3;
}

.flink-con {
	padding: 10px 0;
}

.flink a {
	margin: 0 5px;
	color: #eee;
}

.common-title {
	height: 54px;
	line-height: 54px;
	/* background-color:#008ce1; */
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
	margin-top: 0;
}

.common-title h3 {
	color: #333;
	line-height: 54px;
	margin: 0;
	/* text-indent: 20px; */
	font-weight: normal;
}

/* .common-title span {
	padding-right: 20px;
} */

.common-title span a {
	color: #333;
	margin: 0 5px;
	font-size: 14px;
}


.about_shilizhanshi{
	margin: auto;
	margin-top: 50px;
	width: 80%;
	text-align: center;
}
.about_shilizhanshi h3{
	margin-bottom: 20px;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}
.about_shilizhanshi ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about_shilizhanshi ul li{
	margin: 20px 30px;
}








.list-contact-con {
	padding: 10px;
	border: 1px solid #008ce1;
	margin-bottom:15px;
}

.main-con-product {
	margin: 0;
}

.main-product-list {
	margin-top: 20px;
}

.main-product-list img {
	height: auto;
	border: 1px solid #ccc;
}

.main-product-list span {
	margin-top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.main-author {
	padding: 10px 0;
	background: #f2f2f2;
	text-align: center;
	color: #666;
}

.main-author span {
	margin: 0 10px;
}

.main-lx{
	border-bottom: 1px solid rgba(238, 238, 238, .2);
	border:solid 1px #e1e1e1;
	width:90%;
	margin:2% 5%;
	float:left;
}
.main-lx .img1{
   margin: 0 ;
    width: 15%;
    float: left;
	margin-top:3.5%;
}
.lx-p{
    width: 85%;
    float: right;
	background-color:#f9f9f9;
	padding:2%;
}
.lx-p p{width:100%;float:left;font-size:16px;}
.tel2{
    height: auto;
    background: url(../images/new_tel.png) no-repeat left 25px;
    padding-left: 50px;
    margin-top: 15px;
	background-size:38px;
}
.tel2 strong{
    font-size: 28px;
    color: #0090ff;
}
.afs{
    width: 123px;
    height: 35px;
    float: right;
    background: #0090ff;
    text-align: center;
    font-size: 16px;
    display: block;
    margin: 10px 0 0;
	border-radius:5px;
}
.afs a{
color:#fff;
}

.main-con {
	line-height: 32px;
	padding: 10px;
	margin-bottom: 20px;


}
.main-con-about{
	margin:auto;
	line-height: inherit;
	/* padding: 10px; */
	font-size: 16px;
	margin-bottom: 20px;
	display:flex;
	justify-content:space-between;
}

.main-con-text img {
	display: block;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto;
}

.main-con img {
	display: block;
	/* max-width: 100% !important;
	height: auto !important; */
	margin: 0 auto;
}
.img-info{padding:0px 3%;}
.img-info h1 {
	font-size: 22px;
	font-weight: bold;
	color: #222;
	text-align:center;
	padding:3% 0px;
}

.img-tel {
    background-color: #f9f9f9;
    width:48%;float:left;
    margin:1%;
	font-size: 18px;
	padding:1%;
	font-weight: normal;
	color: #0061c2;
	display: block;
}
.utyd{background-color:#f9f9f9;}
.img-tel span {
	font-size: 16px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
}
.img-tel a {
	display: inline-block;
	vertical-align: middle;
}
.cp{
margin-top:20px;
}
.cp .cpbiaot{
    font-size: 18px;
    padding-left: 20px;
    background: #008CE1;
    color: #fff;
    line-height: 42px;
    height: 42px;
	}
.tjcp{
margin-top: 10px;
    float: left;
}
.tjcp li{
	box-sizing: border-box;
    display: inline-block;
    width: 23.5%;
    /* float: left; */
    margin-left: 1%;
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px dashed #ddd;
	}
.tjcp li span{
text-align:center;
display:block;
}
.product-detail {
	height: 34px;
	line-height: 34px;
	border-bottom: 3px solid #008ce1;
}

.product-detail h3 {
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #008ce1;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #fff;
	background-color: #0f52b4;
	border-color: #ddd;
}

.pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover,
.pagination>li.active>a:focus,
.pagination>li.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0f52b4;
	border-color: #ddd;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
	.col-md-3 {
		width: 35%;
	}

	.col-md-9 {
		width: 65%;
	}

	.navbar-brand>img {
		display: block;
		height: 60px;
	}
}

@media (max-width: 768px) {

	.mnewtel{
		display:block;
	}

	.about_shili_con{
		width:90%
	}
	.about_shili_list{
		flex-direction:column
	}
	.shili_list_1{
		padding: 10px 1% !important;
		width:100% !important;
	}
	.main-con-about{
		flex-direction:column;
	}
	.navbar-header {
		float: none;
		margin:0 !important;
	}

	.navbar-nav {
		float: left;
		margin: 0;
	}

	.navbar-nav>li {
		float: left;
		background: url(../images/nav_li.gif) no-repeat right center;
	}

	.navbar-nav>li>a {
		color: #fff;
		padding: 17px 19px;
	}

	.carousel-indicators {
		bottom: 0;
	}

	.fr {
		float: none
	}

	.navbar-brand>img {
		display: block;
		width: 100%;
		height: 50px;
	}
	.zldl{
		display: none;
	}
}

@media (max-width: 767px) {

	.navbar-brand {
		float: left;
		height: 45px;
		padding: 10px 0px 0 2%;
		width: 50%;
	}

	.navbar-brandimg {
		height: 36px;
	}

	.navbar-default .navbar-collapse {
		background: none;
	}

	.navbar-default .navbar-nav>li>a {
		color: #333;
	}

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		color: #fff;
		background: #008ce1;
	}

	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		color: #fff;
		background: #008ce1;
	}

	.carousel-inner {
		width: 100%;
	}

	.carousel-indicators {
		display: none;
	}

	.plan {
		height: auto;
		background: none;
	}

	.plan h3 {
		font-size: 24px;
		text-indent: 0;
	}

	.plan h3 span {
		color: #cc0000;
	}

	.plan h4 {
		font-size: 20px;
		color: #333;
		margin-top: 30px;
		text-indent: 0;
	}

	.plan-con {
		margin-top: 30px;
	}

	.plan-con .col-md-3 {
		margin-top: 20px;
	}

	.plan-con p {
		color: #666;
		font-size: 18px;
		margin-top: 20px;
	}

	.fr {
		float: none
	}

	.ys h3 {
		font-size: 32px;
	}

	.ys h3 span {
		display: block;
		font-size: 28px;
		margin: 15px 0 0;
	}

	.ys h4 {
		margin-top: 20px;
	}

	.ys h4 b {
		display: block;
		font-size: 32px;
	}

	.ys h4 span {
		display: block;
		margin: 20px auto;
	}

	.ys-con {
		margin-top: 30px;
	}

	.ys-con span {
		font-size: 50px;
		color: #dd191d;
		font-family: Impact, Arial;
		position: absolute;
	}

	.ys-conh5 {
		display: inline-block;
		width: 85%;
		font-size: 18px;
		color: #2589d5;
		line-height: 48px;
		height: 54px;
		background: url(../images/ys_con_line.png) repeat-x bottom center;
		margin-left: 60px;
		font-weight: bold;
	}

	.ys-conp {
		margin-top: 15px;
		font-size: 16px;
		padding-left: 60px;
	}

	.about-img {
		height: auto;
	}

	/* .news-list li a {
		width: 70%;
	} */

	.main-product-list img,
	.product-show div img {
		width: 100%;
		height: auto;
		border: 1px solid #ccc;
	}

	.about-tel {
		text-align: center;
	}

	.main-author span {
		display: block;
		margin: 0 auto 10px;
	}

	.i_gd {
		width: 100% !important;
	}

	.slideTxtBox {
		width: 100% !important;
	}

	.fast {
		text-align: center !important;
	}

	.w1200,
	.fast {
		width: 100% !important;
	}

	.footboxy {
		display: none;
	}

	.footboxz {
		border-right: 0 none;
		padding: 2%;
		width: 100%;
		text-align: center;
		margin-bottom: 2%;
	}

	.footboxz img {
		height: 60px;
	}

	.footboxc {
		text-align: center;
	}
	.footboxc span{
		display: none;
	}

	.footboxc a {
		color: #999;
	}
	.nbanner{
		margin-top: 65px;
	}

	.nbanner img {
		width: 160%;
		overflow: hidden;
		margin-left: -30%;
	}

	.nav_phone_logo img{
		margin-top:7px;
		width: 50% !important;
	}
	.clear20{
		height: 0;
	}























}

.navbar-header {
	width: 100%;
}

.map img {
	max-width: auto !important;
}
.cpright .rtop{
    overflow: hidden;
    padding-top: 8px;
	border-bottom:1px solid #dbdbdb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.rtop h3{
    font-weight: bold;
	}
.rtop span{
    float: right;
    color: #999;
    font-size: 14px;
}
.main-con-text h3{
    color: #1659c4;
    font-weight: 500;
    border-bottom: 2px solid #1659c4;
    padding-bottom: 8px;
	margin-top:30px;
	}
.xgls .wzbt{
    height: 54px;
    line-height: 54px;
    background-color: #008ce1;
    color: #fff;
	}
.xgls .wzbt h3{
    color: #fff;
    line-height: 54px;
    margin: 0;
    text-indent: 20px
	}
.xgls .wznr{
margin-top:10px;
}
.xgls .wznr li{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    overflow: hidden;
}
            .navbar-nav {
              margin: auto;
				display: flex;
			}
				.navbar-nav li{
							position: relative;
							width: 150px;
						}

						.navbar-nav li a{
							width: 98%;
							padding: 0 1%;
							font-size: 15px;
							text-align: center;
							height: 50px;
							padding-bottom: 2px;
							display: inline-block;
							cursor: pointer;
							position: relative;
							overflow: visible;
							-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
							transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
						}


						.navbar-nav li:first-child{
								border: none;
							}
						.navbar-nav li .current {
							/* background: linear-gradient(to right,#006ac4,#236ffb) !important; */
							border-bottom: 2px solid #006ac4;
						}
						.navbar-nav li a:hover{
							/* background: linear-gradient(to right,#006ac4,#236ffb) !important; */
							border-bottom: 2px solid #006ac4;
						}
						.subnav {
						    position: absolute;
						    width: 100%;
							height: auto;
						    top: 51px;
						    opacity: 0;
						    transition: all .3s ease 0s;
						    transform: translate3d(0, 10px, 0);
						    visibility: hidden;
						    z-index: 100;
							background:rgba(0, 0, 0, 0.6);
						    border-top: 2px solid #236ffb;
						}
						.subnav li{
							width: 100%;
							height: 40px;
							/* border-top: 1px solid #ffffff; */
							background-image:none;
							border-left:none;
							border-right:none;
						}
						.subnav li:first-child{
							border-top: none;
						}
						 .subnav li a {
						    display: block;
						    width: 100%;
						    font-size: 15px;
						    text-align: center;
						    margin: 0;
						    color: #fff !important;
						    height: 40px;
						    line-height: 40px;
							border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
						}
						
						.subnav li a:hover {
							border: none;
							color: #333;
							background-color: #236ffb;
						}
						.navbar-nav li:hover .subnav {
							opacity: 1;
							transform: translate3d(0, 0, 0);
							visibility: visible;
                        }

						.navbar-nav li:nth-child(2) .subnav{
							display: flex;
							justify-content: flex-start;
							flex-wrap: wrap;	
							width: 500px;
						}
						.navbar-nav li:nth-child(2) .subnav li{
							margin:5px;
							width: 30%;
						}
                        

                        @media (max-width:768px) {
							.navbar-default .navbar-collapse{
								padding:0;

							}
							.navbar-default .navbar-collapse .container{
								padding:0;
							}
							.navbar-default .navbar-collapse .container  .navbar-nav{
								display: flex;
								flex-direction: column;
								width: 100%;
							}
							.navbar-default .navbar-collapse .container  .navbar-nav li{
								width: 100%;
							}
							.navbar-default .navbar-collapse .container  .navbar-nav li a{
								width: 100% !important;
							}
							.navbar-default .navbar-collapse .container  .navbar-nav .current{
								background: #fff !important;
							}
							.navbar-default .navbar-collapse .container  .navbar-nav .current a{
								color: #333333 !important;
								width: 100%;
							}
						}
.yb_conct{
position:fixed;
z-index:9999999;
top:130px;
right:-127px;
cursor:pointer;
transition:all .3s ease;
}
.yb_bar ul li{
width:180px;
height:53px;
font:16px/53px 'Microsoft YaHei';
color:#fff;
text-indent:54px;
margin-bottom:3px;
border-radius:3px;
transition:all .5s ease;
overflow:hidden;}
.yb_bar .yb_top{
background:#0e52cf url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone{background:#0e52cf url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;
background:#0e52cf url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0e52cf url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{
display:block;
text-indent:54px;
width:100%;
height:100%;
color:#fff;
}
@media (max-width:648px) {
.yb_conct{
display: none;
			}
		}

.wzbiaot{
    font-size: 18px;
    padding-left: 20px;
    background: #008CE1;
    color: #fff;
    line-height: 42px;
    height: 42px;
	}
.wz ul{
width: 100%;
    height: auto;
	}
.wz ul li{
float:left;
width:48%;
height:auto;
border-bottom: 1px dashed #cccccc;
margin-right: 2%;
}
.wz ul li a{
    width: 95%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
	}
.wz li span{
float: right;
    color: #999999;
    line-height: 36px;
	}















	/* 新添加导航样式重写 */
	.new_daohang{
		width: 100%;
		display: flex;
		align-items: center;
		box-shadow: 0 5px 13px rgb(0 0 0 / 20%);
		/* transition: all .36s; */
    	height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: rgb(0 0 0 / 30%);
	}
	.new_daohang_logo{
		transition: all 0.5s;
		width: 207px;
		height: 84px;
	}
	.new_daohang_logo img{
		margin-top:15px;
		width: 75%;
	}
	.new_daohang_logo_1{
		display: none;
		width: 207px;
		height: 84px;
	}
	.new_daohang_logo_1 img{
		margin-top:15px;
		width: 75%;
	}
	.new_daohang_c{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: auto;
		padding:0 5%;
		width: 95%;
	}

	.new_daohang_lan{
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 60%;
		height: 100px;
	}
	.new_daohang_lan a{
		display: block;
		font-size: 18px;
		color: #fff;
		line-height: 100px;
		transition: all 0.5s;
	}
	.new_daohang_lan .lan_1{
		width: 14%;
		height: 100px;
		transition: all 0.36s;
		text-align: center;
		border-bottom: 3px solid transparent;
	}
	/* .new_daohang_lan .lan_1 a{
		display: block;
		height: 100px;
	} */
	.new_daohang_lan .lan_1:hover{
		border-bottom: 3px solid #008ce1;
	}
	.new_daohang_lan .hover{
		border-bottom: 3px solid #008ce1;
	}
	/* .new_daohang_lan .hover a{
		color: #008ce1;
	} */
	.new_daohang_lan .lan_1:hover a{
		color: #008ce1;
	}
	.new_daohang_lan .lan_1:hover .lan_nr{
		top: 100px;
		background: rgba(255, 255, 255, 0.5);
		/* backdrop-filter: saturate(180%) blur(20px); */
	}


	/* 产品隐藏菜单 */
	.lan_nr{
		width: 100%;
		height: 360px;
		background: rgba(255, 255, 255, 0.8);
		backdrop-filter: saturate(180%) blur(30px);
		position: absolute;
		top: -500px;
		left: 0;
		transition: all 0.56s;
		z-index: -1;
		box-shadow: 0 5px 13px rgb(0 0 0 / 10%);
		border-top: 2px solid rgb(0 0 0 / 10%);

	}


	.lan_nr .lan_list{
		width: 100%;
		display: flex;
		
	}
	.lan_nr_con{
		margin: auto;
		width: 80%;
		display: flex;
		justify-content: space-between;

	}
	.lan_nr_left{
		display: flex;

	}
	.lan_nr_left .u1s1{
		padding-top: 50px;
		background: #f9f9f9;
		height: 648px;
		width: 240px;
		display: flex;
		flex-direction: column;
		align-items:flex-start;
		padding: 50px 30px;

	}
	.lan_nr_left .u1s1 .newu_1{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 40px;
	}
	.lan_nr_left .u1s1 .newu_1 a{
		font-size: 14px;
		line-height: 40px;
		position: relative;
		height: 40px;
	}
	.lan_nr_left .u1s1 .active a{
		color: #008ce1 !important;
	}
	.lan_nr_left .u1s1 .active i{
		display: block !important;
	}
	.lan_nr_left .u1s1 .active::after{
		display: block;
	}
	.lan_nr_left .u1s1 .newu_1 i{
		display: none;
		width: 30px;
		height: 2px;
		background: #008ce1;
	}
	.lan_nr_left .u1s1 .newu_1:hover{
		color: #0084f2 !important;

	}
	.lan_nr_left .u1s1 .newu_1:hover::after{
		display: block;
	}



	
	.new_daohang_lan .lan_1:nth-child(4) .lan_nr{
		width: 100%;
		height: 250px;
	}
	.new_daohang_lan .lan_1:nth-child(4) .lan_nr .u1s1{
		height: 248px;
		width: 240px;
	}
	.new_daohang_lan .lan_1:nth-child(4) .lan_nr .lan_nr_right{
		margin-top:0;
		height: 348px;
		width: 500px;
	}
	/* .new_daohang_lan .lan_1:nth-child(4) .lan_nr .lan_nr_right .nr_right_img{
		height: 170px;
	} */
	.new_daohang_lan .lan_1:nth-child(4) .lan_nr .nr_right_name{
		top: 30%;
		left:10%;
		width: 80%;

	}
	.new_daohang_lan .lan_1:nth-child(4) .lan_nr .lan_nr_right p{
		font-size: 14px;
		line-height: 40px;
	}

	.new_daohang_lan .lan_1:nth-child(4) .lan_con .uuu{
		height: 200px;
	}


	.lan_con .uuu{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-top: 50px;
		height: 320px;
		width: 100%;
		/* display: none; */
	}
	.lan_con .uuu .uuu_1{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 16%;
	}
	.lan_con .uuu .uuu_1 a{
		display: block;
		font-size: 14px;
		line-height: 35px;
		margin-right: 20px;
		width: 100%;
		align-items: center;

	}
	.lan_con .uuu .uuu_1 a img{
		width: 100%;
		height:auto;
		/* width:224px; */
		/* height:224px */
	}
	
	.lan_con .uuu .uuu_1 a p{
		margin-top:10px;
		font-size: 16px;
		color: #666;
	}

	.lan_nr_right{
		margin-top: 50px;
		width: 520px;
		height: 500px;
		
	}
	.nr_right_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.nr_right_top{
		width: 100%;
	}
	.nr_right_top .p{
		display: block;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
	}
	.nr_right_list{
		width:100%;
	}
	.nr_right_list a{
		display: block;
		margin:20px;
		width: 200px;
		height: 200px !important;
		position: relative;
		overflow: hidden;
	}

	.nr_right_list a:hover img{
		transform: scale(1.1);
	}

	.nr_right_list .nr_right_img{
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
	.nr_right_list .nr_right_img img{
		width: 100%;
		height: 100%;
		transition: all 0.5s;
	}

	.nr_right_list .nr_right_name{
		position: absolute;
		top:50%;
		left:0px;
		z-index: 999999;
		width: 100%;
		text-align: center;
	}
	.nr_right_list .nr_right_name p{
		color: #fff;

	}
	.nr_right_list .nr_bg{
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgb(0 0 0 / 60%);
		z-index: 9999;
	}
	



/* 移动端适配 */


	.nav_phone{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		/* transform: translateX(0); */
		z-index: 9999;
		width: 100%;
		height: 64px;
		padding-left: 3%;
		padding-right: 5%;
		background-color: #ffffff;
		display: none;
		box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
	}
	.nav_phone_logo{
		float: left;
		width: 250px;
	}
	.nav_phone_logo img{
		width: 100%;
	}
	.nav_phone_caidan{
		float: right;
		overflow: hidden;
		width: 28px;
		height: 100%;
		width: 28px;
		height: 50px;
		cursor: pointer;
		text-align: center;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
	}
	.nav_phone_caidan .active::before{
		top: 10px;
		transform: rotate(-45deg);
	}
	.nav_phone_caidan .active::after{
		top: 10px;
		transform: rotate(45deg);
	}
	.nav_phone_caidan .active span{
		display: none;
	}
	.nav_phone_caidan_point{
		position: relative;
		display: inline-block;
		width: 28px;
		height: 22px;
		margin-top: 14px;
	}
	
	.nav_phone_caidan_point span{
		position: absolute;
		top: 10px;
		right: 0;
		display: inline-block;
		width: 28px;
		height: 1px;
		-webkit-transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		-o-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s;
		background: #666;
	}
	.nav_phone_caidan_point::before {
		position: absolute;
		right: 0;
		top: 20px;
		display: inline-block;
		width: 28px;
		height: 1px;
		content: '';
		-webkit-transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		-o-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s;
		background: #666;
	}


	.nav_phone_caidan_point::after{
		position: absolute;
		top: 0px;
		right: 0;
		display: inline-block;
		width: 28px;
		height: 1px;
		content: '';
		-webkit-transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s;
		-ms-transition: all .3s ease-out 0s;
		-o-transition: all .3s ease-out 0s;
		transition: all .3s ease-out 0s;
		background: #666;
	}
	.nav_phone_navlist{
		display: none;
		position: fixed;
		top: 64px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #006ac4;
		z-index: 9999999;
		overflow-y: scroll;
	}

	.nav_phone_navlist  .navlist_1{
		margin: auto;
		margin-top: 40px;
		width: 90%;

	}
	.nav_phone_navlist  .navlist_1 li{
		position: relative;
		width: 100%;
		height: auto;
		
	}
	.nav_phone_navlist  .navlist_1 li::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		opacity: .4;
		background-color: rgba(255, 255, 255);

	}
	.nav_phone_navlist  .navlist_1 li a{
		color: #fff;
		font-size: 15px;
		line-height: 50px;
	}
	.nav_phone_navlist  .navlist_1 li .navlist_1_1{
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}

	.navlist_1_img{
		position: relative;
		display: none;
	}
	.navlist_1_img img{
		position: absolute;
		top: 50%;
		right: 5px;
		width: 13px;
		cursor: pointer;
		transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.navlist_1_img .img_s{
		display: none;
	}

	.nav_phone_navlist  .navlist_1 li:nth-child(2) .navlist_1_img{
		display: block;
	}
	.nav_phone_navlist  .navlist_1 li:nth-child(5) .navlist_1_img{
		display: block;
	}


	.navlist_sub{
		margin: auto;
		width: 90%;
		height: auto;
		display: none;
		transition: all 0.5s;

	}
	.navlist_sub ul{
		display: flex;
		flex-direction: column;

	}
	
	
	.nav_phone_navlist .current{
		display: block;
	}
	/* .nav_phone_navlist .current .navlist_sub{
		display: block;
	} */
	.nav_phone_navlist .current .img_s{
		display: block;
	}
	.nav_phone_navlist .current .img_d{
		display: none;
	}

	.mob_search{
		margin: auto;
		width: 90%;
	}

	.mob_search  .search_search{
		margin-top: 30px;
		/* padding:5px; */
		border: 1px solid #fff;
		border-radius: 25px;
		background: #fff;
	}

	.mob_search  .search_search .stxt{
		border-radius: 25px;
		border: none;
	}

	.mob_search .search_key{
		width: auto;
	}














/* 移动端适配结束 */




	/* 产品隐藏菜单结束 */




	.newtel{
		display: flex;
		align-items: center;
	}

	.newtel p{
		margin-left: 15px;
		margin-bottom: 0;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		transition: all 0.5s;
	}


	.tel_img img{
		width: 30px;
		height: 30px;
	}
	.tel_img_2{
		display: none;
	}
	/* .search{
		position: relative;
		width: 50px;
		height: 50px;
	}
	.search_1{
		position: absolute;
		top: 0;
		left:0
	}
	.search_2{
		position: absolute;
		top: 0;
		left:0
	} */


	.search img{
		width: 30px;
		height: 30px;
	}
	.search_1{
		cursor: pointer;
	}
	.search_2{
		cursor: pointer;
		display: none;
	}

	.caidan{
		margin-top: 0px;
		width: 30px;
		height: 20px;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.caidan span{
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
	}


	/* .new_daohang:hover{
		background: #fff;

	} */
	.daohang_wt{
		background: rgba(255, 255, 255, 1);
		/* backdrop-filter: saturate(180%) blur(20px); */
	}
	/* .daohang_wt .new_daohang_c{
		background: #fff;
	} */
	/* .new_daohang:hover .new_daohang_c{
		background: #fff;
	} */
	/* .new_daohang:hover .new_daohang_logo{
		display: none;
	}
	.new_daohang:hover .new_daohang_logo_1{
		display: block;
	}
	.new_daohang:hover .tel_img_1{
		display: none;
	}
	.new_daohang:hover .tel_img_2{
		display: block;
	}
	.new_daohang:hover .search_1{
		display: none;
	}
	.new_daohang:hover .search_2{
		display: block;
	}
	.new_daohang:hover .newtel p{
		color: #333;
	}
	.new_daohang:hover .caidan span{
		background: #333;
	}

	.new_daohang:hover .new_daohang_lan a{
		color: #333;
	} */



	.daohang_wt .new_daohang_logo{
		display: none;
	}
	.daohang_wt .new_daohang_logo_1{
		display: block;
	}
	.daohang_wt .tel_img_1{
		display: none;
	}
	.daohang_wt .tel_img_2{
		display: block;
	}
	.daohang_wt .search_1{
		display: none;
	}
	.daohang_wt .search_2{
		display: block;
	}
	.daohang_wt .newtel p{
		color: #333;
	}
	.daohang_wt .caidan span{
		background: #333;
	}

	.daohang_wt .new_daohang_lan a{
		color: #333;
	}
	


	.search_nr{
		position: absolute;
		width: 100%;
		height: 400px;
		background: rgba(255, 255, 255, 0.6);
		backdrop-filter: saturate(180%) blur(30px); 
		top:-600px;
		left:0;
		transition: all 0.56s;
		z-index: -1;
		box-shadow: 0 5px 13px rgb(0 0 0 / 10%);
		border-top: 2px solid rgb(0 0 0 / 10%);
	}
	.search_dis{
		top:100px;
	}

	.search_search{
		margin-top: 100px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.search_search form{
		width: 500px;


	}

	.search_search form input{
		border:none;
		border-bottom: 1px solid #ccc;
		outline: none;
		background: none;
	}
	.search_search .sbtn{
		background: url(/skin/images/search.png) center no-repeat;
		background-size: contain;
	}
	.search_key{
		margin: auto;
		margin-top: 20px;
		width: 500px;


	}
	.search_key a{
		margin-right: 15px;
		color: #f00;
	}

	.caidan_nr{
		width: 100%;
		height: 100vh;
		position: absolute;
		background: #013979;
		top:-2000px;
		left:0;
		transition: all 0.56s;
		z-index: 999999;
		box-shadow: 0 5px 13px rgb(0 0 0 / 10%);

	}
	.caidan_nr_b{
		top:0px;
	}

	.caidan_nr_top{
		display: flex;
		justify-content: flex-end;
	}
	.caidan_nr_top .close_cd{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		background: #82bf43;
		cursor: pointer;
	}
	.caidan_nr_top .close_cd img{
		width: 100%;
		height: 100%;
	}


	.caidan_list{
		display: flex;
		margin-top:70px
	}

	.caidan_list_1{
		padding-left:20px;
		padding-left: 80px;
		padding-right:20px;
		width:70%;
		border-right: 1px solid rgba(255, 255, 255,0.6);
	}

	.caidan_list_1_con{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.caidan_list_1_con_1{
		width: 20%;
	}
	.caidan_list_1 h2{
		font-size: 27px;
		font-weight: bold;
		color: #fff;

	}
	.caidan_list_1_con_1 h3{
		margin-bottom: 15px;
	}
	.caidan_list_1_con_1 h3 a{
		font-size: 17px;
		color: #fff;
	}

	.caidan_list_1_con_1 li a{
		font-size: 14px;
		color: rgba(255, 255, 255,0.7);
	}

	.caidan_list_1_con_1 li{
		margin-bottom: 10px;
	}

	.caidan_list_2{
		padding-left: 40px;
		display: flex;
		flex-direction: column;
	}

	.caidan_list_2 h2{
		color: #fff;
		font-size: 27px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	.caidan_list_2 ul{
		display: flex;
		flex-direction: column;

	}
	.caidan_list_2 ul li{
		margin-bottom: 15px;
		font-size: 15px;
		color: rgb(218, 214, 214);
	}
	.caidan_list_2 ul li a{
		font-size: 15px;
		color: rgba(255, 255, 255,0.7);
	}

	.caidan_list_2 img{
		width: 200px;
		height: 200px;
	}






















	/* 新添加导航样式重新结束 */




	/* 首页食品模块 */

.shipin{
	margin:50px auto;
	height:auto;
}
.shipin .project-title1{
	margin-bottom:20px;
	text-align:center;
	height:50px;
	border-bottom: 1px double #666;
}
.shipin .project-title1 h2{
	font-size:28px;
	font-weight:bold;
	line-height:50px;

}
.shipin_list{
	margin: auto;
	width: 85%;
}
.shipin_list a{
	margin-bottom:20px;
	
}
.shipin_list .list_con{
	display:flex;
	flex-direction:column;
	align-items:center;
	position: relative;
	overflow: hidden;
	border: 1px solid #f1f1f1;
	transition: all 0.3s;
}
.shipin_list a:hover span{
	transform: rotate(360deg);
}
.shipin_list a:hover .bg{
	left:0
}
.shipin_list a img{
	width:100%;
	height:100%;
	box-shadow: 0 0 5px #ccc;
	transition: all 0.3s;
	object-fit: cover;
}
.shipin_list a .list_1{
	position:relative;
	width:100%;
	height:315px;
	overflow: hidden;

}
.shipin_list span{
	display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    background: url(../images/maltj-tb.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 0 8px rgb(0 0 0 / 60%);
	z-index: 999;
	transition: 0.6s all;
}
.shipin_list .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	transition: 0.5s all;
	background: rgb(0 0 0 / 30%);	
}
/* .shipin_list p{
	line-height: 36px;
    font-size: 16px;
    background: #2b5e7e;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: 100%;
    text-align: center;
	box-shadow: 0 0 5px #ccc;
} */

.shipin_list .list_bot{
	position: absolute;
	padding:15px 10%;
	width: 100%;
	height: 200px;
	left:0;
	bottom: -150px;
	background: #fff;
	display: flex;
	flex-direction: column;
	transition: all 0.3s;
}
.shipin_list .list_bot p:first-child{
	color: #333;
	font-size: 17px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 30px;
}
.shipin_list .list_bot p:last-child{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}


.shipin_list  a:hover .list_bot {
	bottom: 0;
}
.shipin_list  a:hover .list_con{
	box-shadow: 0 10px 15px #c7c2c2;
}
.shipin_list  a:hover img{
	transform: scale(1.1);
}

.shipin_list  a:hover  .list_bot p:first-child{
	color: #004ea2;
	font-weight: bold;
}
 
@media (max-width: 1375px) {
	.main_nav ul li a{
		font-size:15px;
	}
}
@media (max-width: 1450px) {

	.new_daohang_lan .lan_1:hover .lan_nr{
		top:75px;
	}
	.new_daohang_c{
		width:95% !important;
	}
	.caidan_list{
		margin-top:0
	}
	.news-list-1 li .news-list_p{
		width:65%;
	}


	.new_daohang{
		height:75px;

	}
	.new_daohang_logo{
		height:70px
	}
	.new_daohang_logo img{
		width:65%;
		margin-top:10px;
	}
	.new_daohang_logo_1{
		height:70px
	}
	.new_daohang_logo_1 img{
		width:65%;
		margin-top:10px;
	}
	.new_daohang_lan{
		height:75px;
	}
	.new_daohang_lan .lan_1{
		height:75px;
	}
	.new_daohang_lan a{
		line-height:75px;
		font-size:16px;
	}

}

@media (min-width: 1200px) {
	.shipin {
		width: 85%;
	}
	
}


@media (max-width:768px){
	.shipin_list a .list_1{
	position:relative;
	height:125px;

}
.shipin_list a .list_1:hover .list_bot{
			bottom:-165px !important;
		}

}

.new_right{
	float:right;
	/* margin-right:50px; */
	display:flex;
	flex-direction:column;
	align-items:center;
}
.new_right img{
	margin-bottom:15px;
	width:120px;
	height:120px
}
.new_right p{
	font-size:15px;
	color:#fff;
}

@media (max-width:767px){
.navbar-brand img{
width:200px;
height:50px;
}

.new_right{
padding-right:24%;
}
}

.sp2{
margin-top: 10px;
    width: 100%;
    float: left;
	}
.sp2 ul li{
    box-sizing: border-box;
    display: inline-block;
    width: 23.5%;
    /* float: left; */
    margin-left: 1%;
    margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px dashed #ddd;
	}
.sp2 .picbox{
    width: 100%;
    height: 80px;
    padding-bottom: 100%;
	}
.sp2 li img{
    width: 100%;
	}
.sp2 span{
text-align: center;
    display: block;
    font-weight: normal;
    font-size: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}


	.cpright {
		width: 80%;
		margin: auto;
		padding: 0 20px;
	  }

	  .cpright .old_list {
		display: none !important;
	  }

	  .cpright .list_1 {
		background: #f2f2f2;
		line-height: 40px;
		width: 100%;
		height: 40px;
	  }

	  .cpright .list_1 li {
		float: left;
		width: 10% !important;
		height: auto !important;
		text-align: center;
		margin: 0 !important;
		font-size: 15px;
	  }

	  .cpright .list_1 li:nth-child(1) {
		width: 18% !important;
	  }

	  .cpright .list_1 li:nth-child(2) {
		width: 22% !important;
	  }

	  .cpright .list_1 li:nth-child(4) {
		width: 30% !important;
	  }

	  .cpright  .list_2 li {
		border-bottom: 1px dotted #dedede;
		padding: 15px 0;
		width: 100%;
		height: auto ;
		display: flex;
	  }

	  .cpright .list_2 .box_0 {
		display: table-cell;
		box-sizing: border-box;
		vertical-align: middle;
		border-right: 1px dotted #dedede;
		font-size: 14px;
	  }

	  .cpright .list_2 .box_1 {
		width: 20%;
		text-align: center;
	  }

	  .cpright  .list_2 .box_1 img {
		border: 1px solid #ddd;
		box-sizing: border-box;
		width: 80%;
	  }

	  .cpright  .list_2 .box_2 {
		width: 10%;
		text-align: center;
		line-height: 127px;
	  }

	  .cpright  .list_2 .box_3 {
		width: 20%;
		padding-right: 10px;
	  }

	  .cpright .list_2 .box_3 h4 {
		font-size: 16px;
		color: #333;
		font-weight: 500;
		line-height: 30px;
		text-align: center;
	  }

	  .cpright .list_2 .box_4 {
		width: 31%;
		padding: 0 10px;
		font-size: 15px;
		line-height: 20px;
		padding-top: 30px;
	  }


	  .cpright  .list_2 .box_5 {
		width: 10%;
		text-align: center;
		line-height: 127px;
	  }

	  .cpright .list_2 .box_6 {
		width: 10%;
		text-align: center;
		border-right: none;
		line-height: 127px;
	  }


	  .mbnav{
		  margin-top: 20px;
		  width: 100%;
		  display: flex;
		  justify-content: space-between;
		  flex-wrap: wrap;
	  }
	  .mbnav a{
		  display: block;
		  float: left;
		  margin:0 1%;
		  margin-bottom: 15px;
		  width: 48%;
		  height: 35px;
		  line-height: 35px;
		  text-align: center;
		  font-size: 15px;
		  background-color: #eee;
	  }
	  .i_miaoshu{
		width:70%;float:left;margin-left:42px;padding-top:10px;
	  }





	  /* 新添加产品样式 */
	  .i_gd_1{
		  margin-top: 20px;
		  width: 100%;
		  height: auto;
	  }
	  .new_search{
		  width: 100%;
		  padding:20px 0;
		  background-color: #f1efef;
	  }
	  .new_search_1{
		  margin: auto;
		  width: 75%;
	  }

	  .i_sousuo{
		float:left;
		width:23.5%;
		/* height:50px; */
		margin-left:10px;
		}

		.agent_con_top{
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 60px;
			margin-bottom: 20px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #c7c2c2;
		}
		.agent_con_top h2{
			font-size: 24px;
			padding-left: 70px;
			line-height: 35px;
			background: url(/skin/images/biaoqian.png) no-repeat left;
			background-size: contain;
			font-weight: bold;
		}
		.agent_con_top a{
			display: block;
			width: 90px;
			height: 35px;
			border-radius: 20px;
			background: linear-gradient(to bottom,#1481ee,#0061c2);
			box-shadow: 0 5px 5px #0d79e6;
			color: #fff;
			text-align: center;
			line-height: 35px;
		}

		.agent_con{
			width: 100%;
			padding:30px 0;
			background-color: #fff;
			
		}
		.agent_con_1{
			margin: auto;
			margin-bottom: 20px;
			width: 75%;
		}

		.list_2{
			box-shadow: 0 0 5px #dbd9d9;
		}

		.con_list{
			display: flex;
			align-items: center;
			width: 100%;
			justify-content: flex-start;
		}

		.con_list_1{
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 23%;
			margin:1%;
		}

		.con_list_1 .list_img{
			width: 100%;
			height: 320px;
			border: 1px solid #e1e1e1;
			box-shadow: 8px 15px 8px #e1e1e1;
			overflow: hidden;
			position: relative;
			z-index: 99;
		}

		.con_list_1 .list_img img{
			width: 100%;
			height: 100%;
			transition: 0.3s all;
		}
		.con_list_1 .list_img img:hover{
			transform: scale(1.2);
		}

		.con_list_1 .list_txt{
			width: 100%;
			height: 45px;
			background-color: #fff;
			border-radius: 0 0 15px 15px;
			text-align: center;
		}
		.con_list_1 .list_txt p{
			font-size: 17px;
			color: #fff;
			line-height: 45px;
		}

		.con_list_name{
			display: flex;
			justify-content: flex-start;
			align-items: center;

		}
		.con_list_name .list_name{
			margin-bottom: 15px;
			width: 14%;
			padding: 5px 8px;

		}
		.con_list_name .list_name a{
			display: block;
			line-height: 40px;
			font-size: 16px;
			text-align: center;
			border-radius: 20px;
			border: 1px solid #dedede;
			position: relative;
			background: #fff;
		}
		.con_list_name .list_name a:hover{
			background-color: #0d79e6;
			color: #fff;
		}

		.agent_con:nth-child(2n){
			background-color: #fbfbfb;
		}
		.list_2 li:nth-child(2n){
			background-color: rgba(241, 241, 241, .2);
		}

		.proDetail{
			margin:0;
			padding:10px 0;
			/* box-shadow: 0 0 5px #dbd9d9; */
		}
		.con_zixun {
			margin-top: 30px;
			float:left;
			width:100%;
			/* width: 50%; */
		}
		.con_zixun a{
			font-size: 16px;
			color: #fff;
			line-height: 60px;
			display: block;
			width: 100%;
			height: 100%;
			transition: all 0.6s;
		}
		.con_zixun a:hover{
			box-shadow: 0 0 5px #c7c2c2;
		}
		.con_zixun .con_zixun_1{
			float: left;
			margin: 0 5%;
			width: 160px;
			height: 60px;
			text-align: center;
			background: #004ea2;
		}
		.con_zixun .con_zixun_1 a{
			display: flex;
			align-items: center;

		}
		.con_zixun .con_zixun_1 a p{
			font-size: 16px;
			color: #fff;
			margin-bottom: 0;
		}
		.con_zixun .con_zixun_1 a img{
			margin-right: 15px;
			margin-left: 20px;
			width:30px;
			height: 30px;
		}
		
		.con_zixun .con_zixun_2{
			float: left;
			margin: 0 5%;
			width: 160px;
			height: 60px;
			text-align: center;
			background: #82bf43;
		}

		.con_zixun .con_zixun_2 a{
			display: flex;
			align-items: center;

		}
		.con_zixun .con_zixun_2 a p{
			font-size: 16px;
			color: #fff;
			margin-bottom: 0;
		}

		.con_zixun .con_zixun_2 a img{
			margin-right: 15px;
			margin-left: 20px;
			width:30px;
			height: 30px;
		}



		.tuijian_detail{
			float: left;
			width: 20%;
			margin-right: 30px;
		}
		.tuijian_detail h2{
			margin-bottom: 30px;
			font-size: 28px;
			font-weight: bold;
		}
		.tuijian_detail li{
			margin-bottom: 20px;
			box-shadow: 0 0 5px #ccc;
			text-align: center;
			overflow: hidden;
			
		}
		.tuijian_detail li .tuijian_img{
			padding-top:10%;
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		.tuijian_detail li img{
			width: 60%;
			
			transition: all 0.5s;
		}
		.tuijian_detail li p{
			margin: 0;
			padding:10px;
			font-size: 16px;
		}
		.tuijian_detail li:hover img{
			transform: scale(1.1);
		}

		.new_container{
			margin: auto;
			width: 85%;
		}
		.new_container_1{
			margin: auto;
			padding:0 0 30px 0;
			width: 100%;
			height: auto;
			/* background: #f7f7f7; */
		}
		.new_container_1 .proDetail{
			margin: auto;
			width: 85%;
		}







		.new_bg_1{
			display: none;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.6);
			position: fixed;
			left:0;
			top:0;
			z-index: 99999;
			overflow-y: hidden;
		}
 
		.tanchuang_1{
			display: none;
			/* width: 602px; */
			background: #ffffff;
			padding: 30px;
			position: fixed;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index: 9999999;
			transition: all 0.6s;
			overflow: hidden;
		}
		.tanchuang_2{
			padding:15px;
			border: 1px dashed #ccc;
		}

		
		#pro_close{
			width: 50px;
			height: 50px;
			cursor: pointer;
		}
		#pro_close img{
			width: 100%;
			height: 100%;
		}

		/* .proDetail_bot{
			
		} */
		.proDetail_bot_img{
			float: left;
			width: 250px;
			height: auto;
			text-align: center;
		}
		.proDetail_bot_img img{
			width: 100%;
			height: 100%;
		}
		.proDetail_bot_img p{
			font-size: 16px;
		}
		.proDetail_bot_right{
			float: right;
			margin: 0 20px;
			margin-top: 20px;
		}
		.proDetail_bot_right h4{
			margin-bottom: 20px;
			font-size: 28px;
			font-weight: bold;
			color: #0061c2;
		}
		.proDetail_bot_right p{
			font-size: 16px;
			margin-bottom: 15px;
		}
		.proDetail_bot_right p i{
			font-size: 26px;
			font-style: normal;
		}
		.proDetail_bot_right p:last-child{
			font-size: 20px;
			font-weight: bold;
		}








		.list_view{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		.list_view li{
			margin:15px 1%;
			width:23%;
			box-shadow: 0 0 5px #cccccc;
			padding-top:0;
			background-color: #fff;
		}
		.list_view li a{
			display: flex;
			flex-direction: column;
			align-items: center;
			height: auto;
		}
		.list_view .view_img{
			width: 237px;
			height: 237px;
			overflow: hidden;
		} 
		.list_view .view_img img{
			width: 100%;
			height: 100%;
			transition: 0.6s all;
		}
		.list_view li:hover img{
			transform: scale(1.2);
		}
		.list_view .view_title p{
			margin: 0;
			font-size: 15px;
			line-height: 35px;
			border-bottom: 1px dashed #ccc;
		}
		.list_view .view_desc{
			margin: auto;
			margin-top: 8px;
			width: 90%;
		}
		.list_view .view_desc p{
			margin: 0;
			font-size: 14px;
		}








		.cp_name{
			margin-top: 50px;
			width: 100%;
			display: flex;
			justify-content: space-between;

		}
		.cp_name p{
			font-size: 36px;
			font-weight:bold;
			color: #333;

		}
		.cp_name .cp_nam_rig{
			display: flex;
			align-items: center;
			cursor: pointer;
			position: relative;
		}
		
		.cp_name .cp_nam_rig p{
			padding-right: 60px;
			font-size: 16px;
			color: #333;
		}

		.cp_name .right_arrow{
			position: absolute;
			top: 43%;
			right: 16px;
			transform: translateY(-50%);
			transition: all .36s;
		}
		.right_arrow_1 {
			position: relative;
			padding-right: 20px;
			transition: all 0.3s;
		}
		.right_arrow_jian {
			width: 24px;
			height: 2px;
			background: #333;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-50%);
			transition: all .36s;
		}
		.right_arrow_1::after {
			content: "";
			width: 2px;
			height: 10px;
			background: #333;
			position: absolute;
			top: -8px;
			right: 2px;
			transform: rotate(-45deg);
		}
		 .cp_nam_rig:hover .right_arrow{
			right: -14px;
		}
		.cp_nam_rig:hover .right_arrow_jian{
			width: 54px;
		}
		.cp_nam_rig:hover .right_arrow_1::after{
			left: 15px;
		}
		
	


		.pro_tab{
			margin-top: 20px;
			width: 100%;
		}
		.pro_tab .nav{
			margin: auto;
			width: 100%;
			height: auto;
			display: flex;
			justify-content: flex-start;
			border-bottom: 1px solid #ddd;
		}
		.pro_tab .nav a{
			display: block;
			width: 13%;
			height: 65px;
			line-height: 65px;
			font-size: 16px;
			text-align: center;
			color: #333;
			font-weight: bold;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.pro_tab .nav .active{
			color: #00aef3;
			border-bottom: 3px solid #00aef3;
			
		}
		.pro_tab .nav a:hover{
			color: #00aef3;
			border-bottom: 3px solid #00aef3;
		}
		.pro_con{
			margin-top: 30px;
			width: 100%;

		}
		.pro_con_con{
			display: flex;
			flex-direction: column;
			margin-bottom: 30px;
		}
		.pro_con_con ul{
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			width: 100%;

		}
		.pro_con_con ul li{
			margin-bottom: 30px;
			margin-right: 1%;
			width: 19%;
			height: auto;
			/* border: 2px solid #ccc; */
			transition: all 0.3s;
			box-shadow: 0 0 5px #ccc;
		}
		.pro_con_con ul li:nth-child(5n){
			margin-right: 0;
		}
		.pro_con_con ul li a{
			display: flex;
			flex-direction: column;

		}
		.pro_con_con ul li:nth-child(2n){
			background: #f9f9f9;
		}
		.pro_con_con ul li a:hover{
			color: #333;
		}
		.pro_con_con ul li:hover{
			box-shadow: 0 0 30px #ccc;
			/* border-bottom: 2px solid #0061c2; */
			background-color: #fff;
		}

		.pro_con_con .pro_img{
			width: 100%;
			/* height: 365px; */
			overflow: hidden;
		}
		.pro_con_con .pro_img img{
			display: block;
			margin: auto;
			padding-top:10%;
			width: 215px;
			height: 245px;
			transition: all 0.3s;
		}
		.pro_title{
			text-align: center;
			/* margin-bottom: 10px; */
		}
		.pro_title p{
			font-size: 15px;
			line-height: 45px;
			margin:0;
			/* border-bottom: 1px solid #ccc; */
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.pro_desc{
			padding:0 10px;
		}
		.pro_desc p {
			padding-bottom: 10px;
			font-size: 14px;
			border-bottom: 1px solid #ccc;

		}
		.pro_xh {
			padding: 0 5%;
			width:100%;
			height: 50px;
			display: flex;
			justify-content: space-between;
			background: #00aef3;
		}
		.pro_xh p{
			font-size: 15px;
			margin: 0;
			line-height: 50px;
			color: #fff7a4;
		}

		.pro_nav{
			margin-top: 20px;
			width: 100%;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: flex-start;
			
		}
		.pro_nav a{
			display: block;
			margin:10px;
			width: 180px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			border: 1px solid #ccc;
			
		}

		.pro_nav a:hover{
			background: #00aef3;
			color: #fff;
			border: 1px solid #00aef3;
		}


		.gengduo{
			margin-top: 30px;
			width: 100%;
			text-align: center;
		}

		.gengduo a{
			padding:10px 45px;
			border-radius: 20px;
			color: #fff;
			background-color: #0078cd;
			font-size: 16px;
		}











		.about{
			padding:45px 0;
			width: 100%;	
			background: #f1f1f1;
		}
		.about_con{
			margin: auto;
			display: flex;
			width: 70%;
			justify-content: space-between;
		}
		.about_left{
			width: 46%;
		}
		.about_left_top{
			display: flex;
			flex-direction: column;
			position: relative;
		}
		.about_left_top h2{
			font-size: 40px;
			color: #333;
			margin-bottom: 15px;
			position: relative;
			z-index: 1;
		}
		.about_left_top p{
			font-size: 30px;
			color: #0084f2;
		}
		.about_left_top .ditu{
			position: absolute;
			left:0;
			top:-8px;
			z-index: 0;
			font-size: 45px;
			color: #ccc;
			opacity: 0.6;
		}

		.about_left_mid{
			font-size: 16px;
			line-height: 35px;
		}
		.about_left_bot{
			margin-top: 20px;
			width: 100%;
			height: 120px;
			display: flex;
			justify-content: space-between;
			background: linear-gradient(to right,#1173be,#034ab2);
			border-radius: 10px;
		}

		.about_left_bot .bot_1{
			width: 34%;
			display: flex;
			flex-direction: column;
			margin-top: 10px;
			height: 100px;
			align-items: center;
			border-right: 1px dashed #fff;
		}

		.about_left_bot .bot_1 p:first-child{
			display:flex;
			align-items: baseline;
		}
		.about_left_bot .bot_1 p i{
			font-size:13px;
			color:#fff;
			font-style:normal;
			margin-left:10px;
		}


		.about_left_bot .bot_1:nth-child(3){
			border: none;
		}
		.about_left_bot .bot_1 p{
			color: #fff;
			font-size: 35px;
			font-weight: bold;
			margin: 0;
		}
		.about_left_bot .bot_1 p:last-child{
			font-size: 15px;
			margin-top: 15px;
			font-weight: normal;
		}


		.about_right{
			width: 42%;
			display: flex;
			align-items:center;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.about_right .right_1{
			margin-bottom: 10px;
			width: 49%;
			position: relative;
			/* border: 1px solid #efefef; */
			overflow: hidden;
			text-align:center;
		}
		.about_right .right_1 img{
			margin-bottom:6px;
			width: 100%;
			transition: all 0.3s;
			cursor:pointer;
		}
		.about_right .right_1 p{
			font-size:15px;
		}

		.about_right .right_1 img:hover{
		 	box-shadow:0 5px 10px #cbc8c8;
		} 

		


		.jiance_new{
			margin-top: 50px;
			width: 100%;
		}

		.jiance_new_name {
			margin: auto;
			margin-bottom: 30px;
			width: 85%;
			display: flex;
			justify-content: space-between;
		}
		.jiance_new_name p{
			font-size: 36px;
			font-weight: bold;

		}
		.jiance_new_name .cp_nam_rig{
			display: flex;
			align-items: center;
			cursor: pointer;
			position: relative;
		}
		
		.jiance_new_name .cp_nam_rig p{
			padding-right: 60px;
			font-size: 16px;
			color: #333;
		}
		.jiance_new_name .right_arrow{
			position: absolute;
			top: 43%;
			right: 16px;
			transform: translateY(-50%);
			transition: all .36s;
		}
		.jiance_new_name .right_arrow_1 {
			position: relative;
			padding-right: 20px;
			transition: all 0.3s;
		}
		.jiance_new_name .right_arrow_jian {
			width: 24px;
			height: 2px;
			background: #333;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-50%);
			transition: all .36s;
		}
		.jiance_new_name .right_arrow_1::after {
			content: "";
			width: 2px;
			height: 10px;
			background: #333;
			position: absolute;
			top: -8px;
			right: 2px;
			transform: rotate(-45deg);
		}
		.jiance_new_name  .cp_nam_rig:hover .right_arrow{
			right: -14px;
		}








		.jiance_list{
			margin: auto;
			width: 85%;
			display: flex;
			justify-content: space-between;

		}
		.jiance_list a{
			display: flex;
			flex-direction: column;
			padding:1%;
			width: 23%;
			height: auto;
			background: #f9f9f9;
			transition: all 0.5s;
		}
		.jiance_list a:hover{
			box-shadow: 0 0 10px #ccc;
			background: #fff;
		}
		.jiance_list a:hover img{
			transform: scale(1.2);
		}
		.jiance_list .list_img{
			width: 100%;
			height: 270px;
			overflow: hidden;
		}
		.jiance_list .list_img img{
			width: 100%;
			height: 100%;
			transition: all 0.5s;
		}
		.jiance_list .list_title{
			padding-left: 15px;
		}
		.jiance_list .list_title p{
			margin-top: 10px;
			font-size: 17px;
			color: #333;
			line-height: 40px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-weight: bold;
		}
		.jiance_list .list_date{
			padding: 0 0 0 15px;
		}
		.jiance_list .list_date p{
			margin-bottom: 0;
			line-height: 20px;
			font-size: 16px;
			color: #999;
		}



	

		/* 首页新闻板块 */
		.xinwen_new{
			padding:50px 0;
			padding-bottom:100px;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background: #f2f2f2;
		}
		
		.xinwen_new .xinwen_top{
			margin-bottom: 20px;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.xinwen_new .xinwen_top h2{
			font-size: 40px;
			color: #666;
			display: flex;
			align-items: center;
		}
		.xinwen_new .xinwen_top h2 i{
			font-weight: normal;
			color: #006ac4;
			font-style: normal;
		}
		.xinwen_new .xinwen_con{
			margin: auto;
			margin-top: 30px;
			width: 100%;
			/* display: flex;
			justify-content: space-between; */
			/* overflow: hidden; */

		}
		.xinwen_new .xinwen_con .xinwen_1{
			margin-right:10px !important;
			width: 325px !important;
			height: 380px;
		}
		.xinwen_new .xinwen_con .xinwen_1 a{
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .img{
			width: 100%;
			height: 100%;
			position: relative;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .img .img_bg{
			width: 100%;
			height: 100%;
			position:absolute;
			top:0;
			left: 0;
			background: rgba(0, 0, 0, 0.6);
		}
		.xinwen_new .xinwen_con .xinwen_1 a .img img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .desc{
			position: absolute;
			top: 0;
			left: 0;
			padding:8%;
			width: 100%;
			height: 100%;
			background: #fff;
			transition: all 0.3s;
			display: flex;
			flex-direction: column;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_top{
			display: flex;
			align-items: center;
			width: 100%;
			margin-bottom: 15px;
		}

		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_top p{
			margin-right: 20px;
			font-size: 35px;
			font-weight: normal;
			color: #333;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_top p:last-child{
			font-size: 20px;
			color: #666;
		}

		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_bot{
			display: flex;
			flex-direction: column;
			width: 100%;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_bot p:first-child{
			width: 100%;
			font-size: 22px;
			color: #444;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.xinwen_new .xinwen_con .xinwen_1 a .desc .desc_bot p:last-child{
			margin-top: 30px;
			font-size: 15px;
			color: #666;
			line-height: 30px;
		}
		

		.xinwen_new .xinwen_con .xinwen_1 a:hover p{
			color: #fff !important;
		}
		.xinwen_new .xinwen_con .xinwen_1 a:hover h2{
			color: #fff !important;
		}
		.xinwen_new .xinwen_con .xinwen_1 a:hover .desc{
			background: transparent;
		}

		
		



















		/* 产品页新样式 */

		.newProList{
			margin: auto;
			margin-top: 30px;
			width: 80%;
		}
		.newProList_top{
			width: 100%;
		}
		.ProList_top_1{
			margin-bottom: 30px;
			width: 100%;
			
		}
		.ProList_top_mob{
			display: none;
		}
		.ProList_top_1 ul{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20px;
			height: 70px;
			border-bottom: 1px solid #cccc;
			width: 100%;
		}
		.ProList_top_1 ul li{
			width: 13%;
			text-align: center;
			height: 70px;
			position: relative;
		}
		.ProList_top_1 ul li::after{
			content: '';
			position: absolute;
			bottom: 0px;
			left: 0;
			width: 0;
			height: 2px;
			transition: all 0.5s;
			background: #006ac4;
		}
		.ProList_top_1 ul li:hover::after{
			width: 100%;
		}
		.ProList_top_1 ul .active::after{
			width: 100%;
		}
		
		.ProList_top_1 ul li a{
			font-size: 22px;
			line-height: 70px;
			height: 70px;
		}
		.ProList_top_2{
			margin-bottom: 30px;
			width: 100%;
		}
		.ProList_top_2 ul{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}
		.ProList_top_2 ul li{
			margin-right: 20px;
			margin-bottom: 20px;
			/* border-bottom: 2px solid #f7f7f7; */
		}
		.ProList_top_2 ul li:hover{
			border-bottom: 2px solid #006ac4;
		}
		.ProList_top_2 ul .active{
			border-bottom: 2px solid #006ac4;
		}
		.ProList_top_2 ul .active a{
			color: #006ac4;
		}
		.ProList_top_2 ul li a{
			display: block;
			padding: 13px 20px;
			width: auto;
			color: #999;
			background: #f7f7f7;
			font-size: 16px;
		}

		.newProList_list {
			width: 100%;
		}
		.newProList_list ul{
			display: flex;
			flex-wrap: wrap;

		}
		.newProList_list ul li {
			position: relative;
			margin-right: 1%;
			margin-bottom: 30px;
			width: 24%;
			padding:0.5%;
			height: 280px;
			/* box-shadow: 0 0 10px #ccc; */
			/* border: 1px solid #eaeaea; */
		}
		.newProList_list ul li:nth-child(4n){
			margin-right: 0;
		}
		.newProList_list ul li a{		
			display: block;			
			width: 100%;
			height: 100%;
			text-align: center;
		}
		.newProList_list ul li .Pro_img{
			width: 100%;
			height: 100%;
			position: relative;
			overflow: hidden;
			/* z-index: 99; */
		}
		.newProList_list ul li .Pro_img img{
			width: 100%;
			height: 100%;
			transition: all 0.5s;
			object-fit: cover;
		}
		.newProList_list ul li:hover{
			/* border-bottom: 2px solid #006ac4; */
		}
		.newProList_list ul li:hover img{
			transform: scale(1.1);
		}
		.newProList_list ul li .p{
			position:absolute;
			bottom: 0;
			left:2%;
			display: block;
			margin-bottom: 0;
			font-size: 15px;
			line-height: 50px;
			background: #f5f5f5;
			padding:0 3%;
			width: 96%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

		}
		.old_list{
			display: none;
		}


		.newProList_list .bor_top{
			position: absolute;
			top: 0;
			left:0;
			width: 0;
			height: 2px;
			background: #008CE1;
			z-index: 66;
			transition: all 0.55s;
		}
		.newProList_list .bor_right{
			position: absolute;
			bottom: 0;
			right: 0;
			width: 2px;
			height: 0;
			background: #008CE1;
			z-index: 66;
			transition: all 0.55s;
		}

		.newProList_list .bor_bottom{
			position: absolute;
			bottom: 0;
			right:0;
			width: 0;
			height: 2px;
			background: #008CE1;
			z-index: 66;
			transition: all 0.35s;
		}
		.newProList_list .bor_left{
			position: absolute;
			top: 0;
			left:0;
			width: 2px;
			height: 0;
			background: #008CE1;
			z-index: 66;
			transition: all 0.55s;
		}


		.newProList_list ul li:hover .bor_top{
			width: 100%;
		}
		.newProList_list ul li:hover .bor_bottom{
			width: 100%;
		}
		.newProList_list ul li:hover .bor_left{
			height: 100%;
		}
		.newProList_list ul li:hover .bor_right{
			height: 100%;
		}

		.newProList_list .desc{
			position: absolute;
			display: flex;
			flex-direction: column;
			justify-content: center;
			top:0;
			left:0;
			width: 100%;
			height: 100%;
			transform: scale(0);
			transition: all 0.5s;
			background: rgba(0, 0, 0, 0.4);
			text-align: center;
			z-index: 1;
		}

		.newProList_list .desc p{
			font-size: 15px;
			color: #fff;
			padding:20px;
			line-height: 30px;
		}

		.newProList_list ul li:hover .desc{
			transform: scale(1);
		}

		
		.wenti{
			width: 100%;
			height: auto;

		}


		.wenti ul{
			display: flex;
			justify-content: flex-start;
			width: 100%;
			flex-wrap: wrap;
		}

		.wenti li{
			margin-bottom: 20px;
			width: 24%;
			height: 350px;
			margin-right: 1%;
			position: relative;
		}
		.wenti li a{
			display: block;
			width: 100%;
			height: 100%;
		}
		.wenti li .Pro_img{
			width: 100%;
			height: 100%;
		}
		.wenti li .Pro_img img{
			width:100%;
			height: 100%;
			object-fit:cover;
		}
		.wenti li h2{
			margin:0
		}
		

		.wenti li:nth-child(4){
			margin-right: 0;
		}
		.wenti li .list_1 p{
			width: 100%;
			position: absolute;
			bottom: 0;
			left:0;
			width: 100%;
			text-align: center;
			line-height: 50px;
			display: block;
			margin-bottom: 0;
			font-size: 15px;
			line-height: 50px;
			background: #f5f5f5;
			padding: 0 3%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}


		.wenti p{
			width: 100% !important;
			left: 0 !important;
		}



		.wenti .list_1{
			position: absolute;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			transition: all 0.5s;
			webkit-backface-visibility: hidden;
			border-radius: 8px;
			backface-visibility: hidden;
			z-index: 10;
			background:#fff;
		}

		.wenti .list_2{
			position: relative;
			padding: 5%;
			z-index: 9;
			width: 100%;
			height: 100%;
			transform:rotate3d(0,1,0,-180deg);
			-ms-transform:rotate3d(0,1,0,-180deg);  /* IE 9 */
			-moz-transform:rotate3d(0,1,0,-180deg);
			transition: all 0.5s;
			overflow: hidden;
		}


		.wenti .list_2::after{
			content: '';
			display: block;
			position: absolute;
			top:20%;
			left:60%;
			width: 100%;
			height: 200%;
			background: rgba(0,140,225,0.2);
			transform: rotate(45deg);
		}



		.wenti .list_2 h2{
			margin: 20px 0;
			font-size: 20px;
			width: 100%;
			text-align: center;
			color: #666;
		}
		.wenti .list_2 p{
			display: block;
			margin-top: 35px;
			font-size: 15px;
			color: #999;
		}
		.wenti .list_2 i{
			display: block;
			margin: auto;
			width: 50px;
			height: 3px;
			background: #008CE1;
			border-radius: 5px;
		}
		.wenti .list_2 .jia{
			position: absolute;
			bottom: 30px;
			left:45%;
			/* margin: auto;
			margin-top: 70px; */
			font-size: 35px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 50%;
			border: 1px solid #008CE1;
			color: #008CE1;
			text-align: center;
			font-weight: normal;
		}


		.wenti li:hover .list_1 {
			transform: rotate3d(0,1,0,180deg);
			-ms-transform: rotate3d(0,1,0,180deg);
			-moz-transform: rotate3d(0,1,0,180deg);
			-webkit-transform: rotate3d(0,1,0,180deg);
			-o-transform: rotate3d(0,1,0,180deg);
			z-index: 9;
		}
		.wenti li:hover .list_2 {
			transform: rotate3d(0,1,0,0deg);
			-ms-transform: rotate3d(0,1,0,0deg);
			-moz-transform: rotate3d(0,1,0,0deg);
			-webkit-transform: rotate3d(0,1,0,0deg);
			-o-transform: rotate3d(0,1,0,0deg);
			z-index: 10;
		}




		.newProTab{
			margin-top: 20px;
			padding: 10px 0;
			box-shadow: 0 0 5px #dbd9d9;
		}
		.newProTab_top {
			width: 100%;
			height: 70px;
			border-bottom: 1px solid #eaeaea;
		}
		.newProTab_top ul {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			justify-content: space-around;
		}

		.newProTab_top ul li{
			position: relative;
			width: 13%;
			height: 70px;
			text-align: center;
			border-bottom: 2px solid transparent;
		}
		.newProTab_top ul li::after{
			content:'';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 0%;
			height: 2px;
			transition: all 0.6s;
			background: #006ac4;
		}

		.newProTab_top ul li:hover::after{
			width: 100%;
		}
		.newProTab_top ul .active::after{
			width: 100%;
		}
		.newProTab_top ul .active a{
			color: #006ac4;
		}
		.newProTab_top ul li a{
			display: block;
			line-height: 70px;
			font-size: 18px;
			height: 70px;
			text-align: center;
		}
		.newProTab_con{
			padding:30px 20px;
			width: 100%;

		}









		.newProTab_con_2 .ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding:0 60px
		}

		.newProTab_con_2 .ul li{
			margin-right: 2%;
			margin-bottom: 30px;
			width: 32%;
			position: relative;
			overflow: hidden;
		}
		.newProTab_con_2 .ul li:nth-child(3n){
			margin-right: 0;
		}
		.newProTab_con_2 .ul li .newProTab_img{
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		.newProTab_con_2 .ul li img{
			width: 100%;
			height: 250px;
			transition: all 0.5s;
		}
		.newProTab_con_2 .ul li:hover img{
			transform: scale(1.1);
		}
		.newProTab_con_2 .ul li:hover .newProTab_p{
			bottom: 0;
		}
		.newProTab_con_2 .ul li h2{
			font-size: 17px;
			color: #fff;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.newProTab_con_2 .ul li p{
			font-size: 14px;
			line-height: 30px;
			color: #fff;
		}
		.newProTab_con_2 .newProTab_p{
			position: absolute;
			bottom: -145px;
			left:0;
			height: 195px;
			width: 100%;
			transition: all 0.5s;
			padding: 0px 15px;
			background: rgba(0,140,225,0.6);
		}



		.newProTab_con_3 ul li{
			margin: auto;
			width: 90%;
		}
		.newProTab_con_3 ul li a{
			display: flex;
			align-items: center;
			padding:20px 35px;
			background: #f7f7f7;
			width: 100%;
			justify-content: space-between;
		}
		.newProTab_con_3 ul li a:hover{
			color: #333;
		}

		.newProTab_con_3 ul li a:hover .dianji_img_1{
			display: none;
		}
		.newProTab_con_3 ul li a:hover .dianji_img_2{
			display: block;
		}


		.newProTab_con_3 .dianji_img{
			position: relative;
			margin-right: 15px;
			width: 50px;
			height: 50px;
		}
		.newProTab_con_3 .dianji_img img{
			position: absolute;
			top: 0;
			left: 0;
			width: 50px !important;
			height: 50px !important;
		} 
		.newProTab_con_3 .dianji_img  .dianji_img_1{
			display: block;
		}
		.newProTab_con_3 .dianji_img  .dianji_img_2{
			display: none;
		}

		.newProTab_con_3 .dianji_left{
			display: flex;
			align-items: center;
		}
		.newProTab_con_3 .dianji_left .down_img{
			margin-right: 15px;
			width: 50px;
			height: 50px;
		}
		.newProTab_con_3 .dianji_left .down_img img{
			width: 100%;
			height: 100%;
		}
		.newProTab_con_3 .dianji_left p{
			margin-bottom: 0;
		}
		.newProTab_con_3 .dianji_right{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.newProTab_con_3 .dianji_right p{
			margin-bottom: 0;
		}



		.newProTab_con_4 ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding:0 60px
		}

		.newProTab_con_4 ul li{
			margin-right: 2%;
			margin-bottom: 30px;
			width: 32%;
			border: 1px solid #f7f7f7;
			text-align: center;
		}
		.newProTab_con_4 ul li:nth-child(3n){
			margin-right: 0;
		}
		.newProTab_con_4 ul li .newProTab_img{
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		.newProTab_con_4 ul li img{
			width: 100%;
			height: 300px;
			transition: all 0.5s;
		}
		.newProTab_con_4 ul li:hover img{
			transform: scale(1.1);
		}
		.newProTab_con_4 ul li h2{
			margin: 15px auto;
			margin-bottom: 10px;
			display: block;
			width: 90%;
			padding:3% 0;
			font-size: 16px;
			color: #666;
			border-bottom: 1px solid #eee;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.newProTab_con_4 ul li p{
			padding:2%;
			font-size: 15px;
			line-height: 20px;
			color: #999;
			text-align: left;
		}












		.container{
			padding: 0;
			margin: 0 atuo;
		}
		.new_container .row{
			margin: 0;

		}





	  /* 新添加产品样式结束 */



	  

	  @media screen and (max-width: 880px) {
		.list_view .view_img{
			width: 100%;
			height: auto;
		}
		.old_list {
		  display: block !important;
		}
		.i_miaoshu{
			margin: auto;
			width: 100%;
		}

		.new_list {
		  display: none;
		}

		.box_2 {
		  display: none !important;
		}

		.box_4 {
		  display: none !important;
		}

		.box_5 {
		  display: none !important;
		}

		.box_6 {
		  display: none !important;
		}



		.cpright {
		  width: 100%;
		}
		.list_2 li{
		  float: left;
		  width: 48%;
		  
		}
		.list_2 li a img{
		  width: 100%;
		}

		.list_2 li a {
		  display: flex;
		  flex-direction: column;
		  width: 100% !important;
		}
		.box_0{
		  width: 100% !important;
		  border:none !important
		}

		.tjcp li{
			display: block;
			float: left;
			width: 48%;
			margin:15px 1%;
		}

		.vnews-list li{
			margin:15px 1%;
			margin-right: 1% !important;
			width: 48% !important;
			padding:0 !important;
		}
		.vnews-list li a{
			width: 100%;
		}
		.vnews-list li img {
			width: 100% !important;
			height: 135px !important;
		}
		.vnews-list li a{
			text-indent: 0;
		}
		.vnews-list li p{
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.vmain-con-news{
			padding:0 10px
		}
		


		.agent_con_1{
			margin: auto;
			width: 95%;
		}
		.agent_con_top h2{
			padding-left:35px;
			line-height: 30px;
		}
		.con_list{
			flex-wrap: wrap;
		}
		.con_list_1{
			margin: auto;
			width: 85%;
		}
		.con_list_name{
			flex-wrap: wrap;

		}
		.list_name{
			width: 50% !important;
		}

		.new_search_1{
			width: 95%;
		}

		.navbar-nav li:nth-child(2) .subnav{
			width: 100%;
		}


		.sp2 ul li{
			width: 47%;
		}
		.i_sousuo {
			margin: auto !important;
			width: 90% !important;
			float: none !important;

	  }



	}


	@media  (max-width:768px) {
		.new_daohang{
			display: none;
		}
		.nav_phone{
			display: block;
		}
		.new_side{
			display: none;
		}
		#carousel-example-generic{
			margin-top: 60px;
		}
        .ndjnt span{width:100% !important;margin:0px !important;}
		.xinwen_new{
			display: flex;
			flex-direction: column;
			width: 100%;

		}
		.xinwen_new .xinwen_left{
			width: 100%;
			height: 425px;
		}
		.xinwen_new .xinwen_left img{
			width: 100%;
		}
		.xinwen_right{
			width: 100%;
		}
		.xinwen_new .xinwen_left_word{
			left:15px;
			width: 80%;
			text-align: left;
		}
		.xinwen_new .xinwen_left_word h2{
			font-size: 24px;
		}
		.xinwen_new .xinwen_left_word p{
			font-size: 16px;
		}
		.xinwen_right_top .right_img{
			margin: 10px 0;
			width: 60px;
			height: 60px;
		}
		.xinwen_right_top .right_name h2{
			font-size: 20px;
			margin:10px 0;
		}

		.right_top_1{
			padding-top: 15px;
			padding-left: 20px;
			height: 200px;
		}
		.right_top_2{
			padding-top: 15px;
			padding-left: 20px;
			height: 200px;
		}
		.xinwen_right_bot{
			padding:0;
			margin:auto;
			width: 90%;
		}
		.xinwen_right_bot h2{
			font-size: 20px;
		}

		.footboxz{
			display: none;
		}

		.foot_new{
			display: none;
		}

		.new_bbb_logo{
			display: none;
		}
		.slideTxtBox a{
			color: #999;
		}

		.jiance_new_name{
			width: 90%;
		}
		.jiance_new_name p{
			font-size: 20px;
			font-weight: bold;
		}
		.jiance_new_name .cp_nam_rig p{
			font-size: 14px;
			font-weight: normal;
		}
		.jiance_list{
			width: 90%;
			display: flex;
			flex-direction: column;
		}
		.jiance_list a{
			margin-bottom: 20px;
			width: 100%;
		}
		.about_list{
			height: 400px;
		}
		.about_list .list_1{
			width: 85%;
			height: 400px;
			flex-wrap: wrap;
		}
		.about_list .list_1 .di{
			width: 50%;
			height: 115px;
			padding-top: 20px;
			border: none;
		}
		.about_list .list_1 .di_1{
			width: 50%;
			height: 115px;
			padding-top: 0px;
			border: none;
		}
		.about_list .list_1 .di_1 img{
			width: 45%;
		}
		.about_list .list_1 .di_1 p{
			font-size: 18px;
		}
		.about_list .list_1 .di p{
			font-size: 24px;
		}
		.about_list .list_1 .di p:last-child{
			font-size: 18px;
		}

		.about_bg{
			height: 230px;
		}
		.about_bg img{
			width: auto;
		}

		.about_con{
			padding-top: 0;
			width: 80%;
			left:10%;
			display: flex;
			flex-direction: column;
		}
		.about_con h2{
			font-size: 23px;
		}
		.about_nav{
			margin-top: 30px;
		}


		.about_left{
			width: 100%;
		}
		.about_right{
			margin-top:30px;
			width: 100%;
		}
		.abnav_1::after{
			bottom: -35px;
		}
		.shipin{
			/* margin-top: 0px !important; */
		}
		.shipin .project-title1 h2{
			font-size: 23px;
		}
		.shipin_list .list_bot p:first-child{
			margin:0;
			font-size: 14px;
		}
		.shipin_list .list_bot{
			padding:5px;
			bottom:-165px !important;
		}
		.shipin_list a .list_1:hover .list_bot{
			bottom:-165px;
		}

		.xinwen_new .xinwen_top h2{
			font-size: 30px;
		}

		.new_container{
			width: 100% !important;
			padding:0;
		}
		.cp_name p {
			font-size: 20px;
		}
		.cp_name .cp_nam_rig p{
			font-weight: normal;
			font-size: 14px;
		}
		.cp_name{
			margin-top: 20px;
		}
		.pro_tab{
			margin-top: 0;
		}
		#iprotab{
			margin: 0;
		}
		.pro_tab .nav a{
			font-size: 16px;
			margin-right:2%;
			width: 49%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow:ellipsis;
		}
		.pro_tab .nav a:nth-child(2n){
			margin-right:0;
		}

		.pro_tab .nav{
			margin:auto;
			width:95%;
			display:flex;
			flex-wrap:wrap;
			justify-content:flex-start;

		}

		


		/* 设置滚动条的样式 */
.main_nav ul{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;

}
.main_nav ul li{
	margin-right:2%;
	width:49%;
	border-bottom:2px solid transparent;
}
.main_nav ul li:nth-child(2n){
	margin-right:0;
}
/* 滚动槽 
.main_nav ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:5px;
}*/
/* 滚动条滑块 
.main_nav ul::-webkit-scrollbar-thumb {
border-radius:5px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.main_nav ul::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}*/


		.pro_con_con ul{
			  flex-wrap: wrap;
		  }
		.pro_con_con ul li{
			  margin: 1%;
			  width: 48%;
		  }
		  .pro_con_con ul li:nth-child(2n){
			  margin-right: 0;
			  background-color: #fff;
		  }
		  .pro_con_con ul li:nth-child(5n){
			  margin-right: 1%;
		  }

		  /* .main_nav{
		  			  overflow-x: scroll;
		  } */

		  .main_nav ul li a{
			  text-align: center;
			  white-space: nowrap;
			  text-overflow: ellipsis;
			  font-size:16px
		  }

		  .pro_con_con .pro_img{
			  height: auto;
		  }

			.pro_con_con .pro_img img{
				width:100%;
				height:auto;

			}
			.xinwen_new .xinwen_con .xinwen_1{
				margin-right:0 !important;
				width:100% !important;
			}
		  .pro_nav a{
			  width: 44%;
		  }
		  .jiance_list .list_img{
			  height: auto;
		  }
		  .mySwiper1{
			display: block !important;
		}

		  .mySwiper{
			  display: none !important;
		  }

		  .footbox{
			  margin: auto;
			  width: 90%;
			  float: none;
		  }
		  .slideTxtBox .bd ul{
			  padding:15px 0;
		  }
		  

		  .newProList{
			  width: 90%;
		  }
		  .cpright .rtop{
			  display: flex;
			  flex-direction: column;
			  align-items: flex-start;
			  padding-bottom: 15px;
		  }
		  .ProList_top_1{
			  display: none;
		  }
		  .ProList_top_mob{
			  display: block !important;
		  }
		  .ProList_top_1 ul{
			  margin:0;
			  height: auto;
			  border:none
		  }
		  .ProList_top_1 ul li{
			  width: 50%;
			  height: 45px;
		  }
		  .ProList_top_1 ul li a{
			  font-size: 15px;
			  line-height: 45px;
		  }

		  .newProList_list ul li{
			  /* margin-right:4%; */
			  width: 100%;
		  }
		  .newProList_list ul li .p{
			  left:0;
			  width: 100%;
		  }
		  .newProList_list ul li:nth-child(2n){
			  margin-right: 0;
		  }
		  .newProTab_top{
			  height: 50px;
		  }
		  .wenti ul{
			  flex-direction: column;
		  }

		  .wenti li{
			  width: 100%;
		  }

		  .ProList_top_2 ul li a{
			  padding: 5px 10px;
		  }

		  .newProTab_top ul li{
			  width: auto;
			  height: 50px;
		  }
		  .newProTab_top ul li a{
			  line-height: 50px;
			  height: 50px;
			  font-size: 15px;
		  }

		  .newProTab_con_3 ul li a{
			  padding:10px 15px;
		  }
		  .newProTab_con_3 .dianji_left .down_img{
			  width: 45px;
			  height: 45px;
		  }
		  .newProTab_con_3 .dianji_left p{
			  font-size: 14px;
		  }
		  .newProTab_con_3 .dianji_right p{
			  font-size: 14px;
		  }

		  .newProTab_con_3 ul li{
			  width: 100%;
		  }
		  .main-con img{
			  width: 100% !important;
		  }

		  .tuijian_detail{
			  display: none;
		  }
		  .con_zixun{
			  width: 100%;
		  }
		  .con_zixun .con_zixun_1{
			  width: 135px;
			  height: 45px;
			  margin: 0 1px;
		  }
		  .con_zixun .con_zixun_2{
			width: 135px;
			height: 45px;
			margin: 0 10px;
		}
		  .con_zixun .con_zixun_1 a img{
			margin-right: 10px;
			margin-left: 10px;
		  }
		  .con_zixun .con_zixun_1 a p{
			font-size:14px
		  }

		  .con_zixun .con_zixun_2 a img{
			margin-right: 10px;
			margin-left: 10px;
		  }
		  .con_zixun .con_zixun_2 a p{
			font-size:14px
		  }


		.new_container_1 .proDetail{
			padding: 0 !important;
			width: 90% !important;
		}

		.about_shilizhanshi ul li{
			margin: 10px;
			width: 42%;
		}
		.about_shilizhanshi ul li img{
			width: 100%;
		}

		.newProTab_con_2 .newProTab_p{
			padding: 0 5px;
			bottom: -145px;
		}
		.newProTab_con_2 .ul{
			padding: 0;
			flex-direction: column;
		}
		.newProTab_con_2 .ul li img{
			height: auto;
		}
		.newProTab_con_2 .ul li h2{
			font-size: 14px;
		}

		.newProTab_con_4 ul{
			padding:0
		}
		.newProTab_con_4 ul li{
			width: 100%;
			/* margin-right: 4%; */
		}
		.newProTab_con_4 ul li img{
			height: auto;
		}
		.newProTab_con_4 ul li:nth-child(3n){
			margin-right: 4%;
		}
		.newProTab_con_4 ul li:nth-child(2n){
			margin-right: 0;
		}
		.tanchuang_1{
			padding:15px;
		}
		#pro_close{
			width: 30px;
			height: 30px;
		}


		.news-list li{
			padding:0;
			margin:2%;
			width: 98%;
			
		}

		.news-list li .news-list_img{
			width:85%;
			height: 300px;
		}
		.news-list .news-list_p{
			padding:5px;
			bottom: 0px;
		}

		.newProTab_con_2 .ul li{
			width: 100%;
		}

		.news-list .news-list_p h2{
			font-size: 18px;
		}
		.news-list .news-list_p span{
			font-size: 16px;
		}

		.art_detail{
			width: 90% !important;
		}

		.main-con-news{
			padding: 0;
		}
		.news_daohang{
			height: 50px;
		}
		.news_daohang li{
			margin: 0 35px;
			height: 50px;
		}
		.news_daohang li a{
			font-size: 18px;
			height: 50px;
			line-height: 50px;
		}

		.news-list-1 li{
			margin-right: 0;
			width: 100%;
		}
		.news-list-1 li .news-list_img{
			width: 100%;
			height: auto;
		}
		.news-list-1 li .news-list_p{
			width: 100%;
		}
		.vnews-list li .pho{
			height: auto !important ;
		}
		.video_detail{
			width: 90% !important;
		}

		video{
			width: 80% !important;
		}








	}



	.about_shili{
		position: relative;
		margin-top:30px;
		width: 100%;
		padding:50px 0;
		background: url(/skin/images/about_bg.jpg) no-repeat;
		background-size: cover;
	}

	.aboutbg{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		left:0;
		top: 0;
		z-index: 2;
	}
	
	.about_shili_con{
		position: relative;
		margin: auto;
		width: 80%;
		text-align: center;
		z-index: 3;
	}
	
	.about_shili_con h3{
		font-size: 24px;
		color: #fff;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.about_shili_con p{
		font-size: 15px;
		color: #fff;
	}
	
	.about_shili_list{
		margin-top:50px;
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
	
	}
	
	.shili_list_1{
		display: flex;
		justify-content: flex-start;
		margin-bottom: 20px;
		width: 28%;
		padding: 30px 1%;
		border: 1px solid rgb(255, 255, 255,0.5);
		cursor: pointer;
		position: relative;
	}
	
	.shili_list_bg{
		position: absolute;
		left:0;
		top:0;
		width: 0;
		height: 100%;
		transition: all 0.5s;
		background: #17a2b8;
		z-index: 1;
	}
	.shili_list_1:hover  .shili_list_bg{
		width: 100%;
	}
	
	.shili_list_1 img{
		margin: 0 30px;
		width: 50px;
		height: 50px;
		z-index: 2;
	}
	.shili_list_1 p{
		font-size: 16px;
		color: #fff;
		line-height: 47px;
		z-index: 3;
	}

.ndjnt{width:100%;float:left;}
.ndjnt span{width:100%;float:left;}
.ndjnt span font{margin:0px 1%;border-radius:5px;border:solid 1px #f9f9f9;background-color:#e1e1e1;height:45px;float:left;padding:0px 1%;}
.ndjnt span font a{float:left;line-height:45px;font-size:15px;}


.new_container{
    max-width:1500px;
    margin:0 auto;
}
.new_contact{  
    width:100%;float:left;
    position: relative;
    padding: 50px 0;
}
.contact_left{
    width: 60%;
    padding: 20px;
    box-shadow: 0 0 10px #ababab;
    float: left;
}
.contact_left h3{
    font-size: 30px;
    margin-bottom: 20px;
    float: left;
}
.contact_left span{
    font-size: 16px;
    color: #666;
    float: left;
}
.contact_left i{
    margin: 20px 0;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    float: left;
}
.contact_left p{
    margin-bottom: 20px;
    font-size: 18px;
    float: left;
    width: 60%;
}
.contact_right{
    position: absolute;
    right: 100px;
    top: 170px;
    z-index: 99;
    width: 50%;
    float: right;
}
.contact_left p img {
    width: 120px;
    height: 120px;
}



/*------------------产品内容内页-------------*/
table{border:none !important;}
table td, table th{border:none !important;text-align:left !important;}
.ner_ppa{width:98%;padding:0px 1%;float:left;font-size:15px;line-height:35px;color:#666;background-color:rgb(247, 247, 247);}
.ner_ppb1 td strong{font-size:15px;}
.jsbr_a{width:33%;float:left;border-left:solid 1px #e1e1e1;}
.jsbr_a td{width:90%;padding:0px 5%;float:left;border-bottom:solid 1px #e1e1e1;}
.jsbr_b{width:33%;float:left;border-left:solid 1px #e1e1e1;}
.jsbr_b td{width:90%;padding:0px 5%;float:left;border-bottom:solid 1px #e1e1e1;}
.jsbr_c{width:33%;float:left;border-left:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;}
.jsbr_c td{width:90%;padding:0px 5%;float:left;border-bottom:solid 1px #e1e1e1;}
.jsbbr_a{width:100%;float:left;background-color:rgb(43, 77, 137);color:#fff !important;text-align:center;}
.ske_s{width:100%;float:left;margin:3% 0px;}
.kdk{width:100%;float:left;}
.kdk a{width:100%;float:left;font-size:12px;color:#999;line-height:35px;text-align:right;}
.ehu_a{width:50%;float:left;font-size:15px;line-height:35px;color:#333;}
.ehu_b{width:50%;float:right;font-size:15px;text-align:right;line-height:35px;color:#333;}
.kso_tc{width:25%;background-color:#fff;background:url(../images/2f.jpg) no-repeat right;border:solid 1px #e1e1e1;padding:3% 5% 3% 1%;float:left;position:fixed;top:25%;left:37.5%;z-index:666;display:none;box-shadow: 0 5px 13px rgba(0, 0, 0, .1);}
.kso_tc img{width:40%;float:left;}
.kso_tc span{width:55%;float:right;margin-top:1.5% !important;}
.kso_tc span p{width:100%;float:left;font-size:25px;font-weight:bold;margin-top:2%;}
.kso_tc span font{width:100%;float:left;font-size:16px;line-height:35px;}
.kso_tc b{width:50px;float:right;position:absolute;top:0px;right:0px;font-size:13px;color:#666;line-height:75px;font-weight:normal;color:#004ea2;}
.kso_tc b:hover{font-weight:bold;cursor:pointer;}
.bcj_bg{width:100%;float:left;}
.bcj_bg tbody{width:100%;float:left;background-color:#f9f9f9;}
.bcj_bg1{width:10%;float:left;}
.bcj_bg1 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #e1e1e1;}
.bcj_bg2{width:10%;float:left;}
.bcj_bg2 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #e1e1e1;}
.bcj_bg3{width:15%;float:left;}
.bcj_bg3 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #e1e1e1;}
.bcj_bg4{width:55%;float:left;}
.bcj_bg4 td{width:100%;height:30px;overflow:hidden;float:left;text-align:left;border-bottom:solid 1px #e1e1e1;}
.bcj_bg5{width:10%;float:left;}
.bcj_bg5 td{width:100%;float:left;text-align:left;border-bottom:solid 1px #e1e1e1;}
.sdlr_a{width:100%;float:left;}
.sdlr_a tbody{width:100%;float:left;background-color:#f9f9f9;}
.sdlr_a1{width:10%;float:left;}
.sdlr_a1 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #f3eded;border-right:solid 1px #f3eded;}
.sdlr_a2{width:20%;float:left;}
.sdlr_a2 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #f3eded;border-right:solid 1px #f3eded;}
.sdlr_a3{width:50%;float:left;}
.sdlr_a3 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #f3eded;border-right:solid 1px #f3eded;}
.sdlr_a4{width:20%;float:left;}
.sdlr_a4 td{width:100%;float:left;text-align:center;border-bottom:solid 1px #f3eded;border-right:solid 1px #f3eded;}
.tbbg{width:100%;float:left;border-top:solid 1px #f9f9f9;border-left:solid 1px #f9f9f9;border-right:solid 1px #f9f9f9;}
.tbbg_a{width:100%;float:left;}
.tbbg_a1{width:100%;float:left;background-color:#f9f9f9;}
.tbbg_a tr{width:100%;float:left;border-bottom:solid 1px #f9f9f9;}
.tbbg_a11{width:47%;padding:0px 1%;border-right:solid 1px #f9f9f9;float:left;font-size:14px;line-height:25px;}
.tbbg_a22{width:48%;padding:0px 1%;float:left;font-size:14px;line-height:25px;}
.ner_pp{width:100%;float:left;color:rgb(43, 77, 137);font-size: 19px;line-height:65px;margin-top:2%;}
.ner_ppb,.ner_ppb1{width:100%;float:left;}
.ner_ppb1a{width:98%;padding:0px 1%;float:left;background-color:rgb(247, 247, 247);font-size:14px;line-height:35px;}
.ner_ppb1b{width:98%;padding:0px 1%;float:left;background-color:rgb(255, 255, 255);font-size:14px;line-height:35px;}
.ner_ppc{width:100%;float:left;color:rgb(43, 77, 137);font-size: 19px;line-height:65px;margin-top:2%;}
.ner_ppca{width:100%;float:left;}
.ner_ppca1{width:100%;float:left;}
.ner_ppca1a{width:98%;padding:0px 1%;float:left;background-color:rgb(247, 247, 247);font-size:14px;line-height:35px;}
.ner_ppca1b{width:98%;padding:0px 1%;float:left;background-color:rgb(255, 255, 255);font-size:14px;line-height:35px;}
.ner_ppcd{width:100%;float:left;color:rgb(43, 77, 137);font-size: 19px;line-height:65px;margin-top:2%;}
.ner_ppcda{width:100%;float:left;}
.ner_ppce{width:85%;float:left;}
.ner_ppcda1{width:15%;float:left;}
.ner_ppcda1a{width:90%;line-height:30px;padding:0px 5%;background-color:rgb(43, 77, 137);float:left;color:#fff !important;}
.ner_ppcda1b{width:90%;line-height:30px;padding:0px 5%;background-color:rgb(43, 77, 137);float:left;color:#fff !important;}
.ner_ppcea{width:98%;line-height:30px;padding:0px 1%;float:left;background-color:rgb(255, 255, 255);}
.ner_ppceb{width:98%;line-height:30px;padding:0px 1%;float:left;background-color:rgb(247, 247, 247);}
.ner_csj{width:100%;float:left;color:rgb(43, 77, 137) !important;font-size: 19px;line-height:65px;font-weight:bold;margin-top:2%;}
.ner_ppa{width:98%;padding:0px 1%;margin:0.5% 0px;float:left;font-size:15px;line-height:35px;color:#666;background-color:rgb(247, 247, 247);}
.ner_ppb1 td strong{font-size:15px;}
.ner_ppcda11a{width:100%;float:left;background-color:#f9f9f9;font-size:14px;line-height:30px;}
.ner_ppcda11b{width:100%;float:left;background-color:#fff;font-size:14px;line-height:30px;}
/*-------------产品内容内页----------------------*/


@media screen and (min-width:1000px) and (max-width:1300px) {
.newtel p{font-size:15px;}
.new_daohang_logo,.new_daohang_logo_1{width:107px;}
.new_daohang_logo img,.new_daohang_logo_1 img{width:100%;}
.row{width:96%;float:left;margin:0px 2%;}
.container{width:98% !important;margin:0px 1% !important;}
.foot_new span{font-size:22px;}
.about_shili_con h3,.about_shili_con p{width:100%;float:left;}
.about_shili,.about_shilizhanshi{float:left;}
.new_container_1 .proDetail,.about_shilizhanshi{width:96%;margin:0px 2% !important;}
.about_shilizhanshi ul li{width:23%;float:left;margin:1%;}
.about_shilizhanshi ul li img{width:100%;float:left;}
}



@media screen and (min-width:0px) and (max-width:600px) {
.contact_left{width:96%;margin:0px 2%;float:left;}
.contact_right{display:none;}
.new_container{width:98% !important;float:left;margin:0px 1%;}
.dmkew,.new_container_1{width:100%;float:left;}
.dmkew img{width:100%;float:left;}
.nbanner{width:100%;float:left;}
.nbanner a img{width:100%;float:left;}
.nbanner img{margin-left:0px;}
.common-title{height:auto;}
}