@charset "utf-8";

@media (min-width:1601px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:640px) and (max-width:1399px) {
	html {
		font-size: 15px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 13px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.n_zhiliang .fl01 ul li a:hover .img img {
		transform: scale(1.05)
	}

	.n_zhiliang .fl02 ul li a:hover .top {
		transform: translateY(0);
		background: rgba(8, 105, 172, 0.9);
	}

	.n_news .fl01 ul li .box:hover .con h5 {
		color: #BF1E2E
	}

	.n_news .fl01 ul li .box .img:hover .red-bg {
		opacity: 1;
		visibility: visible;
	}

	.n_news .fl01 ul li .box .img:hover .line {
		transform: translate(0);
		-webkit-transform: translate(0);
		opacity: 1;
		visibility: visible;
	}

	.n_news .fl01 ul li .box .img:hover img {
		transform: scale(1.05);
	}

	.n_product .n_right ul li .box:hover .con h5 {
		color: #BF1E2E
	}

	.n_product .n_right ul li .box .img:hover .red-bg {
		opacity: 1;
		visibility: visible;
	}

	.n_product .n_right ul li .box .img:hover .line {
		transform: translate(0);
		-webkit-transform: translate(0);
		opacity: 1;
		visibility: visible;
	}

	.n_product .n_right ul li .box .img:hover img {
		transform: scale(1.05);
	}

	.n_product .n_right ul li a:hover .con h6 span {
		background: #BF1E2E;
		color: #fff
	}

	.n_news .fl02 ul li a:hover h5,
	.n_news .fl02 ul li a:hover h4,
	.n_news .fl02 ul li a:hover h4 span {
		color: #BF1E2E
	}

	.n_news .fl02 ul li:hover:before {
		left: 0;
		width: 100%
	}

	.n_news_detail .content .n_right .frl02 ul li:hover a {
		color: #BF1E2E
	}

	.n_product .n_left>ul>li>ul>li>a:hover:before {
		opacity: 1;
		visibility: visible;
		font-weight: bold;
		color: #BF1E2E
	}

	.n_product .n_left>ul>li>ul>li>a:hover {
		opacity: 1;
		visibility: visible;
		font-weight: bold;
		color: #BF1E2E
	}

}

@media (min-width: 992px) {}

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

@media (min-width: 1280px) {

	.tc_search {
		height: 80px;
	}
}


@media (min-width: 1440px) {}


@media (min-width: 1660px) {}

@media screen and (min-width:1200px) and (max-width:1440px) {}

@media (max-width: 1660px) {
	.m1500 {
		margin: 0 4rem;
		max-width: inherit;
		width: auto;
	}

	.m1600 {
		margin: 0 4rem;
		max-width: inherit;
		width: auto;
	}

	.foot_form {}

	.foot_nav dl {}

	.foot_nav dl dt {
		font-size: 1.1rem;
	}

	.foot_nav dl dd {
		font-size: .9375rem;
	}

	.foot_lianxi ul li {
		font-size: .9375rem;
	}


}

@media (max-width: 1600px) {

	#nav ul li a {
		padding: 0 1rem;
	}


}

.web {}

.wap {
	display: none;
}

@media (max-width: 1440px) {
	#nav ul li a {
		padding: 0 .8rem;
	}

	#nav ul li h3 {
		font-size: 1rem;
	}
}

@media (max-width: 1360px) {

	.m1360 {
		margin: 0 4rem;
		max-width: inherit;
		width: auto;
	}

	.m1280 {
		max-width: 1100px;
	}

	.n_about .fl02 .box:before {
		display: none
	}

	.n_about .fl02 .box .img {
		margin-bottom: 4rem
	}

	.n_about .fl02 .box .con {
		position: relative;
		left: 0;
		right: 0;
		margin: 0;
		bottom: auto;
		padding: 0;
		top: auto;
		margin-bottom: 3rem;
		height: auto;
		text-align: center;
		transform: translateX(0);
	}

	.n_about .fl02 .box .con span {
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		margin-bottom: 1rem;
	}

	.n_about .fl02 .box .con h5 {
		text-align: center
	}

	.n_about .fl02 .box .con:before,
	.n_about .fl02 .box .con:after {
		display: none
	}
}

@media (max-width: 1280px) {
	#nav {
		margin-right: 1.5rem;
	}

	#header {
		display: none;
	}

	#m_header {
		display: block;
		padding: 0 3rem;
	}

	.pad_aside .m1600 {
		margin: 0;
	}

	.m1600 {
		margin: 0 45px;
		max-width: inherit;
		width: auto;
	}

	.n_body {
		padding: 4.5rem 0 0
	}
}

@media (max-width: 1200px) {
	#nav {
		margin-right: 0;
	}

	#nav ul li {
		margin: 0;
	}

	#nav ul li a {
		padding: 0 .4rem;
	}

	#online_q {
		display: none;
	}

	.n_licheng .fl01 .miso_hd .slick-prev,
	.n_licheng .fl01 .miso_hd .slick-next {
		top: -65px;
		left: auto;
		right: 0;
	}

	.n_licheng .fl01 .miso_hd .slick-prev {
		right: 80px
	}

	.n_licheng .fl02 .miso_bd h4 {
		font-size: 50px;
		padding-left: 0;
	}

	.n_about .fl01 ul li {
		width: 33.333333%;
		margin: 0;
		text-align: center
	}

	.n_zhiliang .fl01 ul {
		margin: 0 -7px
	}

	.n_zhiliang .fl01 ul li {
		padding: 0 7px;
	}

	.n_zhiliang .fl01 ul li a {
		padding: 15px
	}

	.n_join .fl01 .box01 .right {
		padding: 0 0 0 2rem;
		right: 0
	}

	.n_join .fl01 .box02 .right {
		padding: 0 2rem 0 0;
		left: 0
	}

	.n_join .fl01 .box .left img {
		width: 100%;
		height: 400px;
		object-fit: cover
	}

	.n_product .n_right ul li {
		width: 50%
	}
	
	.cooperation .coop li{
		width: calc( 100% / 3);
	}
}

@media (max-width: 1100px) {
	.foot_form {
		width: 50%;
	}

	.foot_nav {
		display: none;
	}

	.foot_lianxi {
		width: 50%;
	}
}

/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px) {
	.web {
		display: none;
	}

	.wap {
		display: block;
	}

	#s_news .left {
		width: 100%;
		float: none;
	}

	#s_news .right {
		width: 100%;
		float: none;
	}

	#s_news .li {
		height: auto !important;
		width: 100%;
		float: none;
	}

	#s_news .li.li_1 .txt .btn_more {
		margin-top: 2rem;
		width: 120px;
		height: 40px;
		line-height: 36px;
	}

	.mianbao {
		display: none
	}

	#m_n_nav {
		display: block
	}

	.n_banner {
		margin-top: 4.2rem;
		height: 28vh;
		background-size: cover !important
	}

	.n_banner h2 {
		font-size: 20px;
	}

	.n_banner h3 {
		font-size: 24px
	}

	.n_zhiliang .fl01 ul li {
		width: 50%;
		margin-bottom: 15px;
	}

	.n_join .fl02 .left {
		width: 16rem;
	}

	.n_join .fl02 .left .bottom .box .con {
		padding: 1.25rem 1rem 0;
		width: calc(100% - 5rem);
	}

	.n_join .fl02 .left .bottom .box .con h3 {
		font-size: 1rem;
		margin-bottom: 0.25rem;
	}

	.n_join .fl02 .left .bottom .box .icon img {
		height: 20px;
		margin-top: -3px
	}

	.n_join .fl02 .left .bottom .box {
		height: 5rem
	}

	.n_join .fl02 .left .bottom .box .icon {
		width: 5rem;
		line-height: 5rem;
	}

	.n_join .fl02 .right {
		width: calc(100% - 18rem)
	}

	.n_product .n_left {
		width: 100%;
		margin-bottom: 3rem
	}

	.n_product .n_right {
		width: 100%
	}
	
	.n_product .n_left .pro_tit_l{
		height: 80px;
		padding-top: 20px;
	}
}

@media (min-width:481px) and (max-width:992px) {}

@media (max-width: 860px) {
	.m1600 {
		margin: 0 2rem;
		max-width: inherit;
		width: auto;
	}

	.m1500 {
		margin: 0 2rem;
		max-width: inherit;
		width: auto;
	}

	.m1360 {
		margin: 0 2rem;
		max-width: inherit;
		width: auto;
	}

	.m1280 {
		margin: 0 2rem;
		max-width: inherit;
		width: auto;
	}

}

@media (max-width: 767px) {
	.m1600 {
		margin: 0 1rem;
		max-width: inherit;
		width: auto;
	}

	.m1500 {
		margin: 0 1rem;
		max-width: inherit;
		width: auto;
	}

	.m1360 {
		margin: 0 1rem;
		max-width: inherit;
		width: auto;
	}

	.m1280 {
		margin: 0 1rem;
		max-width: inherit;
		width: auto;
	}

	.pad_top {
		padding-top: 3rem;
	}

	.pad_bot {
		padding-bottom: 3rem;
	}

	#s_news .li .txt {
		padding: 3rem 2rem;
	}

	#s_news .li .txt .time {
		font-size: .8rem;
		opacity: .7;
		margin-bottom: .5rem;
	}

	#s_news .li .txt h5 {
		font-size: 1.1rem;
		line-height: 1.6rem;
		max-height: 3.2rem;
	}

	#s_news .li .txt p {
		height: 3.2rem;
		line-height: 1.6rem;
		overflow: hidden;
	}

	#s_news .li .txt .btn_more {
		font-size: .75rem;
	}

	.foot_form {
		width: 100%;
		padding: 0;
	}

	.foot_lianxi {
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
	}

	.foot_lianxi .box {
		float: none;
	}

	.n_about .left {
		width: 100%
	}

	.n_about .right {
		width: 100%
	}

	.n_gonggong .title00 h4 br {
		display: none
	}

	.n_about {
		padding: 3rem 0
	}

	.n_licheng .fl02 .miso_bd h4 {
		font-size: 30px;
	}

	.n_licheng .fl02 .miso_bd .right {
		width: calc(100% - 70px);
		padding: 67px 0;
		padding-left: 30px;
	}

	.n_licheng .fl02 .miso_bd .right dl dd {
		font-size: 14px
	}

	.n_licheng .fl01 h3 {
		padding: 29px 0px 0;
		font-size: 30px;
		margin-bottom: 116px;
	}

	.n_licheng .fl01 .miso_hd .slick-prev,
	.n_licheng .fl01 .miso_hd .slick-next {
		width: 32px;
		height: 32px;
		background-size: cover !important
	}

	.n_licheng .fl01 .miso_hd .slick-prev {
		right: 50px;
	}

	.n_licheng .fl01 {
		background-size: cover !important;
		height: 256px;
	}

	.n_zizhi ul li .pic_box {
		height: 260px
	}

	.n_zizhi ul li img {
		max-height: 250px
	}

	.n_zizhi ul li h5 {
		font-size: 14px
	}

	.page {
		font-size: 0
	}

	.page a {
		padding: 0 10px
	}

	.page .btt {
		display: none
	}

	.n_zizhi {
		padding: 3rem 0
	}

	.n_about .fl01 ul li h2 {
		font-size: 35px
	}

	.n_about .fl01 ul li h5 {
		font-size: 14px;
	}

	.n_zhiliang .fl02 ul {
		margin: 0 -7px
	}

	.n_zhiliang .fl02 ul li {
		width: 50%;
		padding: 0 7px
	}

	.n_zhiliang .fl01 ul li a .con h6 {
		font-size: 10px;
	}

	.n_gonggong .title00 {
		margin-bottom: 2rem
	}

	.n_zhiliang .fl02,
	.n_zhiliang .fl01 {
		padding: 3rem 0
	}

	.slick-lightbox .slick-prev,
	.slick-lightbox .slick-next {
		transform: scale(0.6)
	}

	.slick-lightbox .slick-prev {
		left: 0 !important
	}

	.slick-lightbox .slick-next {
		right: 0 !important
	}

	.n_join .fl01 .box {
		margin-bottom: 1rem
	}

	.n_join .fl01 .box .left {
		width: 100%;
		margin-bottom: 2rem
	}

	.n_join .fl01 .box .right {
		padding: 10px 0;
		position: relative;
		width: 100%
	}

	.n_join .fl02 .left {
		width: 100%;
		margin-bottom: 2rem;
		display: none;
	}

	.n_join .fl02 .right {
		width: 100%
	}

	.n_join .fl02 ul li .ar_article h6 {
		width: 100%;
		background-size: 8px auto !important;
		font-size: 11px;
		background-position: 0 0.25rem !important
	}

	.n_join .fl02 ul li .ar_article a {
		position: relative;
		width: 110px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}

	.n_join .fl02 ul li .ar_article p {}

	.n_join .fl02 ul li .ar_article {
		padding: 2rem 1rem
	}

	.n_join .fl02 ul li .top {
		padding: 0 15px;
		height: 70px;
		line-height: 80px;
	}

	.n_join .fl02 ul li .top h5 {
		font-size: 16px
	}

	.n_join .fl01,
	.n_join .fl02 {
		padding: 3rem 0
	}

	.n_join .fl01 .box .left img {
		height: auto
	}

	.n_join .fl01 .box .right h3 img {
		height: 24px
	}

	.n_contact .fl02 ul li {
		width: 100%;
		margin-bottom: 1rem
	}

	.n_contact .fl02 ul li .box .p {
		min-height: inherit
	}

	.n_contact .fl00 .left {
		width: 100%;
		height: auto;
		padding: 2rem 1.5rem;
	}

	.n_contact .fl00 .right {
		width: 100%
	}

	.n_contact .fl00 .right iframe {
		height: 260px
	}

	.n_contact .fl00 .left p {
		font-size: 13px;
		line-height: 26px
	}

	.n_contact .fl02 h3 {
		margin-bottom: 3rem
	}

	.n_news .fl01 ul {
		margin: 0 -5px
	}

	.n_news .fl01 ul li {
		padding: 0 5px;
		width: 100%;
		margin-bottom: 1rem;
	}

	.n_news .fl02 ul li {
		padding: 1rem 0 1rem
	}

	.n_news_detail {
		padding: 2.5rem 0 2.5rem
	}

	.n_news_detail .content .n_left .n_left_box {
		padding: 2rem 2rem
	}

	.n_news_detail .content .n_left .title h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.n_news_detail .content {
		display: block
	}

	.n_news_detail .content .n_left {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 3rem
	}

	.n_news_detail .content .n_right {
		display: block;
		width: 100%
	}

	.n_news_detail .content .n_right .frl01 ul {
		width: 100%
	}

	.n_news_detail .content .n_left .title h6 .span2 {
		display: none
	}

	.b_nav .con {
		font-size: 14px;
	}

	.n_fade .fl01 .left {
		width: 100%;
		margin-bottom: 3rem;
	}

	.n_fade .fl01 .right {
		width: 100%
	}

	.n_fade .fl01 .left p {
		font-size: 13px;
		line-height: 26px;
	}

	.n_fade .fl01 .left h2 img {
		height: 120px
	}

	.n_gonggong .title00 h4 {
		margin-bottom: 0.5rem
	}

	.n_banner01 ul li .left {
		padding: 0 1rem 0 0
	}

	.n_banner01 ul li .left h3 {
		font-size: 16px;
	}

	.n_banner01 ul li .left h4 {
		font-size: 14px;
		margin: 0.5rem 0 1rem;
	}

	.n_banner01 ul li .left p {
		font-size: 11px;
		line-height: 20px;
	}

	.n_banner01 ul li .m1360 {
		height: 370px;
	}

	.n_product {
		padding: 3rem 0
	}

	.n_product .n_left>ul>li>.a {
		height: 45px;
		line-height: 41px;
	}

	.n_product .n_left>ul>li>ul>li>a {
		line-height: 28px;
		height: 28px
	}

	.n_product .n_right ul {
		margin: 0 -5px;
	}

	.n_product .n_right ul li {
		padding: 0 5px;
		margin-bottom: 10px;
	}

	.n_product .n_right ul li .con h6 span {
		width: 100px;
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}

	.n_product .n_right ul li .con {
		padding: 1.5rem 1rem
	}

	.n_product_detail .fl01 .left {
		width: 100%;
		margin-bottom: 3rem
	}

	.n_product_detail .fl01 .left .con {
		height: auto;
		overflow: hidden;
		padding: 0;
		margin-bottom: 0;
	}

	.n_product_detail .fl01 .right {
		width: 100%;
		padding: 0;
	}

	.n_product_detail .fl02 .slick-prev {
		left: 0
	}

	.n_product_detail .fl02 .slick-next {
		right: 0
	}

	.n_product_detail .fl04 ul {
		margin: 0 -5px
	}

	.n_product_detail .fl04 ul li {
		width: 100%;
		margin-bottom: 1rem;
		padding: 0 5px;
	}

	.position span,
	.position a,
	.position i {
		line-height: 24px;
		font-size: 12px;
	}

	.position {
		margin: 1.5rem 0;
		font-size: 12px;
		padding: 1rem 0;
	}

	.n_zhiliang .fl02 ul li a .img img {
		height: 120px;
	}

	.n_product_detail .fl02 ul li a .icon {
		width: 6rem;
		height: 6rem;
		line-height: 5.875rem
	}

	.n_product_detail .fl02 ul li a .icon img {
		max-height: 36px
	}

	.n_product_detail .fl04 {
		padding: 3rem 0
	}

	.n_product_detail .fl03 {
		padding: 3rem 0 2rem
	}

	.fenxiang_box {
		display: none
	}

	.b_nav .con.fr img,
	.b_nav .con.fl img {
		width: 18px;
	}

	.b_nav .con.center img {
		width: 20px;
	}

	.n_product_detail .fl01 .right .slick-prev,
	.n_product_detail .fl01 .right .slick-next {
		transform: scale(0.8)
	}

	.n_product_detail .fl01 .right .slick-prev {
		background: url(../images/left02.png) center no-repeat;
		left: -1rem
	}

	.n_product_detail .fl01 .right .slick-next {
		background: url(../images/right02.png) center no-repeat;
		right: -1rem
	}

	#banner,
	#banner .con,
	#banner li,
	#banner li .img {
		height: 35vh;
	}

	.n_contact .fl01 .img {
		transform: scale(1.25)
	}

	.n_contact .fl01 .img .llq .con {
		transform: scale(0.7)
	}

	.form .layui-form-item {
		width: 100%
	}

	.tc_toudi {
		width: 94%
	}

	.n_contact .fl02 ul li .box {
		padding: 20px 15px;
	}

	.n_contact .fl02 ul li .box h5 {
		font-size: 16px
	}

	.n_news_detail .content .n_right .sticky {
		width: 100%
	}

	.appendArrows {
		display: none
	}

	#banner {
		margin-top: 4.5rem
	}

	#banner .letter span {
		min-width: 10px;
	}


	.n_banner01 ul li .left {
		width: 100%;
		margin-bottom: 2rem;
	}

	.n_banner01 ul li .right {
		width: 100%
	}

	.n_banner01 ul li .right img {
		max-width: 60%
	}

	.n_banner01 .slick-dots {
		bottom: 10px
	}
	
	.cooperation .coop li{
		width: 50%;
	}
	.cooperation .coop{
		margin: 40px auto;
	}
}

@media (max-width: 640px) {}

@media (max-width: 480px) {
	.pad_top {
		padding-top: 2rem;
	}

	.pad_bot {
		padding-bottom: 2rem;
	}

	.pad_aside {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.n_article .ar_article {
		padding-bottom: 10px !important;
	}

	.ar_article table {
		width: 100% !important;
	}

	.ar_article table td,
	.ar_article table th {
		padding: 3px 5px !important;
		font-size: 13px !important;
		font-weight: normal !important;
		width: auto !important;
		height: auto !important;
	}

	.ar_article table td *,
	.ar_article table th * {
		padding: 3px 5px !important;
		font-size: 13px !important;
		font-weight: normal !important;
		padding: 0 !important;
	}


	#gotop {
		display: none;
		width: 3em;
		height: 3rem;
		position: absolute;
		bottom: 2rem;
		right: 1rem;
		position: fixed;
		z-index: 999;
	}

	#m_header {
		display: block;
		padding: 0 15px;
	}

	#m_header #logo img {
		height: 38px;
	}

	#banner .txt h3 {
		font-size: 1.8rem;
		margin-bottom: .6rem;
	}

	#banner .txt p {
		font-size: 14px;
		line-height: 24px;
	}

	#banner .banner-arrow {
		width: 30px;
		height: 30px;
		background-size: 30px !important;
	}

	.appendArrows {
		padding-top: 20rem;
	}

	.s_tt {
		margin-bottom: 2rem;
	}

	.s_tt h3 {
		font-size: 1.2rem;
	}

	#s_news .li .txt {
		padding: 3rem 1rem;
	}

	#s_pro ul li .txt {
		padding: 2rem 1rem;
	}

	#s_pro ul,
	#s_pro_main ul,
	#s_rukou ul {
		margin: 0 -5px;
	}

	#s_pro ul li,
	#s_pro_main ul li,
	#s_rukou ul li {
		padding: 0 5px;
	}

	#s_pro_main ul li .txt {
		padding: 2rem;
	}

	#s_pro_main ul li .txt h5 {
		font-size: 1.3rem;
		margin-bottom: .6rem;
	}

	#s_pro_main ul li .txt p {
		font-size: .875rem;
	}

	#s_pro_main ul li .txt .btn_more {
		font-size: .8rem;
		margin-top: 1rem;
	}

	#s_pro_main .slick-arrow {
		width: 2.8rem;
		height: 2.8rem;
		margin-top: -1.4rem;
	}

	#s_pro_main .slick-prev {
		left: 1rem;
	}

	#s_pro_main .slick-next {
		right: 1rem;
	}

	#s_rukou ul li .txt {
		padding: 2.5rem 1rem 1rem;
	}

	#s_rukou ul li .txt h5 {
		font-size: 1.5rem;
	}

	#s_rukou ul li .txt .con {
		font-size: .8rem;
	}

	#s_link .right {
		width: 100%;
	}

	#s_link a {
		margin-left: 0;
		margin-right: 10px;
	}

	h1.foot_logo {
		max-width: 80%;
	}

	.foot_form form {
		margin-top: 1rem;
	}

	.foot_form .tip {
		font-size: 11px;
	}

	.n_zizhi ul li .pic_box {
		height: 200px
	}

	.n_zizhi ul li img {
		max-height: 190px
	}

	.n_zizhi ul {
		margin: 0 -5px
	}

	.n_zizhi ul li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 20px;
	}
	
	.n_product .n_right ul li {
	   width: 100%;
	}
}