* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    overflow-x: hidden;
    background: #F1F8FF;
    font-family: "Microsoft YaHei UI", "Microsoft YaHei","Arial", "sans-serif",;
    font-size: 20px;
    color: #333333;
}

fieldset, img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

li {
    list-style: none
}

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none;
}
.clear{clear:both}
.space20{clear: both; height: 20px;}


.padcon{padding: 3%;}

.container{padding: 0 3%;}

.wapbox{background: #fff; box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	-webkit-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	padding: 30px; margin-top: 40px; position: relative;
}
.wapbox2{background: #fff; box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	-webkit-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 17px -7px rgba(0,0,0,0.45);
	 margin-top: 40px;
}
.wapbox .archive{position: absolute; top: 10px; right: 10px;}
.padhj{padding: 20px 30px;}

/* focus */
.focus{position: relative;}
.focus .hd{position: absolute; z-index: 20; left:0; bottom: 15px; z-index: 2; width: 100%;}
.focus .hd ul{text-align: center;}
.focus .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff;  margin:0 5px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus .hd li.on{background: #0D65D1; border: 2px #fff solid;}
.focus .bd li img{width: 100%; height: auto; display: block;}
.focus img{width: 100%; height: auto; display: block;}
.focus .bd li b{ display:block; position:absolute; width:100%; height:60px; bottom:0;left:0;background:#000; opacity:.7;filter:alpha(opacity=70); z-index:1;}
.focus .bd li span{ display:block; position:absolute;width:100%;height:30px; bottom:30px;left:0; z-index:2; line-height:30px;}
.focus .bd li span a{color:#FFF; display:block; float:left; padding:0 15px; position:relative; z-index:3; font-size:16px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}

.focus2{position: relative;  background: #fff;  width: 100%; height: auto; overflow: hidden;}
.focus2 .hd{position: absolute; z-index: 20; left:0; bottom: 15px; z-index: 2; text-align: center; width: 100%;}
.focus2 .hd ul{text-align: center; display: flex; justify-content: center; align-items: center;}
.focus2 .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff;  margin:0 5px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus2 .hd li.on{background: #0D65D1; border: 2px #fff solid;}
.focus2 .bd li img{width: 100%; height: auto;  display: block;}


.focus3{position: relative;  background: #fff; width: 100%; height: auto; overflow: hidden;}
.focus3 .hd{position: absolute; z-index: 20; right:0; bottom: 5px; z-index: 2; width: 100%;}
.focus3 .hd ul{text-align: center;}
.focus3 .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #AAAFB3;  margin:0 5px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.focus3 .hd li.on{background: #005393;}

/* tplb style */
.tplb{ position: relative; width: 100%; height: auto; overflow: hidden;}
.tplb .hd{ position:absolute; height:20px; line-height:20px; bottom:5px; left:0; z-index:1; width: 100%;}
.tplb .hd ul{text-align: center;}
.tplb .hd li{width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #fff; margin:0 5px; opacity: 0.8; cursor: pointer; text-indent: 999rem;}
.tplb .hd li.on{ background:#E90004;  }
.tplb .bd{ position:relative; z-index:0; }
.tplb .bd li{ position:relative;}
.tplb .bd li img{ width:100%; display:block; height: auto;  border-radius: 10px; display: block; }
.tplb .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.tplb .bd li .tit{ display:block; width: 94%; position:absolute; text-align: center; bottom:0; padding-top: 20px; height:75px; background:url(zyxxlb_bg.png) repeat; color:#fff;
 white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; padding: 20px 20px 0;
}

/* tab */
.tabBox .hd{}
.tabBox .hd ul{display: flex; justify-content: space-between;}
.tabBox .hd li{color: #1F77DB; text-align: center; margin: 0 3px; width: 25%; border-bottom: 6px #1B86D8 solid; font-weight: bold; font-size: 20px;}
.tabBox .hd li a{display: block; color: #1F77DB; font-size: 24px;}
.tabBox .hd li  img{display: block; margin: 10px auto 0;}
.tabBox .hd li  font{display: block; padding: 12px 0; text-align: center; font-size: 24px;}
.tabBox .hd li.on{color: #1F77DB;
background: linear-gradient(to bottom,  #ffffff 0%,#e3f0f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tabBox .tempWrap{border: 1px #fff solid;}

/* list */
.news_list{position: relative;}
.news_list ul{margin-top: 20px;}
.news_list li{position:relative; padding-left:16px; line-height: 1.5; margin: 10px 0; overflow:hidden; vertical-align:top; padding-bottom: 10px;}
.news_list li:after{position:absolute; content:" "; left:0; top: 15px; margin-top: -1px; width: 7px; height: 7px; background: #1C87D7;}
.news_list li .date{color: #707070; border: none;}
.news_list li a{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news_list li:last-child{border: none;}

.news_list2{position: relative;}
.news_list2 li{position:relative; padding-left:16px; line-height: 1.5; margin: 10px 0; overflow:hidden; vertical-align:top; padding-bottom: 10px;}
.news_list2 li:after{position:absolute; content:" "; left:0; top: 15px; margin-top: -1px; width: 7px; height: 7px; background: #1C87D7;}
.news_list2 li .date{color: #999; border: none; display: block; font-size: 18px; margin-top: 5px;}
.news_list2 li a{display:block;}
.news_list2 .archive{position: absolute; top: 0; right: 10px;}

.index-more{background: #E0EBFF; border-radius: 16px; margin: 2% auto 0; width: 190px; text-align: center; display: block !important;
background: linear-gradient(to bottom,  #58a8ed 0%,#257eda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 10px 0;
}
.index-more a{color: #fff;}

/* header style */
/* .headers .warp .xggj{background: url(index_r1_c1_s1.png) top no-repeat #005393; position: absolute; top:0; right:0; width: 208px; height: 58px;}
.headers .warp .xggj ul{margin: 10px 0 0 77px;}
.headers .warp .xggj ul li{float: left; margin-right: 10px;}
.headers .warp .xggj ul li span{display: block; cursor: pointer; width: 20px; height: 29px;}
.headers .warp .xggj ul li .search-handle{background: url(header_ss_btn.png) center no-repeat;}
.headers .warp .xggj ul li .yy-handle{background: url(header_yy_btn.png) center no-repeat;} */
/* .headers .search .ssbox .ssrc{padding-top: 20px; line-height: 1.5; color: #fff; text-align: center;}
.headers .search .ssbox .ssrc span{display: inline-block; color: #fff;}
.headers .search .ssbox .ssrc a{padding-right: 10px; color: #fff;} */
/* .headers .search .ssbox .ss input.stxt::-webkit-input-placeholder{color:#fff}
.headers .search .ssbox .ss input.stxt:-moz-placeholder{color:#fff}
.headers .search .ssbox .ss input.stxt::-moz-placeholder{color:#fff}
.headers .search .ssbox .ss input.stxt::-ms-input-placeholder{color:#fff} */
.headers{
	/*position: fixed;
	z-index: 999;top:0;*/
	width: 100%;
    text-align: center;	
}
.headers .warp{position: relative; padding: 0;}
.mainbox{background: url(index_r1_c1_s1.png) top center no-repeat #1F77D8; padding-top: 120px; background-size: 100%; padding-bottom: 30px; position: relative}
.mainbox .pcb{position: absolute; top: 10px; left: 10px; color: #fff; background: #1F77D8; padding: 3px 8px; border-radius: 5px;}
.mainbox .pcb a{color: #fff;}
header{position: absolute; top:20px; right:20px; width:183px; text-align: right;  height: 44px; padding: 8px 0; padding-right: 25px; background: url(header_tool_bg.png) top center no-repeat; background-size: 100%;}
header>span{ overflow: hidden; margin-right: 5px; line-height: 43px; display: inline-block;}
.openSearch{background: url(header_ss_btn.png) center no-repeat; display: block; cursor: pointer; width: 41px; height: 43px; background-size: 100%;}
.closeSearch{display: none; font-size: 1.1rem; color: #fff;  vertical-align: top; line-height: 35px;}
.openyymenu{background: url(header_yy_btn.png) center no-repeat; display: block; cursor: pointer; width: 41px; height: 43px; background-size: 100%;}
.closeyymenu{font-size: 20px; padding: 0 0 2%; padding-left: 38px; color: #fff; line-height: 1.8rem; vertical-align: top;  width: 100%;  display: block; background:url(close_yymenu.png) left center no-repeat}

.headers .warp .logo{margin: 0 auto 40px; position: relative; z-index: 1;}

.search-handle{background: url(header_ss_btn.png) center no-repeat; display: inline-block; cursor: pointer; width: 20px; height: 29px;}
.headers .search{width: 100%; overflow: hidden;height: 0;transition: all 0.5s linear; position: relative; z-index: 2;}
.headers .search .ssbox{width: 570px; margin: 0 auto; padding-bottom: 20px;}
.headers .search .ssbox .ss{position: relative; width: 100%; height: 100%; border-radius:27px; height: 54px; background: #fff; overflow: hidden;} 
.headers .search .ssbox .ss .stxt{width:90%; line-height: 54px; border: 0;  font-size: 14px; color: #666; outline: none;}
.headers .search .ssbox .ss .sbtn{position: absolute; right: 0; top: 0; border: 0; cursor: pointer; width: 70px; height: 54px; background: url(header_ss_btn2.png) center no-repeat #fff;}

.mainnav2023{width: 100%; margin-top: 10%;}
.mainnav2023 ul{text-align: center;}
.mainnav2023 ul li{color: #fff; line-height: 45px; border-right: 1px #fff solid; text-align: center; width: 15.666%; display: inline-block;}
.mainnav2023 ul li a{font-size: 24px;}
.mainnav2023 ul li.on{font-weight: bold;}
.mainnav2023 ul li.last{border-right: none;}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 160px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #5F90B7;
	/* opacity: .6; */
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #5F90B7;
    -moz-shadow: inset 0 0 5px 5px #5F90B7;
    box-shadow: inset 0 0 5px 5px #5F90B7;
}

.yymenu{position:absolute; left:auto;right:0; top:215px; width:180px; line-height:50px; z-index: 999; display: none;}
.yymenu .easybtn_main{position:static; width:100%}
.yymenu .easybtn_in{width:100%;}
.yymenu .item{margin-bottom:0; border-bottom:1px solid #F2F8FF;  font-size:18px; text-align: center;}
.yymenu .item .btn a{color:#FFF; cursor: pointer;}
.yymenu .btn i{display:none !important}
.yymenu #rwyw .btn span{display:block; color: #fff;}
.yymenu .item .item-hover{display:none;}
.yymenu .item .item-hover span{color: #fff;;}
.qrcode-gzh {background: url(stgzh_ewm.jpg) center no-repeat; width:100px; height:96px; display:block; margin:0 auto; background-size: 100%; margin-bottom: 15px;}
.qrcode-sk {background: url(skapp.png) center no-repeat; width:100px; height:100px; display:block; margin:0 auto; background-size: 100%; margin-bottom: 15px;}
.qrcode-shb {background: url(shb_ewm.jpg) center no-repeat; width:100px; height:100px; display:block; margin:0 auto; background-size: 100%; margin-bottom: 15px;}


/* footer */
.footer{background: #EFEFEF; display: block; margin-top: 40px;}
.footer .hreflist {margin: 0; text-align: center; font-size: 0; background: #1B86D8; padding: 1% 0;}
.footer .hreflist li {
    display: inline-block;
    text-align: center;
    font-size: 24px;
}

.footer .hreflist li a {
    padding-right: 15px;
	margin-right: 15px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
	border-right: 1px #fff solid;
	text-decoration: none !important;
}

.footer .hreflist li:last-child a, .footer .btnlist li:last-child{border: none}


.wzjctb{margin: 0 auto; text-align: center; padding: 34px 0;}
.wzjctb span{display: inline-block; vertical-align: middle; margin: 0 5px;}

.copyright{line-height: 1.5; padding-bottom: 1%; text-align: center}
.copyright .dblj{margin-bottom: 10px; color: #1B86D8;}
.copyright .dblj a{color: #1B86D8;}
.copyright a{color: #333; text-decoration: none !important;}
.copyright p{margin-bottom: 10px;}
.copyright p img{margin-right: 10px;}

.footer .hreflist li.bordn a{border: none;}

#newssthjwbox,  #newsjgfjbox, #newszwwbox, #newyqljbox{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
}

 #newssthjwbox .select_con,  #newsjgfjbox .select_con,  #newszwwbox .select_con,  #newyqljbox .select_con{
    margin: 25% 10%;
    width: 80%;
    height: 60%;
    background: #fff;
    overflow-y: scroll;
}
 #newssthjwbox .select_con li, #newsjgfjbox .select_con li,  #newszwwbox .select_con li,  #newyqljbox .select_con li {
    width: 100%;
    line-height: 45px;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}

 #newssthjwbox .select_con li a, #newsjgfjbox .select_con li a,  #newszwwbox .select_con li a,  #newyqljbox .select_con li a {
    color: #666;
    width: 100%;
    height: 100%;
}

 #newqzfbox .select_con{ margin: 10%; margin-top: 35%; width: 80%; background: #fff; overflow-y: scroll;}
#newweixinbox .select_con{margin: 55% 30% 0; background: #fff; overflow-y: scroll;}
 #newweixinbox .select_con img{display: block; margin: 20px auto 0}
 #newweixinbox .select_con span{display: block; text-align: center; padding-bottom: 20px;}


.mask {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    transition: all 0.4s linear;
    left: 0;
    top: 0;
    display: none;
}

/* page */
.page {
    margin: 40px auto;
    text-align: center;  
}

.page a {
    display: inline-block;
    color: #333;
    background: #DEDEDE;
    padding: 8px 11px;
    margin: 0 2px;
}

.page a.current {
    color: #fff;
    background-color: #1B86D8;
}


@media (max-width:1280px) {
    .mainbox{padding-top: 60px; padding-bottom: 30px;}
    .closeyymenu{font-size: 18px;}
    .footer .hreflist li{font-size: 18px;}
}

@media (max-width:1024px) {
    .mainnav2023{margin-top: 2%;}
    /* .focus{width: 962px;}
    .tplb, .tabBox{width: 903px;} */
}
@media (max-width:912px) {
    .headers .search .ssbox{padding-bottom: 0;}
    .mainnav2023{margin-top: 5.5%;}
    .news_list ul{width: 770px;}
}

@media (max-width:820px) {
  .news_list ul{width: 700px;}
}

@media (max-width:768px) {
   
    .mainnav2023{margin-top: 4%;}
    .mainnav2023 ul li{line-height: 35px;}
    .focus .hd{bottom: 0;}
    .tplb, .tplb .bd li img{height: 372px;}
    .wapbox{padding: 15px;}
    .padhj{padding: 5px 15px;}
    .news_list ul{width: 671px;}
    .tabBox .hd li img{width: 35px;}
    .index-more{width: 150px;}
    .news_list li{padding-left: 20px;}
    .news_list li:after{left: 5px;}
}

@media (max-width:640px) {
    .mainbox{padding-top: 40px;}
    header{top: 5px; right: 5px;}
    .openSearch, .openyymenu{width: 31px; height: 33px;}
    header>span{line-height: 33px;}
    .closeSearch{font-size: 0.8rem;}
    .headers .warp .logo{margin-bottom: 20px;}
    .mainnav2023{margin-top: 0.5%; margin-top: 20px;}
    .mainnav2023 ul li{line-height: 30px; padding: 0 2%; width: auto;}
    .mainnav2023 ul li a{font-size: 20px;}
    .tplb, .tplb .bd li img{height: 305px;}
    .tabBox .hd li font{font-size: 22px;}
    .news_list ul{width: 571px;}
}

@media (max-width:540px) {
    body{font-size: 16px;}
    .headers .warp .logo img{width: 400px;}
    .headers .search .ssbox{width: 430px;}
    .headers .search .ssbox .ss{height: 44px;}
    .headers .search .ssbox .ss .stxt{line-height: 44px;}
    .headers .search .ssbox .ss .sbtn{background-size: 55%; width: 50px; height: 44px;}
    .mainnav2023 ul{display: flex; justify-content: center;}
    .mainnav2023 ul li{padding: 0 1.4%;}
    .tplb, .tplb .bd li img{height: 269px;}
    .news_list ul{width: 450px;}
    .tabBox .hd li font{font-size: 18px;}
    .news_list li:after{width: 6px; height: 6px; top: 12px;}
    .wapbox{margin-top: 25px;}
    .index-more{width: 120px;}
    .news_list2 li .date{font-size: 14px;}
    .news_list2 li:after{top: 12px;}
    .page{margin: 20px auto 10px;}
    .page a{margin: 5px 2px;}
   
}

@media (max-width:480px) {
    header{height: 36px; width: 160px; padding: 5px 0; padding-right: 10px;}
    .mainbox{padding-bottom: 20px;}
    .headers .warp .logo img{width: 300px;}
    .headers .search .ssbox{width: 320px;}
    .headers .search .ssbox .ss{height: 38px;}
    .headers .search .ssbox .ss .stxt{line-height: 38px;}
    .headers .search .ssbox .ss .sbtn{width: 45px; height: 38px;}
    .mainnav2023{margin-top: 10px;}
    .mainnav2023 ul{flex-wrap: wrap;}
    .mainnav2023 ul li{padding: 0; width: 33%; margin: 10px 0; line-height: 25px;}
    .mainnav2023 ul li:nth-child(3){border-right: 0;}
    .tplb, .tplb .bd li img{height: 202px;}
    .tplb .bd li .tit{height: 55px; padding-top: 10px;}
    .news_list ul{width: 330px;}
    .wapbox{padding: 15px;}
    .padhj{padding: 0 10px;}
    .gdxw h1{padding: 0 10px;}
    .gzhd_lm .hd li{border-bottom: 4px #1B86D8 solid;}
    
    .footer .hreflist li{font-size: 14px;}
    .wzjctb{padding: 15px 0 10px;}
    #_ideConac img{height: 50px}
	#_span_jiucuo, .slhwzafw{height: 45px;}
	#_span_jiucuo img{height: 40px;}
	.slhwzafw img{height: 40px;}  
    
}

@media (max-width:400px) {
    header{width: 140px;}
    .tplb, .tplb .bd li img{height: 195px;}
    .news_list ul{width: 300px;}
    .headers .warp .logo{margin-bottom: 0;}
    .headers .search .ssbox{margin-top: 20px;}
    .footer .hreflist li a{padding-right: 10px; margin-right: 10px;} 
}

@media (max-width:380px) {
    body{font-size: 14px;}
    .tplb, .tplb .bd li img{height: 187px;}
    .news_list ul{width: 290px;}
    .zmhd_menu li a img{width: 35px;}
    .index-more{width: 110px;}
    .tabBox .hd li font{font-size: 17px;}
    .news_list li:after{top:10px}
   
}

@media (max-width:360px) {
    .mainnav2023 ul li a{font-size: 18px;}
    .tplb, .tplb .bd li img{height: 179px;}
    .tabBox .hd li{border-bottom: 4px #1B86D8 solid;}
    .tabBox .hd li img, .zmhd_menu li a img{width: 30px;}
    .tabBox .hd li font{font-size: 16px; padding: 5px 0;}
    .news_list ul{width: 300px; margin-top: 10px;}
    .news_list li{margin: 10px 0 ; padding: 0; padding-left: 14px;}
    .news_list li:after{width: 5px; height: 5px;}  
    .news_list2 li .date{font-size: 12px;}
    .footer .hreflist li a{padding-right: 9px; margin-right: 9px;} 
   
}

@media (max-width:320px) {
    .tplb, .tplb .bd li img{height: 158px;}
    .tplb .bd li .tit{padding: 10px 10px 0;}
    .headers .warp .logo img{width: 260px;}
    .headers .search .ssbox{width: 280px;}
    .news_list ul{width: 260px;}
     .footer .hreflist li a{padding-right: 4px; margin-right: 4px;} 
}

@media (max-width:280px) {
    body{font-size: 12px;}
    .mainnav2023 ul li a{font-size: 16px;}
   .footer .hreflist li{font-size: 12px;}
   .tabBox .hd li font{font-size: 12px}
   .news_list ul{width: 210px;}
   .wapbox{padding: 10px;}

}