@media screen and (max-width:5560px) and (min-width: 1024px){
 body{ font-size:0.22rem;   }
 .width1735{ width:19.68rem; margin:0 auto; }  
 .logo{ height:0.48rem; width:auto; }
  .logobox{ display:flex; height:0.48rem; align-items:center; font-size:0.3rem;  line-height:0  }
 .logobox i{ padding:0 8px 0 5px; color:#999;}
 .topbox{ height:0.83rem; display:flex; justify-content: space-between; align-items: center; }
 .toplink{ display:flex; justify-content:space-between; align-items:center; width:4.3rem;}
 .toplink a{ width:1.25rem; height:0.49rem; line-height:0.49rem; border-radius:10px; border:1px solid #59a4cc; text-align:center; }
.banner{ width:100%; height:6.47rem; background:url(../images/bannerbg.png) no-repeat center; background-size:cover; }
.textbox{ width:7.8rem; height:6.47rem; display:flex;   flex-direction: column; justify-content:center; }
.textbox h1{ font-size:0.8rem; color:#0677b2; font-weight:bold; text-shadow:2px 2px white; }
.textbox p{ padding:0.4rem 0 0.5rem 0; font-size:0.24rem; }
.bnnerimg{ background:#fff; display:flex; justify-content: flex-start; padding:10px; background: linear-gradient(to right, rgba(255, 255, 255, 1.0) 90%, rgba(255, 255, 255,0) 100%);  }
.bnnerimg img{ width:1.67rem; height:auto; margin-right:10px; }
.boxone{ display:flex; justify-content:space-between; }
.newsbox{ width:14.37rem;  }
.newsbox ul{ padding:0.4rem 0 0.4rem 0; }
.newsbox ul li{ display:flex; justify-content:space-between; align-items:center; height:0.6rem; line-height:0.6rem;  }

  .newsbox ul li a em{width:12.5rem;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
  .newsbox ul li i{ font-size:0.2rem }
.hb1{ width:4.45rem; display:flex; justify-content:space-between; flex-direction:column;  flex-wrap:wrap; height:5.8rem; line-height:0; align-content: space-between; }
.hb1 img{ width:2.14rem; height:auto;  }
.newstitle{ display:flex; justify-content:space-between; align-items:center;    }
.newstitle i{ background:#0677b2; width:1.78rem; height:0.78rem;  line-height:0.78rem; border-radius:0 0.2rem 0.2rem 0;  color:#fff; font-size:0.26rem; text-align:center; }
.newstitle a{ font-size:0.24rem; }
.newsjg{ border:1px solid #0677b2; display:flex; justify-content:space-between; align-items:center; }
.jbleft{ width:5rem; height:1.78rem; background:url(../images/14.png) no-repeat left center; background-size:cover; display:flex; justify-content: flex-start ; align-items:center;   }
.jbleft p{ font-size:0.32rem; color:#fff; margin-left:0.5rem }
.jbleft img{ width:0.67rem; height:auto; margin-left:0.8rem }
.jblright{ width:9rem;font-size: 18px; text-align:center; }
.newbox2{ display:flex; justify-content:space-between; align-items:center; }
.newlist{ background:#f9fdfe; padding:0.4rem 0.5rem; width:9.66rem; box-sizing:border-box; }
.newlist ul { padding:0.2rem 0 0 0; }
.newlist ul li{display:flex; justify-content: flex-start; align-items:center; height:0.6rem; line-height:0.6rem;}
.newlist ul li a{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newlist ul li:before{ content:"";  width: 0;
  height: 0;
  border-right: 6px solid transparent; 
  border-left: 8px solid #666; 
  border-top: 6px solid transparent; 
  border-bottom: 6px solid transparent;  }

.newlisttitle{ display:flex; justify-content:space-between; border-bottom:2px solid #57a4cb; height:0.5rem; line-height:0.5rem; align-items:center;  }
.newlisttitle h1{ color:#0677b2; font-size:0.32rem; }

.htbox{ width:100%; height:5.52rem; background:url(../images/home_head.jpg) no-repeat center; background-size:cover; margin-top:0.4rem; }
.htbox2{ display:flex; justify-content:space-between; align-items:center;  height:5.02rem;}
.htbox-left{ width:9.5rem; }
.htbox-left h1{        background:#0677b2; width:4.14rem; height:0.78rem;  line-height:0.78rem; border-radius:0 0.2rem 0.2rem 0;  color:#fff; font-size:0.32rem; text-align:center;      }
.htbox-left p{ padding:0.4rem 0;text-indent: 2em; }
.alink{ display:flex;  }
.alink a{ width:1.7rem; height:0.6rem; line-height:0.6rem; border:1px solid #0677b2; text-align:center; border-radius:15px; margin-right:0.3rem;  }
 
.htbox_right{ width:9.66rem; background:rgba(255, 255, 255, 0.8); border:1px solid #90c1db; border-radius:15px; padding:0.4rem ; box-sizing:border-box;}
.htbox_right h1{ color:#0677b2; font-size:0.32rem }
.ppp{ display:flex; justify-content:space-between; padding-top:0.2rem; }
.ppp img{ width:1.58rem; height:auto; }

.txtzs{ text-align:center; padding:0.2rem 0 0.4rem 0; }
.txtzs h2{ font-size:0.32rem; color:#0677b2; }
.txtzs p{ padding:0.2rem 0; }
.txtzsa{ width:1.2rem; display:inline-block; height:0.5rem; line-height:0.5rem; border:1px solid #0677b2; text-align:center; border-radius:15px;          margin-top: 0.3rem;        margin-bottom: 0.3rem;}

.videobox{  background: linear-gradient(to right,rgba(215, 215, 215, 0) 0%,  rgba(215, 215, 215, 1.0) 10%,  rgba(215, 215, 215, 1.0) 90%, rgba(215, 215, 215,0) 100%); }
.videobox ul{ display: flex; justify-content:space-between;  height:3.7rem; align-items: center  }
.videobox ul li{ width:4.22rem; box-sizing:border-box; height:2.5rem; border:1px solid #0677b2; border-radius:15px; overflow:hidden; background-size:3.92rem auto; background-position:center; background-repeat:no-repeat; background-color:#fff }
.videobox ul li a{ display:flex; height:100%; width:100%; align-items: flex-end;    }
.videobox ul li img{ width:1.44rem; height:auto; margin:0 0 0.2rem 0.2rem; }

.hbbox{ display:flex;  flex-direction:column; align-items:center; padding:0.7rem 0}
.hbbox h2{ color:#0677b2; font-size: 0.32rem;}
.hbbox  ul{ display:flex; justify-content:space-between; width:100%; padding:0.3rem 0 }
.hbbox  ul li{ width:4.72rem; height:6.3rem; overflow:hidden; }
.hbbox  ul li img{ width:100%; height:auto; }

.more1{ display:flex; align-items:center; font-size: 0.2rem }
.more1 img{ width:0.37rem; height:auto; margin-right:10px; }
     .more2{ display:flex; align-items:center; font-size: 0.2rem }
.more2 img{ width:0.19rem; height:auto; margin-right:10px; }
}

		.newsbox{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.newsbox_left{
			background: url(../images/tzgg_banner.png) no-repeat center;
			background-size:100%;
          padding: 0.8rem 0.5rem;
          width: 4.68rem;
          height: 3.8rem;
          box-sizing: border-box;        
          margin-top: 0.5rem;
		}
		    .newstitle {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-direction: column;
			}
			.newstitle i {
				background: none;
				width: 1.78rem;
				height: 0.78rem;
				line-height: 0.78rem;
				border-radius: 0 0.2rem 0.2rem 0;
				color: #0677b2;
				font-size: 0.32rem;
				text-align: center;
				font-weight: bold;
			}
			.more1{
			    border: 1px solid #888;
				border-radius: 5px;
				padding: 0 5px;
				    font-weight: normal;
					        font-size: 0.2rem;
			}
			.newsbox_right{
          padding: 0.4rem 0 0rem 0.5rem;
          width: 15.66rem;
          box-sizing: border-box;
			}
			.newsbox_right ul li div{
				display:flex;justify-content: space-between;
				    width: 13.66rem;
			}
			.newsbox ul li{
				height:auto;
				    padding: 0.1rem 0.2rem;
    margin-bottom: 10px;
				border-radius: 5px;
				background:#ebf7fb;
			}
			.newsbox_right ul li .detail{display:none;    line-height: 0.4rem;font-size: 0.2rem;}
			.newsbox_right ul li.on .detail{display:block;}
			.newsbox_right ul li h3{  font-size: 0.22rem;  font-weight: normal;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;width: 90%;}
			.newsbox_right ul li.on h3{font-weight:bold;}

@media screen and (max-width: 1000px) and (min-width:0){ 
	.newsbox_right {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	.newsbox_right ul li h3{font-size:1rem;}
	.newsbox_right ul li div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.newsbox_right ul li:nth-child(1) .detail{display:none;}
.newsbox_right ul li span{display:none;}
 body{ font-size:1rem;   }
 .width1735{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; }  
 .logo{ height:1.8rem; width:auto; }  .logobox{ display:flex; align-items:center; font-size:1.2rem;  line-height:0  }
 .logobox i{ padding:0 8px 0 5px; color:#999;}
 .topbox{ height:3rem; display:flex; justify-content: space-between; align-items: center; }
 .toplink{ display:flex; justify-content:space-between; align-items:center; width:4.3rem; display:none;}
 .toplink a{ width:1.25rem; height:0.49rem; line-height:0.49rem; border-radius:10px; border:1px solid #59a4cc; text-align:center; }
.banner{ width:100%;   background:url(../images/bannerbg.png) no-repeat center; background-size:cover; }
.textbox{ width:100%;  padding:2rem 0;   display:flex;   flex-direction: column; justify-content:center; }
.textbox h1{ font-size:2rem; color:#0677b2; font-weight:bold; text-shadow:2px 2px white; }
.textbox p{ padding:0.4rem 0 0.5rem 0; font-size:1rem; }
.bnnerimg{ background:#fff; display:flex; justify-content:space-between ; padding:10px; background: linear-gradient(to right, rgba(255, 255, 255, 1.0) 90%, rgba(255, 255, 255,0) 100%);  }
.bnnerimg img{ width:22%;   height:auto; }
.boxone{padding:2rem 0; display:flex; justify-content:space-between; flex-wrap:wrap; }
.newsbox{ width:100%;     display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
.newsbox_left{    width: 100%;    height: 6.8rem;}
.newsbox ul{ padding:1rem 0 1rem 0; }
.newsbox ul li{ height:auto; line-height:2rem;  }
.newsbox ul li a{ display:flex; align-items:center;         flex-direction: column;
  }
  .newsbox ul li a em{width:23.5rem;  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
  .newsbox ul li i{ font-size:0.2rem; display:none; }
.hb1{ width:100%; display:flex; justify-content:space-between; margin-top:1rem;  flex-wrap:wrap; height:auto; line-height:0; align-content: space-between; }
.hb1 img{ width:22%; height:auto;  }
.newstitle{ display:flex; justify-content:space-between; align-items:center;    }
.newstitle i{ width:8rem; height:3rem;  line-height:3rem; border-radius:0 15px 15px 0;  color:#0677b2; font-size:1.5rem; text-align:center; }
.newstitle a{ font-size:1rem; }
.newsjg{ border:1px solid #0677b2; display:flex; justify-content:space-between; align-items:center; }
.jbleft{ width:9rem; height:5.78rem; background:url(../images/14.png) no-repeat left center; background-size:cover; display:flex; justify-content: flex-start ; align-items:center;   }
.jbleft p{ font-size:1.2rem; color:#fff; margin-left:0.5rem }
.jbleft img{ width:1rem; height:auto; margin-left:0.8rem }
.jblright{ width:14rem; text-align:center; }
.newbox2{ display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; margin-bottom:2rem; }
.newlist{ background:#f9fdfe; padding:0.4rem 0.5rem; width:100%; box-sizing:border-box; }
.newlist ul { padding:1rem 0 1rem 0; }
.newlist ul li{display:flex; justify-content: flex-start; align-items:center; height:2em; line-height:2rem;}
.newlist ul li a{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.newlist ul li:before{ content:"";  width: 0;
  height: 0;
  border-right: 4px solid transparent; 
  border-left: 6px solid #666; 
  border-top: 4px solid transparent; 
  border-bottom: 4px solid transparent;  }

.newlisttitle{ display:flex; justify-content:space-between; border-bottom:2px solid #57a4cb;  align-items:center;  }
.newlisttitle h1{ color:#0677b2; font-size:1.5rem; }

.htbox{ width:100%; background:url(../images/home_head.jpg) no-repeat center;  margin-top:0.4rem; padding-bottom:2rem }
.htbox2{ display:flex; justify-content:space-between; align-items:center;   flex-wrap:wrap; padding:2rem 0 2rem 0}
.htbox-left{ width:100%; margin-bottom:2rem; }
.htbox-left h1{background:#0677b2; width:19rem; height:3rem;  line-height:3rem; border-radius:0 15px 15px 0;  color:#fff; font-size:1.5rem; text-align:center;}
.htbox-left p{ padding:1rem 0; }
.alink{ display:flex;  }
.alink a{ width:6rem; height:2rem; line-height:2rem; border:1px solid #0677b2; text-align:center; border-radius:15px; margin-right:1rem;  }
 
.htbox_right{ width:100%; background:rgba(255, 255, 255, 0.8); border:1px solid #90c1db; border-radius:15px; padding:1rem ; box-sizing:border-box;}
.htbox_right h1{ color:#0677b2; font-size:1.5rem }
.ppp{ display:flex; justify-content:space-between; padding-top:0.2rem; }
.ppp img{ width:4.5rem; height:auto; }

.txtzs{ text-align:center; padding:0rem 15px 2rem 15px; }
.txtzs h2{ font-size:1.5rem; color:#0677b2; }
.txtzs p{ padding:1em 0; }
.txtzsa{ width:6rem; display:inline-block; height:2rem; line-height:2rem; border:1px solid #0677b2; text-align:center; border-radius:15px;  }

.videobox{  background: linear-gradient(to right,rgba(215, 215, 215, 0) 0%,  rgba(215, 215, 215, 1.0) 10%,  rgba(215, 215, 215, 1.0) 90%, rgba(215, 215, 215,0) 100%); padding:2rem 0 1rem 0 }
.videobox ul{ display: flex; justify-content:space-between; flex-wrap:wrap; align-items: center  }
.videobox ul li{ width:11.5rem; margin-bottom:15px; box-sizing:border-box; height:7.5rem; border:1px solid #0677b2; border-radius:15px; overflow:hidden; background-size:11.5rem auto; background-position:center; background-repeat:no-repeat; background-color:#fff }
.videobox ul li a{ display:flex; height:100%; width:100%; align-items: flex-end;    }
.videobox ul li img{ width:4.2rem; height:auto; margin:0 0 0.6rem 0.6rem; }

.hbbox{ display:flex;  flex-direction:column; align-items:center; padding:2rem 0}
.hbbox h2{ color:#0677b2; }
.hbbox  ul{ display:flex; justify-content:space-between; width:100%; padding:0.6rem 0; flex-wrap:wrap; }
.hbbox  ul li{ width:11.5rem; height:15rem; overflow:hidden; margin-bottom:15px; }
.hbbox  ul li img{ width:100%; height:auto; }

.more1{ display:flex; align-items:center; font-size: 1rem }
.more1 img{ width:1rem; height:auto; margin-right:10px; }
     .more2{ display:flex; align-items:center; font-size: 1rem }
.more2 img{ width:1rem; height:auto; margin-right:10px; } 
    

}

    .videobox ul li div {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: flex-end;
    }
    @media screen and (max-width: 5560px) and (min-width: 1600px) {
        .width1735 {
            width: 17.68rem;
            margin: 0 auto;
        }
            .hbbox ul li {
        width: 4.2rem;
        height: 6.3rem;
        overflow: hidden;
      }
      .newsbox_left {
          padding: 0.8rem 0.5rem;
          width: 4.68rem;
          height: 3.7rem;
          box-sizing: border-box;        
          margin-top: 0.5rem;
      }
      .newsbox_right {
          padding: 0.4rem 0 0rem 0.5rem;
          width: 13rem;
          box-sizing: border-box;
      }
      .newsbox_right ul li div {
          width: 11.66rem;
      }
          .newlist {
            width: 8.66rem;
        }
            .htbox-left {
        width: 8.66rem;
    }
    .htbox_right{
       width: 8.66rem;
    }
    }
    @media screen and (max-width: 1000px) and (min-width: 0) {
        .newsbox_right ul li.on .detail{
            display: none;
        }
      .topbox{display:block!important;height: 6rem!important;}
      .toplink{             margin-top: 20px;    display: flex;       justify-content: space-evenly!important;width:100%!important;}
      .toplink a{
                width: 7.25rem!important;
          height: 1.49rem!important;
          line-height: 1.49rem!important;
      }
      .newsbox_right ul li.on h3 {
          font-weight: normal;
      }
    }
    body.useOldFixed .topbox{        height: 102px!important;}
    body.useOldFixed .logobox img{    width: 350px !important;height:auto!important;}
    body.useOldFixed .logobox{        display: flex!important;}
    body.useOldFixed .toplink{        width: 7.3rem!important;}
    body.useOldFixed .toplink a{width: 4.25rem!important;}
    body.useOldFixed .textbox{width:9.8rem!important;}
    body.useOldFixed .newsbox{display:block!important;}
    body.useOldFixed .newsbox_left{width:100%!important;}
    body.useOldFixed .newsbox_right{width:100%!important;}
    body.useOldFixed .newstitle i{width:4.78rem!important;}
    body.useOldFixed .newsbox_right ul li div{width:100%!important;}
    body.useOldFixed .newsbox_right ul li h3{width:88%!important;}
    body.useOldFixed .newbox2{display:block!important;}
    body.useOldFixed .newlist{width:100%!important;}
    body.useOldFixed .newbox2{height:750px!important;}
    body.useOldFixed .htbox2{display:block!important;}
    body.useOldFixed .htbox-left{width:100%!important;}
    body.useOldFixed .alink a{width:120px!important;}
    body.useOldFixed .htbox_right{width:100%!important;}
    body.useOldFixed .htbox{height:13rem!important;}
    body.useOldFixed .txtzsa{
      width: 2.2rem!important;
        height: 1rem!important;
        line-height: 1rem!important;
    }
    body.useOldFixed .htbox-left h1{        width: 10.64rem!important;}
    body.useOldFixed .alink a{
              height: 1rem!important;
        line-height: 1rem!important;
    }
    body.useOldFixed .ppp i{
      width: auto!important;
    }
    body.useOldFixed .textbox h1{
       font-size: 70px !important;
    }
    
    body.useOldFixed .newlisttitle h1{
      font-size: 32px ! important;
    }
    body.useOldFixed .htbox-left h1{
      font-size: 32px ! important;
    }
    body.useOldFixed .hbbox h2{
      font-size: 32px ! important;
    }
    body.useOldFixed .txtzs h2{
      font-size: 32px ! important;
    }
    
    body.useOldFixed .newstitle i{
      width: 9rem!important;
        height: 1rem!important;
        font-size: 32px ! important;
    }
    body.useOldFixed .newlisttitle{
              height: 1.5rem!important;
    }
    body.useOldFixed .htbox_right h1{
      font-size: 32px ! important;
    }
    body.useOldFixed .toplink a{
      height: 0.8rem!important;
        line-height: 0.8rem!important;
            min-height: auto!important;
    }
    body.useOldFixed .newsbox_right ul li span{
      width:auto!important;
    }
    body.UseInMobile .topbox{
      height: 7rem !important;
    }
    body.UseInMobile .toplink a{
              height: 2.49rem !important;
    }
    body.UseInMobile .textbox h1{
          font-size: 40px !important;
    }
   body.UseInMobile  .newsbox_left{
              height: 8.8rem!important;
    }
    body.UseInMobile .newstitle i{
      width: 9rem!important;
        height: 4rem!important;
        font-size: 32px ! important;
    }
    body.UseInMobile .htbox-left h1{
              height: auto!important;
    }
    body.UseInMobile .newsbox_right ul li h3{
      font-weight: normal!important;
    }
    body.UseInMobile .newlisttitle h1{
      font-size: 32px ! important;
    }
    body.UseInMobile .htbox-left h1{
      font-size: 32px ! important;
    }
    body.UseInMobile .hbbox h2{
      font-size: 32px ! important;
    }
    body.UseInMobile .txtzs h2{
      font-size: 32px ! important;
    }
    body.UseInMobile .htbox_right h1{
      font-size: 32px ! important;
    }
    body.UseInMobile .htbox-left h1{        width: 100%!important;}