@charset "utf-8";

html {font-size: 187.5% !important;  }
body{padding: 0;margin: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size:0.55rem ;color: #313131;background: #fff;-webkit-font-smoothing: antialiased;overflow-x: hidden;}
html,body{scroll-behavior:smooth;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #313131;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size: 1.2rem;color: #313131;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}
/*常用宽度*/
img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
/*动画*/
.ani400{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; }
.ani300{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.fontF{font-family: "RobotoRegular";}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.TXTovehid-four{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.TXTovehid-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.block{display: block;}
.poHiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: #999;  }

.padding80{padding: 2.66rem 0;}
.padding60{padding: 2rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 1.33rem 0;}
.padding30{padding: 1rem 0;}
.margin50{margin: 1.66rem 0;}
/* flex布局 */
.wrappadding{padding: 0 3%;}
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
/* 字号公用 */
.fz14{font-size: 0.466rem;}
.fz16{font-size: 0.533rem;}
.fz18{font-size: 0.6rem;}
.fz20{font-size: 0.66rem;}
.fz22{font-size:0.733rem ;}
.fz24{font-size: 0.8rem;}
.fz26{font-size: 0.866rem;}
.fz28{font-size: 0.933rem;}
.fz30{font-size: 1rem;}
.fz32{font-size: 1.06rem;}
.fz36{font-size: 1.2rem;}
.fz38{font-size: 1.26rem;}
.fz39{font-size: 1.3rem;}
.fz40{font-size: 1.33rem;}
.fz44{font-size: 1.46rem;}
.fz48{font-size: 1.6rem;}
.fz50{font-size: 1.66rem;}
.fz180{font-size: 6rem;}
.fz45{font-size: 1.5rem;}

/* 反白和加粗 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.textAll{line-height: 2;color: #333;}
.textCenter{text-align: center;}
/* 头部公用 */
.w94{width: 96%;max-width: 1520px; margin: auto;position: relative;}
.w90{width: 90%;max-width: 1400px; margin: auto;position: relative;}
.boxshodow{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.minheight300{min-height: 300px;}


@font-face {
  font-family: "OPPOSans-B";
  src:url("../font/OPPOSans-B.ttf") format("truetype")
}
@media screen and (max-width:1700px){
	
}
@media screen and (max-width:1440px){
	header h1{width: 23%;}
}
@media screen and (max-width:1280px){
	 html {font-size: 160% !important;}
}
@media screen and (max-width:991px){
	 html {font-size: 140% !important;   }
}
@media screen and (max-width:765px){
	html { font-size: 150% !important;  }
	.disflex,.flexCenter,.flexbetween{flex-wrap: wrap;}
	.fz36{font-size: 0.9rem;}
	.fz30{font-size: 0.75rem;}
	.fz28{font-size: 0.7rem;}
	.fz50{font-size: 1rem;}
	.fz32{font-size: 0.76rem;}
	.fz44{font-size: 0.9rem;}
	.fz45{font-size: 0.9rem;}
	.fz20{font-size: 0.6rem;}
	
}