/* @charset "utf-8"; */
@font-face { 
    font-family:"H_Roman_SemiB";
    src: url('../font/HelveticaInserat-Roman-SemiB.ttf');
}
/*全局样式重置*/
html{width:100%;min-height:320px;outline:0;-webkit-text-size-adjust:none;}
body{background-color:#fff;color:#333}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B'}
.clearfix{zoom:1}
html{min-width:320px; margin:0 auto;position:relative; height:100%;}
body{min-width:320px;font-size:14px;position:relative;height:auto; min-height:100%; }
.oe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
textarea{-webkit-appearance:none}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; }
html,body{font-family:"Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", arial, helvetica, sans-serif;  }
ol,ul,li{list-style:none}
textarea{resize:none}
li{vertical-align:top;vertical-align:bottom}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],button{cursor:pointer}
fieldset,input,button,object{outline:none}
table{border-collapse:collapse;border-spacing:0}
img{border:none;outline:none; }
a{text-decoration:none;border:none;outline:none;cursor:pointer;color:#333}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
a:hover{-webkit-transition:all .2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}

/*重置页面滚动条*/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

/*超过隐藏为*/
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oe2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oe3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/**************************************************全局公共样式**************************************************************/
.flex {display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;align-items: center;justify-content: space-between;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;justify-content: space-between; align-items: flex-start;}
/* flex左右靠边、向下对其 */
.flex-between-bottom {display: flex;align-items: flex-end;justify-content: space-between;}
/* flex向左向上对其 */
.flex-left-top{display: flex;align-items: flex-start; justify-content: flex-start;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex; align-items: center; text-align: right;justify-content: flex-end;}
/*切换元素位置*/
.flex-flow{ flex-flow: row-reverse;}
/*垂直均匀分布 */
.flex-column{display: flex;flex-direction: column;justify-content: space-between;}
.flex-ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}

.center{ text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}
.bold{ font-weight: bold;}

/* 子元素超过父元素宽度可横向滚动 */
.full-x{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;}
/* 隐藏滚动条 */
.full-x::-webkit-scrollbar {display:none}
/* 背景颜色渐变(从左到右 由橙到黄) */
.orangeToYellow{background: linear-gradient(90deg,#02889D 0%,#11B268 100%) !important;}
/* 多行(2)文字超出显示省略号 */
.ellipsis-more{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 多行(3)文字超出显示省略号 */
.ellipsis-more-three{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 多行(4)文字超出显示省略号 */
.ellipsis-more-four{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/* 单行文字超出显示省略号 */
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 文字颜色渐变(橙黄) */
.text-fade{background-image: -webkit-linear-gradient(92deg, #F64E32, #FA7E36);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: hue 60s infinite linear;}

.box{ width: 1600px; margin: 0 auto;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.max_w_h{ max-width: 100%; max-height: 100%;}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.animat_s{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}

/* 常用文字颜色 */
.color0{ color: #000;}
.color3{ color: #333;}
.color4{ color: #444;}
.color6{ color: #666;}
.color9{ color: #999;}
.color255{ color: #fff;}

/* 常用文字大小 */
.fs12{ font-size: 12px;}
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.fs15{ font-size: 15px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}
.fs22{ font-size: 22px;}
.fs24{ font-size: 24px;}
.fs26{ font-size: 26px;}
.fs28{ font-size: 28px;}
.fs30{ font-size: 30px;}
.fs32{ font-size: 32px;}
.fs36{ font-size: 36px;}
.fs40{ font-size: 40px;}
.fs48{ font-size: 48px;}

/*字母转大写*/
.txt_upper{ text-transform: uppercase;}

@keyframes huxi{
    0%{transform: translateY(3px);}
    100%{transform: translateY(-3px);}
}

/**************************************************全局公共样 end******************************************************/
/******禁止老旧浏览器*****/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px; height: 250px; position: fixed; margin: auto; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/******禁止老旧浏览器 end*****/
a:hover{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s; color: #03BAC6;}


.notDo{font-size:50px;color:red;text-align:center;font-weight:700;padding:50px 0;}



/*分页*/
.pages{ width: 100%; text-align: center; font-size: 0;}
.pages li{display: inline-block;}
.pages a,
.pages span,
.pages em{ display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #999; vertical-align: top; margin: 0 5px; position: relative;}
.pages a,
.pages span{ border: 1px solid #E6E6E6; background: #fff;}
.pages span{ background: #03BAC6; color: #fff;font-weight: bold;color: #fff !important;}
.pages a.a1::after{position: absolute; content: '';width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(-135deg);  margin:auto; top: 0; bottom: 0; left: 50%; margin-left: -2px;}
.pages a.a2::after{position: absolute; content: '';width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(45deg);  margin:auto; top: 0; bottom: 0; right: 50%; margin-right: -2px;}
.pages a:hover{ border: 1px solid #03BAC6; background: #03BAC6; color: #fff;}
.pages a:hover::after{border-top: 1px solid #fff;border-right: 1px solid #fff;}
/*分页 end*/