@charset "utf-8";

/**

 * Zhang Jian reset css

 * 2017-now

 */



*{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video{

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section{

    display: block;

}

ol, ul, li{

    list-style: none;

}



table{

    border-collapse: collapse;

    border-spacing: 0;

}

img{

    display: block;

}

/* custom */

a{

    color: #494949;

    text-decoration: none;

    -webkit-backface-visibility: hidden;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

::-webkit-scrollbar{

    width: 5px;

    height: 5px;

}

::-webkit-scrollbar-track-piece{

    background-color: rgba(0, 0, 0, 0.2);

    -webkit-border-radius: 6px;

}

::-webkit-scrollbar-thumb:vertical{

    height: 5px;

    background-color: rgba(125, 125, 125, 0.7);

    -webkit-border-radius: 6px;

}

::-webkit-scrollbar-thumb:horizontal{

    width: 5px;

    background-color: rgba(125, 125, 125, 0.7);

    -webkit-border-radius: 6px;

}

html, body{

    width: 100%;

    font-family: "Arial", "Microsoft YaHei", "微软雅黑", "宋体", sans-serif;

    color: #494949;

}

body{

    line-height: 1.7;

    -webkit-text-size-adjust: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    font-size: 12px;

}

img{

    max-width: 100%;

}



/* 单行超出用... */

.text-overflow{

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

/*多行超出用...*/

.text-overflow2{

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





/*浮动*/



.left{

    float: left;

}

.right{

    float: right;

}



/*弹性布局*/

.flex{

    display: flex;

}

.flex_wrap{

    flex-wrap: wrap;

}



/*定位*/

.pr{

    position: relative;

}

.pa{

    position: absolute;

}





/*清除浮动*/

.clearfix:after{

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}



/*页面宽度*/

.wrapper{

    width:1180px;

    margin:0 auto;

}



/*隐藏*/

.dn{

    display: none;

}



/*按钮*/

.more1:before{

    content:'';

    height:100%;

    width:0;

    position: absolute;

    background: #d90003;

    display: block;

    z-index: 1;

    transition: all .3s;

}

.more1{

    border:1px solid #d90003;

    text-transform: uppercase;

    width:180px;

    text-align: center;

    height:48px;

    line-height: 46px;

    display: block;

    margin:0 auto;

    font-size:18px;

    position: relative;

    transition: all .3s;

}

.more1 span{

    color:#d90003;

    position: relative;

    z-index: 2;

}

.more1:hover:before{

    width: 100%;

    

}

.more1:hover span{

    color:#fff;

}



/*鼠标经过图片放大*/





.img_scale .img{

    overflow: hidden;

}

.img_scale .img img{

    transition: all .5s;

}

.img_scale:hover .img img{

    transform: scale(1.1);

}







.ptb30{

    padding:30px 0;

}

.mtb40{

    margin:40px 0;

}

.pb40{

    padding-bottom: 40px;

}

.mt40{

    margin-top:40px;

}

.mb40{

    margin-bottom:40px;

}