@charset "utf-8";
/*字体*/
@font-face {
  font-family: "RobotoRegular";
  src: url("/static/dpmweb/fonts/RobotoRegular.woff2") format("woff2"),
       url("/static/dpmweb/fonts/RobotoRegular.woff") format("woff"),
       url("/static/dpmweb/fonts/RobotoRegular.ttf") format("truetype"),
       url("/static/dpmweb/fonts/RobotoRegular.eot") format("embedded-opentype"),
       url("/static/dpmweb/fonts/RobotoRegular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


  @font-face {
    font-family:"ysbth";
    src: url("/static/dpmweb/fonts/ysbth2.TTF");
  }


/*全局样式*/
html,body{scroll-behavior:smooth;}
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;background:#f8f8f8;color:#333; -webkit-font-smoothing: antialiased;}
*{margin: 0;padding: 0;}
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: #333;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
a:link {text-decoration: none;color:#333;}
a:visited {text-decoration: none;color:#333;}
a:hover { text-decoration: none;color:#008be4;}
a:active {text-decoration: none;}
a:focus {text-decoration: none;}

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;}

*:focus{outline: none;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
input[type="submit"]{cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;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;}

img,em,i,span{-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}


/*左右浮动*/
.fl{float: left;}
.fr{float: right;}

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

/*flex*/
.disflex{display: flex;}
.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;}

/*字体大小*/
.fz60{font-size: 60px;}
.fz45{font-size: 45px;}
.fz34{font-size: 34px;}
.fz36{font-size: 36px;}
.fz35{font-size: 35px;}
.fz26{font-size: 26px;}
.fz28{font-size: 28px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz18{font-size: 18px;}
.fz17{font-size: 17px;}
.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;}

/*文字截断*/
.nowrap,.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;}

/*公共*/
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-40 {margin-bottom: 40px;}
.p20 {padding: 20px;}
.p30,.padding30 {padding: 30px;}
.p40 {padding: 40px;}
.p50 {padding: 50px;}
.p60 {padding: 60px;}

.clear {clear: both;}
.colorred {color: #db0004;}
.red {color: #EF4242;}
.wbg {background-color: #fff;}
.fwb {font-weight: bold;}
.block {display: block;}
::-webkit-input-placeholder {color: #999;}
.poHiiden {position: relative;overflow: hidden;}
.bgCover {background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain {background-position: center;background-repeat: no-repeat;background-size: contain;}



/*常用宽度*/
.w1365,.content_warp {width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}

/*响应式*/
@media screen and (max-width:1200px){

}