body,
h1,
h2,
h3,
p,
span,
ul,
li {
  margin: 0;
  padding: 0;
  font-size:16px;
	font-family: '微软雅黑';
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.template_1200 {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}

.template_ {
  position: relative;
  width: 100%;
  min-width: 1200px;
}

.template {
  position: relative;
  margin-top: 50px;
}

.template_02 {
  background-color: #ffff;
  padding: 20px 0;
}

.nav_wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}

.nav_top {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #284C9C;
      z-index: 9999;
}
.nav_top .nav_right_ul {
  position: absolute;
  right: 220px;
  display: inline-block;
}
.nav_top .nav_right_ul li {
  display: inline-block;
}
.nav_top .nav_right_ul li a {
  color: #ffff;
  font-size: 14px;
  font-weight: 300;
  padding: 0 10px;
  border-right: 1px solid #ffff;
}
.nav_top .nav_right_ul li a:hover {
  color: rgba(255, 255, 255, 0.87);
}
.nav_top .nav_right_ul li:last-child a {
  border: 0;
}
.nav_top .search {
  position: absolute;
  right: 200px;
  display: inline-block;
}
.nav_top .search img {
  width: 15px;
  height: auto;
  vertical-align: middle;
}

.nav-bottom {
  position: relative;
  height: 90px;
  line-height: 90px;
  background: linear-gradient(rgba(0, 1, 1, 0.35), rgba(0, 1, 1, 0));
  transition: all 0.5s;
}

.nav-bottom .nav-item
{margin-top: 20px;
   position: relative;
   height: 50px;
  line-height: 50px;
 
}

.nav-bottom1 {
  position: relative;
  height: 90px;
  line-height: 90px;
  background: linear-gradient(rgba(0, 1, 1, 0.35), rgba(0, 1, 1, 0));
  transition: all 0.5s;
}


.nav-bottom1 .nav-item
{margin-top: 20px;
   position: relative;
   height: 50px;
  line-height: 50px;
 
}
.nav-bottom h2 a{
  
}
.nav-bottom h2 a{


 
}

.nav-bottom .logo_white {
  position: relative;
  top: 18px;
  width: 200px;
  height: 50px;
  overflow: hidden;
}
.nav-bottom .logo_white img {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: auto;
  transition: all 0.5s;
}





.nav-bottom .nav-wrapper {
z-index: 9999;
  position: absolute;
  top: 0;
  right: 0;
  width: 1150px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}


.nav-bottom .nav-wrapper980 {
z-index: 9999;
  position: absolute;
  top: 0;
  right: 0;
  width: 980px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.nav-bottom .nav-wrapper980 .nav-item {
  position: relative;
   background: url('../image/navbg.png') no-repeat center top;
	width:110px;
}

.nav-bottom .nav-wrapper980 .nav-item h2 a {
  color: #ffff;
  font-size: 20px;
  transition: all 0.5s;

}
.nav-bottom .nav-wrapper980 .nav-item h2 a:hover {
  color: rgba(255, 255, 255, 0.67);
  transition-duration: 1s;

}



.nav-bottom .nav-wrapper980 .nav-item1 {
  position: relative;
	width:40px;
}

.nav-bottom .nav-wrapper980 .nav-item1 h2 a {
  color: #ffff;
  font-size: 20px;
  transition: all 0.5s;

}
.nav-bottom .nav-wrapper980 .nav-item1 h2 a:hover {
  color: rgba(255, 255, 255, 0.67);
  transition-duration: 1s;

}

.nav-bottom .nav-wrapper980 .nav-item2 {
  position: relative;
	width:90px;
}

.nav-bottom .nav-wrapper980 .nav-item2 h2 a {
  color: #ffff;
  font-size: 20px;
  transition: all 0.5s;

}
.nav-bottom .nav-wrapper980 .nav-item2 h2 a:hover {
  color: rgba(255, 255, 255, 0.67);
  transition-duration: 1s;

}




.nav-bottom .nav-wrapper980 .nav-item ul {
  display: none;
  position: absolute;
  width: auto;
  background-color: #f4f6fa;
  border-top: 5px solid #284C9C;
  /* top: 85px; */
      top: 50px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.nav-bottom .nav-wrapper980 .nav-item ul li {
  white-space: nowrap;
  height: 16px;
  padding: 15px 10px;
  line-height: 1;
  text-align: center;
}

.nav-bottom .nav-wrapper980 .nav-item ul li {
    white-space: wrap; 
      height: auto;
    padding: 5px 10px;
    line-height: 22px;
    width: 200px;
    text-align: center;
}

.nav-bottom .nav-wrapper980 .nav-item ul li a {
  line-height: 1;
  font-size: 16px;
  color: rgba(55, 90, 168, 0.7);
}
.nav-bottom .nav-wrapper980 .nav-item ul li a:hover {
  color: #284C9C;
 font-weight: bold;
}






.nav-bottom .nav-wrapper .nav-item {
  position: relative;
   background: url('../image/navbg.png') no-repeat center top;
	width:110px;
}

.nav-bottom .nav-wrapper .nav-item h2 a {
  color: #ffff;
  font-size: 20px;
  transition: all 0.5s;

}
.nav-bottom .nav-wrapper .nav-item h2 a:hover {
  color: rgba(255, 255, 255, 0.67);
  transition-duration: 1s;

}



.nav-bottom .nav-wrapper .nav-item1 {
  position: relative;
	width:110px;
}

.nav-bottom .nav-wrapper .nav-item1 h2 a {
  color: #ffff;
  font-size: 20px;
  transition: all 0.5s;

}
.nav-bottom .nav-wrapper .nav-item1 h2 a:hover {
  color: rgba(255, 255, 255, 0.67);
  transition-duration: 1s;

}




.nav-bottom .nav-wrapper .nav-item ul {
  display: none;
  position: absolute;
  width: auto;
  background-color: #f4f6fa;
  border-top: 5px solid #284C9C;
  /* top: 85px; */
      top: 50px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.nav-bottom .nav-wrapper .nav-item ul li {
  white-space: nowrap;
  height: 16px;
  padding: 15px 10px;
  line-height: 1;
  text-align: center;
}

.nav-bottom .nav-wrapper .nav-item ul li {
    white-space: wrap; 
      height: auto;
    padding: 5px 10px;
    line-height: 22px;
    width: 200px;
    text-align: center;
}

.nav-bottom .nav-wrapper .nav-item ul li a {
  line-height: 1;
  font-size: 16px;
  color: rgba(55, 90, 168, 0.7);
}
.nav-bottom .nav-wrapper .nav-item ul li a:hover {
  color: #284C9C;
 font-weight: bold;
}

.nav-bottom.change-nav {
  background: #fff;
  transition: all 0.5s;
  z-index:9999;
}
.nav-bottom.change-nav .logo_white img {
  top: auto;
  bottom: 0;
  transition: all 0.5s;
}

.nav-bottom.change-nav .nav-wrapper .nav-item  {
position: relative;
 background: url('../image/navbgc.png') no-repeat center top;
 height:50px;
 z-index:9999;
   
}
.nav-bottom.change-nav .nav-wrapper .nav-item a {
  color: #284C9C;
  position: relative;
  /* transition: all 0.5s; */
  /* background: url('../image/navbgc.png') no-repeat center top !important; */
  height:50px;
   z-index:9999;
}
.nav-bottom.change-nav .nav-wrapper .nav-item a:hover {
  color: #284C9C;
}





.nav-bottom.change-nav .nav-wrapper .nav-item1 a {
  color: #284C9C;
  transition: all 0.5s;
 
}
.nav-bottom.change-nav .nav-wrapper .nav-item1 a:hover {
  color: #284C9C;
}

.nav_bg_white {
  position: relative;
  padding: 25px 0;
  background: #ffff;
  box-shadow: 1px 1px 5px rgba(216, 223, 239, 0.5);
}
.nav_bg_white .logo_white img {
  width: 200px;
  height: auto;
}
.nav_bg_white .nav-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.nav_bg_white .nav-wrapper li {
  display: inline-block;
  margin-right: 40px;
}
.nav_bg_white .nav-wrapper li a {
  color: #262626;
  font-size: 20px;
}
.nav_bg_white .nav-wrapper li a:hover {
  color: rgba(38, 38, 38, 0.67);
  transition-duration: 1s;
}
.nav_bg_white .nav-wrapper li:last-child {
  margin: 0;
}

.link_template {
  position: relative;
  background-color: #EBEBEB;
  margin-top: 50px;
  padding: 15px 0;
}
.link_template h1 {
  padding-top: 30px;
  font-size: 22px;
  color: 262626;
}
.link_template ul {
  margin-top: 20px;
  line-height: 35px;
}
.link_template ul li {
  display: inline-block;
  width: 170px;
  margin: 0 12px;
}
.link_template ul li a {
  color: #262626;
  font-size: 14px;
}
.link_template ul li a:hover {
  color: #284C9C;
  transition-duration: 1s;
}

.floa_btn {
  position: relative;
  cursor: pointer;
  z-index: 9999;
}
.floa_btn .floa_img {
  position: fixed;
  bottom: 62px;
  right: 25px;
}
.floa_btn .floa_img img {
  width: 100px;
  height: auto;
}
.floa_btn .tips {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 80px;
}
.floa_btn .tips img {
  width: 100px;
}
.floa_btn .floa_list {
  position: fixed;
  z-index: 999;
  bottom: 180px;
  right: 20px;
  display: none;
 height:500px;
 
	

}
.floa_btn .floa_list ul {
  width: 78px;
  height: auto;
  background-color: #54aafa;
  padding: 5px 0;
  border-radius: 3px;
  text-align: center;
  overflow-x: visible;
  overflow-y:scroll;
  height:500px;
}



.floa_btn .floa_list ul li {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(244, 246, 250, 0.3);
}


ul::-webkit-scrollbar { 
        width: 2px; 
    }



.floa_btn .floa_list ul a {
  color: #ffff;
  font-size: 14px;
}
.floa_btn .floa_list ul img {
  display: block;
  width: 22px;
  margin: 0 auto;
}
.floa_btn .floa_list li:last-child {
  border: 0;
}
.floa_btn .floa_img:hover + .tips {
  display: block;
}

.layout-1200 {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}


.layout-1000 {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}


.layout-full {
  position: relative;
  width: auto;
  margin: 0 auto;
}

.column-flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.foot {
  background: #ebebeb;
}
.foot * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.foot a:link,
.foot a:visited,
.foot a:hover {
  text-decoration: none;
}
.foot .layout-1200 {
  padding: 40px 0;
}

.foot .column-flex
{
    flex-flow:row nowrap!important;
}

.foot .layout-1200 .item {
  margin-right: 30px;
}
.foot .layout-1200 .item h4 {
  padding-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #262626;
  font-weight: bold;
}
.foot .layout-1200 .item ul {
  padding: 15px 0 0;
}
.foot .layout-1200 .item ul li {
  font-size: 14px;
  padding: 0 0 5px;
  display: inline-block;
  min-width: 180px;
  color: #262626;
}
.foot .layout-1200 .item a {
  color: inherit;
  font-size: inherit;
}
.foot .layout-1200 .item img {
  width: 102px;
  height: 102px;
  display: block;
  padding-bottom: 5px;
}
.foot .layout-1200 .item span {
  font-size: 14px;
  display: block;
  width: auto;
  text-align: center;
}
.foot .layout-1200 .item:last-of-type {
  margin: 0;
}




.foot .layout-1000 {
  padding: 40px 0;
  width:800px;
}

.foot .column-flex
{
    flex-flow:row nowrap!important;
}

.foot .layout-1000 .item {
  margin-right: 30px;
}
.foot .layout-1000 .item h4 {
  padding-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #262626;
  font-weight: bold;
}
.foot .layout-1000 .item ul {
  padding: 15px 0 0;
}
.foot .layout-1000 .item ul li {
  font-size: 14px;
  padding: 0 0 5px;
  display: inline-block;
  min-width: 180px;
  color: #262626;
}
.foot .layout-1000 .item a {
  color: inherit;
  font-size: inherit;
}
.foot .layout-1000 .item img {
  width: 102px;
  height: 102px;
  display: block;
  padding-bottom: 5px;
}
.foot .layout-1000 .item span {
  font-size: 14px;
  display: block;
  width: auto;
  text-align: center;
}
.foot .layout-1000 .item:last-of-type {
  margin: 0;
}




.copy {
  background: #284c9c;
  padding: 20px 0;
}
.copy img,
.copy .wah,
.copy .icp {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin-right: 30px;
  text-transform: uppercase;
}
.copy .logo {
  height: 28px;
}
.copy .wa_logo {
  height: 18px;
  margin-right: 5px;
}




        .navrli ul {
            display: none;
            position: absolute;
            width: auto;
			top: 35px;
            background-color: #284c9c;
            /* border-top: 5px solid #284C9C; */
            /* top: 85px; */
            /* left: 50%; */
            /* transform: translateX(-50%); */
            box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
			    text-align: center;
				    z-index: 99999;
        }
        

        .navrli ul li {
            white-space: nowrap;
            height: 16px;
            padding: 5px 10px;
            line-height: 1;
            text-align: center;
        }

            .navrli ul li a {
                line-height: 1;
                font-size: 16px;
                color: rgba(55, 90, 168, 0.7);
            }

                .navrli ul li a:hover {
                    color: #284C9C;
                }
.read_title.article-info {
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid rgba(40,76,156,.2);
    border-bottom: 1px solid rgba(40,76,156,.2);
    padding: 15px 0;
}

    .read_title .article-info span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        color: #434343;
        padding: 0 20px;
    }
.breadcrumb .icon {
    padding-right: 15px;
}

.breadcrumb .icon, .breadcrumb ul, .breadcrumb ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 8px;
    color: rgba(67,67,67,.6);
}




.bmnav_top {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
        z-index: 9999;
}
.bmnav_top .nav_right_ul {
  position: absolute;
  right: 0px;
  display: inline-block;
}
.bmnav_top .nav_right_ul li {
  display: inline-block;
}
.bmnav_top .nav_right_ul li a {
  color: #284c9c;
  font-size: 14px;
  font-weight: 500;
  padding-right:15px;
  border-right: 1px solid #ffff;
      vertical-align: middle;
}
.bmnav_top .nav_right_ul li a:hover {
/*   color: rgba(255, 255, 255, 0.87); */
}
.bmnav_top .nav_right_ul li:last-child a {
  border: 0;
}


.bmnav_top  img {
    width: 20px;
    height: auto;
    vertical-align: middle;
}

    .bmnav_top   .navrli ul {
            display: none;
            position: absolute;
            width: auto;
            background-color: #fff;
             border-top: 5px solid #284C9C; 
            /* top: 85px; */
             left: 50%; 
            /* transform: translateX(-50%); */
            box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
			text-align: center;
			z-index: 99999;
        }
        

   .bmnav_top      .navrli ul li {
            white-space: nowrap;
            height: 16px;
            padding: 5px 10px;
            line-height: 1;
            text-align: center;
        }

     .bmnav_top        .navrli ul li a {
                line-height: 1;
                font-size: 16px;
                color: rgba(55, 90, 168, 0.7);
            }

                .navrli ul li a:hover {
                    color: #284C9C;
            }

.template_1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.template_1000 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.template_1400 {
    position: relative;
    width: 1400px;
    margin: 0 auto;
}



._new1200 {
  
    width: 1200px!important;
    margin: 0 auto;
}


.notice_newtemplate {

    width: 300px!important;

}

.new_container
{   
 width: 1050px!important;
}

.new_temple
{
  
}
.notice_content_newwrapper
{
    width: 290px!important;
	 
}

.notice_content_newwrapper li a {
    color: #262626;
    width: 260px!important;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.newnews_content
{
 width: 260px!important;
}
.newnews_image
{ width: 260px!important;

}

.newnews_image img {
   width: 260px!important;;
  height: 148px;
}

.newnews_content_list ul {
    position: relative;
    width: 300px!important;
    margin: 0 auto;
}


.news_content:nth-child(2) {
     left: 280px!important;
}

.newnews_content_list {

    left: 560px!important;
}


.news_content_02 .news_title_02
{

    position: absolute;
    top: 0;
        right: 100px!important;
    margin: 0 auto;
     width: 410px!important;
}

.news_content_02 .news_title_02 h2 {
    font-size: 18px;
    color: #284C9C;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_list_left {
    width: 350px!important;
}

.news_list_02 .news_list_right {
    position: absolute;
    top: 0;
    right: 200px;
}

.news_content_02 .news_img_02 img {
    width: 355px;
 
}

.but{
	width:20%;
	    float: right;
}

.showcount{
	width: 250px;
    color: #fff;
    height: 180px;
    margin: -450px 0px 60px -251px;
    float: left;
    background:rgb(84 170 250);
    position: absolute;
}
.showcount p{
width:100%;
    margin-top: 20px;
}
.showcount li
{
	width:95%;
	float:left;
	margin: 0px 10px;
	border-bottom: 1px #fff solid;
    text-align: left;
}


.navrli{
color: #284c9c;
}