body{ background: #f6f6f6}
.header{ background: #fff}
.cbg{ background: url(/uploadedimage/classbg.jpg) repeat-x 50% -1px; height: 249px}
.cm{ margin-top: -160px;  position: relative  }
.classname{ font-size: 30px; color: #fff; line-height: 116px; padding: 0 0 0 40px;}
.cln{ font-size: 60px; line-height: 60px; color: #004182; font-weight: bold; padding: 20px 0 30px;}
.cbban img{ width: 100%;}
.cmain{ background: #fff; border: 1px solid #eee; margin: 30px 0; padding: 30px 160px}
.pmain{ background: #fff; border: 1px solid #eee; margin: 30px 0; padding: 30px 30px; min-height: 500px}
.ctitle{ font:bold 30px/36px microsoft yahei; padding:13px 0; color: #B22C00}
.cntitle{ font:bold 30px/36px microsoft yahei; padding:13px 0; color: #004182; text-align: center}
.cinfo{ font:15px/18px microsoft yahei; color:#8d8d8d; margin:0 0 30px; text-align: center}
.ccontent{ font:16px/30px microsoft yahei; word-break:break-all; word-wrap:break-word; min-height:400px; }
.ccontent p{ margin:0 0 30px}
.ccontent img{ max-width: 100%}
.ccontent table{ border-collapse:collapse; width: 100%}
.ccontent table td{ padding: 8px 15px; border: solid 1px #666}
.nclist{ min-height:400px; padding: 0 0}
.nclist ul li{ line-height:28px; padding:0 0 10px 14px; background:url(/uploadedimage/dot.gif) no-repeat 2px 13px; overflow:hidden; clear:both; border-bottom:1px dotted #bbb; margin:10px 0 0}
.nclist ul{ margin:0 0 30px}
.nclist ul li a{ display:block; float:left; width: 760px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url("ellipsis.xml#ellipsis")}
.nclist ul li span{ float:right; color:#999; font-size:12px }
.cbanner{ line-height: 0; overflow: hidden}
.cbanner a{ display: block; width: 100%; height: auto}
.cbanner img{ width: 100%; height: auto; }
.zjk{ }
.zjk ul{ overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between  }
.zjk ul li{ width: 200px; text-align: center; }
.zjk ul li div{ width: 190px; height: 190px; margin: auto; overflow: hidden; border-radius: 95px}
.zjk ul li div img{ width: 100%; height: auto}
.zjk ul li p{ font-size: 14px; color: #999}



.reblock{ background: #f6f6f6}
.reblock ul{ overflow: hidden; border-bottom: 1px solid #ddd; margin: 0 0 50px}
.reblock ul li{ float: left; width: 33.3333%; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px; box-sizing: border-box; min-height: 150px; transition: all .5s ease; font: bold 20px/30px microsoft yahei;}
.reblock ul li a{ }
.reblock ul li:hover{ background: #121d3b; transition: all .5s ease;}
.reblock ul li:hover a{ color: #fff}
.reblock ul li h3{ font: 16px/24px microsoft yahei; color: #999; margin: 0 0 10px}
.reblock ul li:hover h3{ color: #fff}
.reblock ul li:nth-child(3n+1){ border-left: 0}

.eaitem{ display: flex; flex-wrap: wrap; justify-content: space-between}
.eaitem .picjs{ width: 30%; margin: 0 0 30px 0; position: relative}
.eaitem .picjs h3{ font: 13px/24px microsoft yahei; color: #8d8c8d; margin: 0 0 10px}
.eaitem .picjs p{ font: bold 20px/30px microsoft yahei; margin: 0 0 15px}
.eaitem .picjs a{ display: block; width: 100%; height: 197px; overflow: hidden; position: relative; order: 1; transition: all .5s ease; }
.eaitem .picjs a img{ width: 100%; height: auto; transform:scale(1); transition: all .5s ease;}
.eaitem .picjs a:hover img{ transform:scale(1.2); transition: all .5s ease;}
.eaitem .picjs div{ margin: -47px 24px 0; background: #fff; padding: 24px; order: 2; position: relative}
.eaitem .picjs div h3{ display: none}
.eaitem .picjs p a{ display: inline; width: auto; height: auto}

.glo{ width: 940px; margin: 0 auto 70px}
.gloc{ width: 938px}
.gloc div{line-height: 0; overflow: hidden}
.gloc div img{ width: 938px; height: 300px; transform:scale(1); transition: all .5s ease;}
.gloc div a:hover img{ transform:scale(1.2); transition: all .5s ease;}
.glot{ overflow: hidden}
.glot div{ width: 233px; margin: 0 2px 0 0; float: left; background: url(/uploadedimage/glot_bg.jpg) repeat-x bottom; text-align: center; padding: 15px 30px 0; height: 80px; cursor: pointer; font-size: 14px; line-height: 24px}
.glot div p{ margin: 0}
.glot div.ton{ background: #121d3b; color: #fff}
.gloc div{ display: none}
.gloc div.ondiv{ display: block}

.wqb{ border-radius: 10px; margin: 50px 0 50px; padding: 10px}
.wqt{ color: #fff; padding: 13px 0 17px 110px; background-position: 20px 5px; background-repeat: no-repeat}
.wqt a{ color: #fff}
.wqt h2{ margin: 0 0 5px; font-size: 24px; line-height: 26px; font-weight: normal}
.wqt p{ margin: 0; }
.wqc{ background: #fff; padding: 30px 20px; border-radius: 10px}
.wqyz{ background: #e15850}
.tj{ background: #1b4d65}
.xzcj{ background: #9bad49}
.sfbh{ background: #40ad8f}
.zc{ background: #f2b52e}
.wqyzt{ background-image: url(/uploadedimage/ico_wqyz.png)}
.sfbht{ background-image: url(/uploadedimage/ico_sfbh.png)}
.zct{ background-image: url(/uploadedimage/ico_zc.png)}
.xzcjt{ background-image: url(/uploadedimage/ico_xzcj.png)}
.tjt{ background-image: url(/uploadedimage/ico_tj.png)}
.wqc ul{ overflow: hidden; display: flex; align-items: center; justify-content: flex-start }
.wqc ul li{ width: 12.5%; margin: 0 0 0 5%; text-align: center; border: 1px solid #ddd; background: #f3f3f3; line-height: 1.4; padding: 5px; border-radius: 5px; position: relative}
.wqc ul li::before{  content: url(/uploadedimage/arw.png); position: absolute; top: 50%; left: -40px; margin-top: -9px}
.wqc ul li p{ margin: 0}
.wqc ul li:first-child{ margin: 0; }
.gjl{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.gjl a{ display: block; width: 22%; text-align: center; margin: 0 0 20px;}
.gjl::after{ content: ''; width: 48%; border: 1px solid transparent}
.gjl a img{ width: 100%; box-sizing: border-box; border: 1px solid #ddd }
.gjl a p{ margin: 0}
.cgzhb{ overflow: hidden; text-align: center; min-height: 400px; padding: 40px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between }
.cgzhb a{ display: inline-block; width: 517px; line-height: 0}
ul.dfyy{ display: flex; flex-wrap: wrap; justify-content: space-between }
ul.dfyy li{ border: 1px solid #cbe1ff; width: 22%; box-sizing: border-box; text-align: center; line-height: 40px; background: #daecff; margin: 0 0 30px}
ul.dfyy li p{ margin: 0}
.cgct{ padding: 20px; margin: 60px auto 60px; width: 90%; border: 1px solid #cbe1ff; background: #daecff; }


.kclist li{ border-bottom: 1px solid #eee; padding: 15px 150px 15px 0; overflow: hidden; position: relative; }
.kclist li h3{ margin: 0 0 10px; }
.kclist li p{ margin: 0 0 5px}
.kclist li a.viewbtn{ box-sizing: border-box; display: block; width: 120px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; padding: 0 0 0 42px; background: url(/uploadedimage/viewbtn.png) no-repeat #c30310 4px 50%; color: #fff; border-radius: 20px;  }
.kclist li a.viewbtn:hover{ text-decoration: none; background: url(/uploadedimage/viewbtn.png) no-repeat #dd3440 4px 50%}
    .rzcon p{ margin: 0 0 30px; line-height: 1.8}
    .rzcon h3{ margin: 0 0 10px; color: #dd0000}
    .rzcon ul{ margin: 0 0 30px; padding: 0 0 0 2em}
    .rzcon ul li{ line-height: 1.8}
    .rdcc h3{ color: #c30310; margin: 0 0 15px; border: 1px solid #ddd; line-height: 50px; border-radius: 5px; box-shadow: 1px 2px 5px #ddd; padding: 0 0 0 32px; background: linear-gradient( #fff,#eee) }
    .rdcc p{ text-indent: 2em; margin: 0 0 20px}
    .zxbl{ border-top: 1px solid #eee; padding: 10px 0 40px}
.gxb h3{ cursor: pointer}
.gxb div{ display: none;}
.selected div{ display: block}
.gjjlnav{ width: 800px; margin: 20px auto 50px; display: flex; flex-wrap: wrap; justify-content: space-between}
.gjjlnav li{ width: 33.333%; text-align: center; line-height: 50px; background: #eee; cursor: pointer}
.gjjlnav li:first-child{ border-radius: 25px 0 0 25px}
.gjjlnav li:last-child{ border-radius: 0 25px 25px 0}
.gjjlnav li.cur{ background: #c30310; color: #fff}
.gjjlnav li.cur a{ color: #fff}
.gyjz,.gyjz div{ overflow: hidden; }
.gyjz a{ display: block; width: 23%; text-align: center; float: left; margin: 0 2.6666% 20px 0; line-height: 0}
.gyjz a:nth-child(4n+0){ margin-right: 0 }
.gyjz a p{ margin: 0;  padding: 5px 0; line-height: 1.5}
.gyjz a img{ width: 100%; height: auto }

.abimg img.p{ display: block}
.abimg img.m{ display: none}

.ppxm{ padding: 50px 0; background-image: linear-gradient(rgba(100,100,100,0),rgba(100,100,100,1)); position:absolute; width: 100%; left: 0; bottom: 0 }
.ppxm button{ display: block; margin: auto; width: 200px; height: 46px; background: #113170; border: 0; color: #fff; border-radius: 5px; font-size: 16px; cursor: pointer}
.ppxm button:hover{ background: #1c428d }
.ldiv{ position: relative;}
#sloginfo{position: absolute;top: -115px;right: 0; z-index: 1008; right: 70px; text-align: right;}
#sloginfo span a{ display: block; width: 32px; height: 32px; font-size: 24px; line-height: 30px; color: #0f69f2; font-family: iconfont;  }
#sloginfo  span a:hover{ color: #113170; text-decoration: none}
.lb{ position: absolute; top: 36px; right: 0; z-index: 1005}
    .lang{ text-align: right; box-sizing: border-box}
    .lang select{  display: none; background: #f21b3e; color: #fff; padding: 5px 0; width: 50px; border-radius: 5px; font-size: 14px; border: 0;}
.lbb{ position: relative; width: 32px; height: 32px; display: inline-block; text-align: center; font-size: 30px; line-height: 30px; color: #0f69f2; margin-right: 20px}
    .lbm{ position: absolute; background: #fff; top: 30px; left: 0; display: none; width: 164px; box-shadow: 0 11px 40px rgb(0 0 0 / 26%)}
    .lbm a{ display: block; text-align: left; padding: 3px 15px;}
    .lbm a:hover{ background: #118DF0; text-decoration: none; color: #fff}
    .lbb span{ font-family: iconfont  }
    .lbb:hover .lbm{ display: block}

.ly{ font-size: 14px;}
.ly a{ text-decoration: underline}
#zhimg,#bpage{ display: block}
    #zhimgm,#mbpage{ display: none}
a.blink:hover{  color: #B22C00}
.sc{ text-align: right}
.bshare-custom{display: inline-block; color: #999}
         .bshare-custom a{ width: 24px; height: 24px; padding: 0; margin-right: 10px} 
         .bshare-custom .bshare-weixin{ background: url(/uploadedimage/share.png) no-repeat}
         .bshare-custom .bshare-weixin:hover{ background-position: 0 -24px}
         .bshare-custom .bshare-sinaminiblog{ background: url(/uploadedimage/share.png) -24px 0 no-repeat }
         .bshare-custom .bshare-sinaminiblog:hover{ background-position: -24px -24px}
         .bshare-custom .bshare-qzone{ background: url(/uploadedimage/share.png) -48px 0 no-repeat}
         .bshare-custom .bshare-qzone:hover{ background-position: -48px -24px}
         .bshare-custom .bshare-clipboard{ background: url(/uploadedimage/share.png) -72px 0 no-repeat}
         .bshare-custom .bshare-clipboard:hover{ background-position: -72px -24px}
@media only screen and (max-width: 1200px){
  .cmain,.pmain{ padding: 30px 60px}


  
}

@media only screen and (max-width: 736px){
  .sc{ text-align: center}
  .abimg img.p{ display: none}
  .abimg img.m{ display: block; width: 100%; margin:0}
   .kclist li{ padding: 15px 0; }
  .kclist li a.viewbtn{ position: static; margin: 10px 0 0}
  .wqt{ background-position: 20px 15px}
  .wqb{ width: 90%; margin: 5% auto} 
  .wqc ul{ display: block}
  .wqc ul li{ width: 100%; margin: 30px 0 0}
  .wqc ul li::before{ left: 50%; top: -17px; margin-left: -12px; transform: rotate(90deg); }
  ul.dfyy li{ width: 48%}
  .cgzhb{ display: block; padding: 25px 0 0}
  .cgzhb a{ display: block; width: 100%; margin: 0 0 25px}
  .cgzhb a img{ width: 100%;}
  .cmain,.pmain{ box-sizing: border-box; width: 90%; padding: 6% 5%; margin: 5% auto; border: 1px solid #eee }
  .ctitle{ font:bold 24px/30px microsoft yahei; padding:0 0 13px}
  .cntitle{ font:bold 24px/30px microsoft yahei; padding:0 0 13px; text-align: center}
  .ccontent img{ max-width:100%; height:auto}
  .ccontent video{ max-width:100%; height:auto}
  .ccontent{ font:18px/30px microsoft yahei; }
  .ccontent span{ line-height:22px; display:block}
  .ccontent p{ margin: 0 0 15px}
  .cinfo{ margin: 0 0 15px}
  .nclist ul li a{ width: auto; white-space: normal}
  .cbg{ background-position: 0 0; }
  .cm{ margin-top: -180px}
  .classname{ font-size: 24px; line-height: 88px; padding: 0 0 0 5%}

  .glo,.eaitem{ width: 100%; height: auto}
  .eaitem .picjs{ float: none; width: 90%; margin: auto}
  .eaitem .picjs a{ width: 100%; height: auto}
  .eaitem .picjs a img{ width: 100%; height: auto}
  .glo{ margin: 0 0 8%}
  .gloc{ width: 100%}
  .gloc div img{ width: 100%; height: auto}
  .glot div{ float: none; width: 100%; margin: 0; padding: 15px 30px; height: auto; box-sizing: border-box }
  .reblock ul{ margin: 0 0 8%}
  .reblock ul li{ float: none; width: 100%; min-height: auto; height: auto; border-left: 0}
  .eaitem .picjs{ float: none; width: 90%; margin: auto}
  .eaitem .picjs a{ width: 100%; height: auto}
  .eaitem .picjs a img{ width: 100%; height: auto}
  .zjk{ width: 90%; margin: auto}
  .zjk ul li{ width: 44%}
  .zjk ul li div{ width: 145px; height: 145px; }
  .gjl a{ width: 44%;}
  .gjjl{ width: 90%; margin: auto}
.gyjz,.byyc{ width: 90%; margin: auto}
      .gyjz a{ width: 48%}
      .gyjz a p{ font-size: 14px; bottom: 0}

#zhimg,#bpage{ display: none}
      #zhimgm,#mbpage{ display: block}
  .header{ padding: 36px 0 0;}
  .lang select{ display: none;  padding: 0; margin: 0 5px 7px 0; width: 60px}
  .lb{ top: 0px; right: 18px }
  .ldiv{ position: static;}
  #sloginfo{  right: 105px; top: 5px}
  .lbb{ margin-top:3px; margin-right: 60px}
  .lbm{ left: -70px}
}