/* 11 */
.ov {
	overflow: hidden;
	height: 100%;
}

.kw {
	max-width: 1536px;
	padding: 0 20px;
	margin: 0 auto;
}

.header {
	background: #fff;
	border-bottom: 1px solid #d3d3d3;
}
.header .kw{
	position: relative;
}
.head-tool{
	position: absolute;
	right: 0;
	top: 40px;
}
.search-box {
	padding: 0 28px 0 0;
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	border: solid 1px #e8e8e8;
	width: 220px;
}
.search-input {
	width: 100%;
	height: 28px;
	padding: 5px 0 5px 40px;
	line-height: 28px;
	box-sizing: border-box;
	border: none;
	background: none;
}

.search-btn {
	border: none;
	background: url(../images/icon-search.png) no-repeat;
	overflow: hidden;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 15px;
	text-indent: -10em;
	top: 10px;
}

.search-btn:hover {
	opacity: 1;
}

.logo {
	position: absolute;
	left: 0;
	top: 36px;
	margin: 0;
	padding: 0;
}
.logoBox {
	width: 178px;
	height: 48px;
	display: block;
	background: url(../images/logo.png) no-repeat;
}
.headerPad{
	position: relative;
	padding: 0 300px 0 200px;
}

.nav {
	/* text-align: center; */
	padding-left: 6%;
}

.nav ul {
	position: relative;
}

.nav li {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	z-index: 2;
}

.nav li::after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	
}
.nav li a {
	display: block;
	line-height: 120px;
	color: #181818;
	position: relative;
	z-index: 1;
}

.nav li a:hover {
	font-weight: bold;
}

.nav li.active a {
	color: #181818;
	font-weight: bold;
}

.nav .nav-underline {
	position: absolute;
	bottom: -1px;
	left: 0;
	overflow: hidden;
	border-radius: 3px;
	transition: all 0.3s ease;
	z-index: 1;
}
.nav .nav-underline a{
	height: 2px;
	display: block;
	background-color: #e11838;
	overflow: hidden;
}
/*  */
.side-menu {
	max-width: 1536px; 
	position: absolute;
	top: 121px;
	z-index: 999;
	left: 0;
	right: 0;
	display: none;
}

.side-menu .normal {
	line-height: 100px;
	background-color: #fff;
}

.side-menu .normal ul {
	display: none;
	padding-left: 35px;
}

.side-menu .normal ul li {
	padding: 0 55px;
	display: inline-block;
}

.side-menu ul li a {
	font-size: 18px;
	position: relative;
}
.side-menu ul li a:hover{
	font-weight: bold;
}
.side-menu .normal ul li a:hover,
.side-menu .menu-product .list ul li a:hover:after,
.side-menu ul li.active a {
	/* font-weight: bold; */
}

.side-menu .normal ul li a:hover:after,
.side-menu .menu-product .list ul li a:hover:after,
.side-menu ul li.active a:after {
	width: 100%;
	height: 2px;
	display: block;
	background: #000;
	position: absolute;
	bottom: -3px;
	content: ' ';
}

.side-menu .menu-product {
	background-color: #fff;
	padding: 55px 100px;
	overflow: hidden;
}

.side-menu .menu-product .catalog {
	width: 250px;
	border-right: solid 1px #f1f1f1;
	float: left;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 600px;
}

.side-menu .menu-product .catalog .more {
	font-size: 20px;
	font-weight: bold;
}

.side-menu .menu-product .catalog .more a {
	padding-right: 40px;
	position: relative;
	background: url('../images/icon-menu-arrow.png') no-repeat right center;
}

.side-menu .menu-product .catalog ul li {
	margin-top: 35px;
}

.side-menu .menu-product .list {
	padding-left: 280px;
}

.side-menu .menu-product .list ul li {
	margin: 40px 30px 0;
	display: inline-block;
	text-align: center;
}

.side-menu .menu-product .list ul li a {
	display: inline-block;
}

.side-menu .menu-product .list ul li a:after {
	bottom: 1px !important;
}

/* tool */
.side-tool {
	display: none;
	width: 56px;
	position: fixed;
	right: 30px;
	bottom: 20%;
	background-color: #fff;
	z-index: 999;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
}

.side-tool ul {
	padding: 10px 0;
}

.side-tool ul>li {
	width: 100%;
	height: 46px;
	text-align: center;
	display: grid;
	/* 启用 Grid 布局 */
	place-items: center;
	/* 水平和垂直居中 */
	position: relative;
}

.side-tool ul>li .icon {
	cursor: pointer;
}

.side-tool ul>li .icon:hover {
	opacity: 0.9;
}

.side-tool ul>li:hover .tool-dialog {
	display: block;
}

.side-tool ul>li .tool-dialog {
	display: none;
	box-sizing: border-box;
	width: 170px;
	height: 200px;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
	background-color: #fff;
	position: absolute;
	left: -200px;
}

.side-tool ul>li .tool-dialog:after {
	position: absolute;
	right: -15px;
	top: 45%;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid white;
	/* 这里设置三角形的颜色，比如白色 */
	transform: rotate(90deg);
}

.side-tool ul>li .tool-dialog .title {
	line-height: 50px;
	font-size: 15px;
}
.phoneTool{
	display: none;
}
.phoneSearch{
	display: none;
}

.banner {
	position: relative;
	overflow: hidden;
}

.banner p {
	margin: 0;
	padding: 0;
}

.banner .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 9999;
	text-align: center;
}

.banner .swiper-pagination-bullet {
	border-radius: 0;
	margin: 0 3px;
	height: 3px;
	width: 47px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 1;
	display: inline-block;
}

.banner .swiper-pagination-bullet:hover {
	background: #e11838;
}

.banner .swiper-pagination-bullet-active {
	background: #e11838;
}

.home-banner .kw {
	height: 840px;
}

.home-banner .text {
	position: absolute;
	bottom: 50%;
	margin-bottom: -30px;
	/* transform: translateY(-50%); */
	color: #fff;
}

.home-banner .big-text {
	font-size: 48px;
	font-weight: bold;
}

.home-banner .small-text {
	margin-top: 10%;
	font-size: 20px;
}
.bannerBg{
	background-position: center 0;
	background-size: cover;
}
.homeRow{
	padding: 180px 0;
}
.moreBtn {
	display: inline-block;
	padding: 0 30px;
	min-width: 80px;
	line-height: 42px;
	border: solid 1px #acacac;
	color: #acacac;
	font-size: 15px;
	text-align: center;
	border-radius: 10px;
}

.moreBtn.active {
	background-color: #e11838;
	border: solid 1px #e11838;
	color: #fff;
}

.moreBtn.active:hover {
	opacity: 0.5;
}

.moreBtn:hover{
	background-color: #e11838;
	border: solid 1px #e11838;
	color: #fff;
}
.homeRowHeaderTitle{
	font-size: 28px;
	color: #e11838;
	font-weight: bold;
}
.homeRowHeaderTextBig{
	font-size: 48px;
	font-weight: bold;
	margin-top: -5px;
}
.homeRowHeaderTextSmall{
	font-size: 22px;
	padding: 55px 0 0 0;
}
.homeRowHeaderLeft{
	width: 215px;
	float: left;
}
.homeRowHeaderRight{
	margin-left: 215px;
}
.homeRowHeaderText{
	position: relative;
	padding: 0 140px 0 0;
}
.homeRowHeaderText .moreBtn{
	position: absolute;
	right: 0;
	top: 10px;
}
.homeRowHeaderTools{
	position: absolute;
	right: 0;
	top: 10px;
}


.homeRowHeaderTools .icon {
	width: 46px;
	height: 46px;
	border: solid 1px #acacac;
	border-radius: 50%;
	display: inline-block;
	margin-left: 12px;
	cursor: pointer;
	position: relative;
}

.homeRowHeaderTools .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 3px;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-left: 2px solid #acacac;
	border-bottom: 2px solid #acacac;
}

.homeRowHeaderTools .icon.right:after {
	transform: translate(-50%, -50%) rotate(225deg);
	margin-left: -3px;
}

.homeRowHeaderTools .icon:hover {
	border: solid 1px #e11838;
	background-color: #e11838;
	-webkit-transition:0.1s ease-in 0s;
	   -o-transition:0.1s ease-in 0s;
		  transition:0.1s ease-in 0s;
}

.homeRowHeaderTools .icon:hover:after {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.planSwiper{
	margin-top: 60px;
	position: relative;
	padding-right: 25%;
}
.planSwiperNav{
	position: absolute;
	right: 0;
	top: -25px;
	bottom: -25px;
	width: 25%;
	background: #e11838;
	z-index: 999;
	padding: 25px 0;
}
.planSwiperNav .swiper-slide {
	opacity: 0.4;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	-webkit-transition:0.1s ease-in 0s;
		   -o-transition:0.1s ease-in 0s;
			  transition:0.1s ease-in 0s;
}
.planSwiperNav .swiper-slide:hover{
	opacity: .7;
	font-weight: bold;
}
.planSwiperNav .swiper-slide-thumb-active,
.planSwiperNav .swiper-slide-thumb-active:hover{
	opacity: 1;
	font-weight: bold;
}
.planSwiper  .swiper-slide {
     
	  overflow:hidden;
    }
.planSwiperBg {
	background-size: cover;
	background-position: center;
	 
}
.planSwiperBgImg{
	display: block;
	opacity: 0;
	position: relative;
	z-index: 1;
}
.planSwiperMain{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 115px 100px 115px;
	max-width: 780px;
	color: #fff;
}
.planSwiperTitle{
	font-size: 38px;
	font-weight: bold;
}
.planSwiperText{
	font-size: 22px;
	padding-top: 20px;
	line-height: 160%;
}
/*  */

.home-solution {
	
	padding-bottom: 190px;
}

.h-title {
	padding-top: 180px;
	display: flex
}

.h-title .title {
	font-size: 28px;
	color: #e11838;
	font-weight: bold;
	width: 215px;
}

.h-title .text {
	color: #181818;
	flex: 1;
	position: relative;
}

.h-title .text .big-text {
	margin-top: -6px;
	font-size: 48px;
	font-weight: bold;
}

.h-title .text .small-text {
	font-size: 22px;
	margin: 55px 0 60px;
}

.h-title .text .more,.c-link {
	position: absolute;
	right: 0;
	top: 0;
	width: 136px;
	height: 42px;
	line-height: 42px;
	border: solid 1px #acacac;
	color: #acacac;
	font-size: 15px;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

.h-title .text .more.active,.c-link.active {
	background-color: #e11838;
	border: solid 1px #e11838;
	color: #fff;
}

.h-title .text .more.active:hover,.c-link.active:hover {
	opacity: 0.5;
}

.h-title .text .more:hover,.c-link:hover {
	background-color: #e11838;
	border: solid 1px #e11838;
	color: #fff;
}

.h-title .text .news-arrow {
	position: absolute;
	top: 0;
	right: 0;
}

.h-title .text .news-arrow .icon {
	width: 46px;
	height: 46px;
	border: solid 1px #acacac;
	border-radius: 50%;
	display: inline-block;
	margin-left: 12px;
	cursor: pointer;
	position: relative;
}

.h-title .text .news-arrow .icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 3px;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-left: 2px solid #acacac;
	border-bottom: 2px solid #acacac;
}

.h-title .text .news-arrow .icon.right:after {
	transform: translate(-50%, -50%) rotate(225deg);
	margin-left: -3px;
}

.h-title .text .news-arrow .icon:hover {
	border: solid 1px #e11838;
	background-color: #e11838;
	-webkit-transition:0.1s ease-in 0s;
	   -o-transition:0.1s ease-in 0s;
		  transition:0.1s ease-in 0s;
}

.h-title .text .news-arrow .icon:hover:after {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.home-solution .box {
	display: flex;
}

.home-solution .box .list {
	width: 75%;
	overflow: hidden;
	height: 620px;
}

.home-solution .box .list .item {
	position: relative;
	color: #fff;
	display: none;
}

.home-solution .box .list .item.active {
	display: block;
}

.home-solution .box .list .item .text {
	position: absolute;
	left: 10%;
	bottom: 15%;
	width: 70%;
}

.home-solution .box .big-text {
	font-size: 38px;
	font-weight: bold;
}

.home-solution .box .small-text {
	font-size: 22px;
	line-height: 38px;
	margin-top: 23px;
}

.home-solution .box .menu {
	width: 25%;
	height: 484px;
	background: #e11838;
	margin-left: -1px;
	margin-top: -25px;
	padding: 90px 0;
	overflow: hidden;

}

.home-solution .box .menu .menu-box {
	width: 105%;
	height: 100%;
	overflow: auto;
}

.home-solution .box .menu ul li {
	font-size: 30px;
	color: #ff7188;
	text-align: center;
	cursor: pointer;
	padding: 20px 0;
}

.home-solution .box .menu ul li.active {
	color: #fff;
	font-weight: bold;
}

.home-solution .box .menu ul li:hover {
	color: #fff;
	font-weight: bold;
}
.product .box {
	display: flex;
	margin-top: 90px;
}

.product .catalog {
	width: 235px;
}

.product .catalog .big-title {
	font-size: 18px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.product .catalog .list ul li {
	cursor: pointer;
}

.product .catalog .list ul li .level-1 {
	line-height: 54px;
	background-color: #f0f0f0;
	margin-bottom: 2px;
	padding-left: 22px;
	color: #525252;
	font-size: 18px;
	position: relative;
}

.product .catalog .list ul li .level-1 .arrow {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	width: 42px;
	height: 30px;
	background: url('../images/icon-arrow-right.png');
}

.product .catalog .list ul li .level-1.active .arrow {
	background: url('../images/icon-arrow-down.png');
}

.product .catalog .list ul li .level-1:hover {
	opacity: 0.8;
}

.product .catalog .list ul li .level-1.active {
	background-color: #e11838;
	color: #fff;
}

.product .catalog .list ul li ul {
	background-color: #fafafa;
	display: none;
	margin-bottom: 2px;
}

.product .catalog .list ul li ul li {
	line-height: 54px;
	padding-left: 42px;
	color: #535353;
}

.product .catalog .list ul li ul li:hover,
.product .catalog .list ul li ul li.active {
	background-color: #f0f0f0;
	color: #535353;
}

.product .list {
	flex: 1;
}

.product .list .big-title {
	font-size: 22px;
	font-weight: bold;
	padding-left: 3%;
	margin-bottom: 20px;
}

.product .list .item {
	float: left;
	width: 25%;
}
.product .list .listPad{
	margin: -15px 0 0 0;
	overflow: hidden;
}
.product .list .item .link {
	background-color: #fafafa;
	border: solid 1px #fafafa;
	cursor: pointer;
	display: block;
	margin:  30px 0 0 15px;
}

.product .list .item .link:hover {
	background-color: #fafafa;
	border: solid 1px #e8e8e8;
}


.product .list .item .cover {
	display: block;
	overflow: hidden;
}

.product .list .item .cover img {
	backface-visibility: hidden;
	display: block;
	-webkit-transition: transform 0.7s ease 0s;
	-o-transition: transform 0.7s ease 0s;
	transition: transform 0.7s ease 0s;

}

.product .list .item .cover:hover img {
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


.product .list .item .title {
	font-size: 20px;
	padding: 0 30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

.product .list .item .model {
	font-size: 16px;
	padding: 0 30px;
	color: #808080;
	margin-bottom: 20px;
}
.selectBox{
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
}
.selectBox select{
	border: none;
	background: none;
	width: 120%;
	font-size: 14px;
	padding: 10px 0 10px 10px;
}
.selectBox::after{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	content: '';
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #ccc transparent transparent transparent;
	position: absolute;
	right: 12px;
	top: 16px;
}

.c-about .cover {
	margin-top: 30px;
}
.c-about .count {
	padding-top: 100px;
}

.c-about .count ul {
	display: flex;
}

.c-about .count li {
	width: 25%;
	border-right: solid 1px #e8e8e8;
}

.c-about .count li:last-child {
	border-right: none;
}

.c-about .count li span {
	display: block;
	text-align: center;
}

.c-about .count li .big-text {
	font-size: 52px;
	color: #e11838;
}

.c-about .count li .big-text em {
	font-size: 30px;
	top: -15px;
	position: relative;
}

.c-about .count li .small-text {
	font-size: 22px;
	color: #a8a8a8;
	
}



.home-news .list {
	margin-top: 90px;
	overflow: hidden;
	position: relative;
}

.home-news .list .item {
	background-color: #fff;
}

.home-news .list .news-cover {
	display: block;
	overflow: hidden;
}

.home-news .list .news-cover img {
	backface-visibility: hidden;
	display: block;
	-webkit-transition: transform 0.7s ease 0s;
	-o-transition: transform 0.7s ease 0s;
	transition: transform 0.7s ease 0s;

}

.home-news .list .news-cover:hover img {
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.home-news .list .item-text {
	padding: 25px;
}

.home-news .list .item-text .type {
	font-size: 18px;
	margin-bottom: 10px;
	color: #e11838;
}

.home-news .list .item-text .title {
	font-size: 24px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	min-height: 70px;
}

.home-news .list .item-text .write {
	margin: 30px 0 50px 0;
	font-size: 18px;
	color: #b3b3b3;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
	min-height: 106px;
}

.home-news .list .item-text .handle {
	display: flex;
}

.home-news .list .item-text .handle .more {
	font-size: 18px;
	font-weight: bold;
	background: url('../images/icon-more-arrow.png') no-repeat left center;
	padding-left: 34px;
	position: relative;
}


.home-news .list .item-text .handle .time {
	font-size: 14px;
	line-height: 26px;
	color: #b3b3b3;
	text-align: right;
	flex: 1;
}
.phoneShow{
	display: none;
}

.home-service .list {
	margin-top: 50px;
}

.home-service .list ul {
	display: flex;
	flex-wrap: wrap;
}

.home-service .list ul li {
	width: 16.66%;
	line-height: 150px;
	text-align: center;
}

.home-service .list ul li a {
	cursor: default;
	display: block;
	padding: 0 10px;
}

.home-service .list ul li img {
	vertical-align: middle;
}

.home-service-tips {
	font-size: 14px;
	color: #d3d3d3;
	text-align: center;
	margin-top: 20px;
}

.footer {
	background-color: #181818;
	border-top: solid 4px #e11838;
	padding-top: 115px;
}

.footer .info {
	display: flex;
}

.footer .info .write {
	width: 40%;
}

.footer .info .write>img {
	margin-bottom: 60px;
}

.footer .info .write .company>img {
	float: left;
	margin-right: 36px;
}

.footer .info .write .company p {
	font-size: 20px;
	color: #7d7d7d;
	line-height: 36px;
}

.footer .menus {
	flex: 1;
}

.footer .menus>ul {
	display: flex;
}

.footer .menus ul>li {
	width: 16.666666%;
	text-align: center;
}

.footer .menus ul li .title {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}

.footer .menus ul li a:hover {
	color: #e11838;
}

.footer .menus ul li ul {
	padding-top: 35px;
}

.footer .menus ul li ul li {
	width: 100%;
}

.footer .menus ul li ul li a {
	font-size: 18px;
	color: #636363;
	line-height: 40px;
}

.footer .other {
	display: flex;
	padding: 80px 0;
}

.footer .other .icon-list a {
	margin-right: 5px;
	position: relative;
}

.footer .other .icon-list a:hover {
	opacity: 0.9;
}

.footer .other .icon-list a:hover .tool-dialog {
	display: block;
}

.footer .other .icon-list .tool-dialog {
	display: none;
	box-sizing: border-box;
	width: 170px;
	height: 200px;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
	background-color: #fff;
	position: absolute;
	left: -65px;
	top: -230px;
	text-align: center;
}

.footer .other .icon-list .tool-dialog:after {
	position: absolute;
	left: 75px;
	bottom: -15px;
	content: ' ';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid white;
	/* 这里设置三角形的颜色，比如白色 */
	transform: rotate(180deg);
}

.footer .other .icon-list .tool-dialog .title {
	line-height: 50px;
	font-size: 15px;
}

.footer .other .solgen {
	font-size: 21px;
	color: #7d7d7d;
	text-align: right;
	flex: 1;

}

.footer .copyright {
	padding: 40px 0;
	line-height: 24px;
	border-top: solid 1px #636363;
	font-size: 18px;
	color: #636363;
	text-align: center;
}
.footer .copyright .link{
	color: #636363;
	margin-left: 10px;
}
.footer .copyright .link:hover {
	color: #e11838;
}
.sub-banner .kw {
	height: 525px;
}

.sub-banner .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sub-banner .big-text {
	font-size: 48px;
	font-weight: bold;
}

.sub-banner .small-text {
	margin-top: 10px;
	font-size: 20px;
	color: #181818;
}

.sub-banner .link {
	margin-top: 50px;
}

.sub-banner .link a {
	background-color: #181818;
	font-size: 20px;
	height: 46px;
	line-height: 46px;
	padding: 0 43px;
	border-radius: 25px;
	color: #181818;
	display: inline-block;
	color: #fff;
}

.sub-banner .link a:hover {
	background-color: #e11838;
}
.sub-bannerBg{
	background-position: center 0;
	background-size: cover;
}


/* 公用静态页 */
.c-box {
	padding: 120px 0 250px;
}

.c-box .title {
	font-size: 28px;
	color: #e11838;
	font-weight: bold;
	margin-bottom: 50px;
}

.c-box .content {
	font-size: 22px;
	color: #181818;
	margin-bottom: 100px;
}

.c-box .cover {
	text-align: center;
	margin-bottom: 30px;
}
.content{
	text-align: justify;
}
.content p{
	text-indent: 2em;
}
/* 公用详情页 - 模块 */

/*关于我们*/
.about .map-preview {
	display: flex;
}

.about .map-preview .map {
	width: 40%;
}

.about .map-preview .box {
	padding-left: 95px;
	flex: 1;
}

.about .map-preview .box .info-title {
	font-size: 28px;
	font-weight: bold;
}

.about .map-preview .box .info {
	padding: 30px 0 30px;
	font-size: 20px;
	line-height: 40px;
	border-bottom: solid 1px #808080;
	display: flex;
}

.about .map-preview .box .info .left {
	width: 60%;
}

.about .map-preview .box .info .right {
	width: 40%;
}

.about .map-preview .box .icon {
	padding-top: 50px;
}

.about .map-preview .box .icon img {
	margin-right: 55px;
}
.about .count{
	padding-bottom: 120px;
}
/* 公用详情页 - 模块 */
.c-detail {
	padding: 120px 0;
}

.c-detail .box {
	margin-bottom: 80px;
}

.c-detail .title {
	font-size: 28px;
	color: #e11838;
	font-weight: bold;
	margin-bottom: 40px;
}

.c-detail .content {
	font-size: 22px;
	color: #181818;
	margin-bottom: 20px;
}

.c-detail .cover {
	text-align: center;
	margin-bottom: 30px;
}

.c-detail .list {
	clear: both;
	overflow: hidden;
}

.c-detail .list ul {
	width: 100%;
	clear: both;
}

.c-detail .list ul li {
	float: left;
	text-align: center;
	padding: 0 1%;
	box-sizing: border-box;
}

.c-detail .list ul.w20 li {
	width: 20%;
}

.c-detail .list ul.w16 li {
	width: 16.66%;
}

.c-detail .list ul.w16 li img {
	margin-bottom: 10px;
}
.path {
	height: 52px;
	line-height: 52px;
	border-bottom: solid 1px #f4f4f4;
	white-space: nowrap;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.path .kw {
	display: flex
}

.path .title {
	font-size: 22px;
	color: #000000;
	margin-right: 50px;
}

.path .write {
	font-size: 18px;
}

.path .write a.active {
	color: #e2264c;
	font-weight: bold;
}

.path .write span {
	padding: 0 4px;
}
/*  */
.pdRow{
	padding: 130px 0 100px 0;
	border-bottom: solid 2px #181818;
	overflow: hidden;
}
.pdRowLeft{
	width: 42%;
	float: left;
}
.pdRowRight{
	width: 58%;
	float: left;
}
.pdRowView{
	border: solid 1px #f1f1f1;
	overflow: hidden;
}
.pdRowRightPad{
	padding:0 50px 0 200px;
}
.pdRowHeader{
	border-bottom: solid 2px #181818;
	padding-bottom: 30px;
}
.pdRowHeaderTitle{
	font-weight: bold;
    font-size: 52px;
}
.pdRowHeaderModel{
	font-size: 24px;
	color: #a9a9a9;
}
.pdRowRightText{
	font-size: 22px;
	line-height: 160%;
	margin-top: 30px;
	min-height: 200px;
}
.pdMore{
	display: inline-block;
	padding-right: 20px;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url('../images/icon-menu-arrow.png') no-repeat right center  / auto 20px;
}
.pdMore:hover{
	text-decoration: underline;
}
.pdThumb{
	margin-top: 20px;
	position: relative;
}
.pdThumb .swiper-container{
	overflow: hidden;
}
.pdThumb .swiper-slide img{
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.pdThumb .swiper-slide .pdThumbBar{
	border: 1px solid rgba(0, 0, 0, 0);
	cursor: pointer;
	position: relative;
}
.pdBig .swiper-slide video{
	width: 100%;
}
.pdBigBar{
	display: flex;
	justify-items: center;
	height: 100%;
	align-items: center;
}
.pdThumb .swiper-slide .pdThumbBar .icon{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.pdThumb .swiper-slide:hover .pdThumbBar{
	border: 1px solid rgba(0, 0, 0, .05)
}
.pdThumb .swiper-slide-thumb-active .pdThumbBar,
.pdThumb .swiper-slide-thumb-active:hover .pdThumbBar{
	border: 1px solid rgba(0, 0, 0, .1)
}


.pdThumbNext:before,
.pdThumbPrev:before {
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	left: 9px;
	top: 50%;
	border-top: 3px solid #868686;
	border-right: 3px solid #868686;
	border-radius: 3px;
	margin: -5px 0 0 0;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	cursor: pointer;
}

.pdThumbPrev:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	left: 1px;
}
.pdThumbNext,
.pdThumbPrev{
	width: 30px;
	height: 120px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
}
.pdThumbNext{
	left: -45px;
}
.pdThumbPrev{
	right: -45px;
}

.productDetail .params {
	margin: 50px 0;
}
.productDetail .params li {
	width: 100%;
	display: flex;
	color: #171717;
	line-height: 30px;
	padding: 10px 0;
}
.productDetail .params li .label {
	width: 380px;
	font-weight: bold;
}

.productDetail .params li .write {
	flex: 1;
}


.solution {
	padding: 165px 0 200px;
}

.solution .item {
	padding: 70px 0 40px 30px;
	cursor: pointer;
	display: flex;
	border-bottom: solid 1px #808080;
}

.solution .item .cover {
	width: 629px;
	display: block;
	overflow: hidden;
}

.solution .item .cover img {
	backface-visibility: hidden;
	display: block;
	-webkit-transition: transform 0.7s ease 0s;
	-o-transition: transform 0.7s ease 0s;
	transition: transform 0.7s ease 0s;

}

.solution .item .cover:hover img {
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.solution .item .text {
	flex: 1;
	padding-left: 60px;
	color: #171717;
}

.solution .item .text .title {
	font-size: 30px;
	font-weight: bold;
}

.solution .item .text .type {
	font-size: 30px;
	height: 120px;
}

.solution .item .text .info {
	font-size: 25px;
	min-height: 110px;
	margin-bottom: 50px;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}

.solution .item .text .more {
	font-size: 20px;
	text-align: right;
}

.solution .item:hover {
	border-bottom: solid 2px #e11838;
}

.solution .item:hover .more a {
	color: #e11838;
}


.news {
	padding: 160px 0 100px 0;
}

.news .news-item {
	background: #fff;
	margin: 20px 0 0 20px;
}

.news li {
	width: 33.3%;
	float: left;
}

.news ul {
	margin: -20px 0 0 -20px;
}

.news .news-text {
	padding: 20px 0;
}

.news .news-text h3 {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 22px;
	margin: 0;
	padding: 20px 0 10px 0;
}

.news .news-text .time {
	font-size: 22px;
}

.news-text .link {
	margin-top: 20px;
}

.news .news-text .link a {
	font-size: 20px;
}

.news .news-text .link a span:after {
	background-color: #e11838;
}
.news .news-text .link a:hover{
	color: #e11838;
}

.news .news-cover {
	display: block;
	overflow: hidden;
}

.news .news-cover img {
	backface-visibility: hidden;
	display: block;
	-webkit-transition: transform 0.7s ease 0s;
	-o-transition: transform 0.7s ease 0s;
	transition: transform 0.7s ease 0s;
}

.news .news-cover:hover img {
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.news-detail {
	padding: 90px 0 200px;
}

.news-detail .title {
	font-size: 28px;
	color: #e11838;
	font-weight: bold;
	margin-bottom: 70px;
}

.news-detail .content {
	font-size: 22px;
}

.news-detail .content p {
	margin-bottom: 20px;
}



/*加入我们*/
.join .work .item {
	
	padding: 0 30px 30px 30px;
	display: flex;
	border-bottom: solid 2px #808080;
	font-size: 18px;
	margin-bottom: 30px;
}

.join .work .item .info {
	width: 70%;
}

.join .work .item .info .name {
	font-size: 24px;
	margin-bottom: 10px;
}

.join .work .item .info .write {
	font-size: 18px;
	color: #808080;
	line-height: 30px;
}

.join .work .item .more {
	width: 30%;
	text-align: right;
	color: #808080;
	position: relative;
	padding-top: 60px;
}
.join .work-detail .name {
	color: #e11838;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}

.join .work-detail .info {
	font-size: 22px;
}

.join .work-detail .write {
	padding: 80px 0;
}

.join .work-detail .write p {
	font-size: 22px;
	margin-bottom: 60px;
	line-height: 38px;
}

.join .work-detail .write .s-title {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}



/** 搜索页 **/

.search-result .search-title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.search-result .search-form {
	max-width: 770px;
	margin: 0 auto;
	padding: 0 28px 0 0;
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	border: solid 1px #e8e8e8;
}

.search-result .search-form .input {
	width: 100%;
	height: 28px;
	padding: 5px 0 5px 40px;
	line-height: 28px;
	border: none;
	background: none;
}

.search-result .search-form .icon {
	border: none;
	background: url(../images/icon-search.png) no-repeat;
	overflow: hidden;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 15px;
	text-indent: -10em;
	top: 10px;
}

.search-result .search-count {
	font-size: 22px;
	font-weight: bold;
	margin-top: 85px;
	margin-bottom: 30px;
}

.search-result .search-list {
	margin-bottom: 50px;
}

.search-result .search-list .item {
	background-color: #fafafa;
	margin-bottom: 13px;
	padding: 30px 20px;
	font-size: 20px;
	cursor: pointer;
}

.search-result .search-list .item:hover {
	background-color: #ededed;
}

.search-result .search-list .item .name {
	font-size: 30px;
	font-weight: bold;
}

.search-result .search-list .item .url {
	color: #a9a9a9;
}

.search-result .search-list .item .write {
	font-size: 22px;
	margin: 10px 0 20px;
}

.search-result .search-list .item .type {
	color: #adadad;
}



/*分页*/
.c-page {
	text-align: center;
	font-size: 20px;
	line-height: 36px;
}

.c-page .count {
	margin-right: 35px;
}

.c-page a {
	margin: 0 5px;
}

.c-page a.disable {
	opacity: 0.4;
	cursor: not-allowed;
}

.c-page .number {
	display: inline-block;
	border-radius: 50%;
	padding: 0 13px;
}

.c-page a img {
	top: -2px;
	position: relative;
}

.layui-laypage {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    margin: 10px 0;
    font-size: 0
}

.layui-laypage>a:first-child,.layui-laypage>a:first-child em {
    border-radius: 2px 0 0 2px
}

.layui-laypage>a:last-child,.layui-laypage>a:last-child em {
    border-radius: 0 2px 2px 0
}

.layui-laypage>:first-child {
    margin-left: 0!important
}

.layui-laypage>:last-child {
    margin-right: 0!important
}

.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span {
    /* border: 1px solid #eee */
}

.layui-laypage a,.layui-laypage span {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 20px
}

.layui-laypage a[data-page] {
    color: #333
}

.layui-laypage a {
    text-decoration: none!important;
    cursor: pointer
}

.layui-laypage a:hover {
    color: #16baaa
}

.layui-laypage em {
    font-style: normal
}

.layui-laypage .layui-laypage-spr {
    color: #999;
    font-weight: 700
}

.layui-laypage .layui-laypage-curr {
    position: relative
}

.layui-laypage .layui-laypage-curr em {
    position: relative;
    color: #000;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #ededed;
	border-radius: 50%;
}

.layui-laypage-em {
    border-radius: 2px
}

.layui-laypage-next em,.layui-laypage-prev em {
    font-family: Sim sun;
    font-size: 16px
}

.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    border: none
}

.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh {
    vertical-align: top
}

.layui-laypage .layui-laypage-refresh i {
    font-size: 18px;
    cursor: pointer
}

.layui-laypage select {
    height: 22px;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer
}

.layui-laypage .layui-laypage-skip {
    height: 30px;
    line-height: 30px;
    color: #999
}

.layui-laypage button,.layui-laypage input {
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box
}

.layui-laypage input {
    display: inline-block;
    width: 40px;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center
}

.layui-laypage input:focus,.layui-laypage select:focus {
    border-color: #16baaa!important
}

.layui-laypage button {
    margin-left: 10px;
    padding: 0 10px;
    cursor: pointer
}

.phonePageNav{
	text-align: center;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
	
}
.phonePageNav a{
	display: inline-block;
	padding: 0 12px;
}
.phonePageNav a span{
	display: inline-block;
	position: relative;
	line-height: 50px;
	font-size: 16px;
}
.phonePageNav a span::after{
	display: block;
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -1px;
	height: 1px;
	overflow: hidden;
	background: #e11838;
	opacity: 0;
	-webkit-transition:0.2s ease-in 0s;
		   -o-transition:0.2s ease-in 0s;
			  transition:0.2s ease-in 0s;
}
.phonePageNav a:hover span::after,
.phonePageNav a.active span::after{
	left: 0;
	right: 0;
	opacity: 1;
}
.phonePageNav a.active,
.phonePageNav a.active:hover{
	color: #e11838;
}
.phonePageNavBor{
	border-bottom: 1px solid #f5f5f5;
	white-space:nowrap;
}
.c-page .number.active,
.c-page .number:hover {
	background-color: #ededed;
}

.windowBox{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 9999;
	display: none;
}
.windowMain{
	position: fixed;
	width: 1440px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.windowMainPad{
	padding: 60px 100px 50px 100px;
}
.windowText{
	font-size: 22px;
	text-align: center;
	padding: 20px 0 0 0;
}
.windowTitle{
	font-size: 52px;
	text-align: center;
	font-weight: bold;
}
.windowClose{
	position: absolute;
	width: 24px;
	height: 24px;
	right: 50px;
	top: 50px;
}
.windowClose::after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 24px;
	background: #e5e5e5;
	border-radius: 3px;
	transform: rotate(45deg);
}
.windowClose::before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 24px;
	background: #e5e5e5;
	border-radius: 3px;
	transform: rotate(-45deg);
}
.windowClose:hover::before,
.windowClose:hover::after{
	background: #000;
}
.windowFromRow{
	gap: 30px;
	display: flex;
}
.windowFromCol{
	flex: 1;
}
.windowFrom{
	padding: 50px 0 0 0;
}
.windowFromRow{
	padding-bottom: 20px;
}
.windowInput{
	border: none;
	width: 100%;
	border-radius: 50px;
	border: none;
	background: #f6f6f6;
	padding: 15px 25px;
	box-sizing: border-box;
	font-size: 22px;
	height: 70px;
	line-height: 70px;
}
.windowFromLabel{
	width: 150px;
	font-weight: bold;
	padding-left: 20px;
	font-size: 22px;
}
.windowLabelTab a{
	display: inline-block;
	font-size: 22px;
	line-height: 32px;
	padding: 0 40px;
	margin-bottom: 5px;
}
.windowLabelTab a.active{
	color: #e2274c;
	text-decoration: underline;
	font-weight: bold;
}
.windowLabelTab a:hover{
	color: #e2274c;
}
.windowTextarea{
	resize: none;
	background: #fff;
	border: 1px solid #eee;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	font-size: 22px;
	height: 120px;
}
.windowTextarea::placeholder,
.windowInput::placeholder{
    color: #ccc; /* 例如设置为灰色 */
}
.windowFooter{
	padding: 35px 0 0 0;
	text-align: center;
}
.windowSubmitBtn{
	display: inline-block;
	background: #e2274c;
	padding: 0 40px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 40px;
}
.windowSubmitBtn:hover{
	background: #bd0d30;
	color: #fff;
	text-decoration: none;
}
.banner .swiper-slide{
	background-size: auto 100% !important;
}
.odmImgPad{
	padding: 50px 0 150px 0;
}
.oemImgPad{
	padding: 50px 0;
}


.home-ad-dialog{
	display: none;
	background-color: rgba(0, 0, 0, .2);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.home-ad-dialog .cover{
	position: fixed;
	top: 50%;           
	left: 50%;           
	transform: translate(-50%, -50%);
	z-index: 99999;
}

@media (max-width: 1440px) {
	.nav li {
		padding: 0 30px;
	}
	
	.nav li a {
		line-height: 90px;
		font-size: 14px;
	}
	.logo {
		top: 20px;
	}
	.head-tool{
		top: 26px;
	}
	.search-input{
		font-size: 14px;
	}
	.side-menu{
		top: 91px;
	}
	.side-menu .menu-product{
		padding: 30px 50px;
	}
	.side-menu .normal ul{
		padding: 0;
	}
	.side-menu .menu-product .catalog {
		width: 220px;
	}
	.side-menu .menu-product .list{
		padding-left: 240px;
	}
	.side-menu .menu-product .catalog .more a{
		padding-right: 26px;
		font-size: 14px;
		background: url('../images/icon-menu-arrow.png') no-repeat right center / 8px auto;
	}
	.side-menu .menu-product .catalog ul li{
		margin-top: 20px;
	}
	.side-menu .menu-product .catalog ul li a{
		font-size: 14px;
	}
	.side-menu .normal ul li a:hover:after,
	.side-menu .menu-product .list ul li a:hover:after,
	.side-menu ul li.active a:after {
		height: 1px;
		bottom: -2px;
	}
	.side-menu .menu-product .list ul li{
		margin: 30px 20px 0;
	}
	.side-menu .menu-product .list ul li a{
		font-size: 14px;
	}
	.side-menu ul li a{
		font-size: 14px;
	}
	.side-menu .normal ul li{
		padding: 0 40px;
	}
	.side-menu .normal{
		line-height: 80px;
	}
	.banner .swiper-pagination {
		bottom: 30px;
	}
	
	.home-banner .kw {
		height: 400px;
	}
	.banner .swiper-pagination-bullet{
		width: 32px;
	}
	
	.home-banner .big-text {
		font-size: 42px;
	}
	
	.home-banner .small-text {
		font-size: 18px;
	}
	.homeRow{
		padding: 100px 0;
	}
	.homeRowHeaderTitle{
		font-size: 24px;
	}
	.homeRowHeaderTextBig{
		font-size: 38px;
	}
	.homeRowHeaderTextSmall{
		font-size: 18px;
		padding: 35px 0 0 0;
	}
	.moreBtn{
		line-height: 38px;
		padding: 0 30px;
		min-width: 60px;
		font-size: 14px;
	}
	.homeRowHeaderText .moreBtn{
		top: 12px;
	}
	
	.planSwiperMain{
		padding: 0 80px 60px 80px;
	}
	.planSwiperTitle{
		font-size: 32px;
	}
	.planSwiperText{
		font-size: 18px;
		padding-top: 15px;
	}
	.planSwiperNav .swiper-slide{
		line-height: 70px;
		height: 70px;
		font-size: 24px;
	}
	
	.product .list .listPad{
		margin: -20px 0 0 0;
	}
	.product .list .item .link {
		margin: 20px 0 0 20px;
	}
	
	.product .list .item .title {
		font-size: 18px;
		padding: 0 20px;
	}
	
	.product .list .item .model {
		font-size: 14px;
		padding: 0 20px;
		margin-bottom: 15px;
	}
	
	.c-about .count{
		padding-top: 60px;
	}
	.c-about .count li .big-text {
		font-size: 44px;
	}
	
	.c-about .count li .big-text em {
		font-size: 24px;
		top: -10px;
	}
	
	.c-about .count li .small-text {
		font-size: 18px;
	}
	
	
	
	.home-news .list{
		margin-top: 60px;
	}
	.home-news .list .item-text {
		padding: 20px;
	}
	
	.home-news .list .item-text .type {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.home-news .list .item-text .title {
		font-size: 20px;
		min-height: 56px;
	}
	
	.home-news .list .item-text .write {
		margin: 20px 0 30px 0;
		font-size: 16px;
		min-height: 92px;
	}

	
	.home-news .list .item-text .handle .more {
		font-size: 16px;
		padding-left: 30px;
		background: url('../images/icon-more-arrow.png') no-repeat left center / 18px auto;
	}
	.home-news .list .item-text .handle .time {
		font-size: 12px;
		line-height: 24px;
	}
	.footer{
		padding-top: 80px;
	}
	.footer .other{
		padding: 60px 0;
	}
	.footer .copyright{
		padding: 30px 0;
		font-size: 16px;
	}
	.footer .info .write .company p{
		font-size: 18px;
	}
	.footer .menus ul li .title{
		font-size: 16px;
	}
	.footer .menus ul li ul li a{
		font-size: 16px;
		line-height: 35px;
	}
	.footer .menus ul li ul{
		padding-top: 25px;
	}
	
	
	
	
	.sub-banner .kw {
		height: 420px;
	}

	
	.sub-banner .big-text {
		font-size: 38px;
	}
	
	.sub-banner .small-text {
		font-size: 18px;
	}
	
	.sub-banner .link {
		margin-top: 40px;
	}
	
	.sub-banner .link a {
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		padding: 0 35px;
	}
	
	
	.c-box {
		padding: 80px 0 120px 0;
	}
	
	.c-detail {
		padding: 80px 0 120px 0;
	}
	
	
	.c-box .title {
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	.c-box .content {
		font-size: 18px;
		margin-bottom: 60px;
	}
	
	.c-box .cover {
		margin-bottom: 20px;
	}
	.about .count{
		padding-bottom: 80px;
	}
	.about .map-preview .box .info-title{
		font-size: 24px;
	}
	.about .map-preview .box .info{
		font-size: 16px;
		line-height: 180%;
	}
	.about .map-preview .box .icon{
		padding-top: 40px;
	}
	.about .map-preview .box .icon img{
		margin-right: 45px;
		width: 40px;
	}
	.about .map-preview .box{
		padding-left: 70px;
	}
	
	/*  */
	.c-detail .box {
		margin-bottom: 80px;
	}
	
	.c-detail .title {
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	.c-detail .content {
		font-size: 18px;
	}
	
	.c-detail .cover {
		margin-bottom: 20px;
	}
	
	
	.path {
		height: 48px;
		line-height: 48px;
		border-bottom: solid 1px #f4f4f4;
	}
	.path .title {
		font-size: 18px;
		margin-right: 40px;
	}
	.path .write {
		font-size: 16px;
	}	
	.path .write span {
		padding: 0 4px;
	}
	.pdRow{
		padding: 90px 0 60px 0;
	}
	.pdRowRightPad{
		padding: 0 50px 0 100px;
	}
	.pdRowHeaderTitle{
		font-size: 42px;
	}
	.pdRowHeaderModel{
		font-size: 20px;
	}
	.pdRowRightText{
		font-size: 18px;
	}
	
	
	.productDetail .params {
		margin: 40px 0;
	}
	.productDetail .params li {
		font-size: 14px;
		line-height: 24px;
		padding: 5px 0;
	}
	.productDetail .params li .label {
		width: 300px;
	}
	
	
	
	
	.solution {
		padding: 80px 0 120px;
	}
	
	.solution .item {
		padding: 50px 0 30px 20px;
	}
	
	.solution .item .cover {
		width: 500px;
		display: block;
		overflow: hidden;
	}
	.solution .item .text {
		padding-left: 40px;
	}
	
	.solution .item .text .title {
		font-size: 24px;
		font-weight: bold;
	}
	
	.solution .item .text .type {
		font-size: 24px;
		height: 80px;
	}
	
	.solution .item .text .info {
		font-size: 20px;
		min-height: 90px;
	}
	
	.solution .item .text .more {
		font-size: 16px;
	}
	
	
	
	.news {
		padding: 80px 0 60px 0;
	}
	
	
	.news .news-text {
		padding: 20px 0;
	}
	
	.news .news-text h3 {
		font-size: 20px;
		padding: 10px 0 5px 0;
	}
	
	.news .news-text .time {
		font-size: 20px;
	}
	
	.news-text .link {
		margin-top: 10px;
	}
	
	.news .news-text .link a {
		font-size: 18px;
	}
	
	
	.news-detail {
		padding: 60px 0 120px;
	}
	
	.news-detail .title {
		font-size: 24px;
		margin-bottom: 50px;
	}
	
	.news-detail .content {
		font-size: 18px;
	}
	
	.news-detail .content p {
		margin-bottom: 15px;
	}
	
	.join .work .item{
	    padding: 0 20px 20px 20px;
	    margin-bottom: 20px;
	}
	.join .work .item .info .name{
		font-size: 20px;
	}
	.join .work .item .info .write{
		font-size: 16px;
	}
	.join .work .item .more{
		font-size: 14px;
	}
	.join .c-link{
		font-size: 14px;
		line-height: 36px;
		height: 36px;
		padding: 0 30px;
		width: auto;
	}
	
	
	
	
	.search-result .search-title{
		font-size: 24px;
		
	}
	.search-result .search-count{
		font-size: 18px;
		margin: 50px 0 20px 0;
	}
	.search-result .search-list .item .name{
		font-size: 24px;
	}
	.search-result .search-list .item .url{
		font-size: 14px;
	}
	.search-result .search-list .item .write{
		font-size: 18px;
	}
	.search-result .search-list .item .type{
		font-size: 14px;
	}
	
	
	
	.c-page {
		font-size: 18px;
		line-height: 30px;
	}
	
	.c-page .count {
		margin-right: 30px;
	}
	
	.c-page a {
		margin: 0 5px;
	}
	.c-page .number {
		padding: 0 10px;
	}
	
	
	
	
	
	
	
	.windowMain{
		
		width: 1024px;
	}
	.windowMainPad{
		padding: 60px 100px 30px 100px;
	}
	.windowText{
		font-size: 18px;
		padding: 15px 0 0 0;
	}
	.windowTitle{
		font-size: 42px;
	}
	.windowClose{
		right: 30px;
		top: 30px;
	}
	
	.windowFromRow{
		gap: 20px;
		display: flex;
	}
	.windowFrom{
		padding: 40px 0 0 0;
	}
	.windowFromRow{
		padding-bottom: 15px;
	}
	.windowInput{
		
		padding: 10px 20px;
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}
	.windowFromLabel{
		width: 120px;
		padding-left: 15px;
		font-size: 18px;
	}
	.windowLabelTab a{
		font-size: 18px;
		line-height: 30px;
		padding: 0 30px;
	}
	
	.windowTextarea{
		padding: 10px;
		font-size: 18px;
		height: 120px;
	}
	
	.windowFooter{
		padding: 20px 0 0 0;
	}
	.windowSubmitBtn{
		padding: 0 40px;
		line-height: 40px;
		font-size: 18px;
	}
	
	
	.pdMore {
	  
	    padding-right: 16px;
	    font-size: 20px;
	    background: url(../images/icon-menu-arrow.png) no-repeat right center / auto 14px;
	}
	
	
	
	
	
	
	
	.join .work-detail .name {
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.join .work-detail .info {
		font-size: 18px;
	}
	
	.join .work-detail .write {
		padding: 60px 0;
	}
	
	.join .work-detail .write p {
		font-size: 16px;
		margin-bottom: 40px;
		line-height: 32px;
	}
	
	.join .work-detail .write .s-title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	
	.odmImgPad{
		padding: 40px 0 100px 0;
	}
	.oemImgPad{
		padding: 40px 0;
	}
	
	.side-menu .menu-product .catalog {
		max-height: 400px;
	}
	
}


@media (max-width: 1280px) {
	.nav li {
		padding: 0 18px;
	}
	
	.nav li a {
		line-height: 80px;
	}
	.logo{
		top: 15px;
	}
	.head-tool{
		top: 20px;
	}
	.headerPad{
		padding: 0 220px 0 170px;
	}
	.side-menu{
		top: 81px;
	}
	.search-box {
		width: 180px;
	}
	
	.planSwiperMain{
		padding: 0 50px 40px 50px;
	}
	.planSwiperTitle{
		font-size: 24px;
	}
	.planSwiperText{
		font-size: 16px;
		padding-top: 10px;
	}
	.planSwiperNav .swiper-slide{
		line-height: 60px;
		height: 60px;
		font-size: 20px;
	}
	.footer .info .write .company>img{
		float: none;
		display: block;
	}
	.footer .info .write>img{
		margin-bottom: 40px;
	}
	.footer .info .write .company p{
		font-size: 14px;
		line-height: 160%;
		padding: 15px 0 0 0;
	}
	.footer .info .write{
		width: 32%;
	}
	.footer{
		padding-top: 60px;
	}
	.footer .other{
		padding: 40px 0;
	}
	.footer .other .solgen{
		font-size: 18px;
		line-height: 36px;
	}
	.footer .copyright{
		padding: 20px 0;
		font-size: 14px;
	}
	
	
	.c-box {
		padding: 60px 0 80px 0;
	}
	.c-detail {
		padding: 60px 0 80px 0;
	}
	
	.c-box .title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.c-box .content {
		font-size: 16px;
		margin-bottom: 40px;
	}
	
	.c-box .cover {
		margin-bottom: 10px;
	}
	.about .map-preview .box .info .left{
		width: 50%;
	}
	.about .map-preview .box .info .right{
		width: 50%;
	}
	
	
	/*  */
	.c-detail .box {
		margin-bottom: 60px;
	}
	
	.c-detail .title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.c-detail .content {
		font-size: 16px;
	}
	
	.c-detail .cover {
		margin-bottom: 10px;
	}
	.c-detail .list ul.w16 li{
		font-size: 14px;
	}
	
	
	.pdRow{
		padding: 60px 0 40px 0;
	}
	.pdRowRightPad{
		padding: 0 40px 0 60px;
	}
	.pdRowHeaderTitle{
		font-size: 32px;
	}
	.pdRowHeaderModel{
		font-size: 18px;
	}
	.pdRowRightText{
		font-size: 16px;
		min-height: initial;
		padding-bottom: 20px;
	}
	.pdThumbNext, .pdThumbPrev{
		width: 22px;
	}
	.pdThumbNext:before, .pdThumbPrev:before{
		width: 12px;
		height: 12px;
		border-top: 2px solid #868686;
		border-right: 2px solid #868686;
		border-radius: 2px;
	}
	.pdThumbNext{
		left: -30px;
	}
	.pdThumbPrev{
		right: -30px;
	}
	.pdMore {
	    padding-right: 15px;
		font-size: 14px;
	    background: url(../images/icon-menu-arrow.png) no-repeat right center / 8px auto;
	}
	
	
	
	.solution {
		padding: 60px 0 80px;
	}
	
	.solution .item {
		padding: 30px 0 20px 10px;
	}
	
	.solution .item .cover {
		width: 380px;
	}
	.solution .item .text {
		padding-left: 30px;
	}
	
	.solution .item .text .title {
		font-size: 20px;
	}
	
	.solution .item .text .type {
		font-size: 20px;
		height: 60px;
	}
	
	.solution .item .text .info {
		font-size: 18px;
		min-height: 78px;
		margin-bottom: 20px;
	}
	
	.solution .item .text .more {
		font-size: 14px;
	}
	
	
	.news {
		padding: 60px 0 40px 0;
	}
	
	
	.news .news-text {
		padding: 10px 0 15px 0;
	}
	
	.news .news-text h3 {
		font-size: 18px;
	}
	
	.news .news-text .time {
		font-size: 18px;
	}
	.news .news-text .link a {
		font-size: 16px;
	}
	
	
	.news-detail {
		padding: 40px 0 80px;
	}
	
	.news-detail .title {
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	.news-detail .content {
		font-size: 16px;
	}
	
	
	.windowMain{
		
		width: 768px;
	}
	.windowMainPad{
		padding:  30px;
	}
	.windowText{
		font-size: 16px;
		padding: 10px 0 0 0;
	}
	.windowTitle{
		font-size: 32px;
	}
	.windowClose{
		right: 20px;
		top: 20px;
	}
	.windowFrom{
		padding: 30px 0 0 0;
	}
	.windowInput{
		
		padding: 10px 15px;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}
	.windowFromLabel{
		width: 100px;
		padding-left: 10px;
		font-size: 16px;
	}
	.windowLabelTab a{
		font-size: 16px;
		padding: 0 25px;
	}
	
	.windowTextarea{
		font-size: 16px;
	}
	.windowSubmitBtn{
		padding: 0 30px;
		line-height: 35px;
		font-size: 16px;
	}
	.nav {
		padding-left: 2%;
	}
	
	.odmImgPad{
		padding: 30px 0 60px 0;
	}
	.oemImgPad{
		padding: 30px 0;
	}
}
@media (max-width: 1024px) {
	.nav li {
		padding: 0 10px;
	}
	.homeRow{
		padding: 80px 0;
	}
	.homeRowHeaderTitle{
		font-size: 20px;
	}
	.homeRowHeaderTextBig{
		font-size: 32px;
	}
	.homeRowHeaderTextSmall{
		font-size: 16px;
		padding: 25px 0 0 0;
	}
	.homeRowHeaderText .moreBtn{
		top: 12px;
	}
	.homeRowHeaderLeft{
		width: 180px;
	}
	.homeRowHeaderRight{
		margin-left: 180px;
	}
	.homeRowHeaderText .moreBtn{
		top: 10px;
	}
	
	.product .list .item .title {
		font-size: 15px;
		padding: 0 15px;
	}
	
	.product .list .item .model {
		font-size: 14px;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .list .item{
		width: 33.33333333%;
	}
	.product .list .big-title{
		font-size: 18px;
	}
	.product .catalog .big-title{
		font-size: 18px;
		padding-left: 15px;
		margin-bottom: 15px;
	}
	.product .catalog .list ul li .level-1{
		line-height: 45px;
		padding-left: 15px;
		font-size: 18px;
	}
	.product .catalog .list ul li ul li{
		padding-left: 35px;
		font-size: 14px;
		line-height: 45px;
	}
	
	.product .catalog .list ul li .level-1 .arrow {
		top: 12px;
		right: 0;
		background: url('../images/icon-arrow-right.png') no-repeat 0 0 / 32px auto;
	}
	.product .catalog .list ul li .level-1.active .arrow{
		background: url(../images/icon-arrow-down.png) no-repeat 0 0 / 32px auto;;
	}
	.product .catalog{
		width: 200px;
	}
	.product .box{
		margin-top: 50px;
	}
	
	.c-about .count{
		padding-top: 50px;
	}
	.c-about .count li .big-text {
		font-size: 38px;
	}
	
	.c-about .count li .big-text em {
		font-size: 20px;
		top: -5px;
	}
	
	.c-about .count li .small-text {
		font-size: 16px;
	}
	
	.homeRowHeaderTools .icon {
		width: 32px;
		height: 32px;
		margin-left: 12px;
	}
	.homeRowHeaderTools .icon:after{
		width: 6px;
		height: 6px;
		margin-left: 1px;
	}
	.homeRowHeaderTools .icon.right:after{
		margin-left: -1px;
	}
	
	
	
	.home-news .list{
		margin-top: 50px;
	}

	.home-news .list .item-text .type {
		font-size: 14px;
		margin-bottom: 5px;
	}
	
	.home-news .list .item-text .title {
		font-size: 18px;
		min-height: 48px;
	}
	
	.home-news .list .item-text .write {
		margin: 15px 0 20px 0;
		font-size: 14px;
		min-height: 80px;
	}
	
	
	.home-news .list .item-text .handle .more {
		font-size: 14px;
		padding-left: 25px;
		background: url('../images/icon-more-arrow.png') no-repeat left center / 14px auto;
	}
	.home-news .list .item-text .handle .time {
		font-size: 11px;
		line-height: 20px;
	}
	.home-service .list ul li{
		line-height: 120px;
	}
	
	.path {
		height: 42px;
		line-height: 42px;
	}
	.path .title {
		font-size: 16px;
		margin-right: 20px;
	}
	.path .write {
		font-size: 14px;
	}	
	.path .write span {
		padding: 0 2px;
	}
	
	.pdRow{
		padding: 50px 0 30px 0;
	}
	.pdRowHeaderTitle{
		font-size: 24px;
	}
	.pdRowHeaderModel{
		font-size: 16px;
	}
	.pdRowHeader{
		padding-bottom: 20px;
	}
	.pdRowRightText{
		margin: 20px 0 0 0;
		font-size: 14px;
	}
	.productDetail .params li .label {
		width: 220px;
	}
	
	
	
	.solution {
		padding: 40px 0 60px;
	}
	
	.solution .item {
		padding: 20px 0 20px 0;
	}
	
	.solution .item .cover {
		width: 320px;
	}
	.solution .item .text {
		padding-left: 20px;
	}
	
	.solution .item .text .title {
		font-size: 18px;
	}
	
	.solution .item .text .type {
		font-size: 18px;
		height: 52px;
	}
	
	.solution .item .text .info {
		font-size: 16px;
		min-height: 70px;
		margin-bottom: 15px;
	}
	
	.solution .item .text .more {
		font-size: 12px;
	}
	
	.join .work .item{
		padding:0 0 20px 0;
	}
	.join .work .item .info .name{
		font-size: 18px;
	}
	.join .work .item .info .write{
		font-size: 14px;
	}
	.join .c-link{
		line-height: 32px;
		height: 32px;
		padding: 0 20px;
	}
	
	.layui-box{
		font-size: 14px !important;
	}
	.c-page a{
		font-size: 14px !important;
	}
	.layui-laypage-curr{
		font-size: 14px !important;
	}
	.c-page a img{
		width: 8px;
	}
	.layui-laypage-count{
		font-size: 14px !important;
	}
	.nav{
		padding-left: 0;
		text-align: center;
	}
	
	.home-banner .text {
		bottom: auto;
		margin-bottom: 0;
		transform: translateY(-50%);
		top: 50%;
	}
}

@media (max-width: 960px) {
	.side-menu{
		display: none !important;
	}
	.nav{
		
		left: 0;
		right: 0;
		top: 61px;
		background: #fff;
		position: fixed;
		z-index: 9999;
		display: none;
	}
	.nav li{
		display: block;
		margin: 0;
		padding: 0;
	}
	.nav .nav-underline{
		display: none;
	}
	.nav li a{
		line-height: 50px;
		font-size: 16px;
		border-bottom: 1px solid #f5f5f5;
	}
	.nav li.active a{
		color: #e11838;
	}
	.header{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background: #fff;
		z-index: 99999;
		
	}
	.headerPad{
		padding: 0;
		height: 60px;
	}
	.logo{
		top: 10px;
		left: 20px;
	}
	.logoBox{
		width: 150px;
		height: 40px;
		background: url(../images/logo.png) no-repeat 0 0 / auto 100%;
	}
	.phoneTool{
		display: block;
	}
	.searchIcon{
		background: url(../images/icon-search.png) no-repeat center center;
		display: inline-block;
		width: 60px;
		height: 60px;
	}
	.searchPc{
		display: none;
	}
	.phoneToolItem{
		line-height: 60px;
		display: inline-block;
		border-left: 1px solid #eee;
		height: 60px;
		overflow: hidden;
		position: relative;
	}
	
	.head-tool{
		top: 0;
		right: 0;
	}
	.header .kw{
		padding: 0;
	}
	
	.openIcon {
		display: block;
		height: 60px;
		width: 60px;
	
	}
	
	.openIcon i,
	.openIcon:before,
	.openIcon:after {
		height: 2px;
		width: 24px;
		overflow: hidden;
		display: block;
		content: '';
		background: #bbb;
		position: absolute;
		left: 50%;
		margin-left: -12px;
		-webkit-transition: 0.2s ease-in 0s;
		-o-transition: 0.2s ease-in 0s;
		transition: 0.2s ease-in 0s;
		border-radius: 2px;
	}
	
	.openIcon:before {
		top: 20px;
	}
	
	.openIcon:after {
		bottom: 20px;
	}
	
	.openIcon i {
		top: 50%;
		left: 50%;
		margin: -1px 0 0 -12px;
	}
	
	.active.openIcon i {
		opacity: 0;
	}
	
	.active.openIcon:before {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		width: 24px;
		top: 29px;
	}
	
	.active.openIcon:after {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		width: 24px;
		bottom: 29px;
	}
	.phoneSearch{
		border-top: 1px solid #eee;
		padding: 10px 20px;
		display: none;
	}
	.phoneSearch .search-box{
		width: 100%;
		box-sizing: border-box;
	}
	.phoneNavMask{
		position: fixed;
		z-index: 998;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .3);
		display: none;
	}
	.homeRowHeaderLeft{
		width: auto;
		float: none;
	}
	.homeRowHeaderRight{
		margin: 20px 0 0 0;
	}
	.planSwiperMain{
		padding: 0 40px 30px 40px;
	}
	.planSwiperTitle{
		font-size: 20px;
	}
	.planSwiperText{
		font-size: 14px;
		padding-top: 10px;
	}
	.planSwiperNav .swiper-slide{
		line-height: 50px;
		height: 50px;
		font-size: 18px;
	}
	
	.footer .info .write{
		width: auto;
		text-align: center;
	}
	.footer .info{
		display: block;
	}
	.footer .info .write .company>img{
		margin: 0 auto;
	}
	.footer .info .write .company p{
		margin: 0;
		padding: 20px 0 30px 0;
	}
	.sub-banner .kw{
		height: 360px;
	}
	.sub-banner .big-text{
		font-size: 32px;
	}
	.sub-banner .small-text{
		font-size: 14px;
	}
	.sub-banner .link{
		margin-top: 20px;
	}
	.sub-banner .link a{
		font-size: 16px;
		line-height: 32px;
		height: 32px;
		padding: 0 25px;
	}
	.sub-banner{
		margin-top: 60px;
	}
	
	.c-box {
		padding: 40px 0 60px 0;
	}
	.c-detail {
		padding: 40px 0 60px 0;
	}
	
	.c-box .title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	.c-box .content {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.c-box .cover {
		margin-bottom: 5px;
	}
	.about .count{
		padding-bottom: 60px;
	}
	
	.about .map-preview .box .info-title{
		font-size: 20px;
	}
	.about .map-preview .box .info{
		padding: 20px 0;
		font-size: 14px;
	}
	.about .map-preview .box{
		padding-left: 50px;
	}
	.about .map-preview .box .icon{
		padding-top: 30px;
	}
	.about .map-preview .box .icon img{
		margin-right: 30px;
		width: 30px;
	}
	
	
	/*  */
	.c-detail .box {
		margin-bottom: 40px;
	}
	
	.c-detail .title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	.c-detail .content {
		font-size: 14px;
	}
	
	
	.news {
		padding: 40px 0 30px 0;
	}
	.news .news-text h3 {
		font-size: 16px;
	}
	
	.news .news-text .time {
		font-size: 16px;
	}
	.news .news-text .link a {
		font-size: 14px;
	}
	
	
	.search-result .search-title{
		font-size: 20px;
		
	}
	.search-result .search-count{
		font-size: 16px;
		margin: 40px 0 15px 0;
	}
	.search-result .search-list .item .name{
		font-size: 20px;
	}
	.search-result .search-list .item .url{
		font-size: 12px;
	}
	.search-result .search-list .item .write{
		font-size: 16px;
	}
	.search-result .search-list .item .type{
		font-size: 12px;
	}
	.search-result .search-list .item{
		padding: 20px;
	}
	
	
	.c-page {
		font-size: 16px;
		line-height: 24px;
	}
	
	.c-page .count {
		margin-right: 25px;
	}
	
	.c-page a {
		margin: 0 4px;
	}
	.c-page .number {
		padding: 0 6px;
	}
	.phonePageNav{
		display: block;
	}
	
	
	.windowMain{
		
		width: 600px;
	}
	.windowMainPad{
		padding:  30px 20px;
	}
	.windowText{
		font-size: 14px;
	}
	.windowTitle{
		font-size: 24px;
	}
	.windowClose{
		right: 15px;
		top: 15px;
	}
	.windowFrom{
		padding: 20px 0 0 0;
	}
	.windowInput{
		padding: 10px 15px;
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}
	.windowFromLabel{
		font-size: 14px;
		line-height: 30px;
		width: 80px;
	}
	.windowLabelTab a{
		padding-bottom: 0;
		font-size: 14px;
		line-height: 30px;
		padding: 0 20px;
	}
	.windowTextarea{
		font-size: 14px;
		padding: 10px;
		height: 120px;
	}
	.nav li::after{
		display: none;
	}
	
	.home-banner{
		margin-top: 60px;
	}
}


@media (max-width: 767px) {
	.banner .swiper-pagination-bullet{
		width: 20px;
	}
	
	.home-banner .big-text {
		font-size: 32px;
	}
	
	.home-banner .small-text {
		font-size: 14px;
	}
	.banner .swiper-pagination {
		bottom: 20px;
	}
	.homeRowHeaderText{
		padding: 0;
		text-align: center;
	}
	.homeRowHeaderText .moreBtn{
		position: inherit;
		top: auto;
		right: auto;
		margin-top: 30px;
	}
	.homeRowHeaderTools{
		position: inherit;
		top: auto;
		right: auto;
		margin-top: 30px;
	}
	.homeRowHeaderTitle{
		text-align: center;
	}
	.homeRow{
		padding: 60px 0;
	}
	
	.planSwiperMain{
		padding: 0 30px 20px 30px;
	}
	.planSwiperTitle{
		font-size: 18px;
	}
	.planSwiperText{
		font-size: 14px;
		padding-top: 5px;
	}
	.planSwiperNav .swiper-slide{
		line-height: 40px;
		height: 40px;
		font-size: 16px;
	}
	.product .catalog{
		display: none;
	}
	.product .list .big-title{
		display: none;
	}
	.product .list .listPad{
		margin: -20px 0 0 -20px;
	}
	.product .box{
		margin-top: 20px;
		display: block;
	}
	
	.c-about .count{
		padding-top: 40px;
	}
	.c-about .count li .big-text {
		font-size: 32px;
	}
	
	.c-about .count li .big-text em {
		font-size: 18px;
		top: -6px;
	}
	
	.c-about .count li .small-text {
		font-size: 14px;
	}
	.phoneShow{
		display: block;
	}
	.home-service .list ul li{
		width: 20%;
		line-height: 100px;
	}
	.home-service .list{
		margin-top: 30px;
	}
	
	.about .map-preview .map{
		width: 100%;
		height: 260px;
	}
	.about .map-preview{
		display: block;
	}
	.about .map-preview .box{
		padding: 30px 0 0 0;
	}
	.about .map-preview .box .icon{
		text-align: center;
	}
	.c-detail .list ul.w20 li{
		width: 33.33333333%;
		padding-bottom: 15px;
	}
	.c-detail .list ul.w16 li{
		width: 33.33333333%;
		padding-bottom: 15px;
		font-size: 12px;
	}
	
	
	.productDetail .params {
		margin: 30px 0;
	}
	.productDetail .params li .label {
		width: 200px;
	}
	
	
	
	
	.solution {
		padding: 30px 0 50px;
	}
	
	.solution .item {
		padding: 20px 0 20px 0;
	}
	
	.solution .item .cover {
		width: 300px;
	}
	
	.solution .item .text .title {
		font-size: 16px;
	}
	
	.solution .item .text .type {
		font-size: 16px;
		height: 46px;
	}
	
	.solution .item .text .info {
		font-size: 14px;
		min-height: 60px;
		margin-bottom: 10px;
	}
	
	
	.news .news-text h3 {
		font-size: 14px;
	}
	
	.news .news-text .time {
		font-size: 14px;
	}
	.news .news-text .link a {
		font-size: 12px;
	}
	.news .news-text{
		padding: 10px 0 0 0;
	}
	
	
	.news-detail {
		padding: 30px 0 50px;
	}
	
	.news-detail .title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	.news-detail .content {
		font-size: 14px;
	}
	
	
	
	.search-result .search-title{
		font-size: 18px;
		
	}
	.search-result .search-count{
		font-size: 16px;
		margin: 30px 0 10px 0;
	}
	.search-result .search-list .item .name{
		font-size: 18px;
	}
	
	.search-result .search-list .item .write{
		font-size: 14px;
	}
	.windowMain{
		
		width: auto;
		left: 20px;
		right: 20px;
		transform: translate(0,-50%);
	}
	.windowMainPad{
		padding:  30px 20px;
	}
	.windowClose{
		right: 10px;
		top: 10px;
	}
	.windowClose::after,
	.windowClose::before{
		width: 2px;
	}
	.windowLabelTab a{
		padding: 0 15px;
	}
	.footer .copyright .link{
		display: inline-block;
	}
	.side-tool{
		display: none !important;
	}
	
	
	
	.join .work-detail .name {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.join .work-detail .info {
		font-size: 16px;
	}
	
	.join .work-detail .write {
		padding: 40px 0;
	}
	
	.join .work-detail .write p {
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 24px;
	}
	
	.join .work-detail .write .s-title {
		font-size: 16px;
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.homeRow{
		padding: 50px 0;
	}
	.homeRowHeaderTextBig{
		font-size: 24px;
	}
	.homeRowHeaderTextSmall{
		font-size: 14px;
		padding: 20px 0 0 0;
	}
	.homeRowHeaderText .moreBtn{
		line-height: 32px;
		font-size: 12px;
	}
	.homeRowHeaderTextBig{
		max-width: 320px;
		margin: 0 auto;
	}
	.homeRowHeaderTextBig br{
		display: none;
	}
	.homeRowHeaderTextSmall{
		max-width: 380px;
		margin: 0 auto;
	}
	.homeRowHeaderTextSmall br{
		display: none;
	}
	.planSwiperNav{
		position: absolute;
		top: -20px;
		bottom: auto;
		left: 20px;
		right: 20px;
		width: auto;
	}
	.planSwiper{
		padding: 0;
	}
	.planSwiperNav{
		padding: 0;
	}
	.planSwiperNav .swiper-slide {
		width: auto;
		padding: 0 15px;
		font-size: 14px;
	}
	.planSwiperMain{
		padding: 20px 15px;
	}
	.planSwiperTitle{
		font-size: 16px;
	}
	.planSwiperText{
		font-size: 12px;
		line-height: 140%;
		
		display: -webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		overflow:hidden;
	}
	.planSwiper{
		margin-top: 50px;
	}
	.product .list .item{
		width: 50%;
	}
	
	
	.c-about .count{
		padding-top: 30px;
	}
	.c-about .count li .big-text {
		font-size: 24px;
	}
	
	.c-about .count li .big-text em {
		font-size: 16px;
		top: -6px;
	}
	
	.c-about .count li .small-text {
		font-size: 12px;
	}
	
	
	.home-news .list{
		margin-top: 30px;
	}
	
	.home-news .list .item-text .type {
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	.home-news .list .item-text .title {
		font-size: 16px;
		min-height: 40px;
	}
	
	.home-news .list .item-text .write {
		margin: 10px 0 15px 0;
		font-size: 12px;
		min-height: 68px;
	}
	
	
	.home-news .list .item-text .handle .more {
		font-size: 12px;
		padding-left: 20px;
		background: url('../images/icon-more-arrow.png') no-repeat left center / 12px auto;
	}
	
	.home-service .list ul li{
		width: 25%;
	}
	.footer{
		padding-top: 40px;
	}
	.footer .info .write>img{
		margin-bottom: 30px;
	}
	.footer .menus ul li .title{
		font-size: 14px;
	}
	.footer .menus ul li ul li a{
		font-size: 14px;
		line-height: 30px;
	}
	.footer .menus ul li ul{
		padding-top: 10px;
	}
	.footer .other{
		padding: 30px 0;
		display: block;
		text-align: center;
	}
	.footer .other .solgen{
		display: block;
		flex: none;
		text-align: center;
		padding-top: 10px;
	}
	
	.footer .menus ul>li {
		width: 33.333333%;
	}
	.footer .menus>ul{
		flex-wrap: wrap;
	}
	.footer .menus ul li ul{
		padding-bottom: 15px;
	}
	.home-service-tips{
		font-size: 12px;
	}
	
	.sub-banner .kw{
		height: 300px;
	}
	.sub-banner .big-text{
		font-size: 24px;
	}
	.sub-banner .link a{
		line-height: 28px;
		height: 28px;
		padding: 0 20px;
		font-size: 14px;
	}
	
	.path {
		height: 38px;
		line-height: 38px;
	}
	.path .title {
		font-size: 14px;
		margin-right: 10px;
	}
	.path .write {
		font-size: 12px;
	}	
	.pdRowLeft{
		width: auto;
		float: none;
	}
	.pdRowRight{
		width: auto;
		float: none;
	}
	.pdRowRightPad{
		padding: 0;
	}
	.pdThumb{
		padding: 0 30px;
	}
	.pdThumbNext{
		left: 0;
	}
	.pdThumbPrev{
		right: 0;
	}
	.pdRowRightPad{
		padding: 20px 0 0 0;
	}
	.pdRowHeaderTitle{
		font-size: 20px;
	}
	.pdRowHeaderModel{
		font-size: 14px;
	}
	.pdRowHeader{
		padding-bottom: 10px;
	}
	.pdRowRightText{
		margin: 15px 0 0 0;
	}
	
	.productDetail .params li{
		display: block;
		line-height: 150%;
		color: #999;
	}
	.productDetail .params li .label {
		width: auto;
		padding: 0;
		margin: 0;
		color: #000;
	}
	
	.solution .item .cover{
		width: auto;
	}
	.solution .item{
		display: block;
	}
	.solution .item .text{
		padding: 15px 0 0 0;
	}
	.news li{
		width: 50%;
	}
	.news .news-text h3{
		padding: 0;
	}
	.news .news-text .time{
		font-size: 12px;
	}
	.news-text .link{
		font-size: 12px;
		padding-top: 5px;
	}
	
	
	.join .work .item .more{
		width: auto;
		text-align: left;
		padding: 20px 0 10px 0;
	}
	.join .work .item{
		display: block;
	}
	
	.join .c-link{
		position: absolute;
		top: 12px;
		right: 0;
	}
	
	
	.c-page {
		font-size: 12px;
		line-height: 20px;
	}
	
	.c-page .count {
		margin-right: 20px;
	}
	
	.c-page a {
		margin: 0 3px;
	}
	.c-page .number {
		padding: 0 4px;
	}
	.c-page a img{
		width: 6px;
		top: -1px;
	}
	.search-result .search-list{
		margin-bottom: 30px;
	}
	
	.windowText{
		font-size: 12px;
	}
	.windowFromRow{
		display: block;
		padding: 0 !important;
	}
	.windowFromCol{
		padding-bottom: 15px;
	}
	.windowClose{
		right: 0;
	}
	.windowMainPad{
		padding: 20px;
	}
	.windowLabelTab a{
		margin-bottom: 0;
	}
	.windowFromRight{
		padding-bottom: 10px;
	}
	.home-banner .kw{
		height: 380px;
	}
	
	
	.layui-box{
		font-size: 12px !important;
	}
	.c-page a{
		font-size: 12px !important;
		padding: 0 2px !important;
	}
	.layui-laypage-curr{
		font-size: 12px !important;
	}
	.c-page a img{
		width: 5px;
	}
	.layui-laypage-count{
		margin-right: 5px !important;
		font-size: 12px !important;
	}
}

@media (max-width: 480px) {
	.banner .swiper-pagination-bullet{
		width: 16px;
	}
	
	.home-banner .big-text {
		font-size: 24px;
	}
	
	.home-banner .small-text {
		font-size: 14px;
	}
	.banner .swiper-pagination {
		bottom: 15px;
	}
	.home-banner .small-text{
		margin-top: 20px;
	}
	.homeRow{
		padding: 40px 0;
	}
	.product .list .item .title{
		font-size: 14px;
	}
	.product .list .item .model{
		font-size: 12px;
	}
	
	
	.c-about .count li .big-text {
		font-size: 20px;
	}
	
	.c-about .count li .big-text em {
		font-size: 14px;
		top: -6px;
	}
	
	.c-about .count li .small-text {
		font-size: 11px;
	}
	.home-news .list .item-text{
		padding: 15px;
	}
	.home-news .list .item-text .title{
		font-size: 14px;
	}
	.home-news .list .item-text .handle .more{
		padding-left: 15px;
	}
	.home-news .list .item-text .handle .time{
		line-height: 18px;
		text-align: left;
		padding-top: 5px;
	}
	.home-news .list .item-text .handle{
		display: block;
	}
	
	.home-service .list ul li{
		width: 33.3333333%;
	}
	.home-service .list{
		margin-top: 20px;
	}
	.footer .other .solgen{
		font-size: 16px;
	}
	.footer .other{
		padding: 20px 0;
	}
	.sub-banner .small-text{
		font-size: 12px;
	}
	.about .count{
		padding-bottom: 40px;
	}
	
	.about .map-preview .map{
		height: 220px;
	}
	.about .map-preview .box{
		padding: 30px 0 0 0;
	}
	.about .map-preview .box .info{
		font-size: 12px;
		padding: 15px 0;
	}
	
	.c-detail .list ul.w20 li{
		width:50%;
		padding-bottom: 15px;
	}
	.c-detail .list ul.w16 li{
		width: 50%;
	}
	.home-banner .kw{
		height: 320px;
	}
	.sub-banner .kw{
		height: 240px;
	}
	
	
	
	.join .work-detail .name {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.join .work-detail .info {
		font-size: 14px;
	}
	
	.join .work-detail .write {
		padding: 30px 0;
	}
	
	.join .work-detail .write p {
		font-size: 12px;
		margin-bottom: 15px;
		line-height: 20px;
	}
	
	.join .work-detail .write .s-title {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.odmImgPad{
		padding: 20px 0 40px 0;
	}
	.oemImgPad{
		padding: 20px 0;
	}
	.home-banner .kw {
		height: 200px;
	}
}