@charset "utf-8";
/* CSS Document */

/*通用*/
*{ box-sizing:border-box;} /*设置全体标签的盒子模型为border-box*/
*::before, *::after{ box-sizing:border-box;}
*:focus{ outline:none;}

.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.mt10{margin-top:10px;}
.f12{font-size:1.2em;}

ul{width:100%;height:auto;position:relative;}
ul li{position:relative;}
img{width:100%;height:auto;vertical-align:middle;}
p{line-height:25px;}

.ellipsis,
.cul-list li .cul-block h2,
.cul-list li .cul-block p,
.news-list li .nl-con h2,
.news-page a,
.pro-name,
.pb-block .pb-list a,
.pb-block .pb-title,
.container-about .ab-list li,
.srch-con .sc-list li a
{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/*动画效果*/
*{transition-property:all;}
a:hover,
a:active
{-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;}

.menu-contain .hm-nav>li>a.cur i,
.Footer-wrapper footer .rT,
.footer-nav a,
.footer-nav .fN-block,
.pd-list li em
{-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;}




/*限制行数*/
.line2,
.news-list li .nl-con p
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.line3
{-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;}

/*flex*/

.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.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,
.cul-list li,
.news-list li a,
.hist-list>li
{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

.vertical-container,
.news-list li a
{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

.pd-list li .pd-type
{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}


/*适配*/
html {font-size:10px;} /* 1rem = 10px*/
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px /* 1rem = 15px*/
    }
}
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px /* 1rem = 20px*/
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px /* 1rem = 22.5px*/
    }
}
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px /* 1rem = 23.5px*/
    }
}
@media screen and (min-width:800px) and (max-width:959px) {
    html {
        font-size: 25px /* 1rem = 25px*/
    }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html {
        font-size: 30px /* 1rem = 30px*/
    }
}
@media screen and (min-width:1080px) {
    html {
        font-size: 32px /* 1rem = 32px*/
    }
}