/* 首页 */
/* 设计图尺寸750px就是7.5 */
html {
	font-size: calc(100vw/7.5);
}

.pages_size {
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
}

.nav_phone {
	height: 100%;
}

.nav {
	height: 0.9rem;
	background-color: #d92741;
	position: relative;
}

.logo {
	height: .55rem;
	padding-left: .3rem;
}

.logo img {
	height: 100%;
}

.pl5 {
	padding-left: 5px;
}

.pr5 {
	padding-right: 5px;
}

.lh0 {
	line-height: 0;
}

.rem24 {
	font-size: 0.24rem !important;
}

.rem20 {
	font-size: 0.2rem !important;
}

.rem16 {
	font-size: 0.16rem !important;
}
.rem32 {
	font-size: 0.32rem !important;
}
.rem14 {
	font-size: 0.14rem !important;
}

.rem30 {
	font-size: 0.3rem !important;
}

.rem28 {
	font-size: 0.28rem !important;
}

.rem18 {
	font-size: 0.18rem !important;
}

.rem24 {
	font-size: 0.24rem !important;
}

.rem26 {
	font-size: 0.26rem !important;
}

.img_size img {
	width: 0.52rem
}

* {
	font-size: 0.16rem;
}

.nav_more {
	width: .55rem;
	height: .4rem;
	margin: 0 .3rem;
	background: url(../images/et_more.png) no-repeat center;
	background-size: 100% 100%;
	transition: all .3s;
}

.nav_icon {
	width: .45rem;
	height: .45rem;
	margin: 0 .3rem;
	background: url(../images/erro.png) no-repeat center;
	background-size: 100% 100%;
}

.nav_more img {
	width: 100%;
}

.swiper-slide img {
	width: 100%;
}

.language a,
.language {
	color: #fff;
}

.swiper-pagination-bullet {
	width: .3rem;
	height: .1rem;
	border-radius: 0;
}

.swiper-pagination-bullet-active {
	background-color: #fff;
}

.mask_down {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: .9rem;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	display: none;
}

.nav_down {
	width: 70%;
	height: 100vh;
	float: right;
	background-color: #fff;
}

.nav_down_title {
	color: #fff;
	border-bottom: 1px solid #dedede;
	font-size: .24rem;
}

.mask_size {
	padding: .08rem .2rem;
	margin-left: .2rem;
	background-color: #D92741;
	color: #fff;
	border-radius: .03rem;
}

.nav_down_title a {
	height: 1rem;
}

.nav_down_img {
	width: .2rem;
	height: .2rem;
	background: url(../images/right.png) no-repeat center;
}

.on {
	background-color: #d92741;
	color: #fff;
}

.on a {
	color: #fff;
}

.on .nav_down_img {
	width: .2rem;
	height: .2rem;
	background: url(../images/top.png) no-repeat center !important;
}

.down_list {
	background-color: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #DEDEDE;
}

.down_list li a {
	display: block;
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	padding-left: .3rem;
}

.down_list li a:active {
	color: #D92741;
}

.font_a {
	font-family: arial;
}

.h40 {
	height: .6rem;
}

.down_list {
	display: none;
}



/* 底部 */
.rem12 {
	font-size: .12rem;
}

.footer {
	width: 100%;
	min-height: 5rem;
	padding-top: .2rem;
	/* background-color: #eaf7fd; */
	background: url(../images/foot_bg.png) no-repeat center;
}

.footlist {
	width: 94%;
	margin: 0 auto;
}

.logolist img {
	width: .8rem;
	margin: .5rem .2rem;
}

.footer_style {
	border-bottom: 1px solid #DEDEDE;
}

.footer_size {
	height: .8rem;
}

.title_f {
	font-size: .26rem;
}

.foot_icon {
	width: .25rem;
	height: .25rem;
	background: url(../images/add.png) no-repeat center;
}

.at .foot_icon {
	width: .25rem;
	height: .25rem;
	background: url(../images/lose.png) no-repeat center;
}

.foot_down {
	display: none;
	padding-bottom: .1rem;
}

.foot_down li {
	line-height: .5rem;
}

.active {
	color: red;
}

.title_list li {
	font-size: 28px;
}

.foot_down li a {
	display: block;
	color: #666;
}

.address {
	line-height: .6rem;
	background-color: #D92741;
}

.address a {
	color: #fff;
}

/* 首页内容 */
.home_content {
	width: 100%;
	height: 23rem;
	background: url(../images/bg_home.png) no-repeat center;
}

.imglist li {
	width: 60%;
	margin: 0 auto;
	margin-bottom: .4rem;
}

.homeimg_size img {
	width: 100%;
}

.home_bg {
	width: 100%;
	height: 4.5rem;
	background: url(../images/bg_home2.png) no-repeat center;
}
.home_about {
	width: 100%;
	height: 3rem;
	background: url(../images/home_ab.png) no-repeat center;
}
.home_bg_in {
	width: 94%;
	margin: 0 auto;
}

.home_bg_in img {
	width: 100%;
}

/* 公司简介 */
.banner_in {
	width: 100%;
}

.banner_in img {
	width: 100%;
}

.aouut_nav {
	width: 100%;
	height: .8rem;
	padding-left: .1rem;
}

.aouut_nav_list {
	width: 100%;
	display: flex;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	align-items: center;
}

.aouut_nav_list li {
	padding-right: .1rem;
}

.aouut_nav_list li a {
	display: block;
	/* width: 1.5rem; */
	height: .8rem;
	padding: 0 .2rem;
	font-size: .28rem;
	line-height: .8rem;
	text-align: center;
}

.bor_b {
	border-bottom: 1px solid #dedede;
}

.about_at a {
	color: #D92741;
	border-bottom: 1px solid #D92741;
}

.about_style {
	padding: .3rem .2rem;
}

.about_style p {
	line-height: .4rem;
}

.about_style img {
	width: 100%;
    max-width: 100%;
	height: auto !important;
}

.all_list .ouside {
	display: none;
}

.show_about {
	display: block !important;
}

.about_history {
	width: 94%;
	margin: .5rem auto;
	height: 3.7rem;
	background: url(../images/about_deta.png) no-repeat center;
	background-size: 100% 100%;
}

.history_year {
	width: 94%;
	margin: 0 auto;
}

.history_banner {
	width: 70%;
	overflow: hidden;
}

.history_banner img {
	width: 100%;
}

.history_year li {
	width: 20%;
	height: 1rem;
	position: relative;
}

.history_year ul {
	display: flex;
	flex-wrap: wrap;
}

.year_sel {
	width: .3rem;
	height: .3rem;
	border-radius: 100%;
	border: 1px solid #DEDEDE;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: -.25rem;
	margin: auto;
	z-index: 10;
}

.xian {
	position: absolute;
	left: 0;
	bottom: .35rem;
	width: 100%;
	height: 1px;
	background-color: #dedede;
}

.sel_year .year_sel {
	background-color: #D92741;
}

/* 质量控制 */
.quality_size {
	width: 94%;
	margin: .5rem auto;
}

.quality_content {
	border-left: 1px solid #DEDEDE;
}

.quality_icon {
	position: relative;
}

.icon_l {
	width: .3rem;
	height: .3rem;
	background-color: #D92741;
	border-radius: 100%;
	position: absolute;
	left: -8px;
	top: 0;
}

.icon_r {
	width: .3rem;
	height: .3rem;
	background-color: #D92741;
	border-radius: 100%;
	position: absolute;
	left: -8px;
	bottom: 0;
}

.quality_icon img {
	width: 100%;
}

.quality_size img {
	width: 100%;
}

.swiper-container-about {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-about img {
	width: 100%;
}

.gallery-top {
	height: auto;
	width: 100%;
	overflow: hidden;
}

.gallery-thumbs {
	height: 1.8rem;
	box-sizing: border-box;
	padding-top: 10px;
	background-color: #353442;
}

.gallery-thumbs .swiper-slide {
	width: 100%;
	opacity: 0.4;
	margin-right: .1rem;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.facilities {
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	border: 5px solid #353442;
}
.our_advantage img {
	width: .3rem;
}
.our_advantage {
	display: flex;
	flex-wrap: wrap;
}
.our_advantage li {
	width: 50%;
	margin-bottom: 20px;
}
.advantage_img img {
	width: 100%;
}
.new_size {
	width: 100%;
	height: 2.75rem;
	background-color: #fff;
	overflow: hidden;
}
.new_left {
	width: 2.75rem;
	height: 2.75rem;
}
.new_left img {
	max-width: 100%;
	max-height: 100%;
}
.news li {
	border: 1px solid #dedede;
	margin-bottom: 20px;
}
.news {
	height: 2.85rem;
	overflow: hidden;
}
.new_right {
	height: 2.5rem;
	width: 60%;
	padding-left: .15rem;
}
.newimg_r img{
	width: .3rem;
}
.mt15 {
	margin-top: .15rem;
}
.about_content {
	background-color: #fafafa;
}
.more_new {
	height: .6rem;
	background-color: #c2c2c2;
	color: #fff;
	margin-top: .2rem;
}
.more_new img {
	height: .4rem;
}
.new_detail {
	border: 1px solid #DEDEDE;
	background-color: #fff;
}
.new_x {
	width: 95%;
	margin: 0 auto;
	border-top: 1px solid #DEDEDE;
}
.new_content {
	padding: .2rem .15rem;
}
.new_content img {
	width: 100%
}
.new_details {
	display: none;
}
.new_content p {
	line-height: .4rem;
}
.show_new {
	display: block;
}
.service {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.service li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: .15rem;
	/* box-shadow: 2px 3px 3px #333; */
}
.service li:nth-child(3n){
	margin-right: 0;
}
.service_size {
	width: 100%;
	height: 1.5rem;
	overflow: hidden;
}
.service_size img {
	width: 100%;
}
.download {
	display: flex;
	flex-wrap: wrap;
}
.download li {
	margin-right: .4rem;
	border: 1px solid #DEDEDE;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: .4rem;
}
.download li:nth-child(2n){
	margin-right: 0;
}
.download_size {
	width: 3.3rem;
	height: 5.1rem;
}
.download_img img {
	width: 100%;
}
.download_title {
	height: 1rem;
}
.btn_dl {
	width: 2rem;
	line-height: .5rem;
	background-color: #d92741;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border-radius: .1rem;
}
.down_mask {
	width: 80%;
	height: 3.5rem;
	background: rgba(255,255,255,.8);
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	overflow: hidden;
	border-radius: .1rem;
	box-shadow: 1px 3px 5px #999;
	display: none;
}
.email_back {
	width: .6rem;
	float: right;
	padding-right: .2rem;
	padding-top: .2rem;
}
.email_back img {
	width: 100%;
}
.down_input {
	width: 80%;
	display: block;
	margin: 0 auto;
	height: 30px;
	background-color: transparent;
	border: 1px solid #999;
	margin-top: 10px;
}
.btn_down {
	width: 1.2rem;
	background-color: #D92741;
	color: #fff;
	text-align: center;
	line-height: .4rem;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: .05rem;
}
.contant {
	width: 100%;
	min-height: 5.7rem;
	background: url(../images/contact_bg.png) no-repeat center;
	background-size: 100% 100%;
}
.contant p {
	font-size: .26rem;
}
.line_bg {
	width: 80%;
	margin: 0 auto;
}
.line_bg img {
	width: 100%;
}
.input_size {
	width: 100%;
	height: .5rem;
	border: 1px solid #dedede;
	background-color: transparent;
}
.text_input {
	width: 100%;
	height: 2rem;
	border: 1px solid #dedede;
	background-color: transparent;
}