@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;	box-sizing: border-box;}
body {position: relative; width:100%; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ul li, ol li, li {list-style:none;}
table {	border-collapse: collapse;	border-spacing: 0;}
input, textarea {border: 0;	outline: none;  -webkit-appearance: none; /*去掉内部阴影*/}
select {border: 0;}
input[type=input]{-webkit-appearance:none;}/*移除ios样式*/
input[type=checkbox]{-webkit-appearance:checkbox;}
/*去除a标签的虚线框*/
a {outline: none; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
img{border: none;}
html {width:100%;background-color: #fff;}
.clearfix:after {visibility: hidden;display: block;	font-size: 0;content: ".";	clear: both;height: 0;}
.fr {float: right;}
.fl {float: left;}
.none{ display:none;}
.box{ width:100%; display:-webkit-box;display: -ms-flexbox; display:box; text-align:left;}
.flex{-webkit-box-flex:1; -moz-box-flex:1; -ms-flex:1; -o-box-flex:1; box-flex:1; flex:1;}
.flex2{-webkit-box-flex:2; -moz-box-flex:2; -ms-flex:2; -o-box-flex:2; box-flex:2; flex:2;}
.hide{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.apo{display: -webkit-box;display: -ms-flexbox; text-overflow: ellipsis;  overflow : hidden;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.apo_one{display: -webkit-box;display: -ms-flexbox; text-overflow: ellipsis;  overflow : hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.apo_three{display: -webkit-box;display: -ms-flexbox; text-overflow: ellipsis;  overflow : hidden;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.apo_Four{display: -webkit-box;display: -ms-flexbox; text-overflow: ellipsis;  overflow : hidden;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.mark{display: none; position: fixed; top:0;left: 0; z-index: 55; width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.fxsContainer{width:1200px;margin: 0 auto;}
.bgWrite{background-color: #fff !important;}
.bgGray{background-color: #F0F0F0;}
.bgGrayE6{background-color: #E6E6E6;}
.bgF2{background-color: #F2F4F7;}
.d-f-f-s{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.d-f-f-s-w{
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.d-f-s-b-na{
    display: flex;
    justify-content: space-between;
}
.d-f-s-b{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.d-f-s-b-w{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap:wrap;
}
.d-f-s-b-w-nc{
    display: flex;
    justify-content: space-between;

    flex-wrap:wrap;
}
.d-f-s-b-column {
    display: flex;
    justify-content: space-between;
    flex-direction: column ;

}
/*
*****一些常用的内外边距、字体大小的设置
*/
.txtCen{text-align: center;}
.font18{font-size: 18px;}
.font20{font-size: 20px !important;}
.font14{font-size: 14px;}
.colorWhite{color: #ffff !important;}
.mt70{margin-top: 70px;}
.mt60{margin-top: .6rem;}
.mt40{margin-top: .4rem;}
.mt50{margin-top: .5rem;}
.mt30{margin-top: .3rem;}
.mt25{margin-top: 25px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.mlr30{margin: 0 30px;}
.mtb5{margin: 5px 0;}
.m0{margin:0;}
.mr0{margin-right:0;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.ml0{margin-left: 0;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml50{margin-left: 50px;}
.ml5{margin-left: 5px;}
.mb7{margin-bottom: 7px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb40{margin-bottom: .4rem;}
.mb20{margin-bottom: 20px;}
.mb5{margin-bottom: 5px;}
.pd0{padding: 0 !important;}
.pd20{padding: 20px;}
.pdlr15{padding: 20px 15px;}
.pdlr20{padding: 0 20px;}
.pd40{padding: 40px 0;}
.pdt0{padding-top: 0;}
.pdt5{padding-top: 5px;}
.pdt15{padding-top: 15px;}
.pdt20{padding-top: 20px;}
.pdt73{padding-top: 73px;}
.pdb70{padding-bottom: 70px;}
.pdl20{padding-left: 20px;}
.pdl30{padding-left: 30px;}
.pdr40{padding-right: 40px;}
/*
*****一些常用的内外边距、字体大小的设置
*/
.contentHeaderWidth{
    width:17.2rem;
    margin:0 auto;
}
.contentWidth{
    width:15.2rem;
    margin:0 auto;
}
/*公共部分（头部、尾部）*/
.c-header{
    width:100%;

    position: fixed;
    top:0;
    left: 0;
    z-index: 2222;
   height: .9rem;
    background:rgba(0,0,0,0.5);
    box-sizing: border-box;
    color:#fff;
    font-size: 0;
    border-bottom:1px solid rgba(255,255,255,0.5);
}
.c-header-left-img{
    height: .5rem;
    display: block;
}
.c-header-left-img img{
    width:100%;
    height: .5rem;
}
.c-header-left-content{

    padding:0 .18rem;
    text-align: left;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    font-size: .15rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .15rem;
}
.bannerPublic{
    font-size: 0;
    height: 6rem;
    width: 100%;
}
.bannerPublic img{
    width: 100%;
    height: 6rem;
    object-fit: cover;
}
.c-header-left-cord{
    margin-left:.25rem;
    width:.7rem;
    font-size: 0;
    text-align: center;
}
.c-header-left-cord img{
    height: 24px;
}
.c-header-left-cord p{
    font-size: .12rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
  margin-top:.15rem;
}
.c-header-nav{
    width:11.05rem;
    padding-left:.93rem;
}
.c-header-nav .nav_item{
    color:#fff;
    position: relative;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;

    margin-right: .46rem;
    display: inline-block;
}
.c-header-nav .nav_item>a{
    color:#fff;
    height: .9rem;
    line-height: .9rem;
    display: inline-block;
}
.nav_item .nav_son_item{
    display: none;
    position: absolute;
    z-index: 223212;
    top:.9rem;
    padding-top:.02rem;
    left:-.2rem;


}
.nav_item .nav_son_item a{
    width:1.1rem;
    background:#FFFFFF;
    height: .5rem;
    font-size:.16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #384041;
    text-align: center;
    display: inline-block;
    line-height: .5rem;
    border-bottom: 0.01rem solid #E6E6E6;
}
.nav_item .nav_son_item a:hover{
    background:#262626;
    color:#fff;
    font-weight: 500;
}
.c-header-nav .nav_item:last-child{
    margin-right: 0;
}
.c-header-nav .c-header-active ,.c-header-nav .nav_item:hover{
    font-weight: bold;
}
.c-header-nav .nav_item:hover .nav_son_item{
    display: block;
}
.c-header-nav .c-header-active:after ,.c-header-nav .nav_item:hover:after{
    font-weight: bold;
    position: absolute;
    content: '';
    bottom:0rem;
    width:100%;
    left:0;
    border-bottom:.03rem solid #fff;
}
.c-header .c-header-tel{
    border:.01rem solid #fff;
    height: .4rem;

    width:2.9rem;
    border-radius: .2rem;
    font-size:.16rem;
    font-family: Source Han Sans CN;
    font-width: 400;
    color:#fff;
    padding:.1rem .25rem;
}
.c-header .c-header-tel img{
    width:.24rem;
    height: .2rem;
}
.c-header .c-header-tel span span{
    font-weight: bold;
}
.c-header .c-header-tel:hover{
    background:#fff;
    color:#262626;
}
.c-header .c-header-tel:hover img{
    content: url("../img/common/c-h-tel-h.png");
}
.c-header-top{
    background:#262626;
}


.footer{
    width:100%;
   padding-top:.7rem;
    background:#404040;
    font-size: 0;
}
.footer .footer-top{

    padding: .5rem 2rem;
    border-bottom:.01rem solid #666666;
}
.footer .footer-top .footer-top-left{
    margin-right: .6rem;
    width:2.2rem;
}
.footer .footer-top .footer-top-left .footer-top-left-img{
    width:100%;
    height: 1.4rem;
    margin-bottom:.25rem;
}
.footer .footer-top .footer-top-left .footer-top-left-img img{
    width:100%;
    height: 1.5rem;

}
.footer .footer-top .footer-top-left .footer-top-left-bottom-img{
    width:100%;
}
.footer-top-left-bottom-img img{
    width:.34rem;
    height: .34rem;
}
.footer-top-left-bottom-img a{
    position: relative;
}
.footer-top-left-bottom-img a img:nth-of-type(2){
    position: absolute;
    width: 1rem;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + .2rem);
    opacity: 0;
}
.footer-top-left-bottom-img a:hover img:nth-of-type(2){
    opacity: 1;
}
.footer  .footer-bottom {
    padding:.5rem 2rem .3rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
}
.footer  .footer-bottom .title{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    padding-bottom:.1rem;
    margin-bottom:.1rem;
    border-bottom: .01rem solid #666666;
}
.footer-top-right{
    padding-left: .6rem;
    border-left: .01rem solid #666666;

    width:12.4rem;
    box-sizing: border-box;
}
.footer-top-right .f-t-r-nav{
    padding-bottom:.15rem;
    border-bottom: .01rem solid #666666;
    margin-bottom: .3rem;
}
.footer-top-right .f-t-r-nav a{
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    margin-right: .88rem;
}
.footer-top-right .f-t-r-nav a:last-child{
    margin-right: 0;
}
.footer-top-right .f-t-r-nav .c-footer-active,.footer-top-right .f-t-r-nav a:hover{
    font-weight: bold;
    color: #FFFFFF
}
.footer-top-right .f-t-r-b-l{
    width:5rem;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}
.footer-top-right .f-t-r-b-l p{
    margin-bottom: .15rem;
}
.footer-top-right .f-t-r-b-l p:last-child{
    margin-bottom: 0;
}
.footer-top-right .f-t-r-b-cord{
    width:1.2rem;
}
.footer-top-right .f-t-r-b-cord img{
    width:1.2rem;
    height: 1.2rem;
    margin-bottom:.14rem;
}
.footer-top-right .f-t-r-b-cord p{
    width:100%;
    text-align: center;
    font-size: .12rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}
.f-t-r-bottom .f-t-r-b-r{
    width:1.8rem;
}
.f-t-r-bottom .f-t-r-b-r .info{
    width:100%;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    margin-bottom:.1rem;
}
.f-t-r-bottom .f-t-r-b-r .tel{
    width:100%;
    font-size: .24rem;
    font-family: DustHome;
    font-weight: 500;
    line-height:.34rem;
    color: #FFFFFF;
    border-bottom: .01rem solid #666666;
    padding-bottom:.15rem;
    margin-bottom:.2rem;
}
.f-t-r-bottom .f-t-r-b-r .info:last-child{
    margin-bottom: 0;
}
.footer  .footer-bottom a{
    color: #999999;
    font-weight: 400;
    margin-bottom:.2rem;
    margin-right: .3rem;
    display: inline-block;
}
    /*分页*/
.page {
    position: relative;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 60px;
    text-align: center;
}

.page li{
    display: inline;
    margin-right: .1rem;
}
.page a,.page span {
    display: inline-block;
    height: .38rem;
    width: .38rem;

    font-size: .14rem;
    color: #999;
    text-align: center;
    vertical-align: middle;
    line-height:.38rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius:.05rem;
    -webkit-border-radius:.05rem;
    -moz-border-radius: .05rem;
}
.page a:hover,.page span:hover,.page .active span  {
    color: #fff;
    background-color: #262626;
    border: 1px solid #262626;
}
.page span:hover,.page span.seled {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background-color: #262626;
}
.page span {
    width: .38rem;
    cursor: pointer;
}
.page li:first-child a,.page li:first-child  span {
    width: .73rem;
}
.page li:last-child a,.page li:last-child span{
    width: .73rem;
}
.page a.gray,.page a.gray:hover,.page span.gray,.page span.gray:hover {
    color: #999;
    background-color: #262626;
    border: 1px solid #262626;
}
.eachInfo{
    display: flex;
    padding-left: .8rem;
}
.eachGo{
    flex: 1;
    padding-left: .8rem;
    color: #262626;
    text-align: left;
}
.eachGoF{
    position: relative;
}
.eachGoF:after{
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: .7rem;
    margin-top: -.35rem;
    background-color: #CCCCCC;
}
.eTit{
    font-size: .2rem;
    font-weight: bold;
    line-height: .4rem;
}
.dataInfo{
    font-size: .48rem;
    font-family: 'DustHome';
    font-weight: 500;
    line-height: .72rem;
    color: #E6AC73;
}
.dataInfo span:last-child{
    font-size: .2rem;
    margin-left: .1rem;
}
.cTit{
    font-size: .16rem;
}
.titleBox .title{
    font-size: .4rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height:.4rem;
    color: #262626;
}
.titleBox  a{
    width:1rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    border: 1px solid #E6E6E6;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    display: inline-block;
}
.titleBox  span{

    height: .4rem;
    line-height: .4rem;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}
.titleBox{
    padding-bottom:.25rem;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom:.5rem;

}
/*页面内导航*/
.nav_type{
    width:100%;
    height: 1.2rem;
    font-size: 0;
    text-align: center;
    padding:.38rem 0;
    box-sizing: border-box;
}
.nav_type a{
   text-align: center;
    height: .44rem;
    width:1.6rem;
    line-height: .44rem;;
    margin-right: .3rem;
    display: inline-block;
    border:1px solid #CCCCCC;
    border-radius: .55rem;
    font-size: .16rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #262626;
}
.nav_type a:hover,.nav_type .activity{
    background:#EC690F;
    border: 1px solid #EC690F;
    color:#fff;
}

.temFont .title{
    width:100%;
    text-align: center;
    font-size:.44rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: .44rem;
}
.temFont  .info{
    font-size: .2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: .2rem;
    margin-top:.25rem;
    width:100%;
    text-align: center;
}
/*TANK*/
.order-gz,.order-gz2 {
    margin: 0 auto;
    display: none;
    width: 7rem;
    height: 5rem;
    padding:.4rem .6rem;
    box-sizing: border-box;
    box-shadow: 0 0 .25rem rgba(0,0,0,0.3);
    background: #fff;
    position: fixed;
    opacity: 1;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.order-gz .title{
    width:100%;
    font-size: .3rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: .3rem;
    text-align: center;
    color: #262626;
    opacity: 1;
    margin-bottom:.15rem;
}
.order-gz .info{
    text-align: center;
    font-size: .16rem;
    width:100%;
    font-family: Source Han Sans CN;

    font-weight: 400;
    line-height: .16rem;

    color: #999999;
    opacity: 1;
    margin-bottom:.3rem;
}
.order-gz .info span{
    font-weight: bold;
    color: #262626;
}
.order-gz .input-item{
    width:100%;
    margin-bottom:.15rem;
}
.order-gz .input-item input,.order-gz .input-item select{
    width:2.8rem;
    height: .5rem;
    line-height: .5rem;
    padding-left:.15rem;
    box-sizing: border-box;
    font-size: .14rem;
    font-family: Source Han Sans CN;
    border:0.01rem solid #E6E6E6;
}
#close,#close2{
    position: absolute;
    width: .5rem;
    height:.5rem;
    background: #262626;
    color: #FFF;
    top: -.25rem;
    right: -.25rem;
    border-radius: 50%;
    text-align: center;
    line-height: .5rem;
    font-size: .25rem;
    font-weight: 900;
}
.order-gz textarea{
    height: 1.2rem;
}
.order-gz .form-submit{
    width:100%;
    height: .55rem;
    line-height: .55rem;
    background: #262626;
    text-align: center;
    font-size: .18rem;
    font-family: Source Han Sans CN;
    font-weight: 400;

    color: #FFFFFF;
}
.layui-layer-dialog{
    top:50% !important;
}
.navigation-detail{
  width: 15.2rem;
  height: .8rem;
  box-sizing: border-box;
  border-bottom: 1px solid #d3d3d3;
  line-height: .8rem;
  margin: 0 auto;
  font-size: .22rem;
    position: relative;
}
.navigation-detail span,h1{
  font-size: .22rem;
  color:#999;
  font-weight: normal;
  display: inline;

}
.navigation-detail a:hover{
  border-bottom: 1px solid #999;
}

.navigation-detail .search{
    width: 4.4rem;
    height: .4rem;
    border-radius: .05rem;
    overflow: hidden;
    border: 1px solid #262626;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
}
.navigation-detail .search input{
    display: block;
    width: 3.2rem;
    height: .4rem;
    line-height: .4rem;
    box-sizing: border-box;
    padding-left: .15rem;
    background: none;
    border: none;
    font-size: .14rem;
}
.search button{
    display: block;
    width: 1.2rem;
    height: .4rem;
    background:#262626 url("../images/search.png") no-repeat;
    background-position: center center;
    line-height: .4rem;
    font-size: .14rem;
    font-weight:400;
    color:rgba(255,255,255,1);
    padding-left: .2rem;
    box-sizing: border-box;
    border: none;
}


.fixed{
    top: 50%;
    right: 0;
    position: fixed;
    z-index: 9;
}
.fixed a{
    display: block;
    width: .75rem;
    height: .80rem;
    border: 1px solid #333333;
    border-bottom: 1px solid #1A1A1A;
    background: #333333;
    box-sizing: border-box;
    position: relative;
}
.fixed a .mask{
    transition-duration: .3s;
    width: 2.25rem;
    height: .8rem;
    position: absolute;
    top: 0;
    right: -2.25rem;
    border: 1px solid #333333;
    z-index: 2;
    background: #FFF;
}
.fixed a .mask .wordsBox h2{
    font-size: .14rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    line-height:.24rem;
    color:#1A1A1A;
    opacity:1;
    margin-top: .1rem;
    margin-left: .2rem;
}
.fixed a .mask .wordsBox p{
    display: block;
    width: 1rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    font-size: .14rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#1A1A1A;
    border: 1px solid #333333;
    margin-top: .05rem;
    margin-left: .25rem;
}
.fixed a .mask img{
    display: block;
    position: absolute;
    right: .23rem;
    top: .25rem;
    width: .3rem;
}
.fixed a:hover .mask,.fixed a:hover .mask2,.fixed a:hover .mask3{
    right: 0;
}
.fixed a .mask2{
    width: 1.85rem;
    height: .8rem;
    position: absolute;
    border: 1px solid #333333;
    top: 0;
    right: -1.85rem;
    background: #FFF;
    transition-duration: .3s;
}
.fixed a .mask2 .wordsBox{
    width: 1.20rem;
    margin-top: .15rem;
}
.fixed a .mask2 .wordsBox p{
    text-align: center;
    font-size: .14rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#1A1A1A;
}
.fixed a .mask2 img{
    display: block;
    position: absolute;
    right: .24rem;
    top: .25rem;
    width: .3rem;
}
.fixed a .mask3{
    width: 1.95rem;
    height: 1.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2rem;
    transition-duration: .3s;
}
.fixed a .mask3 .wordsBox{
    width: 1.2rem;
    height: 1.4rem;
    float: left;
    background: #FFF;
}
.fixed a .mask3 .wordsBox img{
    width: .8rem;
    height: .8rem;
    margin: 0 auto;
    display: block;
    margin-top: .2rem;
}
.fixed a .mask3 .wordsBox h2{
    text-align: center;
    margin-top: .1rem;
    font-size: .14rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#1A1A1A;
}
.fixed a .mask3 .imgBox{
    width: .75rem;
    height: .80rem;
    background: #FFF;
    position: relative;
    float: left;
    margin-top: .3rem;
}
.fixed a .mask3 .imgBox img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .3rem;
}


.fixed a:first-of-type{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.fixed a:last-of-type{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fixed a>.imgBox{
    width: 100%;
    height: .5rem;
    position: relative;
}
.fixed a>.imgBox img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .3rem;
}
.fixed a>p{
    text-align: center;
    font-size: .12rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}

.fixed a .imgBox img:nth-of-type(2){
    display: none;
}
.fixed a:hover{
    background: #FFF;
}
.fixed a:first-of-type:hover{
    background: #333333;
}
.fixed a:first-of-type:hover img{
    display: block !important;
}
.fixed a:first-of-type:hover p{
    color: #FFF !important;
}
.fixed a:hover>.imgBox img{
    display: none;
}
.fixed a:hover>.imgBox img:nth-of-type(2){
    display: block;
}
.fixed a:hover>p{
    color: #333333;
}

.dynamic-list{
    width: 15.2rem;
    margin: 0 auto;
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dynamic-list .item{
    display: block;
    width: 4.9rem;
    margin-bottom: .3rem;

}
.dynamic-list .item .img-box{
    width: 4.9rem;
    height: 3rem;
    overflow: hidden;
    position: relative;
}
.dynamic-list .item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dynamic-list .item .img-box .mask-box{
    position: absolute;
    transition-duration: .3s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    opacity: 0;
}
.dynamic-list .item .word-box{
    width: 100%;
    padding: .3rem .2rem;
    border: 1px solid #E6E6E6;
    border-top: none;
}
.dynamic-list .item .word-box h2{
    font-size: .2rem;
    font-weight: 500;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dynamic-list .item .word-box h3{
    height: .64rem;
    font-size: .16rem;
    font-weight: 400;
    line-height: .32rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .2rem;
}
.dynamic-list .item .word-box p{
    font-size: .16rem;
    font-weight: 400;
    color: #999999;
    margin-top: .2rem;
}
.dynamic-list .item:hover{
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.dynamic-list .item:hover .img-box .mask-box{
    opacity: 1;
}
.dynamic-list .item:hover .word-box{
    background: #CC2A29;
    border-color: #CC2A29;
}
.dynamic-list .item:hover .word-box h2,.dynamic-list .item:hover .word-box h3,.dynamic-list .item:hover .word-box p{
    color: #FFF;
}

.article-content{
    width: 100%;
    overflow: hidden;
    background: #F2F4F7;
    padding: .5rem 2rem;
}
.article-content .left{
    width: 11.5rem;
    float: left;
}
.article-content .left .title{
    background: #FFF;
    padding: .5rem .7rem;
}
.article-content .left .title h2{
    text-align: center;
    font-size: .3rem;
    font-weight: bold;
    color: #272727;
}
.article-content .left .title p{
    margin-top: .2rem;
    font-size: .14rem;
    font-weight: 400;
    color: #666666;
    text-align: center;
}
.article-content .left .title .share-box{
    margin-top: .3rem;
    height: .3rem;
    position: relative;
}
.article-content .left .title .share-box .line{
    display: block;
    width: 100%;
    height: 1px;
    background: #CCCCCC;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.article-content .left .title .share-box .main-share{
    float: right;
    background: #FFF;
    position: relative;
    z-index: 2;
}
.article-content .left .title .share-box .main-share a{
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    font-size: .15rem;
    box-sizing: border-box;
    margin: 0 .05rem;
    filter: grayscale(100%);
}
.article-content .left .content{
    width: 100%;
    padding: 0 .7rem;
    padding-bottom: .7rem;
    background: #FFF;
}
.article-content .left .content img{
    max-width: 100%;
    height: auto !important;
}
.article-content .next-prev{
    width: 100%;
    margin-top: .25rem;
    margin-bottom: .4rem;
    background: #FFF;
    height: .8rem;
}
.article-content .next-prev a{
    display: block;
    float: left;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.article-content .next-prev a.left{
    width: 4.25rem;
}
.article-content .next-prev a.center{
    width: 3rem;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}
.article-content .next-prev a.right{
    width: 4.25rem;
}
.article-content .next-prev a span{
    display: block;
    position: absolute;
    box-sizing: border-box;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .24rem;
    background: url("../images/api1.png") left center no-repeat;
    background-size: .24rem .24rem;
    top: .28rem;
    left: 50%;
    transform: translateX(-50%);
    padding-left: .4rem;
    font-size: .18rem;
    font-weight: 400;
    white-space: nowrap;
    color: #404040;
}
.article-content .next-prev a:hover{
    background: #262626;
}
.article-content .next-prev a.left:hover span{
    background: url("../images/api11.png") left center no-repeat;
    background-size: .24rem .24rem;
    color: #FFF;
}
.article-content .next-prev a.center span{
    background: url("../images/api2.png") left center no-repeat;
    background-size: .24rem .24rem;
}
.article-content .next-prev a.center:hover span{
    background: url("../images/api21.png") left center no-repeat;
    background-size: .24rem .24rem;
    color: #FFF;
}
.article-content .next-prev a.right span{
    background: url("../images/api3.png") right center no-repeat;
    background-size: .24rem .24rem;
    padding-left: 0;
    padding-right: .4rem;
}
.article-content .next-prev a.right:hover span{
    background: url("../images/api31.png") right center no-repeat;
    background-size: .24rem .24rem;
    color: #FFF;
}
.article-content .hot-article{
    width: 100%;
    background: #FFF;
    padding: .4rem;
}
.article-content .hot-article>h2{
    font-size: .24rem;
    font-weight: bold;
    color: #262626;
    padding-bottom: .2rem;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: .35rem;
}
.article-content .hot-article h2 span{
    font-size: .12rem;
    font-weight: 400;
    color: #999999;
    margin-left: .1rem;
}
.article-content .hot-article .item{
    display: block;
    padding-bottom: .25rem;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: .25rem;
    width: 100%;
    height: 2.1rem;
}
.article-content .hot-article .item .img-box{
    width: 2.6rem;
    height: 1.8rem;
    float: left;
    overflow: hidden;
}
.article-content .hot-article .item .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-content .hot-article .item .word-box{
    width: 7.85rem;
    float: left;
    margin-left: .25rem;
    height: 100%;
    position: relative;
}
.article-content .hot-article .item .word-box h2{
    font-size: .20rem;
    font-weight: 500;
    color: #262626;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-content .hot-article .item .word-box h3{
    font-size: .14rem;
    font-weight: 400;
    line-height: .28rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .15rem;
}
.article-content .hot-article .item .word-box p{
    font-size: .12rem;
    font-weight: 400;
    color: #999999;
    margin-top: .1rem;
}
.article-content .hot-article .item .word-box .button{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.4rem;
    height: .36rem;
    text-align: center;
    line-height: .36rem;
    border: 1px solid #E6E6E6;
    font-size: .14rem;
    font-weight: 400;
    color: #CCCCCC;
}
.article-content .right{
    width: 3.4rem;
    float: right;
    background: #FFF;
    padding-bottom: .25rem;
}
.article-content .right>h2{
    width: 100%;
    height: .7rem;
    background: #262626;
    text-align: center;
    line-height: .7rem;
    font-size: .2rem;
    font-weight: bold;
    color: #FFFFFF;
}
.article-content .right .item{
    display: block;
    width: 3rem;
    margin: 0 auto;
    margin-top: .25rem;
}
.article-content .right .item .img-box img{
    width: 100%;
    height: auto;
}
.article-content .right .item .word-box{
    width: 100%;
    padding: .2rem .15rem;
    border: 1px solid #E6E6E6;
}
.article-content .right .item .word-box h2{
    font-size: .14rem;
    font-weight: 500;
    color: #272727;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-content .right .item .word-box h3{
    font-size: .12rem;
    font-weight: 400;
    line-height: .24rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-nav{
    text-align: center;
    width: 100%;
    height: 1.2rem;
    background: #F2F4F7;
    padding: .35rem 2rem;
}
.news-nav a{
    display: inline-block;
    margin: 0 .1rem;
    width: 1.6rem;
    height: .5rem;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    text-align: center;
    line-height: .5rem;
    font-size: .16rem;
    font-weight: 400;
    color: #262626;
}
.news-nav a:hover,.news-nav a.on{
    background: #262626;
    color: #FFF;
}
.nav-home-detail {
    margin-top: .28rem;
    margin-right: .09rem;
    float: left;
}