.content{ width: 1200px; margin: 0 auto; box-shadow: 0 0 5px 5px rgba(0,0,0,.1); position: relative; top:-90px; background: #fff; padding: 20px 20px 30px 20px;}
.breadcrub{ font-size: 16px; border-bottom: solid 1px #eeeeee; padding-bottom: 20px; margin-bottom: 30px;}
.list-main{ display: flex; justify-content: space-between;}
.mian-left h2{ color: #fff; background: url(lmbg231221.jpg) no-repeat 0 0; width: 210px; height: 48px; font-size: 20px; text-align: center; line-height: 48px; margin-bottom: 20px;}
.mian-left div{ margin-bottom: 20px;}
.mian-left div h3{ border: solid 1px #0047d9; border-radius: 5px; color: #018ffb; height: 46px; line-height: 46px; text-align: center; background: url(down-arrow2312.jpg) no-repeat 180px center;}
.mian-left div.on h3{background: url(up-arrow2312.jpg) no-repeat 180px center;}
.mian-left div.on ul{ display: block;}
.mian-left div ul li{ color: #333; background: url(rightarrow231221.jpg) no-repeat 20px center; border-bottom: solid 1px #eeeeee; padding-left: 40px; height: 46px; line-height: 46px;}
.mian-left div ul{ display: none;}
.mian-right{ width: 910px;}
.mian-right h3 { border-bottom: solid 1px #018ffb;}
.mian-right h3 span{ color: #fff; background: url(btbg231221.jpg) no-repeat 0 0; padding:0 35px; display: inline-block; min-width: 94px; background-size: 100% 100%; }
.mian-right ul li{ color: #333; border-bottom: dashed 1px #dcdcdc;line-height: 60px;}
.mian-right ul li::before{ content: ''; display: inline-block; width: 5px; height: 5px; background: #008ffb; border-radius: 100%; margin-right: 10px; }
.mian-right ul li a:hover{ color: #018ffb;}

.bigFont div p{ font-size: 20px;}
.bigFont div{ font-size: 20px;}
.bigFont .TRS_Editor div{ font-size: 20px;}
.middleFont div p{ font-size: 16px;}
.middleFont div{ font-size: 16px;}
.middleFont .TRS_Editor  div{ font-size: 16px;}
.smallFont div p{ font-size: 14px;}
.smallFont div{ font-size: 14px;}
.smallFont .TRS_Editor div{ font-size: 14px;}
.passage-title h2{ font-size: 36px; color: #018ffb; font-weight: normal; text-align: center; margin-bottom: 30px;}
.set-con{ display: flex; justify-content: space-between; border-bottom: solid 1px #018ffb; margin-bottom: 30px; padding-bottom: 5px;}
.left span{ display: inline-block; margin-right: 30px; color: #666;}
.right{ display: flex;}
.right dl{ display: flex; margin-right: 30px; color: #666;}
.right dl dd.blue{ color: #018ffb;}
.share { display: flex; margin-left: 30px; color: #666;}
.sha-xw-btns{display: flex;}
.set-con p input {
    color: #666;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 16px;
}


/* 分享样式 */
.sha-xw-btns{ display: flex;}
#control_pannel a { display: block; height: 24px; text-indent: -9999px; width: 24px;}
#control_pannel .bdsharebuttonbox a{ background: url(wx231221.jpg) no-repeat 0 0; margin: 0;}
#control_pannel .bdsharebuttonbox a:hover{background: url(wx231221.jpg) no-repeat 0 0}
#control_pannel .bdsharebuttonbox{ margin-right: 10px;}
.bdshare-button-style2-32 a{margin:0}
.bdshare-button-style0-32 a{margin:0}
.xlwb { background: url(sina231221.jpg) no-repeat 0 0; }
.passage-con{ line-height: 36px; font-size: 18px;}

/* 海洋渔业二级页 */
.content-zhhy{ width: 1200px; margin: 0 auto 100px;}
.content-zhsc{width: 1200px; margin: 0 auto 100px;}
.tab{ display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.tab li{ margin-right: 15px;}
.tab li a{ display: block; width: 100px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; cursor: pointer;}
.tab li a.active{ background: #2f54eb; color: #fff;}
.zhhyej-con{ display: flex; flex-wrap: wrap; }
.zhhyej-con dl{ margin:8px 18px 20px 0;}
.zhhyej-con dl dt img{ border-radius: 7px; display: block; margin-bottom: 5px;}
.zhhyej-con dl dd { overflow: hidden; }
.zhhyej-con dl dd span{ float: left; color: #333;}
.zhhyej-con dl dd em{ float: right; background: #eaecf3; color: #999; font-size: 12px; display: inline-block; padding: 5px 10px; border-radius: 5px;}

.con-zhhy h2{ text-align: center; font-size: 50px; margin-bottom: 30px;}
.con-zhhy .desc{ font-size: 20px; line-height: 40px; margin-bottom: 30px;}

.zhhyTy-con{background: #f4f5f7; padding: 30px 0;}
.zhhyTy { width: 1200px; margin: 0 auto; }
.zhhyTy .tit-div{ display: flex; justify-content: space-between; border-bottom: solid 1px #008ffb; padding-bottom: 15px;}
.zhhyTy .tit-div .list-more{ padding-top: 10px; color: #008ffb;}
.part4-con1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.part4-con1 div{ width: 384px; height: 142px; padding: 60px 0 0 20px; border-radius: 10px; }
.part4-con1 div ul li{ margin-bottom: 10px; font-size: 14px;}
.part4-con1 div ul li span{ display: inline-block; background: linear-gradient(to right, #2f5dff, #09c8ff); border-radius: 50px; color: #fff; padding: 1px 10px 3px; text-align: center; }
.part4-con1 div ul li span a{ color: #fff;}
.part4-con1 div ul li span a.has-after::after{ content: " > ";}
.zhhy1{ background: url(jjfapic7.jpg) no-repeat 0 0; display: flex; background-size: 100% 100%;}
.zhhy2{ background: url(jjfapic8.jpg) no-repeat 0 0; background-size: 100% 100%;}
.zhhy3{ background: url(jjfapic9.jpg) no-repeat 0 0; background-size: 100% 100%;}
.zhhy1 ul{ margin-right: 20px;}
.zhhy1 ul span{ width: 100px;}
.zhhy2 ul span{ width: 100px;}
.zhhy3 ul span{ width: 120px;}
.part4-con2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.part4-con2 a{ display: block; margin-top: 20px;}
.part4-con2 a img{ border-radius: 10px;}


.zhsc-tit{ border-left: solid 7px #567dc1; padding-left: 10px; margin-bottom: 50px;}
.zhsc-tit p{ color: #333; font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.zhsc-tit span{ font-size: 16px; color: #999999;}





/*移动端*/
@media  screen and (max-width:1000px) {
    .content{width: 100%;position: relative; top:0; padding: 10px;}
    .content-zhhy{width: 100%;position: relative; top:0; padding: 10px;}
    .content-zhsc{width: 100%;position: relative; top:0; padding: 10px;}
    .breadcrub{ margin-bottom: 20px;}
    .mian-left{width: 25%;}
    .mian-left h2{ width: 100%; height: auto;background: url(lmbg231221.jpg) no-repeat 0 0;  background-size: 100% 100%; line-height: 30px;}
    .mian-left div h3{ line-height: 30px; height: auto;}
    .mian-left div ul li{ line-height: 30px; height: auto; padding-left: 0  ; background: none; line-height: 24px; margin-top: 15px; text-align: center;}
    .mian-right{ width: 70%;}
    .mian-right ul li{ line-height: 30px; padding: 10px 0;}
    .set-con{ display: block;}
    .content-zhhy{ width: 98%;}
    .zhhyej-con{ display: flex; flex-wrap: wrap; justify-content: center; }
    .con-zhhy h2{ text-align: center; font-size: 30px; margin-bottom: 30px;}

    .zhhyTy { width: 96%; margin: 0 auto;}
    .part4-con2 a img{ width: 100%;}

    .con-zhsc img{ width: 100%;}
    .con-zhhy img{ width: 100%;}
}