@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 去除iPhone中默认的input样式 */
input,select,textarea,button{-webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; font-family:"微软雅黑"; font-size:inherit; color:inherit;}

input[type="button"],input[type="submit"],button {cursor:pointer;}

/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display:block;}

/* 图片自适应 */
img {
height: auto;
width:auto\9; /* ie8 */
max-width:100%;
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {margin:0; padding:0; border:none;}

body {background-color:#fff; font:normal 14px "微软雅黑",Tahoma,"Lucida Grande",Verdana,STXihei,hei; color:#333;}

em,i {font-style:normal;}

a {font-family: "微软雅黑"; color:inherit; text-decoration:none;}

ul,ol,li {list-style:none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

/* ui */
.font12 {font-size:12px;}

.font14 {font-size:14px;}

.font16 {font-size:16px;}

.font18 {font-size:18px;}

.font20 {font-size:20px;}

.font22 {font-size:22px;}

.font24 {font-size:24px;}

.en-font16 {font-size:16px;}

.en-font18 {font-size:18px;}

.en-font20 {font-size:20px;}

.box_sizing {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.text_overflow {white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;/*min-height:36px;*/display:block;}

.inline_block {display:inline-block; vertical-align:middle;}

.ui_font0 {font-size:0;}

.ui_clamp {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; 
white-space: normal; height:; text-overflow: -o-ellipsis-lastline;}

.ui_box {display:-moz-box; display:-webkit-box; display:box;}

.flex {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}

.flexbox {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.flexcol {-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
.flex-ver-center {-webkit-align-items: flex-center; -moz-align-items: flex-center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.text_left {text-align:left;}

.text_center {text-align:center;}

.text_right {text-align:right;}

.block {display:block;}

.relative {position:relative; height:100%; overflow:hidden;}

.mo_view {display:none;}

.pc_view {display:block;}

.bg_image {background-position:center; background-repeat:no-repeat; background-size:cover;}

.ui_icon {display:inline-block; vertical-align:middle; position:relative;}

.img {overflow:hidden; position:relative;}

.img img {display:block; width:100%;}

.mid_con {width:100%; position:relative; top:50%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);
}

.top_blank {padding-top:0;}
.top_blank.fixed {padding-top:calc(2.5rem + 68px);}
.bot_blank {padding-bottom:2.5rem;}

.ui_overflow {overflow:hidden;}


/* 浮动~清除浮动 */
.clearfix:after,.clearfix:before{content:""; display:table;}

.clearfix:after{ clear:both;}

.clearfix{*zoom:1;}

.fl{float: left;}

.fr{float: right;}


/* 设置字体 */
@font-face {
    /* font-family:""; */
    /* src:url(../font/); */
}

.Arial {font-family:Arial;}


/* 适配 */
.wrap {margin:auto; position:relative; height:100%;}
.wrap1 {/*width:1340px;*/ width:93.0555%;}
.wrap2 {/*width:1180px;*/ width:81.9444%; max-width:1180px;}
.wrap3 {/*width:1150px;*/ width:79.8611%; max-width:1150px;}
.wrap3-1 {/*width:555px;*/ width:77.0833%; /*max-width:555px;*/}
@media only screen and (min-width: 1360px) {html {font-size:40px !important;}}
@media only screen and (max-width: 320px) {html {font-size:20px !important;}}