@charset "utf-8";
/* CSS Document */
html{background:#ddd;}
body{/*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;font-family:'Arial',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
body{font-family:" 微软雅黑","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #3069cc;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}



.topicInfo li{transtion:all 1s ease 0s}
/*头部样式*/
.wraq_header{  width:100%;height:150px;top:0;left:0;position:relative;
z-index:9999;background-color: #3069cc;}
.header{ width:1200px; height:147px; margin:0 auto;position:relative;}
.logo{ padding:35px 0 0 0;position:relative;width:100%;text-align:center;}

.logo img{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}

.subPage{width:100%;background:url(../images/1.jpg) top no-repeat;background-size:cover;overflow: hidden;}
.subpage{background:#F2F2F2;}

.subPage_con{max-width:1200px;margin:20px auto ;overflow: hidden;min-height:650px;}

.sub_rightT{width:100%;}

/*分页*/
.pages{text-align:center;width:100%;}
.pagination p{
                margin:0;
                cursor:pointer
}
.pagination{
	padding:20px;text-align:center;
}

.pagination a{
	float:none;
	display:inline-block;
	margin-right:10px;
	padding:0 12px;
	height:30px;
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:16px;
	line-height:30px;
}
.pagination a:hover{
	color:#3069cc;
	background: white;
	border:1px #3069cc solid;
}
.pagination a.cur{
	border:none;
	background:#3069cc;
	color:#fff;
}
.pagination p{
	float:left;
	padding:0 12px;
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;
}
.pages_min{ margin-top: 25px; overflow: hidden; display: none;padding:0 18px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #DEF0FF; border-radius: 3px; color:#3069cc; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#3069cc; color:#fff; transition:0.5s;}


@media screen  and (max-width:800px) {
	.pages{display: none;}
	.pages_min{display: block;}
}
@media screen  and (max-width:1200px) {
 .subPage{width:100%;margin:0 auto;}
}

/* button div */
#buttons {
	height:380px;
   position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  text-align: center;
}

/* start da css for da buttons */
.btn {
  border-radius: 5px;
  padding: 20px 25px;
  font-size: 22px;
  text-decoration: none;
  margin: 80px auto;
  color: #fff;
  position: relative;
  display: block;
  width:300px;
}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.blue {
  background-color: #55acee;
  box-shadow: 0px 5px 0px 0px #3C93D5;
}

.blue:hover {
  background-color: #6FC6FF;
}

.green {
  background-color: #2ecc71;
  box-shadow: 0px 5px 0px 0px #15B358;
}

.green:hover {color:#fff;
  background-color: #48E68B;
}

.red {
  background-color: #e74c3c;
  box-shadow: 0px 5px 0px 0px #CE3323;
}

.red:hover {
  background-color: #FF6656;
}

.purple {
  background-color: #9b59b6;
  box-shadow: 0px 5px 0px 0px #82409D;
}

.purple:hover {color:#fff;
  background-color: #B573D0;
}

.orange {
  background-color: #e67e22;
  box-shadow: 0px 5px 0px 0px #CD6509;
}

.orange:hover {color:#fff;
  background-color: #FF983C;
}

.yellow {
  background-color: #f1c40f;
  box-shadow: 0px 5px 0px 0px #D8AB00;
}

.yellow:hover {
  background-color: #FFDE29;
}

.list-bg{background:url(../images/lyb2022_bg.jpg) top no-repeat;background-size:cover;}
.list{background-color:#fff;margin:0 auto;box-shadow:1px 1px 9px #999;}
.div30{height:30px;}
.sub_list{margin:0 30px;}
.sub_list li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background:url(../images/xxgk20220701_li.png) no-repeat 2px 14px;
	padding-left: 19px;
    font-size: 16px;
    color: #333;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-sizing: border-box;
}


.sub_list li a {
    width:75%;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    display: block;
    background: none;
    padding-left: 0;
}


.sub_list li span {
    width: auto;
    color: #4DA93F;
    white-space: nowrap;
    display: block;
}


.sub_list li span+span {
    width: 90px;
    color: #333;
    overflow: hidden;
}

.sub_list li span.jianyi{color: #3071b9}
.sub_list li span.zixun{color: rgb(77, 169, 63)}
.sub_list li span.tousu{color: #9b59b6}
.sub_list li span.ganxie{color: #e67e22}

.subTitle{height:auto;overflow:hidden;border-bottom: 1px solid #ddd; margin:20px 30px 20px 30px;}
.subTitle h2{display:block;width:140px;text-align:center;float:left;color:#333;height:50px;line-height:35px;overflow:hidden;border-bottom:3px solid #3069cc;font-size: 20px;}
.right-btn{display:block;height:35px;line-height:35px;text-align:center;width:100px;border-radius:5px;float: right;font-size: 16px;background-color:rgba(231, 76, 60, 1);background-color:#E60012;} 
.right-btn span{color:#fff;}



@media screen  and (max-width:1000px) {

  .sub_list .rightDate{float: none;display: block;padding-left:0;}
  .sub_list li::before{top:5px;}
}


/*footer*/
.fooer_wrap{width:100%; overflow:hidden;background-color:#3069cc;}
.footer{max-width:1200px; overflow:hidden;margin:10px auto 0;padding-left:15px;padding-right:15px;position:relative;}
.footer span{display:inline-block;color:#fff;line-height:35px;}
.footerList{overflow: hidden;margin:30px 0;text-align:center;font-size:16px;color:#fff;}
.footerLf{width: 25%;padding-left:45px;float: left;overflow: hidden;border-left: 1px solid #2c74c7;border-right: 1px solid #2c74c7;}
.footerLf ul{margin-top:10px;}
.footerLf ul li{width: 100%;float: left;font-size:14px;height: 28px;line-height: 25px;}
.footerList ul li a{color:#eee;}
.footerList ul li a:hover{opacity: 0.8}
.footerRt{width:45%;padding-left:45px;float: left;overflow: hidden;border-right: 1px solid #2c74c7;}
.footerRt ul{}
.footerRt ul li{line-height: 40px;}
.footerR{width:20%;float: left;overflow: hidden;border-right: 1px solid #2c74c7;}
.footerR ul{}
.footerR ul li{line-height:20px;font-size:14px;text-align:center;}

.copy_wrap{width:100%; text-align:center;line-height: 22px;border-top:1px solid #fff;padding:10px 0;}
.copy_wrap p{color:#fff;font-size:14px;}
.goTop {position: absolute;bottom: 0;right: 30px;z-index: 99;color: #3069cc;text-align: center;font-size: 16px;transition: none;}
.goTop i {color: #3069cc;display: block;margin-bottom: 8px;transition: all 0.3s ease;}
.goTop:hover{color: #3069cc;}
.goTop:hover i {transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
        top:43px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
        top:43px;
    }
}


@media screen  and (max-width:1440px) {
 .header{width:97%;}
}

@media screen  and (max-width:1000px) {
 
 .footer{width:95%;} 
 .wraq_header{background: none;background-color:#3069cc;height:100px; }
 .header{width:98%;height:100px;}
 
   .logo{padding-top:15px;width:100%;}
   .fooer_wrap{background: none; background-color: #3069cc;}
   .footerLf{width:30%;}  
   .footerRt{width:50%;padding-left:45px;float: left;overflow: hidden;border-right: 0px solid #2c74c7;}
	.footerRt ul{}
	.footerRt ul li{line-height: 40px;padding-right:20px;}	
	.footerR{width:100%;float: left;overflow: hidden;border-right: 0px solid #2c74c7;}
	.footerR ul{padding-right:20px;}
	.footerR ul li{line-height:20px;font-size:14px;text-align:right;}
	.div30{height:0;}

}

@media screen  and (max-width:800px) {
   .header_logo{height:83px;}
   .logo{width:100%;height:50px;}
    .logo a{display: inline-block; text-align: center;}
  .sub_list li a {width:calc(75% - 40px);}
   

.btn {
  padding: 15px 25px;
  margin: 20px auto 50px auto;
  width:60%;
}
}


@media screen and (max-width:640px) {
  .copy_wrap p{width:95%;line-height:22px;height:21px;text-align:center;margin:0 auto;}
  
  .header_logo{height:60px;}
 
  .footerLf{width:100%;border:0px;padding-left:5px;}  
   .footerRt{width:100%;padding-top:30px;padding-left:5px;float: left;overflow: hidden;border-right: 0px solid #2c74c7;}
	.footerRt ul{}
	.footerRt ul li{line-height: 28px;font-size:14px;}	
	.footerR{width:100%;float: left;overflow: hidden;border-right: 0px solid #2c74c7;}
	
	
  .copy_wrap{width:100%;text-align: center;margin:0px auto;}
  .copy_wrap p{font-size: 10px;}
  .logo{padding-top:25px;padding-left:5px;text-align: center;}
  .subPage_con{min-height:350px;}
  .sub_list li span.flag{display:none;}
  .subTitle{margin:20px 15px;}
  .sub_list{margin:0 15px;}
}
@media screen /*and (min-width:320px)*/ and (max-width:360px)  {
  .copy_wrap p{line-height:16px;}

}