body{ background: #f6f6f6; font-size: 15px;}
a:hover{ text-decoration: none;}

.top{ width: 100%; height: 35px; line-height: 35px; background: #2863a7; color: #fff; position: fixed; top: 0px; left: 0px; z-index: 11;}
.top a{ color: #fff;}
.top span{ float: left;}
.top ul{ height: 35px; line-height: 35px;}
.top ul li{ float: left; margin: 0px 15px; height: 35px; line-height: 35px;}
.top ul li span{ width: 22px; display: block; float: left; top: -2px; position: relative; }
.top ul li span img{ width: 100%;vertical-align: middle; border-radius: 2px;}
.top ul li em{ font-style: normal; margin: 0px 5px;}
.topN{ width: 1300px; position: relative; margin: 0px auto;}


.right{ width: 100%; height: 35px; background: #2863a7; position: fixed; left: 0px; top: 0px; text-align: left; z-index: 12;}
.right ul li{ position: relative; float:left; height:35px; line-height:35px; margin:0px 5px;}
.right ul li i{ width: 30px; position: relative;  margin: 0px auto; color: #fff; font-size: 20px; font-size: 18px; }
.right ul li span{width: auto; color: #fff; }
.right ul li i:hover{ background: #2863a7; color: #fff;}
.right ul li em{ padding: 15px 0px; display: block; width: 30px; position: relative; margin: 0px auto; color: #2863a7;}
.right ul li b{ font-weight: normal;}
.right ul li i.grzx{ width: 30px; height: 30px; border-radius: 50%; overflow: hidden; padding: 0px; display:block; width:20px; height:20px; margin-top:7px;}
.right .grzx img{ width: 100%; width:100%; vertical-align:top; }
.right ul.guoqi li em{ width: 20px; position: relative; margin: 0px auto; overflow: hidden; padding: 0px;}
.right ul.guoqi li em img{ width: 100%;border-radius: 2px;}
.right ul.guoqi li span{ display:none;}
.right.active{ right: 0px; transition: all 0.3s;}

.rightN{ width:1300px; position:relative; margin:0px auto;}
.rightR div{ float:left; height:35px; line-height:35px;color:#fff; font-weight:normal;}
.right ul.guoqi { float:left;}
.right ul.guoqi li { width:20%;}
.rightR{ text-align:right; color:#fff; height:35px; line-height:35px;}
.rightR span{ width:25px; margin:0px 10px;}
.rightR span img{ width:25px; border-radius:2px;}

.showrightTop{ display:none;}
.showrightTop i{ transition:all 0.3s; display:block;}
.showrightTop{position:absolute; right:0px; top:0px; text-align:center;}
.showrightTop.active i{ transform:rotate(180deg);}


.sousuobuttom{ position:fixed; width:40px; height:40px; line-height:40px; background:#000; background:rgba(40,99,167,0.5); border-radius:50%; z-index:99; right:10px; bottom:60px; font-size:30px; color:#fff; text-align:center; }
.sousuobuttom i{ font-size:30px; color:#fff;}

.banner {
    width: 100%;
    height: 350px;
    background: url(../images/bg.png) no-repeat center top;
    background-size: cover;
    margin-top: -5px;
    margin-top: 35px;
}
.bannerN{ width: 1300px; position: relative; margin: 0px auto;}
.bannerN img{ margin-top: 25px;}

.Liborder{ border: 1px solid #ccc; width: 35px; position: relative; margin: 0px auto; background: #f6f6f6;}


.nav{ width: 100%;}
.navN{ width: 1300px; position: relative; margin: 0px auto;  height: 50px; line-height: 50px; border-radius: 5px;}
.nav ul li{ color: #fff; width: 10%; text-align: center; padding: 0px 2px; float: left; height:50px;line-height: 50px; overflow:hidden; position:relative }
.nav ul li:first-child{ border-left: none;}
.nav ul li:last-child{ border-right: none;}
.nav ul li a{ display: block; color: #fff; font-size: 16px;background: #7474BF;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #348AC7, #7474BF);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */border-left: 1px solid #fff;border-top: 1px solid #fff; border-right: 1px solid #4b49a4;border-bottom: 1px solid #4b49a4;border-radius: 5px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);}
.main{ width: 1300px; position: relative; margin: 0px auto; min-height: 300px; background: #f6f6f6; margin-top: 15px; padding-top: 15px; overflow: hidden;}
.newdiv{ display: inline-block; width: 100%;}
.imgPlay{ height: 360px;}
.imgPlay .layui-carousel img{ width: 100%;}
.nwedivL,.nwedivR{ padding: 0px 5px;}

.new li{ height: 35px; line-height: 35px; }
.new li a{ color: #000; font-size: 17px; width: 70%; float: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.new li a:hover{ color :#2863a7;}
.new li span{ float: right; color: rgb(22, 22, 22); font-size: 14px; }
.new li em{ display: block; width: 10%; float: right;}
.new li em img{ width: 22px; border-radius: 2px;}
.new li i{ display: block; width: 10%; float: right; font-size: 15px; color: #2863a7;}

.hyqhdiv{ margin-top: 15px; position: relative;}
.hyqhdivL{ padding: 0px 5px;}

.lmbtsm{ width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; height: 0px; margin: 0px auto; margin-bottom: 25px; margin-top: 30px; clear: both; position: relative; }
.lmbtsm span{ display: block; width: 250px;  background: #fff; position: relative; height: 30px; line-height: 30px; overflow:hidden; text-align: center; clear: both; margin: -15px auto; font-size: 14px; font-weight: bold;}
.lmbtsm span em{ font-weight: bold; font-size: 20px; color: #354960; font-style: normal;}
.lmbtsm i{ font-size: 25px; margin: 0px 5px; color: #bdbdbd;}
.lmbtsm span em{ color: #cc2c2c; margin-top: -1px;}

.hydtdiv,.zcxxdiv{ padding: 3px;}


.layui-tab-content{ padding: 10px 0px;}
.layui-card-header{ font-size: 17px; font-weight: bold; background: #ebeef9;}
.layui-tab-title{ font-size: 15px; font-weight: bold;}
.layui-card-body{ display: inline-block; width: 100%; min-height:200px;}
.layui-card-body.paddingjx{ padding: 5px 5px;}
.layui-card-body .layui-tab-title{ height: 40px; line-height: 40px; background: #ebeef9;}
.layui-card-body .layui-tab-title .layui-this::after{ height: 40px; line-height: 40px;}
.layui-card-body .layui-tab-title li{ height: 40px; line-height: 40px;}
.layui-card-header{ position:relative;}
.layui-card-header a{ float: right; font-size: 13px; font-weight: normal; position:absolute; right:10px; top:0px;}
.layui-card{box-shadow: -1px -1px 10px 0 rgba(0,0,0,.2); transition: all 0.3s;}
.layui-card:hover{box-shadow: -1px -1px 20px 0 rgba(40,99,167,1);}


.hyqhdivR{ background: #2863a7;overflow: hidden; transition: all 0.3s; box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.3);}
.hyqhdivR.active{ background: #5c799b;}

.listR{ overflow: hidden; transition: all 0.3s; box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.3); padding: 0px;}
.listR.active{ background: #5c799b;}

.hylist{ width: 100%; position: relative; margin: 0px auto; display: inline-block; margin: 5px 0px;}
.hylist li{ width: 100%; height: 44px; line-height: 44px; float: left; padding: 0px 5px; overflow: hidden; color: #fff; border-bottom: 1px solid #ccc; font-size:16px;}
.hylist li:hover{ cursor: pointer;}
.hylist li a{ color: #fff; display: block;}
.hylist li i{ margin-right: 5px; color: #fff;}
.hylist li.active{ background: #ff5722;}
.hylist li.active span{ display: initial;}
.hylist.fixzhankai li.active i{ display: initial;}


.hylist{ z-index: 10;}
.hylist.fix{ position: fixed; height: 100%; overflow: auto; top: 30px; background: #5c799b; padding-bottom: 90px; }
.hylist.fix li:last-child{ margin-bottom: 45px;}
.hylist.bott{ position: absolute; bottom: 0px;height: auto;}

.zymhylist{ background: #2863a7;  width: 100%; position: relative; margin: 0px auto; display: inline-block; }
.zymhylist li{ width: 100%; height: 44px; line-height: 44px; float: left; padding: 0px 5px; overflow: hidden; color: #fff; border-bottom: 1px solid #ccc;}
.zymhylist li:hover{ cursor: pointer;}
.zymhylist li a{ color: #fff; display: block;}
.zymhylist li i{ margin-right: 5px; color: #fff;}
.zymhylist li.active{ background: #ff5722;}
.zymhylist li.active span{ display: initial;}
.zymhylist.fixzhankai li.active i{ display: initial;}

.zymhylist{ z-index: 10;}
.zymhylist.fix{ position: fixed; height: 100%; overflow: auto; top: 30px; background: #5c799b; padding-bottom: 90px; padding: 0px; }
.zymhylist.fix li:last-child{ margin-bottom: 45px;}
.zymhylist.bott{ position: absolute; bottom: 0px;height: auto;}

.jigoudiv{ margin-top: 15px;}
.zhucejigoudiv{ padding: 2px; border-bottom: 1px solid #eee; margin: 2px 0px; display:inline-block; height: 110px;}
.zhucejigoudiv .newlistdivtxt{ max-height: 110px; border-right: 1px solid #eee;}
.zhucejigoudiv .nwelisdivimg span{ display: block; width: 80px; height: 80px; line-height: 80px; overflow: hidden; border-radius: 50%; position: relative; margin: 0px auto; margin-top: 15px;}
.zhucejigoudiv .nwelisdivimg span img{ width: 100%;}
.zhucejigoudiv .nwelisdivimg{ height: 110px; line-height: 110px;padding: 0px; text-align: center; background: #2863a7;}
.zhucejigoudiv .newlistdivtxt a{ font-size: 17px; color: #2863a7; display:block; width:100%; height:25px; line-height:25px; overflow:hidden;}
.zhucejigoudiv .jggrcon{ height: 50px; overflow: hidden;}
.zhucejigoudiv .newspangq span{ float: left; margin: 0px 10px;}
.zhucejigoudiv .newspangq span img{ width: 20px; height: auto; border-radius: 2px; overflow: hidden;}
.zhucejigoudiv .newspangq span i{ color:#2863a7; color: #999; font-style: normal;}
.zhucejigoudiv .newspangq span em{ font-style: normal;}

.zhucegeren{ margin-top: 15px;}
.zhucegerenlist li{ padding: 0px 3px; color: #fff; margin: 5px 0px;}
.zhucegerenlist li a{ color: #fff;}
.zhucegerenlist li em{ font-style: normal;}
.zhucegerenlist li div{ background: #2863a7; overflow: hidden;}
.zhucegerenlist li p{ width: 80px; height: 80px; border-radius: 50%; overflow: hidden; position: relative; margin: 0px auto;}
.zhucegerenlist li p{ margin-top: 10px;}
.zhucegerenlist li p img{ width: 100%;}
.zhucegerenlist li h3{ text-align: center; font-size: 18px; font-weight: normal; margin-top: 10px;height: 20px;line-height: 20px;overflow: hidden;}
.zhucegerenlist li span{ display: block; width: 100%; height: 30px; line-height: 30px; overflow: hidden;}
.zhucegerenlist li i{ margin: 0px 10px;}


.dlpL{ padding: 0px 5px;}
.dlpR{ padding: 0px 5px;}
.kjcplist { display: inline-block;width:100%}
.kjcplist li{ padding: 2px 2px; overflow: hidden;}
.kjcplist img{ width: 100%;}
.kjcplist div{ width: 100%; height: 100%; position: absolute; background: #0E3766; top: 0px; left: 0px;}
.kjcgNR ul li{ margin: 5px 0px; padding: 0px 5px; height: auto; overflow: hidden; height: 145px;}
.kjcgNR ul li img{ width: 100%;}
.kjcgNR ul li div{ position: absolute; left: 100%; top: 0px; width: 100%; background: #0E3766;color: #fff; height: 100%; transition: all 0.3s;}
.kjcgNR ul li:hover div{ left: 0px; }
.kjcgNR ul li div h6{ height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
.kjcgNR ul li div p{ line-height: 200%; font-size: 12px; width: 90%; position: relative; margin: 0px auto;}


.footer{ width: 100%; background: #0e3766; color: #fff; padding-top: 5px; padding-bottom: 5px; clear: both; display: inline-block; }
.footer a{ color: #fff; }
.footerN{ width: 1300px; position: relative; margin: 0px auto; font-size:15px; }
.footerL ul li{ line-height: 25px; padding: 5px 0px; }
.footerC p{  line-height: 35px; padding: 0px; }
.footerR{ text-align: center; }
.footerR p{ padding: 0px 20px;}
.footerR img{ width: 100%; max-width:110px; }
.footerR span{ clear: both; display: block;}

.rightHide{ display: none;}
.youce{ float: right; position: absolute; right: 10px; top: 0px; display: none;}
.zhankai{ display: none;}

.hylist.fixzhankai{ position: fixed; width: 50%; height: 100%; overflow: auto; left: 50%; top:35px; background: #2863a7;}
.zymhylist.fixzhankai{ position: fixed; width: 50%; height: 100%; overflow: auto; left: 50%; top:35px; background: #2863a7;}

.hyqhdivR .hylist.fixzhankai li span{ display: initial;}
.zuoce{ float: left; margin-right: 10px; display: none;}
.zuoce i{ margin: 0px 5px;}
.zuoce em{ font-style: normal; margin-left: 5px;}

.newlistdiv{ display: inline-block; width: 100%; border: 1px solid #ccc; margin: 5px 0px;}
.newlistdiv:hover{ box-shadow: -1px -1px 10px 0 rgba(0,0,0,.3); border: 1px solid #2863a7; cursor: default;}
.newlistdiv h3{ width: 100%; line-height: 35px; height: 35px; line-height: 25px; overflow: hidden; padding: 5px 0px; white-space: nowrap; text-overflow: ellipsis;}
.newlistdiv h3 a{ font-size: 18px; color: #2863a7;}
.newlistdiv p{ line-height: 25px; max-height: 50px; overflow: hidden; color: #999; font-size: 15px;}
.newlistdivspan{ clear: both; width: 100%; display: inline-block;}
.newlistdivspan span{ float: left;}
.newlistdivspan span i{margin: 0px 15px; color: #999; font-size: 13px;}
.newlistdivspan em{ font-style: normal; color: #2863a7;}
.newlistdivspan img{ width: 20px; border-radius: 2px;}
.newlistdivspan ul{ float: left; margin-left: 15px;}
.newlistdivspan ul li{ position: relative;}
.newlistdivspan ul li:hover{ cursor: pointer;}
.newlistdivspan ul li ul{ position: absolute; top: 20px; margin-left: -20px; display: none; background: #fff; z-index: 99; padding: 0px 15px; padding-bottom: 15px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,.3);}
.newlistdivspan ul li ul li img{ width: 28px;}
.newlistdivL{ padding-left: 0px;}
.newlistdivR{ margin-top: 5px; padding-left: 0px; padding-right:0px; height: 90px; line-height: 90px; overflow: hidden; text-align: center; margin-bottom: 5px; }
.newlistdivR img{ width: 100%; max-width: 200px;}

.grlistdivN{ border: 1px solid #ccc; padding: 0px; display: inline-block; width: 100%;}
.grlistdivN:hover{box-shadow: -1px -1px 10px 0 rgba(0,0,0,.3); border: 1px solid #2863a7; cursor: default;}
.grlistdiv:nth-child(2n-1){ padding-left: 0px; padding-right: 2px;}
.grlistdiv:nth-child(2n){ padding-right: 0px; padding-left: 2px;}
.grlistdivTxt h3 a{ font-size: 18px; color: #2863a7;}
.grlistdivTxt p{ height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.grlistdivImg{ padding: 0px 5px; max-height: 105px; overflow: hidden; text-align: right; }
.grlistdivImg img{ width: 100%; max-width: 110px;}

.listL .layui-btn-container{ background: #ebeef9; padding-top: 10px; padding-left: 10px;}



.content{ margin-top: 15px; clear: both; padding-top: 15px; padding-bottom: 15px; }
.content .wzbt{ width: 90%; line-height: 30px; margin: 0px auto; }
.content .wzbt h3{ line-height: 30px; text-align: center; }
.content .wztime{ height: 30px; line-height: 30px; }
.content .wztime i{}
.content .wztime span{ font-size: 13px; color: #999; }
.content .hytime{ width: 90%; position: relative; margin: 10px auto; }
.content .layui-elem-quote{ font-size: 15px; line-height: 30px; width: 100%; position: relative; margin: 0px auto; margin-top: 15px; text-align: left; background: #ddd; }
.content .layui-elem-quote span{ font-size: 16px; font-weight: bold; }


.contentfl{ width: 90%; position: relative; margin: 0px auto; margin-top: 10px; text-align: center; border-radius: 2px; padding: 5px 0px; margin-bottom: 15px; background: #f6f6f6; }
.contentfl ul{ padding: 0px; margin: 0px; }
.contentfl ul li{  font-size: 15px; line-height: 25px; width: auto; float: left;}
.contentfl ul li:last-child{ border-right: none; }
.contentfl ul li span{  }
.contentN p{ line-height: 200%; font-size: 15px; color: #555;}

.content .layui-btn-container{ display: inline-block; width: 100%;}
.content .layui-btn-container button{ float: left; font-size: 15px;}
.content .dropdown{ float: left; font-size: 14px; height: 30px; line-height: 30px; background:#009688; color: #fff; padding: 0px 10px; margin-right: 15px; font-size: 15px; border-radius: 2px; margin-bottom:15px; }
.content .dropdown button{ background: #009688; border-radius: 2px; border:none; height: 30px; line-height: 30px;}
.content .dropdown li{ color: #000; text-align: center;}
.content .dropdown li:hover{ cursor: pointer;}

.contentSize{ position:fixed; width:60px; height:120px; z-index:99;  left:50%; bottom:30px; margin-left:-730px;}
.contentSize ul li{ width:100%; height:60px; line-height:60px; color:#fff; text-align:center; font-size:30px; font-weight:bold;background:rgba(0,0,0,0.3); border-radius:5px;  overflow:hidden; margin:1px 0px;}
.contentSize ul li:nth-child(2){ font-size:35px;}
.contentSize ul li:hover{ cursor:default;}


.dtdiv{ width: 80%; position: relative; margin: 0px auto; border-bottom: 1px solid #ddd; margin: 15px auto; padding-bottom: 15px; display: inline-block; margin-left: 10%;}
.dtdiv p{ line-height: 200%; max-height: 80px; margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis;}
.dtdiv ul li{ padding: 2px; height: 150px; overflow: hidden;}
.dtdiv ul li img{ width: 100%; }
.dtdiv .time{ color: #999; font-size: 13px; display: block; clear: both; float: left; }
.dtdiv .more{ float: right; color: #2863A7;}

.liuyanbutton{ width: 150px; position: relative; margin: 0px auto; height: 30px; line-height: 30px; background: #eee; text-align: center; border-radius: 5px;}
.liuyanbutton:hover{ cursor: pointer;}
.liuyanyh img{ border-radius: 50%; overflow: hidden; width: 50px; height: 50px;}
.liuyanyh span{ margin-left: 15px; font-size: 16px;}


/* 补丁 */
.col-md-4 .new li a{ width: 60%; }
.layui-btn-container button.active{ background: #ff5722;}
.zzdiv{ width:1300px; position:relative; margin:0px auto; height:35px; line-height:35px; margin-top:-100px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; font-size:24px; margin-bottom:15px;}
.zzdiv span{ margin:0px 15px;}
.zzdiv i{ font-style:normal; margin:0px 10px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; font-size:24px;}
.zzdiv img{ width:30px; border-radius:2px;}
.zzdivguojia{ padding:0px; overflow:hidden; height:35px; line-height:35px; text-align:right; float:left;}
.zzdivN{ overflow:auto;float:left;}
.zzdivTight{ text-align:center; padding:0px;position:absolute;right:0px; top:0px; display:none;}
.zzdivTight i{ display:block; transition:all 0.3s;}
.zzdivTight.active i{ transform:rotate(180deg);}
.zznavrightshow{ display:none;}

.imgPlaySpan{ position:absolute; height:35px; line-height:35px; background: rgba(40,99,167,0.8); z-index:9; bottom:0px; left:0px; width:100%; display:block; color:#fff; text-indent:1em; }
/*.imgPlay .layui-carousel-ind ul{ float:right;}*/
.imgPlay .layui-carousel-ind{ z-index:11; top:-60px;}

.layui-btn{ font-size:16px;}

.jyscjjjy ul{ width:140px; background:#fff; border:1px solid #ccc; }
.jyscjjjy ul li{ width:100%; height:30px; line-height:30px; padding:0px; }
.jyscjjjy ul li a{ background:none; color:#000; border:none; border-radius:0px; }

.firstpwdIcon{ position: absolute; right: 10px; top:8px; z-index: 999; color: #666;}
.firstpwdIcon:hover{ cursor: pointer;}

.chuansuokuangbutton{ margin-top: 15px; text-align: center; width: 100%;}
.chuansuokuangbutton .layui-btn{ padding: 0px 30px;}
.chuansuokuangbutton .layui-btn:first-child{ border-radius: 30px 0px 0px 30px;}
.chuansuokuangbutton .layui-btn:last-child{ border-radius: 0px 30px 30px 0px;}
.chuansuokuangHTML{ display: inline-block; width: 100%;}




@font-face {
    font-family: 'iconfont'; /* project id 1548754 */
    src: url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.eot');
    src: url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.eot?#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.woff2') format('woff2'), url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.woff') format('woff'), url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.ttf') format('truetype'), url('http://at.alicdn.com/t/font_1548754_xy497pomqsd.svg#iconfont') format('svg');
}
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}



    /* 响应式阈值 */

    @media screen and (min-width: 1430px){    
    .sousuobuttom{ right:auto; bottom:80px;  left:50%; margin-left:650px; width:60px; height:60px; line-height:60px; background:#2863a7; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.3);}
  }

    @media screen and (max-width: 1400px){
      .topN{ width: 1200px;}
      .bannerN{ width: 1200px;}
      .bannerN img{ width: 100%;}
      .navN{ width: 1200px;}
      .main{ width: 1200px;}
      .footerN{ width: 1200px;}
      .contentSize{ margin-left:0px; left:10px;}
    }
    @media screen and (max-width: 1300px){
      .topN{ width: 100%;}
      .bannerN{ width: 100%;}
      .bannerN img{ width: 100%;}
      .navN{ width: 100%;}
      .main{ width: 100%;}
      .footerN{ width: 100%;}
      .rightN{ width:100%;}
      .zzdiv{ width:100%;}
        
    }

    @media screen and (max-width: 1200px){
      .topN{ width: 1000px;}
      .bannerN{ width: 1000px;}
      .bannerN img{ width: 100%;}
      /*.navN{ width: 1000px;}*/
      /*.main{ width: 1000px;}*/
      .footerN{ width: 1000px;}
      .banner{ height: 300px;}
      .zzdiv img{ width:20px;}
        .zzdiv{ font-size:18px;}
        .zzdiv i{ font-size:18px;}
        .zzdiv span{ margin:0px 5px;}
    }
    @media screen and (max-width: 1100px){
      .topN{ width: 900px;}
      .bannerN{ width: 900px;}
      .bannerN img{ width: 100%;}
      /*.navN{ width: 900px;}*/
      /*.main{ width: 900px;}*/
      .footerN{ width: 900px;}
      .banner{ height: 280px;}
    }
    @media screen and (max-width: 992px){
      .topN{ width: 768px;}
      .bannerN{ width: 768px;}
      .bannerN img{ width: 100%;}
      /*.navN{ width: 768px;}*/
      /*.main{ width: 768px;}*/
      .footerN{ width: 768px;}
      .banner{ height: 280px;}
      .zzdivTight{ display:block;}
        .zznavrightshow{ display:block;}
        .jizhuansousuo{ display:none;}
    }

    @media screen and (max-width: 850px){
      .topN{ width: 700px;}
      .bannerN{ width: 700px;}
      .bannerN img{ width: 100%;}
      /*.navN{ width: 700px;}*/
      /*.main{ width: 700px;}*/
      .footerN{ width: 700px;}
      .banner{ height: 280px;}
    }

    @media screen and (max-width: 768px){
      .topN{ width: 100%;}
      .bannerN{ width: 100%; overflow: hidden; position: relative;}
      .bannerN img{ width: 120%;}
      /*.navN{ width: 600px;}*/
      /*.main{ width: 600px}*/
      .footerN{ width: 600px;}
      .banner{ height: 280px;}
      .nav ul li{ width: 20%;}
      .navN{ line-height: 35px;}
      .nav ul li a{ font-size: 14px;}
      .rightN{ height:auto;}
      .right{ height:auto;}
      .rightR{ text-align:left;}
      /*.rightL{ display:none;}*/
      .zzdiv{ margin-top:-140px;}
      .showrightTop{ display:block;}
        .zzdivguojia{ text-align:center;}
        .kjfuwbutton .layui-btn{ padding:0px 15px;}
        .chuansuokuangbutton{ padding: 15px 0px; background: #fff; box-shadow: 0px -5px 5px 0px rgba(40,99,167,0.5); position: fixed; bottom: 0px;}
        .chuansuokuangHTML{ margin-bottom: 100px;}
        .chuansuokuangHTML .layui-transfer-active{ margin-left: 40%;}
    }

    @media screen and (max-width: 650px){
      .right{ right: -40px;}
      .topN{ width: 100%;}
      .bannerN{ width: 100%;}
      .bannerN img{ width: 130%;}
      .navN{ width: 100%;}
      .main{ width: 100%; margin-top: -100px;}
      .footerN{ width: 100%;}
      .banner{ height: 240px;}
      .nav ul li{ width: 20%; height:35px; line-height:35px;}
      .youce{ display: block;}
      .rightHide{ display: block;}
      .zuoce{ display: block;}
      .nav.active{ left: 0px;}
      .contentSize{ left: 10px; right:auto;}
    }

    @media screen and (max-width: 600px){
      .hyqhdivL{ width: 90%;}
      .hyqhdivR{ width: 10%;}
      .hylist li{ text-align: left;}
      /* .hylist li span{ display: none;} */
      .hylist li.active i{ display: none;}
      .hylist li.active span{ display: initial;}
      .zhankai{ display: block;}
      .top ul li em{ display: none;}
      .main{ margin-top: -110px;}
      .listL .layui-card-body{ padding: 0px 2px;}
      .right ul li span{ display: none;}
    }

    @media screen and (max-width: 500px){
      .hyqhdivL{ width: 80%;}
      .hyqhdivR{ width: 15%;}
      .main{ margin-top: -120px;}
        .zhucegerenlist li{ width:50%;}
    }

    @media screen and (max-width: 450px){
      .hyqhdivL{ width: 80%;}
      .hyqhdivR{ width: 20%;}
      .new li a{ width: 60%;}
      .main{ margin-top: -140px;}
      .imgPlay{ height: 200px;}
    }

    @media screen and (max-width: 400px){
      .bannerN img{ width: 150%;}
    }

    @media screen and (max-width: 330px){
      .bannerN img{ width: 170%;}
    }