@font-face {
	font-family: 'opps-b';
	src: url("../font/OPPOSANS-B.TTF") format('truetype');
}

@font-face {
	font-family: 'opps-h';
	src: url("../font/OPPOSANS-H.TTF") format('truetype');
}

@font-face {
	font-family: 'opps-l';
	src: url("../font/OPPOSANS-L.TTF") format('truetype');
}

@font-face {
	font-family: 'opps-m';
	src: url("../font/OPPOSANS-M.TTF") format('truetype');
}

@font-face {
	font-family: 'opps-r';
	src: url("../font/OPPOSANS-R.TTF") format('truetype');
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

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

html {
	font-size: 62.5%;
	scroll-padding-top: 14rem;
}

body {
	background: #F5F5F5;
	font-family: 'opps-r';
}
img{
	max-width: 100%;
}

@media screen and (min-width:1680px) {
	.container {
		max-width: 1618px;
	}
}
.site-logo img{
    height: 7.3rem;
}

.page-title {
	font-size: 4.8rem;
	font-family: 'opps-h';
	text-align: center;
	line-height: 6rem;
}

.page-title span {
	background: linear-gradient(90deg, #FF0000 0%, #FF9999 98.6328125%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/*letter-spacing: -2px;*/
}

.linear-txt span {
	background: linear-gradient(90deg, #FF0000 0%, #FF9999 98.6328125%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.page-sub-title {
	font-size: 2.2rem;
	font-family: 'opps-m';
	color: #272727;
}

.header {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.49);
	transition: all 0.3s;
}

.head-wrap {
	height: 140px;
}

.site-menu {
	height: 140px;
}

.site-menu ul {
	height: 100%;
	display: flex;
	align-items: center;
}

.site-menu ul li {
	display: flex;
	font-size: 2rem;
	width: 140px;
	height: 100%;
	text-align: center;
	position: relative;
	font-size: 1.8rem;
	align-items: center;
	justify-content: center;
}

.site-menu ul li .drop-menu {
	position: absolute;
	top: 140px;
	left: 0;
	width: 140px;
	border-top: 4px solid #D40F00;
	background: #272727;
	display: none;
	transition: all 0.4s;
	z-index: 1024;
}

.site-menu ul li .drop-menu a {
	line-height: 40px;
	text-align: center;
	color: #BFBFBF;
	display: block;
	font-size: 1.4rem;
	border-bottom: 1px solid #BFBFBF;
}

.site-menu ul li .drop-menu a:hover {
	background: #D40F00;
	color: #fff;
}

.site-menu ul li a {
	color: #000000;
}

.site-menu ul li.active>a,
.site-menu ul li:hover>a {
	color: #E4222B;
	font-family: 'opps-m';
}
.pro-drop-menu.drop-menu{
    width: 420px!important;
    display: none;
    flex-wrap: wrap;
}
.pro-drop-menu.drop-menu a{
    display: flex;
    width: 33.33%;
    line-height: 20rpx;
    padding: 0 10px;
    box-sizing: box-sizing;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left!important;
}
.lang-box {
	margin-left: 50px;
	position: relative;
}

.lang-box .current {
	position: relative;
	border: 1px solid #BFBFBF;
	border-radius: 50px;
	padding: 4px 4px 4px 4px;
	font-family: 'opps-r';
	font-size: 1.8rem;
}
.lang-box .select-list {
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;
	display: none;
	z-index: 1024;
}

.lang-box .select-list .item{
	font-family: 'opps-r';
	font-size: 1.8rem;
	background: #272727;
	padding: 10px 0;
}
.lang-box .select-list .item a{
	height: 40px;
	color: #fff;
	padding: 0 10px;
	box-sizing: border-box;
}
.lang-box .select-list .item img,
.lang-box .current img {
	width: 2.7rem;
	margin-right: 1.3rem;
}
.lang-box .select-list .item:hover{
	background: #E4222B;
	color: #fff;
}
.lang-box .select-list .item:hover a{
	color:#fff;
}
.lang-box .current .iconfont {
	transform: rotate(90deg);
	font-size: 2rem;
	line-height: 1;
}

.banner {
	font-family: 'opps-b';
}

.banner img {
	width: 100%;
}

.banner .slide-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1024;
	top: 0;
	left: 0;
}

.banner .slide-wrap .content {
	font-size: 5.4rem;
	color: #fff;
}

.banner .swiper-pagination-bullet {
	width: 1.3rem;
	height: 1.3rem;
	background: #fff;
	cursor: pointer;
	opacity: 1;
}

.banner .swiper-pagination-bullet-active {
	width: 5rem;
	height: 1.3rem;
	border-radius: 25px;
	background: #fff;
	opacity: 0.65;
}

.page-about {
	padding: 147px 0 210px 0;
}

.iconbar-wrap {
	margin-top: 9.4rem;
}

.iconbar-wrap .col-md-3 {
	padding-right: 0;
}

.iconbar-wrap .item {
	background: #fff;
	padding: 4.2rem;
	box-sizing: border-box;
	margin-bottom: 14px;
	height: 266px;
}

.iconbar-wrap .item .iconfont {
	color: #D40F00;
	font-size: 6rem;
	line-height: 1;
}

.iconbar-wrap .item .desc {
	margin-top: 4rem;
	margin-bottom: 0;
	font-family: 'opps-r';
	color: #272727;
	font-size: 1.6rem;
}

.iconbar-wrap .item:hover {
	background: #D40F00;
	color: #fff;
}

.iconbar-wrap .item:hover .iconfont,
.iconbar-wrap .item:hover .desc {
	color: #fff;
}


.page-video {
	width: 100%;
	/* height: 1070px; */
	position: relative;
}

.page-video .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.page-video .sub-desc {
	margin-top: 6rem;
	color: #f5f5f5;
	font-size: 2.4rem;
	opacity: 0.66;
	line-height: 40px;
}

.page-video .sub-desc p {
	margin: 0;
}

.contorller {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	cursor: pointer;
}

.contorller .icon {
	width: 4.8rem;
	height: 4.8rem;
	background: #fff;
	color: #D40F00;
	border-radius: 50%;
	margin-bottom: 14px;
}

.contorller .icon .iconfont {
	font-size: 1.2rem;
	line-height: 1;
	margin-left: 0.2rem;
}

.contorller p {
	color: #F5F5F5;
	font-size: 1.6rem;
	margin: 0;
}

.page-team {
	padding: 15rem 0 9rem 0;
}

.page-team .page-sub-title {
	margin: 50px auto 145px;
}

.number-show {
	max-width: 1248px;
	margin: 0 auto;
}

.number-show .num-box {
	color: #D40F00;
}

.number-show .num-box .num {
	font-family: 'opps-h';
	font-size: 6rem;
}

.number-show .num-box .sub {
	font-family: 'opps-r';
	font-size: 1.8rem;
}

.number-show .content {
	margin-top: 7rem;
	font-size: 1.6rem;
	color: #272727;
	line-height: 2.2rem;
}

.number-show .num-item {
	flex: 1;
	border-right: 1px solid rgba(39, 39, 39, 0.35);
}

.number-show .num-item:last-child {
	border-right: none;
}

.team-pic {
	width: 100%;
	margin-top: 2rem;
}

.page-product {
	width: 100%;
	height: 98.2rem;
	background: url('../img/page_pro.png')no-repeat;
	background-size: 100% 100%;
	padding-top: 17.4rem;
	box-sizing: border-box;
}

.page-product .page-sub-title {
	margin: 4rem auto;
}

.more {
	margin: 0 auto;
	width: 11.2rem;
	height: 3.6rem;
	line-height: 3.6rem;
	text-align: center;
	border-radius: 2.5rem;
	color: #fff;
	display: block;
	background: #272727;
	border-radius: 18px;
	font-size: 1.6rem;
}

.more:hover {
	background: #D40F00;
	color: #fff;
}

.page-news {
	position: relative;
	width: 100%;
	height: 128.2rem;
}

.page-news .red-block {
	width: 112.5rem;
	height: 32rem;
	background: #D40F00;
	position: absolute;
	right: 0;
	bottom: 0;
}

.page-contact {
	padding: 15.5rem 0 12.6rem;
	box-sizing: border-box;
}

.page-contact .more {
	margin-top: 5.8rem;
}

.footer {
	background: #272727;
	padding-top: 10rem;
	box-sizing: border-box;
	position: relative;
}

.footer .line {
	width: 100%;
	height: 1px;
	background: #D40F00;
	content: '';
	position: absolute;
	top: 16.7rem;
	left: 0;
}

.footer .powerby {
	background: #1f1f1f;
	color: rgba(255, 255, 255, 0.76);
	font-size: 1.4rem;
	margin-top: 9.4rem;
}

.footer .powerby .wrapper {
	height: 11rem;
}

.footer .powerby p {
	margin: 0;
}

.footer .powerby a {
	color: rgba(255, 255, 255, 0.76);
}

.about-company {
	padding-top: 18.5rem;
}

.about-company .page-sub-title {
	margin: 5rem auto 3rem;
}

.about-company .wrapper .content {
	margin-right: 8.4rem;
	flex: 1;
}

.about-company .wrapper {
	padding-left: 15rem;
	box-sizing: border-box;
	margin-top: 17.6rem;
	position: relative;
}

.about-company .wrapper .title {
	font-family: 'opps-h';
	font-size: 3.1rem;
	color: #D40F00;
	margin-bottom: 10rem;
}

.about-company .wrapper .cont {
	font-size: 1.8rem;
	line-height: 3.6rem;
	color: #272727;
}

.about-company .wrapper .num-wrapper {
	position: absolute;
	bottom: 4rem;
	left: 15rem;
}

.about-company .wrapper .num-wrapper .item {
	width: 29.3rem;
	height: 22.1rem;
	background: #fff;
	margin-right: 4px;
	padding: 0 2.7rem;
	color: #272727;
	padding-top: 9rem;

}

.about-company .wrapper .num-wrapper .item:hover {
	background: #D40F00;
	color: #fff;
}

.about-company .wrapper .num-wrapper .item .big {
	font-size: 4.5rem;
	font-family: 'opps-h';
	line-height: 1;
}
.about-company .wrapper .num-wrapper .item .nums{
    position: relative;
}
.about-company .wrapper .num-wrapper .item sub{
    position: absolute;
    top: 1rem;
    left: 24%;
    font-size: 2rem;
}
.about-company .wrapper .num-wrapper .item .sub {
	font-family: 'opps-m';
	font-size: 1.8rem;
}

.about-company .wrapper .num-wrapper .item .txt {
	font-size: 1.4rem;
	margin-top: 3rem;
	margin-bottom: 0;
}

.about-fazhan {
	padding: 21.8rem 0 16.6rem;
}

.about-fazhan .page-sub-title {
	margin: 5rem 0 20rem;
}

.about-friend .page-sub-title {
	margin: 5rem auto 13rem;
}
.timeline-content .swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #797979;
}
.timeline-content .swiper .swiper-pagination-bullet-active{
    background: #D40F00;
}
.about-friend {
	padding-bottom: 10rem;
}

.about-friend .image-list ul li {
	display: inline-block;
	width: 20%;
	margin: 2rem 0;
}

.about-honor .page-sub-title {
	margin: 5rem auto 11.6rem;
}

.about-honor .wrapper {
	position: relative;
}

.about-honor .wrapper .left {
	width: 50%;
	height: 94.3rem;
	background: url('../img/about_l.png')no-repeat;
	background-size: 100% 100%;
}

.about-honor .wrapper .right {
	width: 50%;
	height: 94.3rem;
	position: relative;
}

.about-honor .wrapper .right .red-block {
	width: 100%;
	height: 15.9rem;
	background: #FF0000;
	position: absolute;
	right: 0;
	bottom: 0;
}

.honor-img {
	position: absolute;
	right: 15rem;
	top: 14.6rem;
}

.about-culture {
	width: 100%;
	height: 1005px;
	background: url('../img/culture.jpg')no-repeat;
	background-size: 100% 100%;
	padding-top: 14.8rem;
}

.about-culture .page-sub-title {
	margin: 4.5rem auto 19.7rem;
	color: #F5F5F5;
}

.about-culture .wrapper {}

.about-culture .wrapper .icon-item {
	width: 202px;
	height: 233px;
	background: url('../img/curbg.png')no-repeat;
	background-size: 100% 100%;
	color: rgba(255, 255, 255, 0.57);
	position: relative;
	text-align: center;
	padding: 4.5rem 0;
	box-sizing: border-box;
}

.about-culture .wrapper .icon-item:hover {
	background: url('../img/curbg1.png')no-repeat;
	background-size: 100% 100%;
	color: rgba(39, 39, 39, 1);
}

.about-culture .wrapper .icon-item .iconfont {
	font-size: 8rem;
	line-height: 1;
	color: #fff;
}

.about-culture .wrapper .icon-item:first-child .iconfont {
	font-size: 7.8rem;
}

.about-culture .wrapper .icon-item .txt {
	margin: 4.5rem auto 0;
	font-size: 2.4rem;
	font-family: 'opps-m';
}

.video-player {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1056;
	display: none;
}

.video-player .mask {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.49);
}

.video-player .video-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 75rem;
	background: #fff;
}

.video-player .video-wrap .iconfont {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
	/* color: #fff; */
	font-size: 3rem;
	cursor: pointer;
}

.video-player .video-wrap .iconfont:hover {
	color: #D40F00;
}

.page-news {
	padding: 14.3rem 0 0 0;
}

.page-news .page-sub-title {
	margin: 3.5rem auto 13.4rem;
}

.news-wrapper {
	position: relative;
}

.news-wrapper .left-banner {
	width: 89.2rem;
	height: 65.5rem;
	position: relative;
	overflow: hidden;
}

.news-wrapper .left-banner .wrap {
	/* width: 100%;
	height: 100%; */
	width: 89.2rem;
	height: 65.5rem;
	position: relative;
}

.news-wrapper .left-banner .wrap img {
	width: 100%;
	height: 100%;
}

.news-wrapper .left-banner .wrap .content {
	position: absolute;
	left: 0;
	bottom: 0;
	color: rgba(255, 255, 255, 0.7);

	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.49);
	width: 100%;
	height: 100%;
}

.news-wrapper .left-banner .wrap .content .txt-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 8rem 4.8rem 5rem;
	box-sizing: border-box;
}

.news-wrapper .left-banner .news-swiper {
	height: 100%;
}

.news-wrapper .left-banner .news-swiper .swiper-pagination-bullets {
	bottom: 0;
	top: unset;
	right: 3.7rem;
}

.news-wrapper .left-banner .news-swiper .swiper-pagination-bullet {
	width: 1.7rem;
	height: 1.7rem;
	background: #BABABA;
	opacity: 1;
	margin-top: 2.2rem;
}

.news-wrapper .left-banner .news-swiper .swiper-pagination-bullet-active {
	background: #D40F00;
}

.news-wrapper .left-banner .wrap .content .title {
	font-family: 'opps-m';
	font-size: 2.1rem;
	margin: 2.1rem auto 3.3rem;
	color: #fff;
}

.news-wrapper .left-banner .wrap .content .time {
	font-size: 1.4rem;
}

.news-wrapper .left-banner .wrap .content .desc {
	font-size: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-wrapper .left-banner .wrap .content a {
	color: #fff;
}

.news-wrapper .right-news {
	flex: 1;
	margin-left: 7.2rem;
	position: relative;
	z-index: 3;
	max-width: 663px;
}

.news-wrapper .right-news ul li {
	padding: 3.2rem 0;
	border-bottom: 1px solid #CDCDCD;
}

.news-wrapper .right-news ul li:first-child {
	padding-top: 0;
}

.news-wrapper .right-news ul li .cont {
	width: 70%;
}

.news-wrapper .right-news ul li .iconfont {
	display: none;
	font-size: 4rem;
	transition: all 0.3s;
	color: #D40F00;
	cursor: pointer;
}

.news-wrapper .right-news ul li:hover .iconfont {
	display: flex;
}

.news-wrapper .right-news ul li:hover {
	border-bottom: 1px solid #D40F00;
}

.news-wrapper .right-news .time {
	color: #9D9D9D;
	font-size: 1.4rem;
}

.news-wrapper .right-news .title {
	color: #1A1A1A;
	font-size: 1.6rem;
	margin: 1rem auto;
	font-family: 'opps-m';
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-wrapper .right-news .title a {
	color: #1A1A1A;
}

.news-wrapper .right-news .desc {
	font-size: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #9D9D9D;
}

.news-wrapper .right-news ul li:nth-child(3) {
	border-bottom: none;
}

.news-wrapper .right-news ul li:last-child {
	margin-top: 4rem;
}

.news-wrapper .right-news ul li:last-child .time,
.news-wrapper .right-news ul li:last-child .desc {
	color: rgba(255, 255, 255, 0.46);
}

.news-wrapper .right-news ul li:last-child .title a {
	color: #fff;
}

.news-wrapper .right-news ul li:last-child .iconfont {
	color: #fff;
}

.news-wrapper .right-news ul li:last-child:hover {
	border-bottom: 1px solid #1A1A1A;
}

.news-wrapper .more-block {
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: 'opps-m';
	color: #1A1A1A;
	font-size: 1.6rem;
	width: 32.4rem;
	border-bottom: 1px solid #CDCDCD;
}

.news-wrapper .more-block a {
	color: #1A1A1A;
}

.news-wrapper .more-block .iconfont {
	font-size: 4rem;
	line-height: 1;
}

.news-wrapper .more-block:hover {
	color: #D40F00;
	border-bottom: 1px solid #D40F00;
}

.news-wrapper .more-block:hover a {
	color: #D40F00;
}

.inner-banner {
	position: relative;
}

.inner-banner img {
	width: 100%;
}

.inner-banner .content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	padding-top: 17.5rem;
}

.inner-banner .content .title {
	font-family: 'opps-h';
	font-size: 6.3rem;
	margin-bottom: 4.6rem;
}

.inner-banner .content .sub {
	font-size: 3rem;
	font-family: 'opps-h';
	line-height: 4rem;
	margin-bottom: 2.2rem;
}

.pro-iconbar {
	padding: 15.6rem 0;
	box-sizing: border-box;
}

.pro-iconbar .item {
	padding: 5.3rem 0 3.7rem 0;
	box-sizing: border-box;
	background: #fff;
	border-radius: 1.5rem;
	width: 12%;
	max-width: 19.5rem;
}

.pro-iconbar .item .iconfont {
	font-size: 5.6rem;
	line-height: 1;
	margin-bottom: 4.6rem;
	color: #D40F00;
}

.pro-iconbar .item p {
	font-family: 'opps-m';
	font-size: 2.6rem;
	color: #272727;
}

.product-desc {
	padding: 15.2rem 6rem 11rem 6rem;
	box-sizing: border-box;
	background: #000;
}

.top-pic {
	width: 100%;
	margin: 8.9rem auto 14.9rem;
}

.product-desc .infos-wrap {
	margin-top: 16.9rem;
}

.product-desc .infos-wrap .content {
	max-width: 47.9rem;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'opps-m';
	line-height: 3.6rem;
}

.product-desc .infos-wrap .cont-wrap {
	align-items: flex-end;
}

.product-desc .infos-wrap .pro-infos {
	width: 100%;
	font-size: 1.6rem;
	color: rgba(255, 255, 255, 0.46);
}

.product-desc .infos-wrap .pro-infos thead tr,
.product-desc .infos-wrap .pro-infos tbody tr:nth-child(2n) {
	background: rgba(245, 245, 245, 0.16);
}

.product-desc .infos-wrap .pro-infos tr td {
	width: 33.33%;
	height: 4.4rem;
	line-height: 4.4rem;
}

.product-desc .infos-wrap .pro-infos tr td:first-child {
	padding-left: 4.8rem;
}

.product-desc .infos-wrap .pro-infos tr td:last-child {
	padding-right: 4.8rem;
}

.product-list {
	padding: 15.6rem 0 0;
	box-sizing: border-box;
}

.product-list ul li {
	display: inline-block;
	margin-bottom: 4rem;
	max-width: 79.1rem;
	position: relative;
	width: 49%;
	border-bottom: 2px solid #BFBFBF;
}

.product-list ul li:hover {
	border-bottom: 2px solid #D40F00;
}

.product-list ul li .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 7.6rem 3.2rem 0;
}

.product-list ul li img {
	width: 100%;
}

.product-list ul li .title a {
	font-family: 'opps-b';
	font-size: 2.8rem;
	color: #272727;
	line-height: 1;
}

.product-list ul li .model {
	font-size: 1.4rem;
	margin-top: 1.9rem;
	line-height: 2rem;
}

.product-list ul li .content .read {
	position: absolute;
	left: 3.2rem;
	bottom: 7.3rem;
}

.product-list ul li .read span {
	display: inline-block;
	width: 10.4rem;
	height: 3.8rem;
	background: #F5F5F5;
	color: #272727;
	font-size: 1.4rem;
	line-height: 3.8rem;
	text-align: center;
}

.product-list ul li .read .icon {
	width: 3.7rem;
	height: 3.8rem;
	background: #D40F00 !important;
	color: #fff;
}

.product-list ul li .read .icon .iconfont {
	background: unset;
	transform: rotate(180deg);
	font-size: 2.4rem;
	color: #fff;
}

.product-content {
	padding: 17.6rem 0;
}

.product-content .left {
	max-width: 36.5rem;
	width: 24%;
	border-right: 1px solid rgba(39, 39, 39, 0.3);
}

.product-content .right {
	flex: 1;
	padding-left: 7.5rem;
}

.product-content .p-title {
	color: #272727;
	font-size: 2.4rem;
	font-family: 'opps-b';
	line-height: 1;
	margin-bottom: 5rem;
}

.parameter {
	padding: 9.3rem 0;
	box-sizing: border-box;
	border-top: 1px solid rgba(39, 39, 39, 0.3);
	border-bottom: 1px solid rgba(39, 39, 39, 0.3);
}
.parameter .content table{
    width: 100%!important;
}
.parameter .content table tr {
	background: #F5F5F5 !important;
}

.parameter .content table tr:nth-child(2n) {
	background: #fff !important;
}

.parameter .content table tr td {
	line-height: 4.4rem;
	text-align: center;
}

.parameter .content table tr td:first-child {
	padding-left: 2.8rem;
	width: 20%;
}
.parameter .content table tr td p{
    margin: 0;
}
.parameter .content ul{
    margin-left: 1rem;
}
.parameter .content ul li{
    list-style: disc;
}
.characteristic {
	padding-bottom: 9.6rem;
}

.characteristic .content ul li {
	list-style: disc;
	margin-left: 2rem;
}

.diy-content {
	margin-top: 10rem;
}
.diy-content img{
    width:100%;
}
.diy-content table tr td:first-child{
    padding-right: 10px;
}
.diy-content table tr td:last-child{
    padding-left: 10px;
}
.foot-menu {
	flex: 1;
	margin-right: 37.5rem;
}

.foot-menu ul li {
	margin-right: 10rem;
	display: inline-block;
}

.foot-menu .menu-par {
	color: #fff;
	font-size: 1.8rem;
}

.foot-menu .drop-menu {
	margin-top: 8.1rem;
}

.foot-menu .drop-menu a {
	display: block;
	color: rgba(255, 255, 255, 0.4);
	line-height: 30px;
	font-size: 1.6rem;
}

.foot-menu .drop-menu a:hover {
	color: rgba(245, 245, 245, 1);
}

.foot-contact {
	width: 34.9rem;
}

.foot-contact .title {
	font-size: 3.6rem;
	color: #fff;
	line-height: 1;
}

.foot-contact .content {
	margin-top: 8.1rem;
	margin-bottom: 0;
	font-size: 1.4rem;
	color: #fff;
	line-height: 3rem;
}

.foot-contact .qrcode-box {
	margin-top: 5.8rem;
	color: #fff;
	font-size: 1.4rem;
}

.foot-contact .qrcode-box img {
	width: 9.1rem;
	margin-bottom: 1.9rem;
}

.picture-show {
	width: 100%;
	/*background: url('../img/pro/banner_bg.jpg')no-repeat;*/
	/*background-size: 100% 100%;*/
}
.picture-show img{
    width: 100%;
}

.picture-show .wrapper {
	height: 87.9rem;
}

.pic-list {
	width: 100%;
}

.pic-list .info {
	padding-left: 2rem;
}

.pic-list .line {
	width: 1px;
	height: 7.5rem;
	background: rgba(129, 129, 129, 1);
}

.pic-list .tit {
	font-size: 2.1rem;
	color: #272727;
}

.product-infos {
	padding: 8rem 0 4.7rem 0;
	background: #F5F5F5;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(39, 39, 39, 0.64);
}

.product-infos h3 {
	font-family: 'opps-b';
	font-size: 4.3rem;
	line-height: 6.8rem;
	margin: 0;
}

.product-infos .desc {
	font-family: 'opps-m';
	font-size: 2.1rem;
	margin: 0;
}

.product-infos .wrap {
	position: relative;
}

.product-infos .wrap::after {
	position: absolute;
	left: 1.5rem;
	bottom: -4.7rem;
	width: 10.5rem;
	height: 3px;
	background: #D40F00;
	content: '';
}

.product-content .left a {
	font-size: 2.4rem;
	color: rgba(39, 39, 39, 0.45);
	display: block;
	margin-bottom: 4.9rem;
	width: 100%;
	position: relative;
}

.product-content .left a.active {
	color: rgba(39, 39, 39, 1);
}

.product-content .left a.active::after {
	position: absolute;
	right: -0.5px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 31px;
	content: '';
	background: #272727;
}

.recomend .title {
	font-family: 'opps-b';
	font-size: 2.2rem;
	margin: 0 auto;
	margin-bottom: 3.4rem;
	overflow: hidden;
	word-wrap: nowrap;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80%;

}

.recomend .swiper-slide .pic {
	width: 46rem;
	height: 29.7rem;

}

.recomend .swiper-button-next {
	right: 0;
}

.recomend .swiper-button-prev {
	left: 0;
}

.recomend .swiper-slide img {
	width: 100%;
}

.recomend .swiper-wrapper {
	padding: 0 6rem;
	box-sizing: border-box;
}

.recomend .swiper-button-next,
.recomend .swiper-button-prev {
	color: #D40F00;
}

.recomend .more {
	background: rgba(191, 191, 191, 1);
}

.recomend .more:hover {
	background: #D40F00;
}


.timeline-wrapper {
	margin-top: 20rem;
}

.timeline-wrapper .since {
	font-size: 5.9rem;
	color: rgba(191, 191, 191, 0.52);
	writing-mode: vertical-lr;
	/* 控制文本纵向排列方式，此处设置为从右向左 */
	text-orientation: mixed;
	/* 控制文本方向，此处设置为水平的和垂直的混合方向 */
}

.timeline-wrapper .since .line {
	width: 5px;
	height: 110px;
	background: rgba(191, 191, 191, 0.52);
	display: inline-block;
}

.timeline-wrapper .timeline-box {
	flex: 1;
	margin-left: 14.9rem;
	height: 469px;
	overflow: hidden;
}

.timeline-box .timeline-ctroll {
	width: 12rem;
	height: 469px;
	overflow: hidden;
	position: relative;
}

.timeline-box .timeline-ctroll .print {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #D40F00;
}

.timeline-box .timeline-ctroll .print::after {
	width: 76px;
	height: 2px;
	background: rgba(39, 39, 39, 0.33);
	content: '';
	position: absolute;
	left: 3rem;
	top: 50%;
	transform: translateY(-50%);
}

.timeline-box .timeline-ctroll .print .iconfont {
	line-height: 1;
	font-size: 2rem;
}

.timeline-box .timeline-ctroll ul {
	position: absolute;
	left: 3rem;
	top: 0;
}

.timeline-box .timeline-ctroll ul li {
	background: rgba(39, 39, 39, 0.33);
	width: 57px;
	height: 1px;
	content: '';
	margin: 12px 0;
}

.timeline-content {
	flex: 1;
	margin-left: 22rem;
}

.timeline-content .swiper {
	height: 100%;
	cursor: pointer;
}

.timeline-content .swiper .swiper-slide {
	width: 100%;
	display: flex;
	align-items: center;
	font-family: 'opps-h';
	color: rgba(191, 191, 191, 0.52);
}

.timeline-content .swiper .swiper-slide .year {
	font-size: 6rem;

	margin-right: 3.7rem;
}

.timeline-content .swiper .swiper-slide .tit {
	font-size: 2.4rem;
	margin-bottom: 13px;
}

.timeline-content .swiper .swiper-slide .desc {
	font-family: 'opps-r';
	font-size: 1.8rem;
	margin: 0;
}

.timeline-content .swiper .swiper-slide-active,
.timeline-content .swiper .swiper-slide-active .year {
	color: #D40F00 !important;
}

.page-menu {
	border-bottom: 1px solid rgba(39, 39, 39, 0.64);
}

.page-menu ul li {
	display: inline-block;
	margin-right: 4rem;
	font-size: 2.4rem;
	font-family: 'opps-m';
	line-height: 21.3rem;
}

.page-menu ul li a {
	color: rgba(39, 39, 39, 0.36);
}

.page-menu ul li.active {
	border-bottom: 3px solid #FF0000;
}

.page-menu ul li.active a {
	color: rgba(39, 39, 39, 1);
}

.recommend {
	padding: 14rem 0 13rem 0;
}

.recommend .page-sub-title {
	margin: 3.5rem auto 13.4rem;
}

.recommend .right-news ul li:last-child {
	border-bottom: 1px solid #CDCDCD;
}

.recommend .right-news ul li:last-child .desc {
	color: #9D9D9D;
}

.recommend .right-news ul li:last-child .title a {
	color: #272727;
}

.recommend .right-news ul li:last-child:hover {
	border-bottom: 1px solid #D40F00;
}

.recommend .right-news ul li:last-child .time {
	color: #9D9D9D;
}

.recommend .right-news ul li:last-child .iconfont {
	color: #D40F00;
}

.recommend .right-news ul {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
}

.list-news {
	padding: 12rem 0 0;
}

.list-news ul {
	margin-bottom: 14rem;
}

.list-news ul li {
	padding: 7.6rem 0;
	border-top: 1px solid rgba(142, 142, 142, 0.47);
}

.list-news ul li .center {
	flex: 1;
	margin: 0 5.4rem 0 11.3rem;
	align-content: space-between;
	flex-direction: column;
}

.list-news ul li .pic {
	width: 45.8rem;
}

.list-news ul li .pic a {
	width: 100%;
}

.list-news ul li .pic a img {
	width: 100%;
}

.list-news ul li .month {
	font-size: 3.5rem;
	font-family: 'opps-b';
}

.list-news ul li .year {
	font-size: 1.8rem;
	font-family: 'opps-b';
	color: rgba(36, 36, 39, 0.39);
}

.list-news ul li .center .title a {
	color: rgba(36, 36, 39, 1);
	font-size: 2.4rem;
	font-family: 'opps-b';
}

.list-news ul li .center .desc {
	color: rgba(36, 36, 39, 0.7);
	font-size: 1.8rem;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 3.5rem;
}

.list-news ul li .center .read {
	color: #D40F00;
	border: 1px solid #D40F00;
	max-width: 13.7rem;
	font-size: 1.6rem;
	height: 3.7rem;
}

.list-news ul li .center .read .iconfont {
	font-size: 4rem;
	line-height: 1;
}

.list-news ul li .center .read:hover {
	background: #D40F00;
	color: #fff;
}

.list-news ul li:last-child {
	border-bottom: 1px solid rgba(142, 142, 142, 0.47);
}

.page-bar a {
	display: inline-block;
	width: 39px;
	height: 39px;
	background: #E3E3E3;
	text-align: center;
	line-height: 39px;
	margin: 0 7px;
	color: rgba(3, 3, 3, 0.67);
	font-size: 1.4rem;
}

.page-bar a:hover {
	color: #fff;
	background: #D40F00;
}

.page-bar .right {
	transform: rotate(180deg);
}

.news-body {
	padding: 22rem 0;
}

.news-body .main-left {
	width: 32rem;
	border-right: 1px solid rgba(142, 142, 142, 0.47);
}

.position a {
	color: rgba(39, 39, 39, 0.61);
	font-size: 1.6rem;
}

.news-body .main-center {
	flex: 1;
	padding-left: 7.8rem;
}

.news-body .title {
	font-family: 'opps-m';
	font-size: 3.6rem;
	line-height: 60px;
	margin-bottom: 5.7rem;
}

.news-body .infos span {
	margin-right: 2rem;
	font-size: 1.6rem;
	color: #272727;
}

.news-body .main-center .content span {
	text-wrap: wrap !important;
}

.news-body .main-center .share {
	margin: 3.4rem 0 7rem;
}

.news-body .main-center .share a {
	width: 32px;
	height: 32px;
	background: #E3E3E3;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 32px;
	color: rgba(3, 3, 3, 1);
	margin-right: 1.6rem;
	position: relative;
}

.news-body .main-center .share a:hover {
	color: #fff;
	background: #D40F00;
}

.share a .qrcode-box {
	width: 15rem;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.49);
	position: absolute;
	top: 52px;
	left: 0;
	padding: 10px 0 0 0;
	transition: all 0.3s;
	display: none;
}

.share a .qrcode-box p,
.share a:hover .qrcode-box p {
	color: #272727;
	margin: 0;
}

.desc-pic{
    width: 100%;
}
.like-wrapper {
	padding: 9rem 0 10rem 0;
	box-sizing: border-box;
}

.like-wrapper .pub-title {
	font-size: 3.6rem;
	font-family: 'opps-m';
	margin-bottom: 10rem;
}

.like-wrapper ul li {
	width: 49%;
	margin-bottom: 8.9rem;
}

.like-wrapper ul li .time-box {
	width: 146px;
	height: 143px;
	border: 1px solid #A7A7A7;
	color: #A7A7A7;
	padding: 20px 16px;
	box-sizing: border-box;
}

.like-wrapper ul li .time-box .month {
	font-size: 3.6rem;
	line-height: 1;
}

.like-wrapper ul li .time-box .year {
	font-size: 2.4rem;
}

.like-wrapper ul li .content {
	flex: 1;
	margin-left: 4rem;
	position: relative;
}

.like-wrapper ul li .content::after {
	width: 34px;
	height: 1px;
	background: #D40F00;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	transition: all 0.3s;
}

.like-wrapper ul li:hover .content::after {
	width: 100%;
}

.like-wrapper ul li:hover .time-box {
	background: #D40F00;
	color: #fff;
}

.like-wrapper ul li .content .title {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.like-wrapper ul li .content a {
	font-size: 1.6rem;
	margin-bottom: 2rem;
	color: #1A1A1A;

}

.like-wrapper ul li:hover a {
	color: #D40F00;
}

.like-wrapper ul li .content .desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 1.4rem;
	color: #9D9D9D;
}

.contact-wrap {
	padding: 21.3rem 0;
	box-sizing: border-box;
}

.contact-wrap .company-name {
	font-size: 3.7rem;
	font-family: 'opps-m';
	margin-bottom: 13rem;
}

.contact-wrap .item {
	height: 57.1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contact-wrap .item:hover {
	background: #f5f5f5;
}

.contact-wrap .item p {
	font-size: 3.2rem;
	font-family: 'opps-m';
	margin-top: 5.4rem;
}

.contact-wrap .item .iconfont {
	color: #D40F00;
	font-size: 5.8rem;
	line-height: 1;
}

.contact-wrap .item .line {
	display: block;
	width: 31px;
	height: 4px;
	background: #D40F00;
	margin: 15px auto 45px;
}

.contact-wrap .item .val {
	font-size: 2.1rem;
	min-height: 5.3rem;
}

.message-wrap {
	padding-bottom: 20rem;
}

.message-wrap .form-wrap {
	width: 100%;
}

.message-wrap .form-wrap .form-item {
	position: relative;
	border-left: 4px solid #D40F00;
	margin-bottom: 1rem;
}

.message-wrap .form-wrap .form-item img {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}

.message-wrap .form-wrap input {
	width: 100%;
	height: 5.8rem;
	line-height: 5.8rem;
	background: #f5f5f5;
	border: none;
	outline: none;
	text-indent: 3.6rem;
	font-size: 1.6rem;
}

.message-wrap .form-wrap .btn {
	width: 100%;
	height: 5.8rem;
	line-height: 5.8rem;
	background: #D40F00;
	color: #fff;
	border: none;
	outline: none;
	margin-top: 2rem;
	font-size: 1.8rem;
	font-family: 'opps-m';
	cursor: pointer;
}

.message-wrap .form-wrap .tips {
	margin-top: 2rem;
	font-size: 1.6rem;
	color: rgba(39, 39, 39, 0.6);
}

.message-wrap .left {
	flex-direction: column;
}

.message-wrap .left .title {
	font-size: 3.7rem;
	font-family: 'opps-m';
}

.message-wrap .left .tips {
	color: rgba(39, 39, 39, 0.5);
	font-size: 1.6rem;
	margin-bottom: 2.5rem;
	font-family: 'opps-m';
}

.message-wrap .left .phone {
	font-size: 3.7rem;
	font-family: 'opps-m';
}

.job-wrapper {
	padding: 17rem 0;
}

.job-wrapper .title {
	font-size: 3.7rem;
	font-family: 'opps-m';
}

.job-wrapper .sub {
	font-size: 2.2rem;
	font-family: 'opps-m';
	margin-bottom: 8rem;
	text-decoration: underline;
}

.job-wrapper .wrapper .head {
	height: 10rem;
	background: #272727;
	color: #fff;
	margin-bottom: 7rem;
}

.job-wrapper .wrapper .head .item {
	font-size: 2.1rem;
	flex-basis: 100%;
	text-align: center
}

.job-wrapper .wrapper .list li {
	background: #f5f5f5;
	margin-bottom: 3.3rem;
	cursor: pointer;
}

.job-wrapper .wrapper .list li .top {
	height: 8rem;
}

.job-wrapper .wrapper .list li .top .item {
	font-size: 1.8rem;
	flex-basis: 100%;
	text-align: center
}

.job-wrapper .wrapper .list li .content {
	padding: 4.7rem 0;
	margin: 0 auto;
	width: 80%;
	box-sizing: border-box;
	border-top: 1px solid #A0A0A0;
	display: none;
	overflow: hidden;
	transition: all 0.3s;
}

.job-wrapper .wrapper .list li .content button {
	width: 95px;
	height: 42px;
	background: #D40F00;
	border: none;
	outline: none;
	margin-top: 2rem;
	color: #fff;
	font-size: 1.8rem;
	font-family: 'opps-m';
}

.job-wrapper .wrapper .list li .content .toudi {
	position: relative;
}

.job-wrapper .wrapper .list li .content .contact {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.49);
	width: 360px;
	margin-top: 2rem;
	padding: 2rem 1.5rem;
	background: #fff;
	transition: all 0.3s;
	display: none;
}

.job-wrapper .wrapper .list li .content .contact ul li {
	font-size: 1.6rem;
	line-height: 3rem;
	margin: 0;
	background: none;
}

.mobile-head {
	display: none;
	position: relative;
}
.mobile-head .lang-box{
	position: absolute;
	right: 20%;
	top: 15px;
}
.mobile-head .lang-box .select-list .item,
.mobile-head .lang-box .current{
	font-size: 1.4rem!important;
}



@media screen and (max-width:768px) {
	.header {
		display: none;
	}

	.mobile-head {
		display: block;
		position: relative;
	}

	.mobile-head .navbar-brand img {
		height: 5rem;
	}

	.mobile-head .nav-link {
		font-size: 1.6rem;
	}

	.mobile-head .dropdown-item {
		font-size: 1.6rem;
	}

	.banner .slide-wrap .content {
		font-size: 2.4rem;
	}

	.page-title {
		font-size: 2.8rem;
		line-height: 1.2;
	}

	.page-sub-title {
		font-size: 2.2rem;
	}

	.page-about,
	.page-team {
		padding: 40px 0;
	}

	.iconbar-wrap {
		margin-top: 4rem;
	}

	.iconbar-wrap .item {
		padding: 1.5rem;
		height: 23.5rem;
	}

	.iconbar-wrap .col-md-3 {
		padding: 0 5px;
	}

	.iconbar-wrap .item .desc {
		font-size: 1.4rem;
		margin-top: 4rem;
	}

	.page-video .contorller {
		bottom: 2rem;
	}

	.contorller .icon {
		width: 3.6rem;
		height: 3.6rem;
	}

	.page-team .page-sub-title {
		margin: 2rem auto 3rem;
	}

	.number-show {
		flex-wrap: wrap;
	}

	.number-show .num-item {
		width: 50%;
		flex: unset;
		border: none;
	}

	.number-show .content {
		margin-top: 3rem;
		font-size: 1.2rem;
		height: 8rem;
		padding: 0 2px;
	}

	.number-show .num-box .num {
		font-size: 4.8rem;
	}

	.number-show .num-box .sub {
		font-size: 1.6rem;
	}

	.page-product {
		height: 35rem;
		padding-top: 4rem;
	}

	.page-product .page-sub-title {
		margin: 2rem auto;
	}

	.more {
		font-size: 1.4rem;
		width: 9rem;
		height: 3.2rem;
		line-height: 3.2rem;
	}

	.video-player .video-wrap {
		height: auto;
		width: 90%;
	}

	.page-news {
		padding-top: 4rem;
	}

	.page-news .page-sub-title {
		margin: 2rem auto 3rem;
	}

	.news-wrapper {
		flex-wrap: wrap;
	}

	.news-wrapper .left-banner {
		width: 100%;
		height: auto;
	}

	.news-wrapper .left-banner .wrap {
		width: 100%;
		height: auto;
	}

	.news-wrapper .left-banner .wrap .content .txt-wrap {
		padding: 2rem 4rem 2rem 1.5rem;
		box-sizing: border-box;
	}

	.news-wrapper .left-banner .wrap .content .title {
		font-size: 1.8rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 1rem auto 2rem;
	}

	.news-wrapper .left-banner .news-swiper {
		height: 51rem;
	}

	.news-wrapper .left-banner .news-swiper .swiper-pagination-bullets {
		right: 1.5rem;

	}

	.news-wrapper .left-banner .news-swiper .swiper-pagination-bullet {
		width: 1.5rem;
		height: 1.5rem;
		margin: 0.5rem 0;
	}

	.news-wrapper .right-news {
		margin-left: 0;
		margin-top: 2rem;
	}

	.news-wrapper .right-news ul li .cont {
		width: 100%;
		/* transition: all 0.2s; */
	}

	.news-wrapper .right-news ul li {
		padding: 1.5rem 0;
	}

	.page-news {
		height: auto;
	}

	.page-news .red-block {
		height: 18rem;
	}

	.news-wrapper .right-news ul li .iconfont {
		/* display: block; */
	}

	.news-wrapper .right-news ul li:hover .cont {
		width: 80%;
	}

	.page-contact {
		padding: 4rem 0;
	}

	.footer {
		padding-top: 4rem;
	}

	.footer .foot-wrap {
		flex-wrap: wrap;
	}

	.foot-menu {
		margin-right: 0;
		display: none;
	}

	.foot-menu ul {
		flex-wrap: wrap;
		/* justify-content: space-between; */
	}

	.foot-menu ul li {
		margin-right: 1.5rem;
	}

	.foot-menu ul li:first-child {
		display: none;
	}

	.foot-menu ul li:last-child {
		margin-right: 0;
	}

	.foot-menu .menu-par {
		font-size: 1.6rem;
	}

	.foot-menu .drop-menu {
		margin-top: 2rem;
	}

	.footer .line {
		top: 7.5rem;
		display: none;
	}

	.foot-contact {
		margin-top: 2rem;
	}

	.foot-contact .content {
		margin-top: 3rem;
	}

	.footer .powerby {
		margin-top: 2rem;
	}

	.footer .powerby .wrapper {
		height: 6rem;
	}

	.inner-banner .content {
		padding-top: 1rem;
	}

	.inner-banner .content .title {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

	.inner-banner .content .sub {
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 1rem;
	}

	.pro-iconbar {
		padding: 4rem 0;
	}

	.pro-iconbar .item {
		padding: 3rem 0 2rem 0;
		width: 24%;
		margin-bottom: 1rem;
	}

	.product-desc {
		padding: 4rem 1.5rem;
	}

	.top-pic {
		margin: 2rem auto 3rem;
	}

	.product-desc img {
		width: 100%;
	}

	.product-desc .infos-wrap {
		margin-top: 4rem;
	}

	.product-desc .infos-wrap .content {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}

	.product-desc .infos-wrap .pro-infos tr td {
		font-size: 1.4rem;
		width: unset;
		text-align: center;
	}

	.product-desc .infos-wrap .pro-infos tr td:first-child {
		padding-left: 1.5rem;
	}

	.product-desc .infos-wrap .pro-infos tr td:last-child {
		padding-right: 1.5rem;
	}

	.product-list ul li {
		width: 100%;
		margin-bottom: 2rem;
	}

	.product-list ul li .content {
		padding: 4rem 3rem;
	}

	.product-list ul li .title a {
		font-size: 1.8rem;
	}

	.product-list ul li .content .read {
		left: 3rem;
		bottom: 2rem;
	}

	.product-list ul li .read span {
		width: 8rem;
		height: 3.2rem;
		line-height: 3.2rem;
	}

	.product-list ul li .read .icon {
		width: 3.2rem;
		height: 3.2rem;
		line-height: 3.2rem;
		text-align: center;
	}

	.product-list {
		padding-top: 4rem;
	}

	.picture-show .wrapper {
		height: auto;
		padding: 2rem 0;
	}

	.pic-list {
		flex-wrap: wrap;
	}

	.pic-list img {
		width: 100%;
	}

	.product-infos {
		padding: 4rem 0 2rem 0;
	}

	.product-infos .wrap::after {
		bottom: -2rem;
	}

	.product-infos h3 {
		font-size: 2.8rem;
		line-height: 3.2rem;
	}

	.product-infos .desc {
		font-size: 2.2rem;
	}

	.product-content {
		padding: 4rem 0;
		flex-wrap: wrap;
	}

	.product-content .left {
		width: 100%;
		display: none;
	}

	.product-content .right {
		padding-left: 0;
	}

	.characteristic {
		padding-bottom: 4rem;
	}

	.parameter {
		padding: 4rem 0;
	}

	.parameter .content {
		width: 100%;
		overflow-x: scroll;
	}

	.parameter table,
	.diy-content table {
		max-width: 720px;
		width: 100%;
	}

	.parameter .content table tr {
		width: 100%;
	}

	.parameter .content table tr td {
		width: 30% !important;
		font-size: 1.4rem;
		height: 4rem;
	}

	.product-content .p-title {
		font-size: 2.4rem;
	}

	.diy-content {
		margin-top: 4rem;
	}

	.diy-content img {
		max-width: 100%;
	}

	.diy-content tr td {
		width: 50%;
	}

	.diy-content tr td span {
		font-size: 1.4rem !important;
	}

	.recomend .swiper-wrapper {
		padding: 0;
	}

	.about-company {
		padding-top: 4rem;
	}

	.about-company .page-sub-title {
		margin: 2rem 1.5rem 3rem;
	}

	.about-company .wrapper {
		margin-top: 2rem;
		padding: 0;
		flex-wrap: wrap;
	}

	.about-company .wrapper .content {
		padding: 0 1.5rem;
		margin: 0;
	}

	.about-company .wrapper .title {
		font-size: 2.4rem;
		margin-bottom: 4rem;
	}

	.about-company .wrapper .cont {
		font-size: 1.6rem;
		line-height: 3.2rem;
	}

	.about-company .wrapper .num-wrapper {
		bottom: 0rem;
		left: 0;
		flex-wrap: wrap;
		position: relative;
		justify-content: space-between;
		margin: 0 auto;
	}

	.about-img {
		width: 100%;
		/* display: none; */
	}

	.about-company .wrapper .num-wrapper .item {
		width: 50%;
		padding: 4rem 1.5rem 2rem;
		margin: 0;
		height: 16rem;
	}

	.about-company .wrapper .num-wrapper .item .big {
		font-size: 3.2rem;
	}

	.about-company .wrapper .num-wrapper .item .sub {
		font-size: 1.6rem;
	}

	.about-fazhan {
		padding: 4rem 0;
	}

	.about-fazhan .page-sub-title,
	.about-friend .page-sub-title {
		margin: 2rem auto 3rem;
	}

	.timeline-wrapper .since {
		font-size: 2.4rem;
		display: none;
	}

	.timeline-wrapper {
		margin-top: 4rem;
	}

	.timeline-content {
		margin-left: 0;
	}

	.timeline-wrapper .timeline-box {
		margin-left: 0;
	}

	

	.timeline-content .swiper .swiper-slide .year {
		font-size: 3.2rem;
		width: 20%;
	}

	.timeline-content .swiper .swiper-slide .tit {
		font-size: 1.8rem;
	}

	.timeline-content .swiper .swiper-slide .desc {
		font-size: 1.4rem;
	}

	.image-list img {
		width: 100%;
	}

	.about-friend .image-list ul li {
		width: 25%;
		margin: 0;
	}

	.about-honor .page-sub-title {
		margin: 2rem 1.5rem 3rem;
	}

	.about-honor .wrapper .left {
		width: 100%;
		display: none;
	}

	.about-honor .wrapper {
		flex-wrap: wrap;
		height: 54rem;
		padding: 0 1.5rem;
	}

	.about-honor .wrapper .right {

		display: none;
	}

	.honor-img {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		/* width: 100%; */
	}

	.about-honor .wrapper .right .red-block {
		display: none;
	}

	.about-culture {
		padding-top: 4rem;
		height: auto;
	}

	.about-culture .page-sub-title {
		margin: 2rem auto 3rem;
	}

	.about-culture .wrapper {
		flex-wrap: wrap;
	}

	.about-culture .wrapper .icon-item {
		width: 19%;
		height: 188px;
		margin-bottom: 2rem;
		padding: 1.5rem 0;
	}
	.about-culture .wrapper .icon-item:first-child .iconfont{
		/* font-size: 7rem; */
	}

	.page-menu ul {
		display: flex;
		align-items: center;
	}

	.page-menu ul li {
		margin: 0;
		padding: 0 1.5rem;
		line-height: 5rem;
		font-size: 1.8rem;
	}

	.recommend {
		padding: 4rem 0;
	}

	.recommend .page-sub-title {
		margin: 2rem auto 3rem;
	}

	.list-news {
		padding-top: 4rem;
	}
	.list-news ul{
		margin-bottom: 4rem;
	}
	.list-news ul li {
		padding: 2rem 0;
		flex-wrap: wrap;
	}

	.list-news ul li .month {
		font-size: 2.4rem;
	}

	.list-news ul li .center {
		margin: 0 1rem;
	}

	.list-news ul li .pic {
		width: 35%;
		margin-top: 0rem;
	}

	.list-news ul li .center .title a {
		font-size: 1.8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.list-news ul li .center .desc {
		font-size: 1.4rem;
		margin-top: 1.5rem;
	}

	.news-body{
		padding: 4rem 0;
	}
	.news-body .main{
		flex-wrap: wrap;
	}
	.news-body .main-left{
		width: 100%;
		border: none;
	}
	.news-body .main-center{
		width: 100%;
		padding: 0;
	}
	.news-body .title{
		font-size: 3.2rem;
		line-height: 4rem;
		margin:2rem auto;
	}
	.news-body .infos{
		flex-wrap: wrap;
	}
	.news-body .infos span{
		font-size: 1.4rem;
	}
	.news-body .main-center .share{
		margin: 2rem auto 3rem;
	}
	.like-wrapper{
		padding: 4rem 0;
	}
	.like-wrapper .pub-title{
		font-size: 2.4rem;
		margin-bottom: 4rem;
	}
	.like-wrapper ul li{
		width: 100%;
		margin-bottom: 3rem;
	}
	.like-wrapper ul li .time-box{
		width: 110px;
		height: 100px;
	}
	.like-wrapper ul li .time-box .month{
		font-size: 2.4rem;
	}
	.like-wrapper ul li .time-box .year{
		font-size: 1.6rem;
	}
	.like-wrapper ul li .content{
		margin-left: 1rem;
		
	}
	.like-wrapper ul li .content .title{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.contact-wrap{
		padding: 4rem 0;
	}
	.contact-wrap .company-name{
		font-size: 2.8rem;
		margin-bottom: 4rem;
	}
	.contact-wrap .item{
		height: auto;
	}
	.contact-wrap .item p{
		font-size: 1.8rem;
		margin-top: 2rem;
	}
	.contact-wrap .item .val{
		height: 6rem;
		font-size: 1.4rem;
	}
	.contact-wrap .item .iconfont{
		font-size: 3.8rem;
	}
	.message-wrap{
		padding-bottom: 4rem;
	}
	.map-wrap .map{
		height: 40vh!important;
	}
	.job-wrapper{
		padding: 4rem 0;
	}
	.job-wrapper .title{
		font-size: 2.4rem;
	}
	.job-wrapper .sub{
		font-size: 1.8rem;
		margin-bottom: 4rem;
	}
	.job-wrapper .wrapper .head{
		height: 6rem;
		margin-bottom: 4rem;
	}
	.job-wrapper .wrapper .head .item{
		font-size: 1.8rem;
	}
	.job-wrapper .wrapper .list li .top .item{
		font-size: 1.6rem;
	}
	.job-wrapper .wrapper .list li .content{
		width: 90%;
	}
	.news-body .main-center .content img{
		max-width: 100%;
	}
	.recomend .swiper-slide .pic{
		width: 100%;
	}
	.timeline-content .swiper-slide .wrap{
		width: 100%;
	}
	.timeline-content .swiper-slide .wrap .cont{
		flex: 1;
	}
	
	.diy-content table tr td:first-child{
    padding-right:5px;
    }
    .diy-content table tr td:last-child{
        padding-left:5px;
    }
}

@media screen and (max-width:375px) {

	.parameter table,
	.diy-content table {
		max-width: 345px;
	}
	.pro-iconbar .item{
		width: 49%;
	}
	.product-list ul li .content {
		padding: 2rem 1.5rem;
	}
	.product-list ul li .content .read{
		left: 1.5rem;
	}
	.timeline-content .swiper-slide .wrap {
		flex-wrap: wrap;
	}
	.timeline-content .swiper .swiper-slide .year {
		font-size: 3.2rem;
		width: 100%;
	}
	.about-honor .wrapper {
		flex-wrap: wrap;
		height: 28rem;
		padding: 0 1.5rem;
	}
	.news-wrapper .left-banner .news-swiper {
		height: 24rem;
	}
	.news-wrapper .left-banner .wrap .content .txt-wrap{
		padding: 2rem 2.5rem 2rem 1.5rem;
	}
	.list-news ul li .pic {
		width: 100%;
		margin-top: 1rem;
	}
	.recomend .title{
		font-size: 2.4rem;
	}
	.about-culture .wrapper .icon-item{
		width: 49%;
	}
}

@media screen and (min-width: 410px) and (max-width: 768px) {
	.about-culture .wrapper .icon-item{
		width: 49%;
	}
	.about-honor .wrapper{
		height: 32rem;
	}
	.news-wrapper .left-banner .news-swiper{
		height: 29rem;
	}
	.pro-iconbar .item{
		width: 49%;
	}

}
@media screen and (min-width: 769px) and (max-width: 1024px){
	.product-list ul li .content{
		padding: 2rem 1.5rem;
	}
	.product-list ul li .content .read{
		bottom: 2rem;
		left: 1.5rem;
	}
	.foot-wrap{
		flex-wrap: wrap;
	}
	.foot-menu{
		margin-right: 0;
		display: none;
	}
	.header{
		display: none;
	}
	.pro-iconbar .item{
		width: 24%;
		margin-bottom: 2rem;
	}
	.inner-banner .content{
		padding-top: 4rem;
	}

	.mobile-head{
		display: block;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size: 1.8rem;
	}
	.dropdown-item{
		font-size: 1.6rem;
	}
	.desc-pic{
		max-width: 100%;
	}
	.iconbar-wrap .item .desc{
		margin-top: 4rem;
	}
	.iconbar-wrap .item{
		padding: 4rem 1.5rem;
	}
	.page-about{
		padding: 4rem 0;
	}
	.number-show .content{
		font-size: 1.4rem;
	}
	.page-news{
		height: auto;
		padding: 4rem 0;
	}
	.news-wrapper{
		flex-wrap: wrap;
	}
	.news-wrapper .left-banner,.news-wrapper .left-banner img,.news-wrapper .left-banner .wrap{
		width: 100%;
	}
	.page-news .page-sub-title{
		margin: 2rem auto 3rem;
	}
	.news-wrapper .right-news{
		margin: 1rem auto 0;
	}
	.page-news .red-block{
		width: 100%;
		height: 23rem;
	}
	.news-wrapper .right-news ul li .cont{
		width: 90%;
	}
	.news-body{
		padding: 4rem 0;
	}
	.news-body .main{
		flex-wrap: wrap;
	}
	.news-body .main-left{
		width: 100%;
	}
	.news-body .main-center{
		padding: 0;
		margin-top: 2rem;
	}
	.news-body .content img{
		max-width: 100%;
	}
	.about-company{
		padding-top: 4rem;
	}
	.about-company .page-sub-title{
		margin: 2rem auto 3rem;
	}
	.about-company .wrapper{
		flex-wrap: wrap;
		padding: 0 1.5rem;
		margin-top: 4rem;
	}
	.about-company .wrapper .content{
		margin: 0;
	}
	.about-company .wrapper .title{
		margin-bottom: 4rem;
	}
	.about-company .wrapper .num-wrapper{
		left: 1.5rem;
		width: 100%;
	}
	.about-company .wrapper .num-wrapper .item{
		width: 25%;
	}
	.about-fazhan{
		padding: 6rem 0 8rem 0;
	}
	.timeline-wrapper .timeline-box{
		margin-left: 4rem;
	}
	.timeline-wrapper .since{
		font-size: 3.6rem;
	}
	.timeline-content{
		margin-left: 4rem;
	}
	.about-fazhan .page-sub-title{
		margin: 2rem auto 3rem;
	}
	.timeline-wrapper{
		margin-top: 5rem;
	}
	.honor-img{
		right: 1.5rem;
	}
	.foot-contact{
		width: 100%;
	}
	.foot-contact .content{
		font-size: 1.6rem;
	}
	.list-news ul li .pic{
		width: 30%;
	}
	.list-news ul li .center{
		margin: 0 2rem;
	}
	.picture-show{
		padding: 4rem 0;
		height: auto;
		background: url(../img/pro/banner_bg.jpg)no-repeat center center /cover;
	}
	.picture-show .wrapper{
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.picture-show .wrapper .pic-list{
		flex-wrap: wrap;
	}
	.product-content .left{
		display: none;
	}
	.product-content .right{
		padding: 0;
	}
	.parameter table,
	.diy-content table {
		/* max-width: 345px; */
		width: 100%;
	}
	.recomend .swiper-slide .pic{
		width: 100%;
	}
	.recomend .title{
		font-size: 1.8rem;
	}
	.page-menu ul li{
		height: 6rem;
		line-height: 6rem;
	}
	.contact-wrap{
		padding: 6rem 0 4rem;
	}
	.contact-wrap .company-name{
		margin-bottom: 4rem;
	}
	.map-wrap .map{
		height: 40vh!important;
	}
}


@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.iconbar-wrap .item{
		padding: 2rem 1.5rem;
	}
	.iconbar-wrap .item .desc{
		margin-top: 4rem;
	}
	.page-news{
		height: auto;
	}
	.news-wrapper{
		flex-wrap: wrap;
	}
	.news-wrapper .left-banner,.news-wrapper .left-banner .wrap,.news-wrapper .right-news{
		width: 100%;
	}
	.news-wrapper .right-news{
		margin: 0;
		margin-top: 2rem;
	}
	.page-news .red-block{
		width: 100%;
		height: 22rem;
	}
	.news-wrapper .right-news ul li .cont{
		width: 90%;
	}
	.foot-wrap{
		flex-wrap: wrap;
	}
	.foot-menu{
		margin: 0;
	}
	.foot-menu ul li{
		margin-right: 4rem;
	}
	.pro-iconbar .item{
		padding: 4.3rem 0 2.7rem 0;
		width: 24%;
		margin-bottom: 1.5rem;
		max-width: unset;
	}
	.desc-pic{
		width: 100%;
	}
	.product-list ul li .content{
		padding: 4rem 3rem;
	}
	.product-list ul li .content .read{
		left: 3rem;
		bottom: 4rem;
	}
	.product-content .left{
		width: 30%;
	}
	.product-content .left a{
		font-size: 2.4rem;
	}
	.product-content .right{
		padding-left: 3rem;
	}
	.recomend .swiper-slide .pic{
		width: 100%;
		height: auto;
	}
	.about-img{
		width: 60%;
	}
	.about-company .wrapper .content{
		margin-right: 3rem;
	}
	.about-company .wrapper .title{
		font-size: 2.8rem;
		margin-bottom: 2rem;
	}
	.about-company .wrapper .num-wrapper{
		bottom: 3rem;
	}
	.about-company .wrapper .cont{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.timeline-content{
		margin-left: 10rem;
	}
	.list-news ul li .pic{
		width: 30%;
	}
	.list-news ul li .center{
		margin: 0 3rem;
	}
	.list-news ul li .center .title{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.news-body .main-center .content img{
		max-width: 100%;
	}
	.news-body .main-left{
		width: 20%;
	}
	.map-wrap .map{
		height: 60vh!important;
	}
}

/* 大于 1440px 的设备 */
@media screen and (min-width: 1441px) and (max-width: 1680px) {
	/* 样式 */
	.foot-menu ul li{
		margin-right: 4rem;
	}
	.foot-menu{
		margin-right: 4rem;
	}

	.news-wrapper .left-banner{
		width: 55%;
		height: 45rem;
	}
	.news-wrapper .right-news{
		margin-left: 3rem;
	}
	.news-wrapper .left-banner .wrap{
		width: 100%;
		height: auto;
	}
	.news-wrapper .right-news .title{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.page-news .red-block{
		width: 60%;
	}
	.pro-iconbar .item{
		padding: 2rem 0 1.5rem 0;
	}
	.pro-iconbar .item .iconfont{
		margin-bottom: 3.5rem;
	}
	.pro-iconbar .item p{
		font-size: 2.4rem;
	}
	.pro-iconbar{
		padding: 8rem 0;
	}
	.product-list ul li .content{
		padding: 4rem 3rem 0;
	}
	.product-list ul li .content .read{
		bottom:4rem;
		left: 3rem;
	}
	.pic-list>div{
		width:45%;
	}

	.recomend .swiper-slide .pic{
		width: 100%;
	}
	.recomend .swiper-slide .pic img{
		max-width: 46rem;
	}
	.about-img{
		width: 60%;
	}
	.about-company .wrapper .title{
		font-size: 2.8rem;
		margin-bottom: 4rem;
	}
	.about-company .wrapper .content{
		margin-right: 4rem;
	}
	.about-company .wrapper .cont{
		font-size: 1.6rem;
	}
	.about-company .wrapper .num-wrapper{
		bottom: 4rem;
	}
	.about-company .wrapper .num-wrapper .item{
		height: 18rem;
		padding-top: 5rem;
	}
	.news-wrapper .right-news ul li .cont{
		width: 80%;
	}
	.recommend .right-news ul li{
		padding: 1.5rem 0;
	}
	.recommend .right-news ul li .desc{
		margin: 0;
	}
	.recommend .right-news ul li:last-child{
		margin-top: 0;
	}
	.list-news ul li .pic{
		width: 30%;
	}
}

@media screen and (min-width:1681px){
    .site-menu ul li{
        margin-right: 6rem;
    }
}

@media screen and (min-width: 376px) and (max-width: 429px) {
    .about-culture .wrapper .icon-item{
        width:45%;
        height: 19rem;
    }
    .about-honor .wrapper{
        height: 38rem;
    }
    .news-wrapper .left-banner .news-swiper{
        height: 27rem;
    }
    .pro-iconbar .item{
        width: 48%;
    }
    .product-list ul li .read span,.product-list ul li .read .icon{
        height: 3rem;
        line-height: 3rem;
    }
    .product-list ul li .content{
        padding: 2rem 3rem;
    }
    
}

#backToTop {
	display: none; /* 初始状态设置为不显示 */
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 16px;
	border: none;
	outline: none;
	background-color: #555;
	color: white;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
}
 #backToTop img{
	 width:20px;
 }
.show {
	display: flex !important; /* 当滚动到一定位置时显示按钮 */
}