main .nav{width: 100%;font-size: 0;background: #f4f4f4;display: flex;justify-content: center;}
main .nav a{font-size: 0.18rem;color: #666;line-height: 0.65rem;position: relative;text-decoration: none;}
main .nav a:not(:nth-last-of-type(1)){margin-right: 0.85rem;}
main .nav a.nav-active{color: #e4122f;}
main .nav a.nav-active:after{content: '';position: absolute;width: 25px;height: 4px;background:#e4122f ;bottom: 0;display: block;left: 50%;transform: translateX(-50%);}
.cons .fonts:before{content:'';width:48%;height: 1px;background:#dddddd;position: absolute;display: block;top: 50%;left: 0;}
.cons .fonts{position: relative;font-size: 0;display: flex;justify-content: center;margin: 0.6rem 0 0.05rem;}
.cons .fonts:after{content:'';width:48%;height: 1px;background:#dddddd;position: absolute;display: block;top: 50%;right: 0;}

.cons>.title{color:#806a79;font-size: 0.56rem;font-weight: bold;text-align: center;position: relative;line-height: 1.15rem;}
.cons>.title:after{content: "";width: 0.35rem;height: 1px;background: #806A79;position: absolute;bottom: 0;left: 50%;display: block;transform: translateX(-50%);margin-top: 0.35rem;}

.cons .info{display: flex;width: 12.8rem;margin:0.2rem auto 0.85rem;justify-content: space-between;}
.cons .info .i-cons{width: 6.6rem;}
.cons .info .i-cons .circle-cons.c-active p{font-size: 0.18rem;color: #111;line-height: 0.3rem;margin: 0.3rem 0;}



.cons .info .circles{position: relative;margin-right: 1.1rem;}
.cons .info .circles .out-circle{width: 4.12rem;height: 4.12rem;z-index: 2;}
.cons .info .circles .out-circle img{width: 100%;height: 100%;}
.cons .info .circles .circle4 .imgs{position: absolute;width: 1.71rem;height: 1.71rem;font-size: 0;}
.cons .info .circles .circle4 .imgs img{width: 100%;height: 100%;}
.cons .info .circles .circle4 .c-title{position: absolute;display: flex;align-items: center;width: 2rem;}
.cons .info .circles .circle4:nth-of-type(odd) .c-title{justify-content:flex-start;right:-1.5rem;}
.cons .info .circles .circle4:nth-of-type(even) .c-title{justify-content:flex-end;left: -1.5rem;}
.cons .info .circles .circle4 .c-title .span1{font-size: 0.2rem;color: #999;display: block;}
.cons .info .circles .circle4 .c-title .span2{width: 0.1rem;height: 0.1rem;display: block;border: 2px solid #999;border-radius: 50%;background: #fff;}
.cons .info .a1{margin-top: 0.3rem;}
.cons .info .a1 .descs{font-size: 0.18rem;color:#333;text-align: center;margin:0.35rem 1.1rem 0 0;}
/*四个半圆定位*/
.cons .info .circles .circle4.left-top .imgs{top: 0.28rem;left: 0.28rem;transform: rotate(0deg);}
.cons .info .circles .circle4.right-top .imgs{top: 0.28rem;right: 0.28rem;transform: rotate(90deg);}
.cons .info .circles .circle4.left-bottom .imgs{bottom: 0.28rem;left: 0.28rem;transform: rotate(270deg);}
.cons .info .circles .circle4.right-bottom .imgs{bottom: 0.28rem;right: 0.28rem;transform: rotate(180deg);}
/*四个标题对应定位*/
.cons .info .circles .circle4.left-top .c-title{top: 0.7rem}
.cons .info .circles .circle4.left-top .c-title .span2{margin-left: 0.25rem;}

.cons .info .circles .circle4.right-top .c-title{top: 0.7rem;}
.cons .info .circles .circle4.right-top .c-title .span2{margin-right: 0.25rem;}

.cons .info .circles .circle4.left-bottom .c-title{bottom: 0.65rem;}
.cons .info .circles .circle4.left-bottom .c-title .span2{margin-left: 0.25rem;}

.cons .info .circles .circle4.right-bottom .c-title{bottom: 0.65rem;}
.cons .info .circles .circle4.right-bottom .c-title .span2{margin-right: 0.25rem;}
/*选中状态的样式*/
.cons .info .circles .circle4 .imgs{cursor: pointer;}
.cons .info .circles .circle4 .imgs .c2{display: none;}
.cons .info .circles .circle4.circle-active .imgs .c1{display: none;}
.cons .info .circles .circle4.circle-active .imgs .c2{display: block;}
.cons .info .circles .left-top.circle-active .imgs{top: 0.25rem;left: 0.25rem;}
.cons .info .circles .right-top.circle-active .imgs{top: 0.25rem;right: 0.25rem;}
.cons .info .circles .left-bottom.circle-active .imgs{bottom: 0.25rem;left: 0.25rem;}
.cons .info .circles .right-bottom.circle-active .imgs{bottom: 0.25rem;right: 0.25rem;}
.cons .info .circles .circle4.circle-active .c-title .span1{color: #e4122f;font-weight: bold;}
.cons .info .circles .circle4.circle-active .c-title .span2{border-color: #e4122f;}
.cons .info .circles .in-circle{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 2.8rem;width: 2.8rem;}
.cons .info .circles .in-circle img{width: 100%;height: 100%;}


.cons .s-imgs{width: 19.2rem; height: 5.8rem;overflow: hidden;}
.cons .s-imgs img{width: 100%;height: 100%;}
.cons .swiper-cons{width: 12.8rem;margin:0.73rem auto;display: flex;justify-content: space-between;}
.cons .swiper-cons .left{width: 4.7rem;padding-top: 0.93rem;}
.cons .swiper-cons .left .title{font-size: 0.36rem;color: #806A79;font-weight: bold;letter-spacing: 1.25px;}
.cons .swiper-cons .left .subtitle{font-size: 16px;color: #999;}
.cons .swiper-cons .left hr{margin: 0.55rem auto 0.55rem 0 ;height: 1px;border: none;background: #dddddd;width: 90%;}
.cons .swiper-cons .left .desc{font-size: 16px;color: #333;line-height: 0.3rem;}
.cons .swiper-cons .right{width: 6.46rem;overflow: hidden;position: relative;}
.cons .swiper-cons .right .swiper{font-size: 0;height: 5.2rem;width: 100%;}
.cons .swiper-cons .right .swiper .swiper-slide{height: 4.5rem;border-top-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem;overflow: hidden;}
.cons .swiper-cons .right .swiper .swiper-slide img{height:100%;width: 100%;border-top-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem;overflow: hidden;}
.cons .swiper-cons .right .swiper .a2{position: relative;}
.cons .swiper-cons .right .swiper .a2 .num {position: absolute;bottom: 0.1rem;right: 0;display: flex;align-items: flex-end;}
.cons .swiper-cons .right .swiper .a2 .num .this{font-size: 0.32rem;color: #333;line-height: 0.32rem;}
.cons .swiper-cons .right .swiper .a2 .num span{font-size: 0.18rem;color: #b0b0b0;padding: 0 0.12rem;}
.cons .swiper-cons .right .swiper .a2 .num .total{font-size: 0.18rem;color: #b0b0b0;}
/*轮播图样式*/
.swiper-button-prev,.swiper-button-next{width: 0.55rem;height: 0.55rem;background: #eeeeee;border-radius: 50%;top: unset;bottom: 0;left: unset;right: unset;}
.swiper-button-next{left: 0.7rem;}
.swiper-button-prev:after{content: '';border-top: 2px solid #333;border-left: 2px solid #333;width: 0.08rem;height: 0.08rem;top: 50%;left: 55%;position: absolute;transform: translate(-55%,-50%) rotate(-45deg);opacity: 0.6;}
.swiper-button-next:after{content: '';border-top: 2px solid #333;border-left: 2px solid #333;width: 0.08rem;height: 0.08rem;top: 50%;left: 45%;position: absolute;transform: translate(-45%,-50%) rotate(135deg);opacity: 0.6;}
.swiper-button-prev:hover:after,.swiper-button-next:hover:after{width: 0.1rem;height: 0.1rem;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-progressbar{bottom: 0;top: unset;}
.swiper-pagination-progressbar{width: 3.8rem;height: 2px;bottom: 0.25rem;left: 1.5rem;}
.hover-swiper .swiper-pagination-progressbar{width:100%;left: 0;}
.swiper-pagination-progressbar-fill{background: #e4122f !important;}


/*品牌文化*/
.cons .culture{width: 12.8rem;margin:0.65rem auto auto;display: flex;justify-content: space-between;}
.cons .culture .left{width: 5.76rem; height: 6.68rem;overflow: hidden;}
.cons .culture .left img{width:100%; height:100%;}
.cons .culture .right{width: 6.4rem;padding-top: 0.56rem;}
.cons .culture .right .title{font-size: 0.36rem;color:#333}
.cons .culture .right .subtitle{font-size: 0.24rem;color:#333;position: relative;margin-top: 0.15rem;}
.cons .culture .right .subtitle:after{content: '';width: 0.45rem;height: 2px;background: #806A79;position: absolute;top: 50%;margin-left: 0.47rem;transform: translateY(-50%);}
.cons .culture .right .desc{padding-top: 0.25rem;}
.cons .culture .right .desc p{font-size: 0.16rem;color: #111;line-height: 0.3rem;margin: 0.3rem 0;}
.cons .icons{width: 12.8rem;margin:0.9rem auto 1rem auto;display: flex;}
.cons .icons .lis{width: 3.95rem;display: flex;align-items: center;flex-direction: column;}
.cons .icons .lis:not(:nth-last-of-type(1)){margin-right: 0.49rem;}
.cons .icons .lis .title{font-size: 0.24rem;color: #333;font-weight: bold;padding: 0.36rem 0 0.22rem;}
.cons .icons .lis .desc{font-size: 0.2rem;color: #666;}

/*品牌介绍*/
.cons .brand{margin: 0.85rem auto;width: 12.8rem;}
.cons .brand p{font-size: 0.18rem;color: #111;line-height: 0.3rem;width: 9.8rem;margin:0.3rem auto;}
.cons .brand .imgs{width: 12.8rem;height: 5.13rem;overflow: hidden;padding: 0.25rem 0 0.2rem ;}
.cons .brand .imgs img{width: 100%;height: 100%;}
.cons .brand .icons{width: 9.8rem;margin: auto auto 0.5rem;}
.cons .brand .icons .lis{width: 1.28rem;}
.cons .brand .icons .lis img{width: 100%;height: 100%;}

/*荣誉证书*/
.cons .hover{width: 12.8rem;margin:0.7rem auto 0.8rem auto;position: relative;}
.cons .hover .title{font-size: 0.36rem;color: #806A79;font-weight: bold;position: relative;}
.cons .hover .title:after{position: absolute;content: '';width: 0.5rem;height: 2px;background: #806A79;top: 50%;transform: translateY(-50%);margin-left: 0.36rem;}
.cons .hover .desc{font-size: 0.16rem;color: #666;width: 10rem;line-height: 0.25rem;padding: 0.25rem 0 0.5rem 0;}
.cons .hover .hover-swiper{width: 12.8rem;margin: auto;overflow: hidden;}
.cons .hover .hover-swiper .swiper{position: relative;width: 12.8rem;margin: auto;}
.cons .hover .hover-swiper .swiper .swiper-wrapper{padding-bottom: 0.56rem;}
.cons .hover .hover-swiper .swiper .swiper-wrapper .swiper-slide{width: 2.47rem;height: 3.87rem;background: #eeeeee;display: flex;justify-content: center;align-items: center;position: relative;flex-direction: column;}
.cons .hover .hover-swiper .swiper .swiper-wrapper .swiper-slide .imgs{width: 1.97rem;height: 2.74rem;font-size: 0;display: flex;align-items: center;}
.cons .hover .hover-swiper .swiper .swiper-wrapper .swiper-slide .imgs img{width: 100%;/*height: 100%;*/}
.cons .hover .hover-swiper .swiper .swiper-wrapper .swiper-slide .name{font-size: 0.16rem;color: #333;font-weight: bold;position: absolute;bottom: 0.2rem;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;width: 90%;left: 50%;transform: translateX(-50%);}

.a3{width: 1.4rem;height: 0.49rem;background: #eee;position: absolute;top:0.5rem;right: 0;display: flex;justify-content: center;}
.a3 span{display: block;font-size: 0;/*margin: auto;*/cursor: pointer;display: flex;align-items: center;}
.a3 hr{border: none;width: 1px;height: 0.24rem;background: #cccccc;/*margin:auto 0;*/margin: auto calc((100% - 1px - 42px) / 4);}
.a3 span .show{display: none;}
.a3 span:hover .hidden{display: none;}
.a3 span:hover .show{display: block;}


/*电脑端适配*/
@media screen and (max-width:1750px){
	/* 导航栏 */
	main .nav a{font-size: 16px;line-height:50px}
}
@media screen and (max-width:1500px){
	/* 内容切换 */
    .cons .info{align-items: center;}
	.cons .info .i-cons .circle-cons.c-active p{font-size: 16px;line-height: 25px;}
}

@media screen and (max-width:1300px){
	/* 内容切换 */
	.cons .info .i-cons .circle-cons.c-active p{font-size: 14px;line-height: 22px;}
    /* 轮播图左侧内容 */
    .cons .swiper-cons .left{padding-top: 0;}
}
@media screen and (max-width:1280px){
	.cons .info,.cons .swiper-cons,.cons .culture,.cons .icons,.cons .brand,.cons .brand .imgs,.cons .hover,.cons .hover .hover-swiper,.cons .hover .hover-swiper .swiper{width: 14.8rem;}
	.cons .swiper-cons .left{width: 6.7rem;}
	.cons .culture .right{width: 8.4rem;}
	.cons .brand .imgs{height: unset;}
	.cons .brand p,.cons .brand .icons{width: 11.8rem;}
	.cons .brand .icons .lis{width: calc((100% - (0.49rem * 4)) / 5);}
	.cons .hover .desc{width: 12rem;}
}
@media screen and (max-width:1100px){
	/* 轮播图左侧内容 */
	.cons .swiper-cons .left .title{font-size: 20px;}
    .cons .swiper-cons .left .subtitle,.cons .swiper-cons .left .desc{font-size: 14px;}
	.cons .swiper-cons .left .desc{line-height: 25px;}
}


/*手机端适配*/

@media screen and (max-width:783px){
	.cons .fonts:before,.cons .fonts:after{width: 40%;}
	.cons .info{flex-direction:column;width: 100%;}
	.cons .info .circles,.cons .info .a1 .descs{margin-right: 0;}
	.cons .s-imgs{width: 100%;height: unset;font-size: 0;}
	.cons .swiper-cons{width: 90%;margin:0.5rem auto;flex-direction: column;}
	.cons .swiper-cons .left hr{margin: 0.25rem 0;}
	.cons .swiper-cons .right,.cons .swiper-cons .left{width: 100%;}
	.cons .swiper-cons .left .desc{line-height:25px}
	.cons .swiper-cons .left{padding-bottom: 20px;}
	.cons .culture{width: 100%;flex-direction:column}
	.cons .culture .left{height: unset;}
	.cons .culture .left,.cons .culture .right,.cons .icons{width: 90%;margin:auto;}
	.cons .culture .right .desc p,.cons .brand p,.cons .hover .desc{font-size: 14px;line-height: 25px;}
	.cons .icons{margin-bottom: 0.5rem;}
	.cons .brand{width: 100%;}
	.cons .brand p, .cons .brand .icons,.cons .hover{width: 90%;}
	.cons .brand .imgs{width: 90%;margin: auto;}
	.cons .hover .desc{width: 80%;}
	.cons .hover .hover-swiper{width: 90%;}
	.cons .hover .hover-swiper .swiper{width: 100%;}
	
}
@media screen and (max-width:500px){
	main .nav a:not(:nth-last-of-type(1)){margin-right: 0.5rem;}
}
@media screen and (max-width:400px){
	main .nav a:not(:nth-last-of-type(1)){margin-right: 0.35rem;}
}
@media screen and (max-width:300px){
	main .nav{justify-content: unset;overflow-x: scroll;white-space: nowrap;}
}