@charset "utf-8";
/* 2020-4 by qizhifei */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, dl, dd, dt, ol, ul, li, form, table, tr, th, td{margin:0;padding:0; zoom:1; font-size:12px;}
body{background-color:#ffffff; color:#333333; font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:lighter;}
ul,li{list-style:none;}
a{outline: none;*star: expression(this.onFocus=this.blur());cursor: pointer;}
img{vertical-align:top; border:none;}
*{margin:0; padding:0}
.cf{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.mainwidth{width:1200px; margin:0 auto;}
.tablemainwidth { width:1220px; margin:0 auto; min-height:300px;}
.center{margin:0 auto;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#4eb728; text-decoration:underline;}
a:active{text-decoration:none;}
/**头部**/
#header { height:80px; padding:10px 0 10px 0;}
#logo { width:250px; height:80px;}
.header-msg { height:60px; width:500px; padding-top:15px;}
.header-msg p { font-size:12px; color:#7d7d7d; line-height:22px;}

@charset "utf-8";
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
img{display: block;}
ul {list-style: none;}
a{text-decoration:none;cursor:pointer;outline:none}
body{ color: #f5f5f5}
.container{margin:0 auto;width: 1220px;}
.block{padding: 20px 0;}

@font-face {
  font-family: 'iconfont';
  src: url('../images/svg/iconfont.eot');
  src: url('../images/svg/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../images/svg/iconfont.woff2') format('woff2'),
      url('../images/svg/iconfont.woff') format('woff'),
      url('../images/svg/iconfont.ttf') format('truetype'),
      url('../images/svg/iconfont.svg#iconfont') format('svg');
}

/* 主菜单 */

.head{position: relative;background: #48a43f;border-bottom:1px solid #ddd;height:48px;z-index: 9999;}
.head .navbox{width: 1200px;margin: 0 auto;}
.head .nav{display: block; float: left;width:100%}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative; width:14.2857%;box-sizing: border-box;z-index: 999;}
.head .nav ul li .f_a{line-height:48px;display:block;font-size:16px;color:#fff; text-decoration:none;}
.head .nav ul li:hover .f_a{background-color:#3b8b32;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;background:rgba(73,135,66,.8);}
.head .nav ul li .s_navbox .s_a a:hover{background:rgba(73,135,66,.9);color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.active{background-color: #cf1322}
.activ2{background-color: #cf1322}

.menusvg {
  font-family: "iconfont" !important;
  height:48px;
  width:30px;
  float:left;
  margin-left:30px;	
  display:block;
  line-height:48px;
  font-size: 24px;
  color:#f4f4f4;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#footer { width:100%; height:170px; background-color:#2a85d4;margin-top:40px;}
.footer { height:170px;}
.footerlogo { width:250px; height:120px; padding-top:50px; padding-left:150px;}
.footermsg { width:600px; height:100px; margin-top:30px; padding-left:30px; color:#333; border-left:1px #ccc solid; line-height:24px;}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 800px) and (min-width: 0px){
	#header { display:none;}
	.mainwidth { width:auto;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../imgs/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
#footer { width:100%; height:10rem; background-color:##2a85d4; margin-top:1rem;}
.footer { height:10rem;}
.footerlogo { width:7rem; height:7rem; padding-top:3rem; padding-left:1rem;}
.footerlogo img { display:block; width:7rem; height:auto;}
.footermsg {width:calc(100% - 9rem); position:absolute; margin-left:8rem; height:8rem; padding-left:1rem; margin-top:1rem; color:#333; border-left:1px #ccc solid; line-height:1.3rem; font-size:1rem;}

}


@media screen and (max-width: 800px) and (min-width: 0px){
.tablemainwidth { width:98%; margin:0 auto; margin-top:4.2rem;}
body table { border-collapse:collapse;}
body table td,body table td a { font-size:1.1rem; line-height:1.3rem;}
.listpage .news_list .box ul { border:none;}
.news_list { width:100%; display:block;}
.sider { width:100%; display:block; clear:both;}
body table td strong { font-size:1.2rem; font-weight:bold; line-height:1.4rem; color:#333;}
body table td img { display:block; margin-top:1rem;}
.news_list .box ul li a { font-size:1.1rem; color:#333;}
.news_list .box ul li span { width:6rem; font-size:1.1rem; color:#ccc;}
ol.rank li,.news_list .box ul li { height:3rem; line-height:3rem; font-size:1.2rem;}
.news_list .box ul li a { width:calc(100% - 6rem); overflow:hidden; font-size:1.2rem; height:3rem; line-height:3rem;}

}


.Smohan_Layer_Shade{position:fixed; _position:absolute; zoom:1; top:0; left:0; width:100%; height:100%; overflow:hidden; background:url(../images/hei.png) repeat; z-index:99900;}
.Smohan_Layer_box{ min-width:300px; height:auto; padding:20px; background:#ffffff; position:fixed; _position:absolute; top:50%; left:50%; overflow:hidden; z-index:99999;-moz-border-radius:20px;-webkit-border-radius:20px;
border-radius:20px;}
.Smohan_Layer_box h3{ display:block; width:100%; height:30px; line-height:30px; padding:0px 0px 10px 0px; margin:0; border-bottom:1px solid #cccccc; overflow:hidden;}
.Smohan_Layer_box h3 .text{ float:left;font-size:16px; font-family:'Microsoft JhengHei','Microsoft YaHei', Arial, sans-serif; font-weight:600; color:#84c017; text-indent:0.5em; display:block;}
.Smohan_Layer_box h3 .close{ display:block; width:30px; height:30px; background:url(../images/Smohan.layer.close.png) 0px 0px no-repeat; float:right;}
.Smohan_Layer_box h3 .close:hover{background-position:0px -31px;}
.Smohan_Layer_box .layer_content{ display:block; width:100%; height:100%; margin-top:10px; margin-bottom:10px; padding:0; overflow:hidden; position:relative;}
.Smohan_Layer_box .layer_content .loading{ display:block; width:36px; height:36px; background:url(../images/Load.gif) center center no-repeat; position:absolute; top:0; left:0;}
/*Share*/
#Share{ display:none; width:360px; height:120px; padding:15px 10px;}
#Share ul{ margin:0; padding:0; list-style-type:none;}
#Share ul li{ float:left; display:block; width:50px; height:50px;margin-left:5px; margin-right:5px; cursor:pointer; position:relative;}
#Share ul li a{ display:block; width:28px; height:28px; margin-left:11px; margin-top:12px;}
#Share ul li span{ display:block;width:40px;height:10px;background:url(../images/share_shade.png) 0px 0px no-repeat; position:absolute; left:5px; bottom:0px;}
#Share ul li a.share1{ background:url(../images/share_icon2.png) 0px 0px;}
#Share ul li a.share2{ background:url(../images/share_icon2.png) -28px 0px;}
#Share ul li a.share3{ background:url(../images/share_icon2.png) -56px 0px;}
#Share ul li a.share4{ background:url(../images/share_icon2.png) -84px 0px;}
#Share ul li a.share5{ background:url(../images/share_icon2.png) -112px 0px;}
#Share ul li a.share6{ background:url(../images/share_icon2.png) -140px 0px;}
/*微信二维码*/
.none{
	display: none;
}
.qrcode{
	width:180px;
	height:220px;
	padding:20px;
	position: fixed;
	left:50%;
	top:50%;
	margin-left:-120px;
	margin-top:-140px;
	background: #fff;
	z-index: 100000;
	text-align:center;
}
.qrcode img{
	max-width: 100%;
	max-height:100%;
}
.weixin_close{
	background: #7CBDD0;
	display: inline-block;
	width:100%;
	height:30px;
	line-height: 30px;
	text-align: center;
    color: #fff;
    text-decoration: none
}
.share {width:50px; height:50px; display:block; line-height:50px; text-align:center; text-decoration:none; color:#fff; border-radius:50%; position:fixed; right:5px;bottom:20px; background-color:#48a43f; border:1px #48a43f solid;}
.share:link{color:#fff; text-decoration:none;}
.share:visited{color:#fff; text-decoration:none;}
.share:hover{color:#333; text-decoration:none; background-color:#FFF;}
.share:active{ color:#fff;text-decoration:none;}
@media screen and (max-width: 800px) and (min-width: 0px){
.share {width:3.6rem; height:3.6rem; display:block; line-height:3.6rem; text-align:center; text-decoration:none; color:#fff; border-radius:50%; position:fixed; right:.2rem;bottom:1rem; background-color:#48a43f; border:1px #48a43f solid;}
}