@font-face {

    font-family: 'Akrobat';/*这里是说明调用bai来的字体名du字*/

    src: url("font/Akrobat-Bold.otf"); /*这里是字体文件路径*/

}

* { margin:0; padding:0;box-sizing: border-box;}

body {

    color:#333;

    font-size:14px;

    line-height: 1.42857143;

    font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;

    /*width: 100vw;*/

    overflow: hidden;

}

html {overflow-y: scroll;}

/*:root {overflow-y: auto;overflow-x: hidden;}*/

/*:root body {position: absolute;}*/

/**html { background-image:url(about:blank);background-attachment:fixed;}*/

li { list-style:none;}

img { border:none;}

h2,h3{font-weight:normal}

a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}

a:focus { outline:none;}

a:link { text-decoration:none;}

a:hover { text-decoration:none; }

.text-cut  /*限制文字,文字超出显示冒号*/

{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;

    -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;

}

.container{width: 1200px;margin: 0 auto}



.fl{float: left}

.fr{float: right}

.clear{clear: both}

.clearfix:before{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}

.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:""}



:-moz-placeholder {

    color: #8a8a8a;

    opacity: 0.8;

}

::-moz-placeholder {

    color: #8a8a8a;

    opacity: 0.8;

}

::placeholder{

    olor: #8a8a8a;

    opacity: 0.8;

}



input:-ms-input-placeholder {

    color: #8a8a8a;

    opacity: 0.8;

}

input::-webkit-input-placeholder {

    color: #8a8a8a;

    opacity: 0.8;

}



/*图片放大*/

.fdapic { overflow:hidden;}

.fdapic img {

    -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;

    -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}

.fdapic:hover img {

    -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);

}



.cxhl_flex{display: flex;}

.cxhl_flex_center{display: flex;align-items: center;}

.cxhl_flex_col{    display: flex;flex-direction: column;justify-content: space-evenly;}

.cxhl_flex_wrap{display: flex;align-items: center;flex-wrap: wrap;}

.cxhl_last_item{margin-left: auto;}



.font_ff5107{color: #ff5107}

.font_0060f7{color: #0060f7;}



.bg_eff4f8{background-color: #eff4f8;}



.tit{margin-bottom: 30px;}

.tit *{display: inline-block;}

.tit h3{font-size: 28px;color: #333;}

.tit p{font-size: 14px;color: #999;margin-left: 5px;}

.titC{text-align: center;}

.titC h3{font-size: 28px;color: #333;}

.titC p{font-size: 14px;color: #999;line-height: 2.8;}



.tui:after{content:"";display:inline-block;width: 42px;height: 20px;background: url("../img/img05.png") no-repeat;background-size: 100%;

    position: absolute;right:-47px;top:3px;z-index: 9;

}

.hot:after{content:"";display:inline-block;width: 30px;height: 16px;background: url("../img/hot.png") no-repeat;background-size: 100%;

    position: absolute;right:-35px;top:5px;z-index: 9;

}

.atags{width: 100%;height: 0px;}

.mt10{margin-top: 10px;}

.mt20{margin-top: 20px;}

.mt40{margin-top: 40px;}

.mt45{margin-top: 45px;}

.mt50{margin-top: 50px;}

