*{margin: 0; padding: 0;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
span,
blockquote,
th,
td,
footer,
a {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3{ font-weight:normal;}
img {
  border: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
input,
textarea {
  outline: none;
  border: 0;
  resize: none;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: transparent;
  font-family:"微软雅黑";
}
audio {
  outline: none;
}
.red_ipt::-webkit-input-placeholder {
  color: #f33b45 !important;
}
/*在谷歌下移除input[number]的上下箭头*/
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
input[type="number"] {
  -moz-appearance: textfield;
}
input,
textarea {
  -webkit-appearance: none;
  appearance: none;
}

.cl:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
}
.cl{*zoom:1;}
@media (min-width: 768px) {
	.page-w {
		width: 14rem;
		margin: 0 auto;
		position: relative;
	}
	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	header .inner {
		width: 100%;
		background-color: transparent;
		padding: 0.15rem 0.61rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	header .inner .logo {
		width:.85rem;
		max-height:.85rem;
		margin-left:.42rem;
		display: block;
	}
	header .inner .logo .img {
		display: block;
		width: 100%;
		height: 100%;
	}
	header .inner .logo .clo-2 {
	    display: none;
	}
	header .inner .nav {
		height: 0.72rem;
		display: flex;
	}
	header .inner .nav .item {
		font-size: 0.24rem;
		font-family: "微软雅黑";
		font-weight: 400;
		color: #2A2A2A;
		line-height:0.72rem;
		margin-right: 0.92rem;
		cursor: pointer;
	}
	header .inner .nav .item:last-child {
	    margin-right: 0;
	}
	header .inner .nav .item:hover {
	    color: #3557A5;
	}
	header .inner .nav .lan {
		font-size: 0.24rem;
		font-family: OPPOSans-R;
		font-weight: 400;
		color: #2A2A2A;
		line-height: 0.23rem;
		display: flex;
		cursor: pointer;
	}
	header.col-2 .inner .logo .clo-1 {
	   display: none;
	}
	header.col-2 .inner .logo .clo-2 {
	   display: block;
	}
	header.col-2 .inner .nav .item,
	header.col-2 .inner .nav .lan {
	   color: #fff;
	}
	footer {
		width: 100%;
		background:#222222 url(../images/footer.jpg) no-repeat;
		position: relative;
		z-index: 99;
		height:1.95rem;
		overflow:hidden;
		
	}
  
  
  
	  footer .line-box-1 {
		width:7rem;
		float:left;
	  }
	  
	  footer .page-w{display: flex; align-items: center; height: 100%;}

	footer .line-box-1 .box-1 .logo {
		width: 2.41rem;
		height: 0.55rem;
		cursor: pointer;
		display: block;
	
	}
	footer .line-box-1 .box-1 .logo .img {
		width: 100%;
		height: 100%;
		display: block;
	}
	
	

	footer .line-box-1 .box-1 .weixin {
		display: flex;
		align-items:center;
	}
	footer .line-box-1 .box-1 .weixin .wz{ font-size:0.16rem; color:#88898b; padding-right:0.3rem;}
	footer .line-box-1 .box-1 .weixin .item {
		width: 0.25rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 0.20rem;
		position: relative;
	}
	footer .line-box-1 .box-1 .weixin .item .inner-img {
		width: 0.25rem;
		height: 0.25rem;
		cursor: pointer;
		display: block;
		position: relative;
		border-radius: 1rem;
	}
	footer .line-box-1 .box-1 .weixin .item .text {
		font-size: 0.14rem;
		font-family: OPPOSans-R;
		font-weight: 300;
		color: #CDCDCD;
	}
	footer .line-box-1 .box-1 .weixin .item .h-img {
		display: none;
		position: absolute;
		right: -1.6rem;
		bottom: -0.2rem;
		width: 1.34rem;
		height: 1.34rem;
	}
	footer .line-box-1 .box-1 .weixin .item .h-img .img {
		width: 100%;
		height: 100%;
	}
	footer .line-box-1 .box-1 .weixin .item .h-img::before {
		content: "";
		position: absolute;
		bottom: 0.3rem;
		left: -0.2rem;
		width: 0;
		height: 0;
		border: 0.1rem solid transparent;
		border-right-color: #fff;
	}
	footer .line-box-1 .box-1 .weixin .item:hover .h-img {
		display: block;
		z-index: 9999;
	}
	footer .line-box-1 .box-1 .weixin .item:hover .dia-email {
		display: flex;
		z-index: 9999;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email {
		width: 4.8rem;
		background: #FFFFFF;
		padding: 0.28rem 0;
		position: absolute;
		top: -2rem;
		left: -0.8rem;
		display: none;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email::before {
		content: "";
		position: absolute;
		bottom: -0.2rem;
		left: 0.9rem;
		width: 0;
		height: 0;
		border: 0.1rem solid transparent;
		border-top-color: #fff;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email .e-item {
		width: 50%;
		padding: 0 0.28rem;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email .e-item:first-child {
	    margin-bottom: 0.33rem;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email .e-item .name {
		font-size: 0.16rem;
		font-family: OPPOSans-R;
		font-weight: 400;
		color: #000000;
		line-height: 0.28rem;
	}
	footer .line-box-1 .box-1 .weixin .item .dia-email .e-item .value {
		font-size: 0.13rem;
		font-family: OPPOSans-R;
		font-weight: 300;
		display: block;
		color: #30539C;
	}
  
  	footer .line-box-2 {
	    width:7rem;
		float:right;
		text-align:right;
	}
	footer .line-box-2 .box-2 {
		height: 0.80rem;
		font-size: 0.18rem;
		font-family: OPPOSans-R;
		color: #fefefe;
		line-height: 0.4rem;
		overflow:hidden;
		
	}
	footer .line-box-2 a {
		color: #fefefe;
		font-family: OPPOSans-R;
	}
    footer .line-box-2 .copy{
		
	}
  
  .ph-g {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .pc-g {
    display: none !important;
  } 
  .weixin-h{
	  display: none;
  }
  body {
    width: 100%;
    padding-top: 1.1rem;
  }
  .page-w {
    width: 92%;
    margin: 0 auto;
    position: relative;
  }
  header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  header .inner {
    height: 1.2rem;
    width: 100%;
    padding: 0.15rem 4%;
    display: flex;
	align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    position: relative;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
  }
  header .inner .logo {
    width: .9rem;
    height:.9rem;
    display: block;
  }
  header .inner .logo .img {
    display: block;
    width: 100%;
    height: 100%;
  }
  header .inner .logo .clo-2 {
    display: none;
  }
  header .inner .menu {
    display: flex;
    align-items: center;
	width: 0.45rem;
	height: 0.4rem;
  }
  header .inner .menu .img {
    width: 100%;
    height: 100%;
  }
  header .inner .menu .img-close {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 5px;
  }
  header .inner .menu .text {
    font-size: 9px;
    font-family: OPPOSans-R;
    font-weight: bold;
    color: #626262;
    line-height: 7px;
  }
  header .inner .close-m {
    display: none;
  }
  header .nav {
    z-index: 1;
    position: fixed;
    top: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 0px 49px 0px rgba(0, 0, 0, 0.4);
  }
  header .nav .item {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: OPPOSans-R;
    font-weight: 400;
    color: #222222;
    line-height: 17px;
    height: 60px;
    line-height: 60px;
  }
  header .nav .item.cur {
    color: #3557A5;
  }
  header .nav .company {
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 295px;
    font-size: 9px;
    font-family: OPPOSans-R;
    font-weight: 300;
    color: #888787;
    line-height: 19px;
  }
  header .nav .company a {
    font-size: 9px;
    font-family: OPPOSans-R;
    font-weight: 300;
    color: #888787;
    line-height: 19px;
  }
  
  
	footer {
		width: 100%;
		background:#222222 url(../images/footerBg.jpg) no-repeat;
		background-size:100%;
		position: relative;
		z-index: 99;
		height:3.2rem;
		overflow:hidden;
		text-align:center;

	}
	footer .line-box-1{
		margin-top: 0.2rem;
	}
	footer .line-box-1 .box-1{
        width: 3.5rem;
		height: 1.5rem;
		margin:0 auto;
	}
	footer .line-box-1 .box-1 .logo {
		width: 3.5rem;
		height: 0.8rem;
		cursor: pointer;
		display: block;
		
	}
	footer .line-box-1 .box-1 .logo img{
		max-width:100%;
		max-height:100%;
	}

	footer .line-box-2 .box-2 { font-size:0.26rem; color:#fefefe; line-height:0.5rem;}
    footer .line-box-2 .box-2 a{ color:#fefefe;}
	/* .toast {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 10px 20px;
		font-size: 14px;
		font-weight: 300;
		color: #ffffff;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.8);
		border-radius: 3px;
		display: none;
   } */
}