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; margin: 15px auto;}
.right .grzx img{ width: 100%; width:20px; border-radius:50%;}
.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: 35px;}
.bannerN{ width: 1300px; position: relative; margin: 0px auto;}
.bannerN img{ margin-top: 25px;}

.nav{ width: 100%; margin-top: -100px; position:relative;}
.navN{ width: 1300px; position: relative; margin: 0px auto;  height: 50px; line-height: 50px; border-radius: 5px;}
.nav ul li{ color: #fff; text-align: center; padding: 0px 2px; float: left;overflow:hidden; height:50px; line-height:50px;}
.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;}
.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: 80%; 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;}

.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%;}
.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);}

.hyzcdiv{ margin-top: 15px; display: inline-block; width: 100%;}
.hyzcdivL{ padding: 0px 5px;}
.hyzcdivC{ padding: 0px 5px;}
.hyzcdivR{ padding: 0px 5px;}

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

.zhuycsjd{ display: inline-block; width: 100%; margin-top: 15px;}
.zhuycsjdL{ padding: 5px;}
.zhuycsjdL .layui-card-body{ height: 200px;}
.zhuyjdpalyL{ padding-left: 0px;}
.zhuyjdpalyL img{ width: 100%;}
.zhuyjdpalyR{ padding: 0px;}
.zhuyjdpalyR h3 a{ font-size: 18px; color: #2863a7;}
.zhuyjdpalyR p{ line-height: 25px; color: #999; font-size: 16px; margin-top: 10px;}
.zhuycsjdR{ padding: 5px;}
.zhuycsjdR .layui-card-body{ height: 200px;}

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


.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;}
.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;}

.jdylxxdj{ display: inline-block; width: 100%; margin-top: 15px;}
.jdylxxdjone{ padding: 0px 5px; padding-left: 0px;}
.jdylxxdjtwo{padding: 0px 5px;}
.jdylxxdjthree{padding: 0px 5px;}
.jdylxxdjfour{ padding: 0px 5px; padding-right: 0px;}

.jdylxxdjImg{ width: 100%; max-height: 150px; overflow: hidden;}
.jdylxxdjImg img{ width: 100%;}
.jdylxxdjP{ height: 150px; overflow: hidden;}
.jdylxxdjP p{ line-height: 25px; color: #999; font-size: 16px;}
.jdylxxdjH{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px;}
.jdylxxdjH h3 a{ font-size: 18px; height: 45px; line-height: 45px; color: #2863a7;}

.jdylxxdj .layui-card-body{ height: 420px;}

.footer{ width: 100%; background: #0e3766; color: #fff; padding-top: 5px; padding-bottom: 5px; clear: both;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;}


.zuoce{ float: left; margin-right: 10px; display: none;}
.zuoce i{ margin: 0px 5px;}
.zuoce em{ font-style: normal; margin-left: 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: 18px; 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;}

.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: 14px;}
.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: 110px; overflow: hidden; text-align: right; }
.grlistdivImg img{ width: 100%; max-width: 110px;}

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


.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;}


.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;}




.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:5px; }
.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%; margin-left:-730px; bottom:30px;}
.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;}

.layui-card-body{ min-height:190px;}
.nwedivL .layui-card-body{ min-height:260px;}


.zznavrightshow{ position:absolute; right:0px; bottom:0px; height:40px; line-height:40px; background:#f6f6f6; padding:0px 15px;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{z-index:11; top:-60px;}


.layui-btn-container button.active{ background: #ff5722;}


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



@font-face {
    font-family: 'iconfont'; /* project id 1548754 */
    src: url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.eot');
    src: url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.woff2') format('woff2'), url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.woff') format('woff'), url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.ttf') format('truetype'), url('https://at.alicdn.com/t/font_1548754_h1kpd6644nh.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;}
  .new li a{ width: 70%;}
  .contentSize{ left:10px; right:auto; margin-left:0px;}
}
@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%;}
  .zzdiv{ width:100%;}
  .rightN{ width:100%;}
  .nav ul li{ height:40px; line-height:40px; width:16.66%;}
  .nav ul li a{ font-size: 14px;height: 40px; line-height: 40px;}
}

@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;}
  .nav ul li{ width: 16.666%;}
  .zhucejigoudiv{ width: 50%; float: left;}
}
@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;}
  .zhuycsjdL .layui-card-body{ height: 340px;}
  .zhuycsjdR .layui-card-body{ height: 340px;}
  .zzdivTight{ display:block;}
  .navN{ overflow:auto;background: linear-gradient(to right, #348AC7, #7474BF); height:40px; line-height:40px;}
  .nav ul li{ width:auto;}
  .nav ul li a{ background:none; box-shadow:none; border:none; margin:0px 10px;}
  .zznavrightshow{ display:block;} 
}

@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;}
  .nav ul li{ height:35px; line-height:35px;}
  .nav ul li a{ font-size: 14px;height: 35px; line-height: 35px;}
}

@media screen and (max-width: 768px){
  .topN{ width: 600px;}
  .bannerN{ width: 600px;}
  .bannerN img{ width: 100%;}
  .navN{ width: 600px;}
  .main{ width: 100%;}
  .footerN{ width: 600px;}
  .banner{ height: 280px;}
  .zhuycsjdL .layui-card-body{ height: 200px;}
  .zhuycsjdR .layui-card-body{ height: 200px;}
  .zhuyjdpalyR p{ height: 120px; overflow: hidden;}
  .jdylxxdjone,.jdylxxdjtwo,.jdylxxdjthree,.jdylxxdjfour{ width: 50%; float: left;}
  .zhucejigoudiv { width: 100%;}
  .rightN{ height:auto;}
      .right{ height:auto;}
      .rightR{ text-align:left;}
      
      .zzdiv{ margin-top:-140px;}
      .showrightTop{ display:block;}

      .layuialert_T{ margin-top:-300px;}
}

@media screen and (max-width: 650px){
  .right{ right:-40px}
  .topN{ width: 100%;}
  .bannerN{ width: 100%;}
  .bannerN img{ width: 100%;}
  .navN{ width: 100%;}
  .footerN{ width: 100%;}
  .banner{ height: 240px;}
  .youce{ display: block;}
  .rightHide{ display: block;}
  .zuoce{ display: block;}

}

@media screen and (max-width: 600px){
  .hyqhdivL{ width: 90%;}
  .hyqhdivR{ width: 10%;}
  .hyqhdivR .hylist li{ text-align: left;}
  .hyqhdivR .hylist li span{ display: none;}
  .zhankai{ display: block;}
  .top ul li em{ display: none;}
  .jdylxxdj .layui-card-body{ height: 300px;}
  .zhuyjdpalyL{ width: 50%;}
  .zhuyjdpalyR{ width: 50%;}
  .listL .layui-card-body{ padding: 0px 2px;}
}

@media screen and (max-width: 500px){
  .hyqhdivL{ width: 80%;}
  .hyqhdivR{ width: 15%;}
  .zhuycsjdL{ width: 50%; float: left;}
  .zhuycsjdR{ width: 50%; float: left;}
  .zhuyjdpalyL{ width: 100%;}
  .zhuyjdpalyR{ width: 100%;}
  .zhuycsjdL .layui-card-body{ height: 300px;}
  .zhuycsjdR .layui-card-body{ height: 300px;}
  .zhucegerenlist li{ width:50%;}
}

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