.smp {
  margin-top: 5.533rem;
}
.smp .intro {
  display: flex;
  justify-content: space-between;
}
.smp .l {
  width: 32.5%;
  background-color: #f1f1f1;
  border-radius: 0.667rem;
}
.smp .r {
  width: 65%;
  border-radius: 0.667rem;
}
.smp h2 {
  font-family: Roboto-Regular;
  /* height: 2.031rem; */
  font-size: 2.5rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 3.646rem;
  letter-spacing: -0.052rem;
  color: #333333;
}
.smp p {
  font-family: Roboto-Regular;
  font-size: 1.067rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.smp .bg {
  margin-top: 0.6rem;
  padding: 0.4rem 0.4rem;
  height: 5.867rem;
  background-color: #3c4457;
  font-family: Roboto-Regular;
  font-size: 1.067rem;
  font-weight: normal;
  letter-spacing: -0.02rem;
  color: #ffffff;
}
.smp .product {
  margin-top: 5.533rem;
}
.smp .product h2.title {
  font-family: Roboto-Regular;
  font-size: 3.2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4.667rem;
  letter-spacing: -0.067rem;
  color: #333333;
  text-align: center;
  margin-bottom: 3rem;
}
.smp .product .p1 {
  display: inline-block;
  background: url(../images/smp-zenith_09.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p1 {
  background: url(../images/smp-zenith_09-1.png) no-repeat;
  background-size: 100%;
}
.smp .product .p2 {
  display: inline-block;
  background: url(../images/smp-zenith_12.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p2 {
  background: url(../images/smp-zenith_12-1.png) no-repeat;
  background-size: 100%;
}
.smp .product .p3 {
  display: inline-block;
  background: url(../images/smp-zenith_15.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p3 {
  background: url(../images/smp-zenith_15-1.png) no-repeat;
  background-size: 100%;
}
.smp .product .p4 {
  display: inline-block;
  background: url(../images/smp-zenith_21.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p4 {
  background: url(../images/smp-zenith_21-1.png) no-repeat;
  background-size: 100%;
}
.smp .product .p5 {
  display: inline-block;
  background: url(../images/smp-zenith_24.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p5 {
  background: url(../images/smp-zenith_24-1.png) no-repeat;
  background-size: 100%;
}
.smp .product .p6 {
  display: inline-block;
  background: url(../images/smp-zenith_25.png) no-repeat;
  background-size: 100%;
}
.smp .product li:hover .p6 {
  background: url(../images/smp-zenith_25-1.png) no-repeat;
  background-size: 100%;
}
.smp .product span {
  margin: 1.5rem;
  width: 2.733rem;
  height: 2.733rem;
}
.smp .product li {
  width: 32.5%;
  margin-right: 1.25%;
  float: left;
  height: 20rem;
  text-align: center;
  margin-bottom: 1.733rem;
}
.smp .product li p {
  margin: 1.9rem;
  font-family: Roboto-Regular;
  font-size: 1.067rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.smp .product li:nth-child(3n) {
  margin-right: 0;
}
.smp .product li:hover {
  background-color: #e94609;
  box-shadow: 0.233rem 0.233rem 0.333rem 0rem rgba(120, 117, 118, 0.75);
  border-radius: 0.667rem;
}
.smp .product li:hover p {
  color: #ffffff;
}
.smp .para {
  margin-top: 5.533rem;
}
.smp .para h2.title {
  font-family: Roboto-Regular;
  font-size: 3.2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4.667rem;
  letter-spacing: -0.067rem;
  color: #333333;
  text-align: center;
  margin-bottom: 3rem;
}
.smp .config {
  margin-top: 5.533rem;
}
.smp .config h2.title {
  font-family: Roboto-Regular;
  font-size: 3.2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4.667rem;
  letter-spacing: -0.067rem;
  color: #333333;
  text-align: center;
  margin-bottom: 3rem;
}
.smp .config .content {}
.smp .config .l {
  width: 48%;
  float: left;
  background-color: #ffffff;
  border: solid 0.067rem #484747;
}
.smp .config .r {
  width: 48%;
  float: left;
  margin-left: 1rem;
}
.smp .config .r li {
  width: 100%;
  height: 5.8rem;
  margin-bottom: 1rem;
  background-color: #ecf0f9;
  display: flex;
  align-items: center;
  padding: 0 4.66rem 0 1rem;
}
.smp .config .r li span {
  background: url(../images/ico_10.png) no-repeat;
  width: 2rem;
  height: 1.2rem;
  margin-right: 1.5rem;
}
.smp .config .r li:hover span {
  background: url(../images/jiaotou_1.png) no-repeat;
}
.smp .config .r li:hover {
  background-color: #3c4457;
  color: #fff
}
.smp .config .r li:hover p {
  color: #fff
}
.smp .config .r li.active span {
  background: url(../images/jiaotou_1.png) no-repeat;
}
.smp .config .r li.active {
  background-color: #3c4457;
  color: #fff
}
.smp .config .r li.active p {
  color: #fff
}
.smp .related {
  margin-top: 5.533rem;
}
.smp .related h2.title {
  font-family: Roboto-Regular;
  font-size: 3.2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4.667rem;
  letter-spacing: -0.067rem;
  color: #333333;
  text-align: center;
  margin-bottom: 3rem;
}
.smp .related li {
  width: 24.1525%;
  margin-right: 1.13%;
  text-align: center;
  float: left;
}
.smp .related li:nth-child(4) {
  margin-right: 0;
}
.smp .related h3 {
  font-size: 1.2rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 4.667rem;
  letter-spacing: -0.027rem;
  color: #333333;
}
@media all and (max-width:845px) {
	html {
	font-size: 2.5vw;
}
	.nav ul {
	z-index: 99999;
}
.nav_search, .nav_language {
	width: 14px;
	height: calc(2.5rem + 27px);
}
.logo {
	width: 102px;
}
.whatsapp img {
	width: 14px;
}
.whatsapp {
	line-height: 24px;
	border-radius: 10px;
}
.affix {
	padding-bottom: 1rem;
}
.whatsapp {
	margin-top: 1.25rem;
}
#pull {
	display: block;
	float: right;
	width: 22px;
	height: 26px;
	background: url(/asset/image/pull.png) no-repeat left center;
	text-indent: -999999px;
	margin-left: 2rem;
	margin-top: 1.25rem;
	background-size: 100% auto;
}
.nav ul {
	width: 100%;
	display: none;
	background: rgba(0,0,0,0.5);
	position: absolute;
	right: 0;
	top: 50px;
}
.nav li {
	width: 100%;
}
.nav ul li a {
	color: #fff;
	display: block;
	text-align: center;
	line-height: 4rem;
	padding: 0;
}
.affix .nav li a {
	color: #fff;
}
	.smp,.smp .product, .smp .config,.smp .related{
		margin-top: 2rem;
	}
	.smp .l,.smp .product h2.title,.smp .config .l,.smp .related h2.title, .smp .config h2.title{
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.smp .r,.smp .l,.smp .product li,.smp .config .l,.smp .config .r,.smp .config .l img,.form_box form,.from_left, .from_right, .form_bottom,.smp .related li img{
		width: 100%;
	}
	.smp .intro{
		flex-wrap: wrap;
	}
	.smp .bg{
		height: auto;
		padding: 1rem;
	}
	.smp .product li{
		margin-right: 0;
		border: 1px solid #e94609;
		    border-radius: 0.667rem;
		height: auto;
	}
	.smp .product li:last-child{
		margin-bottom: 0;		
	}
	.smp .product li p{
		margin-top: 0;
	}
	.smp .para{
		display: none;
	}
	.smp .config .l{
		border:none;
	}
	.smp .config .r{
		margin-left: 0;
	}
	.smp .related li{
		width:49%;
		margin-right: 2%;
	}
	.smp .related li:nth-child(2n){
		margin-right: 0;
	}
	.smp p, .smp .product li p,.smp .bg,.smp p{
		font-size: 1.7rem;
		line-height: 1.5em;
	}
	.smp .config .r li{
		height: auto;
		padding: 1rem;
	}
	.smp .config .r li span{
		width: 3rem;
		height: 2.2rem;
	}
}