

/* 首页 */
/* 首页头部 */
.head {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: auto;
	display: flex;
	overflow: hidden;
	align-items: center;
}

.head .title {
	width: 40%;
	/* height: 100%;
	height: 5rem; 
	float: left;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.head .title .health {
	width: 9rem;
	height: 2.3rem;
	margin-top: 0.3rem;
}

.head .daoh {
	width: 60%;
	height: 100%;
	/* float: right; */
	padding: 1rem 0;
}

.head .daoh ul {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.head .daoh ul li {
	/* width: 5rem;
	height: 5rem;
	line-height: 5rem; */
	padding: 1.25rem 0;
	text-align: center;
	/* font-size: 1rem; */
}

.head .daoh ul .shouye {
	color: #1a6ff3;
	border-bottom: 0.125rem solid #1a6ff3;
}

.head .daoh ul li:hover a {
	color: #1a6ff3 !important;
}

/* 首页身体 */
.body {
	max-width: 1920px;
	clear: both;
	height: auto;
	margin: 0 auto 3rem;
}

/* 关于我们 */
.body .slider ul li img {
	width: 100%;
}

.body .about {
	width: 100%;
	position: relative;
	background-image: url(../image/aboutbg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 5% 0;
}

.body .about .together {
	padding: 0 12%;
	margin-top: 5%;
	display: flex;
	justify-content: space-between;
}

.body .about .left {
	text-align: center;
	width: 47%;
	color: rgb(102, 102, 102);
}

.body .about .left .txt {
	width: 100%;
	text-align: left;
	color: rgb(102, 102, 102);
}

.body .about .left .txt span {
	display: block;
}

.body .about .left .txt b {
	color: rgb(102, 102, 102);
	font-weight: bold;
	font-size: 1.25rem;
}

.body .about .left .txt span:nth-of-type(1) {
	font-size: 1.5rem;
	color: #131d3e;
	font-weight: bold;
}

.body .about .left .txt span:nth-of-type(2) {
	text-align: justify;
	color: #7b839c;
	line-height: 2rem;
	text-indent: 2em;
}

.body .about .left .txt span:nth-of-type(3) {
	width: 45%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	margin: 2rem 0 0;
	border-radius: 0.3rem;
	background-color: #1473e6;
	color: #FFFFFF;
}

.body .about .right {
	width: 50%;
}

.body .about .right img{
	width: 100%;
}

/* 产品案例 */
.body .example {
	width: 100%;
	background-image: url(../image/probg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 5% 0;
	/* height: 42rem; */
	position: relative;
}

.body .imgbg {
	width: 100%;
	display: inline-block;
	height: auto;
	background-size: 100% 100%;
}

.body .example .main {
	/* width: 63%; */
	padding: 0 12%;
	margin-top: 5%;
	/* position: absolute;
	top: 32%;
	left: 50%;
	margin-left: -31.5%; */
	display: flex;
	justify-content: space-between;
}

.body .example .main .block {
	width: 18rem;
	height: auto;
	text-align: center;
}

.body .example .main .block .jia {
	width: 96%;
	margin: 0 auto;
	position: relative;
	border: 0.0625rem solid #EFEFEF;
}

.body .example .main .block .jia img {
	width: 100%;
}

.body .example .main .block .jia .name {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #000000;
	opacity: 0.5;
	color: #FFFFFF;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.125rem;
}

.body .example .main .block .jia:hover .name {
	display: none;
}

.body .example .main .block .jia .mname {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #488cf6;
	opacity: 0.8;
	color: #FFFFFF;
	display: none;
}

.body .example .main .block:hover .jia .mname {
	display: block;
}

.body .example .main .block .ying {
	width: 98%;
	height: 0.625rem;
	border-radius: 1.25rem;
	background-color: #e4e6eb;
	margin-top: 1.8rem;
}

.body .example .main .block:hover .ying {
	background-color: #488cf6;
	display: block;
}

.body .example .main .block .jia .mname .mask {
	margin-top: 1.25rem;
	font-size: 1.25rem;
}

.body .example .main .block .jia .mname .mtext {
	margin-top: 1rem;
	line-height: 1.5rem;
	text-align: justify;
	text-indent: 2em;
	padding: 0.6rem;
}




/* 企业资讯 */
.body .infos {
	width: 100%;
	background-image: url(../image/new.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 3% 0;
	position: relative;
}

.body .infos .box {
	padding: 0 12%;
	max-width: 1920px;
	margin-top: 8%;
	display: flex;
	
	justify-content: space-between;
}

.body .infos .box .left {
	width: 44%;
}

.body .infos .box .left .date {
	background-image: url(../image/info.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 14.6rem;
}

.body .infos .box .left .date .texts {
	background-color: #488cf6;
	width: 6rem;
	text-align: center;
	color: #FFFFFF;
	overflow: hidden;
}

.body .infos .box .left .date .text:nth-of-type(1) {
	font-size: 1.25rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.body .infos .box .left .date .text:nth-of-type(2) {
	font-size: 1rem;
	height: 1.8rem;
	line-height: 1.8rem;
}

.body .infos .box .left .down {
	margin-top: 1.25rem;
}

.body .infos .box .left .down .title {
	color: #131d3e;
	font-size: 1.25rem;
	font-weight: bold;
}

.body .infos .box .left .down .cons {
	margin-top: 0.4rem;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.8rem;
	color: #67708d;
}

.body .infos .box .left .down .btns {
	width: 45%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	margin: 2rem 0 0;
	border-radius: 0.3rem;
	background-color: #1473e6;
	color: #FFFFFF;
}

.body .infos .box .right {
	width: 49%;
}

.body .infos .box .right .count {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f5f6fb;
	padding: 1.25rem;
	margin-top: 1.25rem;
}

.body .infos .box .right .count:first-child {
	margin-top: 0rem;
}

.body .infos .box .right .count .time {
	width: 20%;
	text-align: center;
}

.body .infos .box .right .count .time div:nth-of-type(1) {
	font-size: 1.5rem;
	font-weight: bold;
	color: #131d3e;
	line-height: 2.5rem;
}

.body .infos .box .right .count .time div:nth-of-type(2) {
	font-size: 1rem;
	color: #545e7e;
	line-height: 1.8rem;
}

.body .infos .box .right .count .cright {
	width: 75%;
}

.body .infos .box .right .count .cright .name {
	font-size: 1.125rem;
	line-height: 2.5rem;
	color: #091336;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.body .infos .box .right .count .cright .mtxt {
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.5rem;
	color: #9298ae;
}

/* 底部 */
.foot {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #2c2c2c;
}

.foot .box {
	padding: 2rem;
	width: 63%;
	margin: 0 auto;
	color: #5e5e5e;
	border-bottom: 0.0625rem solid #404040;
	overflow: hidden;
}

.foot .box:nth-of-type(2) {
	border-bottom: none;
}

.foot .box .left {
	width: 100%;
	height: auto;
}

.foot .box .h1 {
	font-size: 1.5rem;
	margin-right: 1.5rem;
	color: #FFFFFF;
}

.foot .box .left .main {
	width: 100%;
	overflow: hidden;
}

.foot .box .left .main .mleft {
	float: left;
	line-height: 2rem;
	margin-top: 1.875rem;
}

.foot .box .left .main .mleft .email {
	display: flex;
}

.foot .box .left .main .mright {
	float: right;
	width: 32%;
}

.foot .text {
	background-color: #262222;
	line-height: 3rem;
	color: #656565;
	text-align: center;
}

.foot .box .left .list {
	float: right;
	width: 50%;
	text-align: center;
}

.foot .box .left .list img {
	width: 6.5rem;
	height: 6.5rem;
	margin: 0 auto;
}

.foot .box .left .list .ewm {
	width: 85%;
	text-align: center;
	margin: 0 auto 1rem;
	font-size: 0.875rem;
}

.foot .daoh {
	width: 100%;
	height: auto;
}

.foot .daoh ul {
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.foot .daoh ul li {
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	font-size: 1rem;
}

.foot .daoh ul li:first-child {
	margin-left: 0;
}

/* About us.html */
#warp #banner {
	width: 100%;
	position: relative;
}

#warp #banner img {
	width: 100%;
	height: auto;
}

#warp #banner h2 {
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3rem;
	margin-top: -1rem;
}

#warp #content {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 12%;
}

#warp #content .jieshao {
	margin-top: 3rem;
}

#warp #content .jieshao #pinpai {
	color: #007bc6;
	font-size: 2.25rem;
}

#warp #content .jieshao .main {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#warp #content .jieshao .main .left {
	width: 50%;
}

#warp #content .main .left .jianjie {
	position: absolute;
	width: 47%;
}

#warp #content .main .left p {
	font-size: 1rem;
	color: #333333;
	line-height: 1.5rem;
	margin: 1.875rem auto;
	position: relative;
	left: -125rem;
}

.pfly {
	animation: pfly 1s ease forwards;
	animation-delay: 1s;
	/* 1秒延迟 */
}

@keyframes pfly {
	from {
		left: -125rem;
	}

	to {
		left: 0px;
	}
}

#warp #content .main .right {
	width: 47%;
}
#warp #content .main .right img{
	width: 100%;
	height: 100%;
}
#warp #content .data {
	width: 100%;
	clear: both;
}

#warp #content .data p {
	color: #999999;
	font-size: 1rem;
	line-height: 1.5625rem;
	margin: 1rem auto;
}

#warp #content .course {
	top: 5rem;
	clear: both;
	position: relative;
}

#warp #content .course div {
	color: #007bc6;
	font-size: 2.25rem;
}

#warp #content .course .tab {
	width: 100%;
	height: 5.25rem;
}

#warp #content .course .tab .line {
	width: 100%;
	height: 0.1875rem;
	background: #1d3e97;
	margin-top: 5rem;
}

#warp #content .course .tab .option {
	display: flex;
	justify-content: space-between;
}

#warp #content .course .tab .option .year {
	text-align: center;
	margin-top: -3.4rem;
}

#warp #content .course .tab .option .year p {
	font-size: 1rem;
	line-height: 1.5625rem;
}

#warp #content .course .tab .option .year img {
	width: 1.25rem;
	height: 1.25rem;
}

#warp #content .course .prize {
	width: 100%;
	position: relative;
	height: 22rem;
	overflow: hidden;
}

#warp #content .course .prize ul {
	width: 224rem;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;

}

#warp #content .course .prize ul li {
	float: left;
	list-style: none;
	width: 26rem;
	height: 22rem;
	margin-right: 1.8rem;
}

#warp #content .course .prize ul li p {
	font-size: 1.25rem;
	line-height: 3rem;
	text-align: center;
	color: #333333;
}

#warp #content .course .prize ul li .big {
	width: 100%;
	height: 18.5rem;
	overflow: hidden;
}

#warp #content .course .prize ul li img {
	width: 100%;
	height: 18.5rem;

}

#warp #content .programme {
	top: 8rem;
	position: relative;
	margin-bottom: 12rem;
}

#warp #content .programme div {
	color: #007bc6;
	font-size: 2.25rem;
}

#warp #content .programme .news {
	width: 100%;
	margin-top: 3rem;
}

#warp #content .programme .news .class {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
}

#warp #content .programme .news .class .list {
	width: 29%;
	float: left;
	border: 0.0625rem solid #efefef;
	margin-top: 1.5rem;
	position: relative;
	transition: all .5s ease-out;
}

#warp #content .programme .news .class .list:hover {
	transform: scale(1.1);
	box-shadow: 0 0 1.25rem rgb(0 0 0 / 20%);
	cursor: pointer;
}

#warp #content .programme .news .class .list:hover .details {
	color: #0079d2;
}

#warp #content .programme .news .class .list:nth-child(3n+3) {
	margin-right: 0rem;
}

#warp #content .programme .news .class .list img {
	width: 100%;
	height: 17rem;
}

#warp #content .programme .news .class .list .details {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 1rem;
	height: 6rem;
	line-height: 6rem;
	padding: 0 0rem;
}

/* 企业资讯 enterInfo.html */
.enterInfo {
	padding: 0 12%;
	height: auto;
}

.enterInfo .ban {
	overflow: hidden;
}

.enterInfo .ban img {
	width: 100%;
	height: auto;
}

.enterInfo .body {
	width: 70%;
	margin: 0 auto;
	height: auto;
	margin-top: 1.875rem;
	padding-bottom: 3.5rem;
}

.enterInfo .body .top {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.enterInfo .body .top .list {
	float: left;
	height: 2.5rem;
	line-height: 2.5rem;
	width: 11.25rem;
	font-size: 1.375rem;
}

.enterInfo .body .top .list .active {
	color: #0079D2;
	font-size: 2.25rem;
	border-bottom: 0.125rem solid #0079D2;
}

.enterInfo .body .news {
	width: 100%;
	margin-top: 3.125rem;
}

.enterInfo .body .news .type {
	overflow: auto;
}

.enterInfo .body .news .type .left {
	width: 48%;
	height: 2.6rem;
	padding: 1.25rem;
	line-height: 2.6rem;
	float: left;
}

.enterInfo .body .news .type .left .select {
	display: inline;
	height: auto;
	font-size: 1rem;
	overflow: hidden;
}

.enterInfo .body .news .type .left .select .year {
	width: 12.5rem;
	height: 2rem;
	border: 0.0625rem solid #333333;
	border-radius: 0.625rem;
}

.enterInfo .body .news .type .right {
	float: right;
	width: 49%;
	overflow: auto;
	text-align: right;
	height: 2.5rem;
	padding: 1.25rem 0;
	line-height: 2.5rem;
}

.enterInfo .body .news .type .right .input {
	height: 2rem;
	font-size: 0.875rem;
	background: #f5f5f5;
	border-radius: 1.25rem;
	margin-right: 1.25rem;
	text-align: center;
}

.enterInfo .body .news .type .right .search {
	font-size: 1rem;
	font-weight: 700;
	color: #0349c3;
	cursor: pointer;
	margin-right: 0.625rem;
}

.enterInfo .body .news .class {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

.enterInfo .body .news .class .list {
	width: 30%;
	float: left;
	border: 0.0625rem solid #efefef;
	margin-top: 1.5rem;
	position: relative;
	transition: all .5s ease-out;
}

.enterInfo .body .news .class .list:hover {
	transform: scale(1.1);
	box-shadow: 0 0 1.25rem rgb(0 0 0 / 20%);
	cursor: pointer;
}

.enterInfo .body .news .class .list:hover .details {
	color: #0079d2;
}

.enterInfo .body .news .class .list:nth-child(3n+3) {
	margin-right: 0rem;
}

.enterInfo .body .news .class .list img {
	width: 100%;
	height: 17rem;
}

.enterInfo .body .news .class .list .details {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	height: 6rem;
	line-height: 6rem;
	padding: 0 0rem;
}


/* 企业资讯--媒体中心 */
.enterInfo .body .news .type .left ul {
	width: 30%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0.7rem;
	border-bottom: 0.0625rem solid #efefef;
}

.enterInfo .body .news .type .left ul li {
	float: left;
}

.enterInfo .body .news .figure {
	width: 100%;
	padding: 1.25rem;
}

.enterInfo .body .news .figure h1 {
	color: #1d3e97;
	font-size: 1.875rem;
}

.enterInfo .body .news .figure .class {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}

.enterInfo .body .news .figure .class .list {
	width: 29%;
	float: left;
	border: 0.0625rem solid #efefef;
	margin-top: 2rem;
	position: relative;
	transition: all .5s ease-out;
	justify-content: center;
	margin-right: 4.4375rem;
}

.enterInfo .body .news .figure .class .list:hover {
	transform: scale(1.1);
	box-shadow: 0 0 1.25rem rgb(0 0 0 / 20%);
	cursor: pointer;
}

.enterInfo .body .news .figure .class .list:nth-child(3n+3) {
	margin-right: 0rem;
}

.enterInfo .body .news .figure .class .list img {
	width: 100%;
	height: 17rem;
}

/* .enterInfo .body .news .figure .class .list .details {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	height: 6rem;
	line-height: 6rem;
	background-color: #f2f2f2;
}

.enterInfo .body .news .figure .class .list .details:hover {
	background-color: #1D3E97;
	color: #FFFFFF;
}

.enterInfo .body .news .figure .class .list .img {
	width: 100%;
	height: 27.5rem;
} */

.enterInfo .body .news .figure .class .list1 {
	width: 29%;
	float: left;
	border: 0.0625rem solid #efefef;
	margin-top: 3rem;
	position: relative;
	justify-content: center;
	transition: all .5s ease-out;
	margin-right: 4.4375rem;
}

.enterInfo .body .news .figure .class .list1:hover {
	transform: scale(1.1);
	box-shadow: 0 0 1.25rem rgb(0 0 0 / 20%);
	cursor: pointer;
}

.enterInfo .body .news .figure .class .list1:nth-child(3n+3) {
	margin-right: 0rem;
}

.enterInfo .body .news .figure .class .list1 img {
	width: 100%;
	height: 17rem;
}

.enterInfo .body .news .figure .class .list1 .details {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	height: 6rem;
	line-height: 6rem;
	background-color: #f2f2f2;
}

.enterInfo .body .news .figure .class .list1 .details:hover {
	background-color: #1D3E97;
	color: #FFFFFF;
}

.enterInfo .body .news .figure .class .list1 .img {
	width: 100%;
	height: 17rem;
}

.enterInfo #media {
	display: none;
}

/* 企业资讯 newsDetails.html */
.newsDetail {
	padding: 0 18%;
	height: auto;
}

.newsDetail .ban {
	overflow: hidden;
}

.newsDetail .ban img {
	width: 100%;
	height: auto;
}

.newsDetail .body {
	width: 75%;
	height: auto;
	margin: 5rem auto;
	overflow: hidden;
}

.newsDetail .body .fanhui {
	width: 2.5%;
	float: left;
}

.newsDetail .body .fanhui img {
	width: 100%;
}

.newsDetail .body .main {
	width: 93%;
	text-align: center;
	float: right;
	margin-right: 0;
}

.newsDetail .body .main .title h2 {
	margin-bottom: 1rem;
}

.newsDetail .body .main .title div {
	color: #999;
	font-size: 1.125rem;
	line-height: 1.875rem;
}

.newsDetail .body .main .content {
	width: 100%;
	margin: 4rem auto;
	text-align: justify;
}

.newsDetail .body .main .content img {
	width: 70%;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newsDetail .body .main .content .miaoshu {
	text-align: center;
}

.newsDetail .body .main div {
	line-height: 1.875rem;
	text-indent: 2em;
}

.newsDetail .body .main .yaoqiu {
	text-align: justify;
	margin: 3rem;
}

.newsDetail .body .main .yaoqiu span {
	display: block;
}

.newsDetail .body .footBtn {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.newsDetail .body .footBtn a {
	color: #1d3e97;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.125rem;
}


/* 产品中心 product.html页面 */
.product {
	padding: 0 13%;
	height: auto;
}

.product .ban {
	overflow: hidden;
}

.product .ban img {
	width: 100%;
	height: auto;
}

.product .body {
	width: 75%;
	margin: 0 auto;
	height: auto;
	margin-top: 1.875rem;
	padding-bottom: 3.5rem;
}

.product .body .type {
	width: 100%;
	overflow: auto;
}

.product .body .type .left {
	width: 80%;
	height: 2.6rem;
	padding: 1.25rem;
	float: left;
}

.product .body .type .left ul {
	width: 80%;
	overflow: hidden;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* padding-bottom: 1.25rem; */
	border-bottom: 0.0625rem solid #efefef;
}

.product .body .type .left .licpg {
	color: #0079D2;
	border-bottom: 0.2rem solid #0079D2;
}

.product .body .type .left ul li {
	float: left;
	height: 100%;
	display: flex;
	font-size: 1.25rem;
	font-weight: bold;
	align-items: center;
	white-space: nowrap;
}

.product .body .type .right {
	float: right;
	width: 49%;
	overflow: auto;
	text-align: right;
	height: 2.5rem;
	padding: 1.25rem 0;
	line-height: 2.5rem;
}

.product .body .type .right .input {
	height: 2rem;
	font-size: 0.875rem;
	background: #f5f5f5;
	border-radius: 1.25rem;
	margin-right: 1.25rem;
	text-align: center;
}

.product .body .type .right .search {
	font-size: 1rem;
	font-weight: 700;
	color: #0349c3;
	cursor: pointer;
	margin-right: 0.625rem;
}

.product .body .cloths {
	width: 100%;
	padding: 1.25rem;
}

.product .body .cloths h1 {
	color: #0079D2;
	text-align: center;
	font-size: 1.875rem;
}

.product .body .cloths .class {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.product .body .cloths .class .list {
	width: 22%;
	justify-content: center;
	margin-top: 3.5rem;
	margin-right: 4%;
	position: relative;
	transition: all .5s ease-out;
}

.product .body .cloths .class .list:hover {
	transform: scale(1.3);
	box-shadow: 0 0 1.25rem rgb(0 0 0 / 20%);
	cursor: pointer;
	z-index: 999;
}

.product .body .cloths .class .list:hover .details {
	color: #0079D2;
	/* display: block;
	width: 100%;
	text-align: center;
	font-size: 1.375rem;
	height: 3rem;
	line-height: 3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFFF;
	padding: 3% 0;
	background-color: rgba(0, 0, 0, .3);
	justify-content: center;
	align-items: center;
	transform: translateZ(0); */
}

.product .body .cloths .class .list:nth-child(4n+4) {
	margin-right: 0rem;
}

.product .body .cloths .class .list img {
	width: 94%;
	height: auto;
	border: 1px solid #efefef;
	padding: 0.625rem;
}

.product .body .cloths .class .list .details {
	width: 100%;
	text-align: center;
	font-size: 1.375rem;
	height: 5rem;
	line-height: 5rem;
	padding: 0 0rem;
}

/* 产品详情 productDetail.html */
.details {
	padding: 0 18%;
	height: auto;
}

.details .ban {
	overflow: hidden;
}

.details .ban img {
	width: 100%;
	height: auto;
}

.details .body {
	width: 75%;
	height: auto;
	margin: 5rem auto;
	overflow: hidden;
}

.details .body .fanhui {
	width: 2.5%;
	float: left;
}

.details .body .fanhui img {
	width: 100%;
}

.details .body .main {
	width: 93%;
	float: right;
	margin-right: 0;
}

.details .body .main .left {
	float: left;
	width: 40%;
	margin-right: 1.875rem;
}

.details .body .main .left img {
	width: 100%;
}

.details .body .main .right {
	width: 50%;
	float: right;
}

.details .body .main .right h1 {
	color: #1D3E97;
	margin-bottom: 3.25rem;
}

.details .body .main .right .down {
	margin-bottom: 1.25rem;
	line-height: 1.875rem;
}

.details .body .main .right .text {
	margin-top: 2rem;
}

.details .body .main .right .text span {
	display: block;
	line-height: 1.875rem;
}

/* 科学洗涤 seience.html */
.science {
	padding: 0 12%;
	height: auto;
}

.science .ban {
	overflow: hidden;
}

.science .ban img {
	width: 100%;
	height: auto;
}

.science .body {
	width: 75%;
	margin: 0 auto;
	height: auto;
	margin-top: 1.875rem;
	padding-bottom: 3.5rem;
}

.science .body .type {
	width: 100%;
	overflow: auto;
}

.science .body .type .left {
	width: 48%;
	height: 2.6rem;
	padding: 1.25rem;
	float: left;
}

.science .body .type .left ul {
	/* width: 50%; */
	overflow: hidden;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 0.0625rem solid #efefef;
}

.science .body .type .left .liesc {
	color: #1D3E97;
	border-bottom: 0.2rem solid #1D3E97;
}

.science .body .type .left ul li {
	float: left;
	height: 100%;
	display: flex;
	font-size: 1.25rem;
	font-weight: bold;
	align-items: center;
	white-space: nowrap;
}

/* .science .body .type .left .liesc {
	color: #1D3E97;
	border-bottom: 0.15rem solid #1D3E97;
} */

.science .body .type .right {
	float: right;
	width: 49%;
	overflow: auto;
	text-align: right;
	height: 2.5rem;
	padding: 1.25rem 0;
	line-height: 2.5rem;
}

.science .body .type .right .input {
	height: 2rem;
	font-size: 0.875rem;
	background: #f5f5f5;
	border-radius: 1.25rem;
	margin-right: 1.25rem;
	text-align: center;
}

.science .body .type .right .search {
	font-size: 1rem;
	font-weight: 700;
	color: #0349c3;
	cursor: pointer;
	margin-right: 0.625rem;
}

.science .body .easy {
	width: 100%;
	padding: 1.25rem;
}

.science .body .easy h1 {
	color: #1d3e97;
	text-align: center;
	font-size: 1.875rem;
}

.science .body .easy .class {
	width: 100%;
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.science .body .easy .class .list {
	width: 31%;
	float: left;
	border: 0.0625rem solid #efefef;
	margin-top: 2.5rem;
	position: relative;
}

.science .body .easy .class .list:nth-child(3n+3) {
	margin-right: 0rem;
}

.science .body .easy .class .list img {
	width: 100%;
	height: 17rem;
}

.science .body .easy .class .list .details {
	width: 100%;
	font-size: 1.375rem;
	height: 8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: justify;
	padding: 0 0rem;
}

.science .body .easy .class .list .details span {
	padding: 2.5rem;
}

/* 科学洗涤详情 scienceDetail.html */
.scienceDetail {
	padding: 0 18%;
	height: auto;
}

.scienceDetail .ban {
	overflow: hidden;
}

.scienceDetail .ban img {
	width: 100%;
	height: auto;
}

.scienceDetail .body {
	width: 75%;
	height: auto;
	margin: 5rem auto;
	overflow: hidden;
}

.scienceDetail .body .fanhui {
	width: 2.5%;
	float: left;
}

.scienceDetail .body .fanhui img {
	width: 100%;
}

.scienceDetail .body .main {
	width: 93%;
	text-align: center;
	float: right;
	margin-right: 0;
}

.scienceDetail .body .main h2 {
	margin-bottom: 1rem;
}

.scienceDetail .body .main .content {
	width: 100%;
	margin: 4rem auto;
	text-align: justify;
	color: rgb(89, 89, 89);
}

.scienceDetail .body .main .content img {
	width: 70%;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.scienceDetail .body .main .content h3 {
	font-weight: 700;
	margin: 1.25rem 0 1rem;
}

.scienceDetail .body .main .content div {
	line-height: 1.875rem;
}

.scienceDetail .body .main .content p {
	line-height: 1.875rem;
	font-weight: 700;
}

.scienceDetail .body .main .content span {
	display: block;
	line-height: 1.875rem;
	text-indent: 2em;
}

.scienceDetail .body .footBtn {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.scienceDetail .body .footBtn a {
	color: #1d3e97;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 0.125rem;
}

/* 防疫必看 prevent.html */
.prevent {
	width: 100%;
	height: auto;
}

.prevent .ban {
	overflow: hidden;
}

.prevent .ban img {
	width: 100%;
	height: auto;
}

.prevent .body {
	width: 75%;
	height: auto;
	margin: 5rem auto;
	overflow: hidden;
}

.prevent .body .fanhui {
	width: 2.5%;
	float: left;
}

.prevent .body .fanhui img {
	width: 100%;
}

.prevent .body .main {
	width: 93%;
	text-align: center;
	float: right;
	margin-right: 0;
}

.prevent .body .main img {
	width: 80%;
	margin: 30px auto;
}

/* 联系我们 information.html */
#box #banner {
	width: 100%;
	position: relative;
}

/* 引入地图 */
.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}

#box #banner img {
	width: 100%;
	height: 47.125rem;
}

#box #banner h2 {
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3rem;
	margin-top: 1rem;
}

#box #dituContent {
	width: 75%;
	height: 36rem;
	border: #ccc solid 1px;
	margin: 3rem auto;
}

#box #content {
	width: 75%;
	height: auto;
	margin: 3rem auto;
	text-align: center;
}

#box #content .toph {
	line-height: 2.5rem;
}

#box #content .list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}

#box #content .list .contact {
	border: 1px solid #efefef;
	width: 25%;
	display: flex;
	padding: 1.5rem 1rem;
	align-items: center;
}

#box #content .list .contact .conimg {
	float: left;
}

#box #content .list .contact img {

	width: 100%;
}

#box #content .list .contact .text {
	float: right;
	width: 75%;
	text-align: left;
	margin-left: 30px;
}

#box #content .list .contact .text .tou {}

#box #content .list .contact .text .phone {}
