/* @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*/