/* CSS Document */

/*通用*/

* {
    box-sizing: border-box;
}

*::before,
*::after {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

html {
    -ms-touch-action: none;
    /* 阻止windows Phone 的默认触摸事件 */
}

/*兼容iphone去除默认input表单默认设置*/

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
}

/*图片默认样式*/

img {
    border: 0;
    vertical-align: middle;
}

/*动画效果*/

* {
    transition-property: all;
}

.com-img img {
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.f18 {
    font-size: 18px !important;
}

.f16 {
    font-size: 16px !important;
}

.f14 {
    font-size: 14px !important;
}

.f12 {
    font-size: 12px !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.ml5 {
    margin-left: 5px;
}

.taC {
    text-align: center;
}

.taL {
    text-align: left;
}

.taR {
    text-align: right;
}

.ttU {
    text-transform: uppercase;
}

.ofH {
    overflow: hidden;
}

.ofA {
    overflow: visible !important;
}

.fwB {
    font-weight: 600;
}

.vaM {
    vertical-align: middle;
}

.pr {
    position: relative;
}

/*flex*/

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

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

.vertical-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/*限制行数 -- 一行*/

.line1,
.In1st-box .t,
.In1st-box .c,
.Inews-box .name,
.Hn2nd-nav dd dt,
.Hn2nd-nav dd dd a,
.Hn2nd-nav dl dt,
.Hn2nd-nav dl dd a,
.csIpro-box .name,
.csIcase-box .name,
.csCinfo-page a,
.csCinfo-page a,
.csCIr-aPro li a,
.csCIr-aCase a,
.job-content span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*动画*/

a:hover {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.animation,
.Hn2nd-list a:after,
.Ipro-block .btn span,
.IabUs-box .IabUs-icon,
.IabUs-box .IabUs-icon img,
.IabUs-box:after,
.IabUs-box .IabUs-block,
.IabUs-wrap,
.index-abUs,
.Hn2nd-nav .type:after,
.auCp-box,
.abUs-comData ul li,
.auChonor-block:before,
.auChonor-block:after,
.auChonor-con {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*滚动条*/

.viewport {
    overflow: hidden;
    position: relative;
    /*width:0px; height: 0px;*/
}

/*内容可视区域的宽高*/

.overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    /*width:0px; height: 0px;*/
}

/*内容可视区域的宽高*/

.scrollbar {
    position: relative;
    position: relative;
    display: inline;
    z-index: 400;
    z-index: 2;
    /*width:0px; height:0px;background-color:#afafaf;*/
}

/*滚动条的宽高颜色*/

.track {
    position: relative;
    /*width:0px;*/
}

/*滚动条的宽*/

.thumb {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 400;
    /*width:0px;background-color:#afafaf;*/
}

/*滚动条-当前条的宽 left 颜色*/

.disable {
    display: none;
}

.noSelect {
    user-select: none;
}