@charset "utf-8";
body{padding: 0;margin: 0;font-family: 'PingFangSC-Regular','Microsoft YaHei';font-size:14px ;color: #313131;background: #fff;min-width: 1200px;}

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:0.6s ease-in-out; transition:0.6s ease-in-out;}
/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
*:focus{outline: none;}
.after::after,.before::before{content: '';position: absolute;transition: 0.5s ease-in-out;}
/*动画*/
.ani400{-transition: 0.4s ease-in-out;	-webkit-transition: 0.4s ease-in-out; }
.ani300{transition: all 0.3s linear;	-webkit-transition: all 0.3s linear; }
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
.blue{color: #0034B7;}
.color231815{color: #231815;}
.fontDinBold{ font-family: "DINPro-Medium";}
/*文字截断*/
.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;}
.TXTovehid-six{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.block{display: block;}
.poHiiden{position: relative;overflow: hidden;}
::-webkit-input-placeholder {color: rgba(255,255,255,0.7);  }
.alignInherit{align-items: inherit !important;}
/*搜索弹窗*/
.sear{cursor: pointer;}
.popup-search-wrap{position: absolute;left: 50%;top: 50%;width: 90%;transform: translate(-50%,-50%);z-index: 2;display: none;}
.popup-search-wrap .text-input{width: 100%;height: 40px;padding: 0 50px 0 10px;border: 1px solid #eee;box-sizing: border-box;font-size: 0.5rem;border-radius: 30px;}
.popup-search-wrap .sub-btn{border: none; position: absolute;right: 0;top: 0;width: 40px;height: 40px;background:url(../images/ico_search.svg) center no-repeat;background-size: 20px 20px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;filter: brightness(0) invert(0);}

.padding80{padding: 2.66rem 0;}
.padding100{padding: 3.33rem 0;}
.padding90{padding: 3rem 0;}
.padding60{padding: 2rem 0;}
.padding70{padding: 2.33rem 0;}
.padding50{padding: 1.66rem 0;}
.padding40{padding: 40px 0;}
.padding30{padding: 1rem 0;}
.padding20{padding: 0.66rem 0;}
.margin50{margin: 1.66rem 0;}
.margin80{margin: 2.66rem 0;}
.paddbottom0{padding-bottom: 0 !important;}
/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexbetween{display: flex;justify-content: space-between;align-items: center;}
.flexwrap{flex-wrap: wrap;}
/* 字号公用 */
.fz12{font-size:12px ;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;line-height: 1.75;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size:22px ;}
.fz24{font-size:24px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz36{font-size: 36px;line-height: 1.33;}
/* 基础样式 */
.fwn{font-weight: normal;}
.fwb{font-weight: bold;}
.fwb500{font-weight: 500;}
.textAll{line-height: 2;}
.textCenter{text-align: center;}
.white{color: #fff;}
.poRe{position: relative;}
.zindex2{z-index: 2;}
.w90{min-width: 1200px;margin: auto;width: 1200px;}
.minheight300{min-height: 300px;}
.whiteBg{background: #fff;}
.color78{color: #78726E;}
.color67{color: #676767;}
.color222{color: #222;}
.color37{color: #373737;}
.color999{color: #999;}
.color3D{color: #3d3d3d;}
.color8D{color: #8D8981;}
.color13{color: #131212;}
.red{color: #E60012;}
.marginTop40{margin-top: 40px;}
.marginTop30{margin-top: 30px;}
.marginTop50{margin-top: 50px;}
.marginTop60{margin-top:60px;}
.green{color: #006438;}
.color666{color: #666;}
.color333{color: #333;}
.color111{color: #111;}
.color1A{color: #1a1a1a;}
.color97{color: #979797;	}


.obCover{object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.obCoverIco{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
/* 滚动条美化 */
.overscroll{overflow-y: auto;}
.overscroll::-webkit-scrollbar{width: 4px;    }
.overscroll::-webkit-scrollbar-track{ background-color:#D8D8D8;      }
.overscroll::-webkit-scrollbar-thumb{ background-color: #D19F4E;     }
/* 翻页 */
.page{gap: 12px}
.page a{width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
.page a.btn{position: relative;}
.page a.btn img{filter: brightness(0) invert(0.3);}
.page form{gap: 12px;display: inline-flex;align-items: center;}
.page form div{border: 1px solid #ccc;border-radius: 4px;display: inline-flex;align-items: center;height: 48px;padding: 0 20px;}
.page form input[type=text]{border: none;height: 48px;line-height: 48px;font-size: 16px;width: 40px;text-align: center;}
.page form input[type=button]{border: 1px solid #ccc;border-radius: 4px;width: 72px;line-height: 48px;background: #fff;font-size: 16px;cursor: pointer;box-sizing: border-box;}
.page .en{width: 72px;}
.page a.active,.page a:hover{background: #E71A21;color: #fff;border-color: #E71A21;}
.page a:hover img{filter: brightness(0) invert(1);}