@charset "UTF-8";

/*字体*/
@media only screen and (min-width: 641px) {
	html {
		font-size: 100px;
	}
}

@media only screen and (max-width: 640px) {
	html {
		font-size: 100px;
	}
}

@media only screen and (max-width: 540px) {
	html {
		font-size: 84.375px;
	}
}

@media only screen and (max-width: 480px) {
	html {
		font-size: 75px;
	}
}

@media only screen and (max-width: 414px) {
	html {
		font-size: 64.6875px;
	}
}

@media only screen and (max-width: 400px) {
	html {
		font-size: 62.5px;
	}
}

@media only screen and (max-width: 375px) {
	html {
		font-size: 58.5938px;
	}
}

@media only screen and (max-width: 360px) {
	html {
		font-size: 56.25px;
	}
}

@media only screen and (max-width: 320px) {
	html {
		font-size: 50px;
	}
}

/*导航动画*/
@keyframes menu-line1-hover {
	0% {
	}

	50% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	100% {
		top: 50%;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
}

@keyframes menu-line2-hover {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	51% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes menu-line3-hover {
	0% {
	}

	50% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	100% {
		top: 50%;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}
}

@keyframes menu-line1 {
	0% {
		top: 50%;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}

	50% {
		top: 50%;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	100% {
		top: 0%;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
}

@keyframes menu-line2 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	51% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@keyframes menu-line3 {
	0% {
		top: 50%;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}

	50% {
		top: 50%;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	100% {
		top: 100%;
	}
}

@-webkit-keyframes menu {
	0% {
		width: 24px;
	}

	45% {
		width: 6px;
	}

	90% {
		width: 24px;
	}

	100% {
		width: 24px;
	}
}

@keyframes menu {
	0% {
		width: 24px;
	}

	45% {
		width: 6px;
	}

	90% {
		width: 24px;
	}

	100% {
		width: 24px;
	}
}

.mobile_header{
	display: none;
}
#subNav{
	display: none;
}
#footer_main{
	display: none;
}
#toolbar{
	display: none;
}

/*=================================手机或小平板 phone=============================== */
@media screen and (max-width: 1200px) {
	
	.mobile_header{
		display: block;
	}

	#footer_main{
	display: block;
}
#toolbar{
	display: block;
}
	html {
		width: 100%;
		min-height: 100%;
	}

	body {
		width: 100%;
		min-height: 100%;
		max-width: 640px;
		min-width: 320px;
		margin: 0 auto;
		font: 0.24rem/1.5 'PingFang SC', Helvetica, 'Helvetica Neue', 'microsoft yahei', Tahoma, Arial, sans-serif;
		color: #666;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background: #fff;
		position: relative;
	}

	body:before,
	body:after {
		content: '';
		width: 100%;
		display: block;
	}

	body:before {
		height: 1rem;
	}

	body:after {
		height: 0.9rem;
	}

	/*表单*/
	input,
	button,
	select,
	textarea {
		outline: none;
		font-family: 'PingFang SC', 'Microsoft Yahei', Arial;
		font-size: 0.24rem;
		-webkit-appearance: none !important;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #999;
	}

	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #999;
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		color: #999;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #999;
	}

	/*公用样式*/
	.layout {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-wrapper: 101;
		background: #000;
		opacity: 1;
	}

	.blue {
		color: #28a5f4;
	}

	/*链接*/
	a,
	a:link,
	a:visited,
	a:hover,
	a:active {
		color: #666;
		text-decoration: none;
	}

	a:focus {
		outline: none;
	}

	a:hover,
	a:active {
		color: #333333;
		outline: none;
	}

	/*标题*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	h7 {
		font-weight: normal;
	}

	.icon {
		background: url(../images/icon.png) no-repeat;
		display: inline-block;
		background-size: 2.4rem auto;
		vertical-align: middle;
	}

	.icon,
	.iconbef:before,
	.iconbef:after {
		content: '\20';
		display: block;
	}

	/*清除浮动*/
	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.hidden {
		display: none;
	}

	.clearfix:after {
		content: '';
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	.clear,
	.clearfix:after {
		content: '';
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	/*==========@@HTML默认 结束@@==========*/
	.wrapper {
		width: 100%;
	}

	/*==========@@公共模块 开始@@==========*/
	.mobile_header {
		background-size: 100% 1.04rem;
	}

	#top_main {
		width: 100%;
		height: 1rem;
		*zoom: 1;
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
	}

	#top {
		max-width: 640px;
		min-width: 320px;
		height: 1rem;
		margin: 0px auto;
		position: relative;
		background: #e1e2e5;
		box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
	}

	#top .logo {
		float: left;
		text-align: center;
		display: block;
		padding-top: 0.15rem;
		margin-left: 0.15rem;
	}

	#top .logo a {
		display: block;
	}

	#top .logo img {
		display: block;
		height: 0.7rem;
	}

	#top .topsearch {
		display: block;
		position: absolute;
		right: 16%;
		top: 0.2rem;
		text-align: center;
		cursor: pointer;
		width: 0.5rem;
		height: 0.5rem;
		margin: 0.16rem auto;
	}

	#top .topsearch span {
		display: block;
		width: 100%;
		height: 0.42rem;
		background-position: 0rem -1.19rem;
		width: 0.42rem;
	}

	#top_main .tsearch * {
		box-sizing: border-box;
	}

	#top_main .tsearch {
		position: absolute;
		height: 1rem;
		width: 6.4rem !important;
		padding: 0.2rem 5%;
		left: 0;
		top: 0.99rem;
		z-index: 99;
		background: #f2f2f2;
		box-sizing: border-box;
		display: none;
	}

	#top_main .tsearch input {
		-webkit-appearance: none;
	}

	#top_main .tsearch .txt {
		width: 78%;
		color: #666;
		text-indent: 0.1rem;
		font-size: 0.22rem;
		height: 0.64rem;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 0.1rem;
		position: absolute;
		left: 5%;
		top: 0.2rem;
		border-top-left-radius: 0.6rem;
		border-bottom-left-radius: 0.6rem;
	}

	#top_main .tsearch .btn {
		color: #fff;
		font-size: 0.22rem;
		width: 16%;
		height: 0.62rem;
		line-height: 0.6rem;
		text-align: center;
		border: 0px;
		background-color: #d82633;
		background-position: -0.748rem -1.055rem;
		position: absolute;
		right: 5%;
		top: 0.2rem;
		border-top-right-radius: 0.6rem;
		border-bottom-right-radius: 0.6rem;
	}

	#top_main .btn_close_main {
		width: 0.88rem;
		height: 1rem;
		background-color: #f2f2f2;
		position: absolute;
		top: 0;
		right: 14%;
		z-index: 9;
		display: none;
	}

	#top_main .btn_close_main .btn_close {
		width: 0.34rem;
		height: 0.33rem;
		margin-top: 0.38rem;
		margin-left: 0.26rem;
		background-position: -2rem -1rem;
	}

	#top #nav {
		width: 0.45rem;
		height: 50%;
		position: absolute;
		right: 3%;
		top: 0.38rem;
		text-align: center;
		cursor: pointer;
	}

	#top .nav {
		width: 0.39rem;
		height: 0.36rem;
		background-position: -0.5rem -1.2rem;
	}

	#top .close {
		background-position: -2.06rem 0;
		width: 0.34rem;
		height: 0.34rem;
		cursor: pointer;
		position: absolute;
		right: 20%;
		top: -0.02rem;
		text-align: center;
	}

	/*subNav*/
	.subNav {
		position: fixed;
		width: 100%;
		height: 6rem;
		top: 1rem;
		z-index: 999;
		max-width: 640px;
		min-width: 320px;
		background: #d82633;
		display: none;
	}

	.subNavCon {
		width: 80%;
		height: 100%;
		margin: 0.15rem auto 0;
	}

	.subNav .closrbox {
		width: 20%;
		height: 0.5rem;
		line-height: 0.5rem;
		background: #fff;
		position: absolute;
		right: 2%;
		top: -5%;
	}

	.subNav .close {
		background-position: -1.64rem -1.5rem;
		width: 0.4rem;
		height: 0.4rem;
	}

	.subNav .c_clos {
		width: 52%;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.subNav .list {
		margin-top: 0.6rem;
	}

	.subNav li {
		width: 100%;
		display: block;
		line-height: 0.7rem;
		margin: 0 auto;
		position: relative;
	}

	.subNav .subnav2 {
		width: 100%;
		display: none;
	}

	.subNav .subnav2 a {
		margin-bottom: 0.1rem;
		background: #eeeeee;
		font-size: 0.24rem;
	}

	.subNav li a {
		display: block;
		color: #fff;
		font-size: 0.22rem;
		text-align: center;
		border-bottom: 1px dashed #fff;
	}

	.subNav li:last-child a {
		border: 0;
	}
	body {
		min-width: initial;
	}
	#pc_header {
		display: none;
	}
	#banner_main {
		width: 100%;
	}
	#banner {
		min-width: initial;
		overflow: initial;
	}
	.banner li img {
		width: 100%;
		max-width: 100%;
		vertical-align: top;
		position: initial;
		left: 0;
		margin-left: 0;
	}
	#banner_main .banner {
		width:100%;
		height: auto;
	}
	#banner,
	.banner ul {
		height: 100%;
	}
	.banner li {
		height: 100%;
	}
	.banner li a {
		display: block;
		height: 100%;
	}

	.toolbar {
		display: none;
	}

	/*版权信息*/
	#footer_main {
		position: relative;
		text-align: center;
		width: 100%;
		padding-top: 0.2rem;
		margin-top: 0.32rem;
		background: #f5f5f5;
	}

	#footer_main:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		border-top: 0.44rem solid #fff;
		border-right: 3.2rem solid transparent;
		border-left: 3.2rem solid transparent;
		left: 0;
		top: 0;
	}

	#footer_main .foot-top {
		margin-top: 0.94rem;
		padding-bottom: 0.4rem;
	}

	#footer_main .foot-top .top {
		display: block;
		width: 0.7rem;
		height: 0.81rem;
		margin: 0 auto;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 44.66%;
	}

	#footer_main .foot-top .top img {
		width: 100%;
	}

	#footer_main .foot-top .fnav {
		color: #c5c1ba;
		font-size: 0.22rem;
		text-align: center;
		margin-top: 0.44rem;
		font-weight: lighter;
		line-height: 0.3rem;
	}

	#footer_main .foot-top .fnav a {
		color: #666;
		display: inline-block;
		padding: 0 0.22rem;
		font-weight: normal;
		position: relative;
	}

	#footer_main .foot-top .fnav a:after {
		content: '|';
		display: block;
		position: absolute;
		right: -0.02rem;
		bottom: 0;
		opacity: 0.2;
	}

	#footer_main .foot-top .fnav a:last-child:after {
		display: none;
	}

	#footer_main .foot-top .mc {
		text-align: center;
		font-size: 0.22rem;
		color: #666;
		margin-top: 0.12rem;
		line-height: 0.3rem;
	}

	#footer_main .foot-top .mc span {
		margin-left: 2.1rem;
	}

	/* 工具栏 */
	#toolbar {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 888;
		height: 0.9rem;
		left: 0;
	}

	#toolbar .list {
		width: 100%;
		max-width: 640px;
		min-width: 320px;
		margin: 0 auto;
		background: #000;
		box-shadow: 0 -8px 8px 0px rgba(0, 0, 0, 0.1);
	}

	#toolbar .list li {
		float: left;
		width: 20.7%;
		text-align: center;
	}

	#toolbar .list li:nth-child(4) {
		margin-left: 17.2%;
	}

	#toolbar .list li:first-child {
		border-left: 0;
	}

	#toolbar .list a {
		display: block;
		height: 1.1rem;
		line-height: 0.24rem;
		font-size: 0.26rem;
		padding-top: 0.1rem;
	}

	#toolbar .list a span {
		text-align: center;
		color: #fff;
		display: block;
		font-size: 0.24rem;
	}

	#toolbar .list a s {
		margin-left: auto;
		margin-right: auto;
		width: 0.33rem;
		height: 0.34rem;
		display: block;
		margin-bottom: 0.12rem;
		background-position: -0rem -0.2rem;
	}

	#toolbar .list li:nth-child(2) s {
		background-position: -1.55rem -0.19rem;
	}

	#toolbar .list li:nth-child(3) s {
		background-position: -0.76rem -0.2rem;
	}

	#toolbar .list li:nth-child(4) s {
		background-position: -0.37rem -0.2rem;
	}

	#toolbar .list li:nth-child(5) s {
		background-position: -1.2rem -0.2rem;
		width: 0.34rem;
		height: 0.34rem;
	}

	#toolbar .list li.home {
		width: 0.93rem;
		height: 0.93rem;
		background: #fff;
		background: -webkit-linear-gradient(top, #fff, #d9d9d9 100%);
		border-radius: 100%;
		display: block;
		position: absolute;
		top: -0.25rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.4);
		box-sizing: border-box;
		color: #515151;
	}

	#toolbar .list li.home span {
		color: #2b2b2b;
	}
	#pc_footer {
		display: none;
	}
	.foot-top {
		padding-top: 0;
		height: initial;
	}
	.w1200{
		width: 100%;
		max-width: 100%;
		padding: 0 4%;
	}
	.search{
		height: initial;
	}
	.search .keyword a:last-child{
		display: none;
	}
	.search .sou{
		width: 100%;
	}
	*{
		box-sizing: border-box;
	}
	.search .sou .ipt1{
		width: 300px;
	}
	.index .yz h2{
		font-size: 32px;
	}
	.index .yz{height: initial;}
	.index .yz ul li{width: 180px;height: 201px;}
	.index .yz li img{width: 180px;height: 201px;}
	.index .yz li em{width: 180px;height: 201px;}
	.index .yz li:first-child{
		margin-left: 0;
	}
	
	.index .sl b.tb{
		height:66px;
	}
	.index .sl h2{
		font-size:40px;
	}
	.index .sl h2 em{
		font-size: 20px;
		    padding-top: 15px;
		    float: none;
    text-align: left;
	}
	.index .sl{
		background: url(../images/sl_bg.png) no-repeat center top;
    background-size: cover;
	    padding-bottom: 80px;
    height: auto;
		
	}
	.index .sl .con ul{
		width:100%;
		display:flex;
	    flex-direction: row;
	}
	.index .sl .con li{
		float:none;
		width:25%;
	}
	.index .sl .con li em img{
		height:40px;
	}
	.index .sl .con li span{
		font-size: 18px;
	}
	.index .sl .con p{
		width:100%;
	}
	.index .sl2 .con1 dt{
		width:100%;
		height:auto;
	}
	.index .sl2 .con1 dd{
		width:100%;
	}
	.index .sl2 dd .list{
		height:auto;
	}
	.index .sl2 .con2 dt{
				width:100%;
		height:auto;
	}
	.index .sl2 .con2 dd{
		width:100%;
		
	}
	.index .sl2 .con3 dt{
		width:100%;
		height:auto;
	}
	.index .sl2 .con3 dd{
		width:100%;
	}
	.index .sl2 .con3 dd .con3-right p{
		line-height:1.2;
	}
	.index .sl2 .con4 dt{
		width:100%;
		height:auto;
	}
	.index .sl2 .con4 dd{
		width:100%;
	}
	.index .sl2{
		display:none;
	}
	.yz ul{
		display:none;
	}
	.index .case{
		height:auto;
	}
	.index .case h2 b{
		height:70px;
	}
	.index .case h2 em{
		    font-size: 17px;
    line-height: 30px;
    padding: 0 20px;
	}
	.index .case .con {
		height:400px;
		display: none;
	}
	.index .case .con .list{
		width:100%;
		left:0;
		margin:0;
		
	}
	.index .case .swipercase{
		display: block;
		padding:5% 0;
	}
	.index .case .swipercase p{
		text-align: center;
		background:#000;
		color:#fff;
		font-size:15px;
		line-height: 1.7;
		padding:12px;
	}
	.swipercase a{
		display: block;
	}
	.swipercase img{
		vertical-align:top;
	}
	.swipercase .swiper-button-next,.swipercase .swiper-button-prev{
		width:40px;
		height:40px;
		background:rgba(0,0,0,.5);
		border-radius: 20px;
		overflow: hidden;
		top:40%;
	}
	
	.index .case .con dl{
		width:100%;
	}
	.index .case .con dt img{
		width:100%;
		height:auto;
	}
	
	.index .lc{
		display:none;
	}
	.index .new h2 b{
		height:70px;
	}
	.index .new{
		height:100%;
	}
	.index .new_l{
		width:100%;
		padding:0 2%;
		height:100%;
	}
	.index .newtil{
		height:auto;
		margin:20px;
	}
	.index .new_l dl{
		padding:20px;
	}
	
.index .new_l dt, .new_l dt img {
		width:100%;
	}
	.index .new_r{
		width:100%;
		margin-top:20px;
	}
	.index .new1, .index .new2{
		width:100%;
		height:100%;
		padding: 30px 40px;
	}
	.index .newtil{
		margin:20px 0;
	}
	.index .new1_c ul{
		display:flex;
		flex-direction:column;
	}
	.index .new1_c li{
		width:100%;
	}
	.index .new1_c li:nth-child(2n-1){
		padding:0;
	}
	.index .new_l dd h3, .new1_c li a{
		width:100%;
		height:auto;
		display:inline-block;
		    line-height: 20px;
			margin-bottom:10px;
	}
	.index .new2_p{
		width:100%;
	}
	.index .new2_p dl{
		display:flex;
		flex-direction:column;
	}
	.index .new2_p dl dt img{
		    width: 100%;
    height: 200px;
    object-fit: contain;
	}
	.index .new2_p dd{
		padding:20px 0;
	}
	.index .new2_p dd a{
		    background: url(../images/new_more4.jpg) no-repeat center;
			width:100%;
			height:auto;
			    padding-left: 32%;
	}
	.index .about .picc,.index .about .con h3{
		display:none;
	}


	.submian .menu li{
		width: 25%;
	}

	.honro_list .grid{
		grid-template-columns: repeat(2,1fr);
		gap:20px;
	}

	.submian .subright{
		float: left;
		width: 100%;
	}

	.submian .Newslist .item .txt{
		width: 100%;
		height: initial;
	}
	.submian .Newslist .item .txt .more{
		position: static;
		margin-top: 10px;
	}
	.reLink{
		height: initial;
	}
	.reLink .nextLink{
		float: left;
	}
	.Randomnews .tit{
		height: initial;
	}
	.Randomnews ul li{
		width: 100%;
	}
	.Prolist ul.list li.item{
		width: 100%;
	}
	.Prolist ul.list li.item .img{
		height: 270px;
	}
	.Randompro .tit{
		height: initial;
	}
	.Randompro ul li h3{
		text-align: center;
	}
	.showproduct .showImg .showImg_left .bd ul li img{
		width: 100%;
	}
	.showproduct .showImg{
		width: 100%;
		height: 255px;
	}
	.showproduct .showImg .showImg_left .bd ul li img{
		height: 255px;
	}
	.showproduct .baseInfo{
		width: 100%;
	}
	.Piclist ul.list li{
		width: 100%;
		margin-right: 0;
	}
	.Piclist ul.list li .img{
		margin: 0 auto;
		margin-top: 15px;
	}
	.Piclist ul.list li .tit h3{
		text-align: center;
	}
	.Piclist ul.list li .tit span{
		margin: 0 auto;
		display: block;
	}
	.submian .contact .txt dt{
		width: 100%;
	}
	.submian .contact .txt dd{
		padding-left: 20px;
		padding-top: 30px;
		padding-right: 20px;
		width: 100%;
	}
	.submian .contact .txt p{
		width: 100%;
	}
	.submian .contact .lianxi li{
		margin-right: 20px;
		width: calc((100% - 20px) / 2);
		height: 200px;
	}
	.submian .contact .lianxi li:nth-child(2n){
		margin-right: 0;
	}
	.submian .subleft{
		width: 100%;
	}
	.submian .subleft .contact2{
		display: none;
	}
	.nybanner{
		height: 200px;
		background-size: cover;
	}
	.search.ny{
		display: none;
	}
	.search .keyword{
		line-height:30px;
	}
}