@charset "utf-8";
/*全局样式*/
html,body{scroll-behavior:smooth;}
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 16px; line-height:24px;background: #f7f7f7;color: #5B5B5B;}
*{margin: 0;padding: 0;word-break:break-all;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}

a{text-decoration: none;color:#5B5B5B;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:link,a:visited,a:hover ,a:active,a:focus {text-decoration: none;color: #2e2e2e;}
a:hover {color:#00AE66;}


dl, ol, ul {margin-top: 0;margin-bottom: 0;}
ul,li,ol{ list-style:none;}

i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto; vertical-align: middle;}
.pro-card-body .table tbody+tbody{ border-top: 1px solid #e9ecef;}


/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #2e2e2e;cursor: pointer;}

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input,textarea{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;}
/*常用宽度*/
.w1365{position: relative;width: 96%;margin: 0 auto;max-width: 1365px;}
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;}

/*清除浮动*/
.clearfix{*zoom: 1;/*IE6识别*/}
.clearfix:before,.clearfix:after{content:""; display:table;line-height:0; visibility:hidden;}
.clearfix:after{clear:both;}

/*水平垂直居中*/
.center{display: flex;align-items: center;justify-content: center;}

/*flex布局*/
.flex-row{display: flex; flex-direction: row;}
.flex-col{display: flex; flex-direction: column;}

.flexBox{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.flexBoxnocenter{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flexcenter{display: flex;align-items: center; justify-content: center;}

/*justify-content属性定义了项目在主轴上的对齐方式*/
.justify-start {display: flex;justify-content: flex-start;}
.justify-center {display: flex;justify-content: center;}
.justify-end {display: flex;justify-content: flex-end;}
.justify-evenly {display: flex;justify-content: space-evenly;}
.justify-around {display: flex;justify-content: space-around;}
.justify-between {display: flex;justify-content: space-between;}

/*align-items属性定义项目在交叉轴上如何对齐*/
.align-start {display: flex;align-items: flex-start;}
.align-center {display: flex;align-items: center;}
.align-end {display: flex;align-items: flex-end;}

.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align:center;}


/*字体大小*/
.fz180{font-size: 180px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz60{font-size: 60px;}
.fz45{font-size: 45px;}
.fz35{font-size: 35px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz15{font-size: 15px;}
.fz14{font-size: 14px;}
.fz20{font-size: 20px;}
.fz50{font-size: 50px;}
.fz25{font-size: 25px;}
.f12{font-size: 12px;}

/*内外间距*/
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:20px;}
.p30{padding:30px;}
.px15{padding:0 15px;}

.block{display: block;}
.hidden{overflow: hidden;}
.relative{position:relative;}
.absolute{position: absolute;}
.poHiiden{position: relative;overflow: hidden;}
.nowrap{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}

.wbg{background-color:#ffffff;}
.shadowbox{background-color:#ffffff;/*box-shadow: 0px 0px 4px 0px rgba(195,195,195,0.5);*/}
.red{color:#C62218;color: #DD0000;}


.w1360{width:100%;max-width:1360px;margin:0 auto;}
.content_warp{width:100%;margin:0 auto;}
.detail-container .content_warp{max-width:1360px;}

/*文字截断*/
.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-five{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/*英文和数字自动换行*/
.table td{word-break:break-all;}

/*字体*/
@font-face {
  font-family: "RobotoRegular";
  src: url("/static/dpmweb/fonts/RobotoRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}


/*animation*/
@keyframes bigger{
	from{transform: scale(1);}
	to{transform: scale(1.1);}
}
  
@media screen and (max-width:1024px){
.w1360{max-width:680px;}
}