body{   line-height: 2; font-size: 18px;

font-family: 'IBM Plex Sans',-apple-system,BlinkMacSystemFont,
'Helvetica Neue','PingFang-SC','Microsoft YaHei','Source Han Sans SC','Noto Sans CJK SC',
'WenQuanYi Micro Hei',sans-serif;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;


}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .ui.container {
        width: 900px;
    }
}

@media only screen and (min-width:1200px){.ui.container{width:1080px;}}

.containerbg{background: #fff}

.pltop{ position: fixed; right:0; top:0; left:0; z-index: 11}
.pltopon{ background: white;padding-bottom: 10px; border-bottom: 1px solid #ccc}
.hightext{border-bottom: 5px solid #3fbeef; display: inline-block; line-height: 2}

.pltopmenu{ padding-top: 20px; line-height: 2}
.pltopmenu a{ color:#15232f; font-size: 16px; font-weight: bold}
.pltopmenu .item{  margin:0 0 0 40px; text-align: center; }
.pltopmenu .active{  }
.pltopmenu .item a:hover{border-bottom: 5px solid #3fbeef; }
.pltopmenu .item a{ display: inline-block}
.pltopmenu .itemen a:hover{border-bottom: none; }
.pltopmenu .itemen a{margin-top: 3px; background: #3fbeef;
    font-size: 12px; padding:0px 5px; border-radius: 5px; color:white;}
.banner_fm{ height: 800px; position: relative}
.banner_text{ position: absolute; bottom:50px; left:0; right: 0; color: #484848;}


.plcard{ background: #fff; box-shadow: 2px 2px 5px #ccc;  }


.imgbox{
	display: -webkit-flex;
	width: 100%;
	height: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.imgbox img{
	max-width: 100%;
	max-height: 100%;
}


@media (max-width: 768px){
    .pltopmenu{ width: 100%; padding-top: 0 }
    .pltopmenu0{ flex-wrap: wrap}
    .pltopmenu .item{ margin:0 10px 0 10px;  flex: 1}
    .pltop .flexg1{ width: 100%; text-align: center}
}


.mainmenu .item{ border:0; color:#43b06f !important;}
.mainmenu .active{color:#443886 !important;}
p{ margin: 0; padding-bottom: 20px}
div{ overflow: hidden}
.green{  color:#43b06f !important;}
.blue{color:#443886  }
a{ color: #3fbeef}
.blueblue{color:#443886}
.gray{ color: gray}
.ui.menu.mainmenu .item::before{ width: 0; background: none}
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child
{ border:0 }
.mainmenu { margin-bottom: 0 !important;}

.about_fm{  background: #ddd; padding:30px 0; }
/*.aboutimg{ border-radius: 10px; overflow: hidden; box-shadow: 0 0 5px 5px #bbb }*/
.clearfix,.clearfix:after{ clear: both}
.bigheader{ padding:30px 0 30px 0; text-align: center; font-size: 200%; clear:both; }
.bigheader span{ border-bottom: 3px solid #443886; padding-bottom: 10px; }


.zixungrid{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}


.zixungrid,.zixungrid a{ color:white;}
.zixungrid .column{ padding:30px;}
.zixungrid .h{ font-size: 200%; margin-bottom: 15px }
.zixungrid .c{ margin-bottom: 15px;}

.zgrid{ width: 50%;  position: relative;  }
.zgrid .img{ position: absolute; bottom: 0; right:0; left:0; width: 100%;  }
.zgrid .zc{ position: absolute; top:0; right:0; left:0; bottom: 0; padding:40px;}


@media (max-width: 768px){
.zgrid{ width: 100%; }
    .rightmenu{ display: none !important;}
}

@media (min-width: 769px) {
    .mobileonly{ display: none !important; }
}


.ui.column.grid > [class*="threethree wide"].column, .ui.grid > .column.row > [class*="threethree wide"].column, .ui.grid > .row > [class*="threethree wide"].column, .ui.grid > [class*="threethree wide"].column

{
     width: 33.33% !important;
}
.ybtn{ background: #43b06f;  color:white; display: inline-block; padding:5px 10px; border-radius: 10px; overflow: hidden; }
.ybtn:hover{color:white;}
.ptb15{ padding:15px 0}
.ptb30{ padding:30px 0}

.big{ font-size: 150% }
.big25{ font-size: 250%;}
.big15{ font-size: 150% }
.mt30{ margin-top: 30px}
.mt60{ margin-top: 60px}
.rel{ position: relative}
.abs{ position: absolute}


.changyegrid a{ color:white}
.changyegrid .rel,.changyegrid .img,.changyegrid .t{
    height: 240px; bottom:0; width: 100%; overflow: hidden   }
.changyegrid .t{ height: 90px; background: rgba(22, 20, 122, 0.73);
    padding:10px; line-height: 1.3; color:white;  }
.changyegrid .img{ border-radius: 10px 10px 0 0 }
.changyegrid .img img{ position: absolute;
    bottom:0;}
.contact_fm{ padding:50px;}

.foot_fm a{ color:#d8d8d8}
.foot_fm{ font-size: 14px; line-height: 2;
 color:#d8d8d8;
    background: url(/static/jifeng/footbar.png)  top center  ;  background-size: 100%  auto;
      padding:30px 0;



}

.historyright p{
    padding-left:20px;
    background: url(/static/jifeng/landian.png) 0px 5px no-repeat;

}
/*page*/
.categoryname{ padding:50px 0;}
.shortline{
     height: 50px;
                    width: 340px; margin: 0 auto; border-bottom: 1px solid  #ccc}


.btnmenu{ display: none}
.plc1{padding:100px;}

@media(max-width: 700px){
    .btnmenu{
        cursor: pointer;
        line-height: 1; border-radius: 10px;
        display: block; padding:10px; background: #3fbeef; color:white; position: absolute; top:20px; left:20px;}
    .pltopmenu{
        display: none;
    }
    .pltopmenu.flexrow{ flex-wrap: wrap !important;}
    .pltopmenu .item{ width: 100%; flex:auto; margin-left: 10px !important; }
    .plc1{ padding:10px;width: 100%; flex:auto;}
    .plc2{ width: 100%; flex:auto;}
    .flexwrapmobile{ flex-wrap: wrap}
    .flex50pm{ width: 50%;  }
    .flex100pm{ flex:auto; width: 100%}
    .css3{ background-size:100% !important; }
    .css4{ text-align: left;}
    .banner_text { line-height: 1.2}
    .foot_fm{
        height: auto;}
}