@import "https://at.alicdn.com/t/c/font_178760_4avmrsp9ycz.css";
a:hover
{
    text-decoration: none;
    color: #333;
}
select:focus-visible{
    outline: none;
}
.btn:focus,
 a:focus
{
    outline: none;
    outline-offset: 0px;
}

img
{
    max-width: 100%;
}

html
{
    height: 100%;
    min-height: 100%;
    background: #f1f1f1;
}

li
{
    list-style: none;
}
.header-banner .container {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translate(-50%,0);
}
.logo {
   display: flex;
   align-items: center;
   margin-top: 20px;
   margin-left: -10px;
}
.logo img {
   width: 51px;
   height: 51px;
   margin-right: 10px;
}
.logo span {
   color: #fff;
   font-size: 30px;
   font-weight: bold;
}
.wza {

   border-radius: 50px;
   padding: 6px 20px;
   cursor: pointer;
   right: 20px;
   position: absolute;
   top: 30px;
   z-index: 999;
   color: #fff;
   border: 1px #fff solid;
}
.wza:hover{
   background-color: #fff;
}

.header{
    position: relative;
}

.header-form{

position: absolute;

bottom: 30px;

width: 400px;

left: calc(50% - 200px);

text-align: center;
}
.header-form>select{
    
border-radius: 20px;
    
width: 116px;
    
color: #004B85;
    
padding: 5px 10px;
    
font-size: 18px;
text-align:center;
}
.header-form .banner-ul{
    
width: 100%;
    
padding-left: 0px;
    
margin-top: 20px;
}
.header-form .banner-ul  li{
    
float: left;
    
width: 185px;
    
background-color: #fff;
    
border-radius: 20px;
}
.header-form .banner-ul  li+li{
    
margin-left: 30px;
}
.header-form .banner-ul  li a{

font-size: 18px;

padding: 6px 5px;

display: block;

color: #004B85;
}
.header-form .banner-ul  li select{

width: calc(100% - 53px);

padding: 5px 0px;

border-radius: 20px;

color: #004B85;

font-size: 18px;

border: none;
}
.header-form .banner-ul  li img:nth-child(1){

width: 24px;

margin-right: 7px;
}

.header-form .banner-ul  li img:nth-child(2){

width: 18px;

margin-left: 17px;
}
.header-form .banner-ul  li+li img:nth-child(1){

margin-right: 0px;

margin-left: 13px;
}
.qzfzc{

background-image: linear-gradient(45deg, rgba(166, 250, 255, 1), rgba(221, 251, 255, 1));

padding-top: 30px;

padding-bottom: 30px;
}
.public-title{

text-align: center;

margin: 30px  0px;

position: relative;
}
.public-title  img{
    
height: 75px;
}
.zchd-owl{

}
.zchd-owl .zchd-left{
    
}
.zchd-owl .zchd-left  img{
    
height: 300px;
    
object-fit: cover;
}
.zchd-owl .zchd-right{
    
padding-bottom: 20px;
    
height: 100%;
}
.zchd-owl .zchd-right h4{
    
font-size: 24px;
    
color: #333;
    
margin-bottom: 20px;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
overflow: hidden;
    
display: block;
}
.zchd-owl .zchd-right p{
    
font-size: 16px;
    
color: #333;
    
line-height: 1.9;
    
display: -webkit-box;
    
-webkit-line-clamp: 7;
    
-webkit-box-orient: vertical;
    
overflow: hidden;
}
.zchd-owl .zchd-right a{
    
color: #333;
    
float: right;
}

.zchd-owl .zchd-right a  img{
    
width: 15px;
    
display: inline-block;
    
margin-left: 5px;
}
.zchd-owl .owl-dots{
    position: static;
}
.zchd-owl .owl-dots .owl-dot span{
    background-color: #fff;
}
.zchd-owl .owl-dots .owl-dot.active span{
background-image: linear-gradient(rgba(79, 190, 255, 1),rgba(79, 190, 255, 1));
}
.zchd-owl .owl-controls .owl-nav [class*=owl-]{
    background-color: transparent;
    color: #3C6DDA;
    border: 1px #3C6DDA solid;
    font-size: 20px;
    padding: 5px 3px;
    border-radius: 7px;
}
.zchd-owl .owl-controls .owl-nav [class*=owl-]:hover{
    background-color: #3C6DDA;
    color: #fff;
}
.zchd-owl .owl-controls .owl-nav .owl-prev{
 left: -50px;
}
.zchd-owl .owl-controls .owl-nav  .owl-next{
    right: -50px;
}
.zfkfy{background: linear-gradient(rgba(193, 233, 255, 1),rgba(205, 243, 255, 1));padding-bottom: 50px;padding-top: 30px;}
.zfkfy-slider{

margin-bottom: 60px;
}

 .zfkfy-slider .item {
    background: url(../img/item-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 15px;
}
.zfkfy-slider .item a img{
    
height: 213px;
    
object-fit: cover;
    
border-radius: 10px;
}
.zfkfy-slider .item a h4.title{
    
position: static;
    
background: transparent;
    
font-size: 16px;
    
color: #666;
    
margin-bottom: 25px;
    
height: 46px;
    
display: -webkit-box;
    
-webkit-line-clamp: 2;
    
-webkit-box-orient: vertical;
    
overflow: hidden;
}

.zfkfy-slider  .owl-controls .owl-nav{
    position: absolute;
    top: 35%;
    width: 100%;
    overflow: inherit;
    height: 0px;
}
.zfkfy-slider  .owl-controls .owl-nav [class*=owl-]{
    background-color: transparent;
    color: #fff;
    background: linear-gradient(rgba(0, 154, 255, 1),rgba(0, 193, 211, 1));
    font-size: 20px;
    padding: 5px 3px;
    border-radius: 7px;
}
.zfkfy-slider  .owl-controls .owl-nav [class*=owl-]:hover{
    color: #fff;
    background: linear-gradient(rgba(0, 154, 255, 1),rgba(0, 193, 211, 1));
}
.zfkfy-slider  .owl-controls .owl-nav .owl-prev{
 left: -50px;
 position: absolute;
}
.zfkfy-slider  .owl-controls .owl-nav  .owl-next{
    right: -50px;
    position: absolute;
}
.zfkfyzp{
    background: linear-gradient(rgb(61 179 249),rgba(13, 105, 252, 1));
    position: relative;
    padding: 30px 0px 50px;
}
.Public-comment {
    margin: 0 -10px;
    margin-top: 37px;
    overflow: hidden;
    padding-left: 0px;
}
.Public-comment li {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 37px;
}
.Public-comment li a {
    padding: 15px;
    display: flex;
    background: #F3F9FE;
    position: relative;
    height: 270px;
    align-items: center;
    border-radius: 5px;
    border: 1px #ADD9FF solid;
}
.Public-comment li a p {
    margin-bottom: 0;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    min-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.Public-comment li a span {
    font-size: 24px;
    font-weight: bold;
    color: #004B85;
    position: absolute;
    right: 20px;
    top: 15px;
}
.Public-comment li a h4 {
    margin-top: 6px;
    font-weight: bold;
    margin-bottom: 18px;
    text-align: center;
    color: #004B85;
    position: absolute;
    background: url(../img/class-bg.png) no-repeat;
    background-size: 100% 100%;
    top: 3px;
    padding: 15px 33px 15px 20px;
    left: -8px;
    min-width: 131px;
    text-align: left;
    font-size: 20px;
}
.Public-comment li a::before{
    content: '';
    width: 90%;
    height: 5px;
    background: linear-gradient(45deg,rgba(45, 136, 254, 1),rgba(89, 255, 241, 1));
    position: absolute;
    bottom: 40px;
    left: 5%;
    border-radius: 5px;
}
.zfkfyzp::before{
    content: '';
    border-top: 90px #0d6afb solid;
    border-left: 90px transparent solid;
    border-right: 90px transparent solid;
    position: absolute;
    bottom: -80px;
    left: calc(50% - 90px);
}
.more-btn{
    position: relative;
    display: block;
    color: #fff;
    width: 100px;
    text-align: center;
    margin: 20px auto  0px;
}
.more-btn:hover{
    color: #fff;
}
.more-btn::before{
    content: '';
    border-top: 55px rgba(215, 255, 249, 1) solid;
    border-left: 55px transparent solid;
    border-right: 55px transparent solid;
    position: absolute;
    bottom: -67px;
    left: calc(50% - 55px);
}

.zfkfcthhd{

background-color: #d7fff9;

padding: 130px  0px 30px 0px;
}
.zfkfcthhd-slider{

}
.zfkfcthhd-slider .item{

}
.zfkfcthhd-slider .item a img{

height: 130px;

object-fit: cover;

border-radius: 10px;
}
.zfkfcthhd-slider .item a h4.title{

position: static;

background: none;

color: #333;
}
.zfkfcthhd-slider .owl-controls .owl-nav {
    position: absolute;
    top: calc(50% - 50px);
    width: 100%;
    overflow: inherit;
    height: 0px;
}
.zfkfcthhd-slider  .owl-controls .owl-nav [class*=owl-]{
    color: #497DC5;
    background: none;
    font-size: 38px;
}
.zfkfcthhd-slider  .owl-controls .owl-nav .owl-prev{
 left: -50px;
 position: absolute;
}
.zfkfcthhd-slider   .owl-controls .owl-nav  .owl-next{
    right: -50px;
    position: absolute;
}
.video-div{
    margin-top: 10px;
}
.video-div video{
    width: 100%;
    border: 8px #fff solid;
    border-radius: 10px;
    margin-bottom: 0px;
    /* height: 100%; */
    object-fit: fill;
    position: relative;
    z-index: 1;
}
.bf-btn{
    width: 80px;
    position: absolute;
    right: 50px;
    bottom: 120px;
    z-index: 2;
}
.video-div  p.title{
    
background: linear-gradient(rgba(212, 248, 255, 1), rgb(153 224 255));
    
box-shadow: 0px 2px 4px rgb(119 187 255 / 80%);
    
font-size: 18px;
    
color: #2E87D2;
    
padding: 20px 80px 14px;
    
text-align: center;
    
margin: -10px 17px 30px;
    
border-radius: 0px 0px 20px 20px;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
overflow: hidden;
    
position: relative;
    
z-index: 0;
}
.video-div  p.title::after{
    content: '';
    width: 40px;
    height: 15px;
    background: url(../img/right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 30px;
    top: 26px;
}
.video-div  p.title::before{
    content: '';
    width: 40px;
    height: 15px;
    background: url(../img/left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 30px;
    top: 26px;
}
.video-list{margin-top: 10px;padding-left: 0px;}
.video-list li{
    
}
.video-list li a{
   position: relative;
   display: block;
}
.video-list li a::before{
    content: '';
    width: 35px;
    height: 35px;
    background: url(../img/bf.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: calc( 50% - 30px);
    left: calc(50% - 17px);
}
.video-list li a img{
	border: 4px #fff solid;
	border-radius: 10px;
	height: 127px;
	object-fit: cover;
	width: 100%;
}
.video-list li a p{
    
color: #0D3B6E;
    
font-size: 16px;
    
text-align: center;
    
margin-top: 3px;
    
margin-bottom: 15px;
    
text-overflow: ellipsis;
    
white-space: nowrap;
    
overflow: hidden;
}
.list-page{

background-image: linear-gradient(30deg, rgba(255, 255, 255, 1), rgba(217, 247, 255, 1));
}
.list-title{

font-size: 30px;

color: #004B85;

font-weight: 600;
}
.list-title span{
    
border-bottom: 4px #004B85 solid;
    
padding-bottom: 6px;
    
display: initial;
    
padding-right: 10px;
}
ul.list-ul{

margin-top: 30px;
}
ul.list-ul li{position: relative;list-style: none;background: none;padding-left: 35px;border-bottom: 1px #bbb dashed;padding-bottom: 20px;padding-top: 20px;}
ul.list-ul li::before{
    content: '';
    width: 20px;
    height: 19px;
    background: url(../img/list-bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
}
ul.list-ul li a{

color: #333;

font-size: 18px;
}
ul.list-ul li span.time{

color: #666;

font-size: 16px;

top: 21px;
}
.breadcrumb{

}
.breadcrumb>li,
.breadcrumb>li a{

color: #666;

font-size: 18px;
}
.pagination>li>a, .pagination>li>span,
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
    background-color: transparent;
}
.Article_content{
    border-top: solid 1px #bbb;
}
.footer
{
    padding-bottom: 8px;
    margin-top: 0px;
    background-color: #565a5d;
    color: #b7b9ba;
    font-size: 12px;
}

.footer .links
{
    float: left;
    width: 100%;
    margin-bottom: 25px;
    background-color: #4e5358;
}

.footer .links ul
{
    position: relative;
}

.footer .links li
{
    margin-left: 150px;
    float: left;
    color: #fff;
}

.footer .links li:first-child
{
    margin-left: 0;
}

.footer .links li p
{
    margin: 0;
    padding: 15px 0;
}

.footer a
{
    color: #b7b9ba
}

.footer .links li p a
{
    color: #fff;
}

.footer .links li p i
{
    margin-left: 3px;
    display: inline-block;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);
  
}

.footer .links .dropdown
{
    position: static;
}

.footer .links .dropdown ul
{
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 100%;
}

.footer .links .dropdown li
{
    float: none;
    margin-right: 0;
    color: #666;
}

.footer .links .dropdown li a
{
    margin: 5px 0;
    float: left;
    width: 16.666%;
    clear: none;
}

.footer-logo:before
, .footer-logo:after
{
    display: table;
    content: '';
}

.footer-logo:after
{
    clear: both;
}

.footer-logo
{
    line-height: 28px;
}

.footer-logo img
{
    display: block;
    margin: 0 auto;
    width: 96px;
}

.footer-logo span
{
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #b7b9ba;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 3px;
}

.footer-logo p
{
    line-height: 20px;
    margin: 15px 0 30px;
}

.footer-add
{
    margin-top: 10px;
}

.footer-add li
{
    float: left;
    padding: 3px 0;
    text-align: left;
}
/*
.footer-icp {
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: right;
}
*/
.footer-icp a
{
    display: inline-block;
    margin-left: 25px;
}

.footer-icp img
{
    margin: 18px auto;
}

.footer-icp .zc img
{
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.footer-icp p
{
    margin-bottom: 0;
    color: #b7b9ba;
}

.footer-icp .item
{
    float: right;
    width: 25%;
    text-align: center;
}

.footer-icp .zc
{
    width: 35%;
}

.footer .icp
{
    color: #b7b9ba;
}

.footer-help a
{
    padding: 0 13px;
    display: inline-block;
    color: #b7b9ba;
    line-height: 14px;
}

.footer-help > a + a
{
    border-left: 1px solid #b9b9b9;
}

.footer-help a:last-child
{
    border-right: 0;
}

.footer-help a:hover
{
    color: #e4e4e5;
}

.footer-bottom
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.3);
    padding: 6px 0;
    margin-top: 10px;
}

.footer-bottom:before,.footer-bottom:after
{
    display: none;
}

.footer-links
{
    display: flex;
    justify-content: space-around;
}

.float-btn-group
{
    display: none;
}

.breadcrumb{
    background-color: transparent;
    margin: 30px 0px 30px 0px;
}
.more-public{
    color: #fff;
    font-size: 14px;
    right: 0px;
    position: absolute;
    bottom: 27px;
    padding: 5px 14px;
    border-radius: 10px;
    border: 1px transparent solid;
    background-color: #08518a;
}
.more-public:hover{
    color: #08518a;
     background-color: transparent;
    border: 1px #08518a solid;
}
.gdjc{
    /* background: linear-gradient(rgba(0, 154, 255, 1),rgba(0, 193, 211, 1));
    color: #fff;
    font-size: 18px;
    padding: 20px 20px 20px;
    width: 60px;
    display: block;
    text-align: center;
    border-radius: 10px;
    margin-top: 82px; */
}
@media (min-width: 1400px){

}
@media (min-width: 1200px){
    .container {
        width: 1100px;
    }
    .location{
        right: 80px;
    }
}


@media (max-width:991px) {
    .banner{
        margin-bottom: 20px;
    }
   
    .header img.logo{
        width: 40px;
        height: 40px;
    }
  
    .footer-add ul li{
        width: 100%!important;
        text-align: center;
    }
    .footer-bottom{
        flex-direction: column;
        align-items: center;
    }
    .footer .links{
        text-align: center;
    }
    .footer .links ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-icp{
        display: flex;
        justify-content: center;
    }
    .footer .links li{
        margin-left: 0;
        text-align: center;
    }
    .footer-help{
        line-height: 2.4;
        text-align: center;
    }
    .article img{
        width: 100%;
    }
    .footer-help img{
        display: inline-block;
        flex-shrink: 0;
        margin:0 auto;
    }
  


}
@media (max-width:767px) {
 
   

    .header img.logo{
        height: 45px!important;
    }

    .wza{
        transform: scale(.5);
        top: 0px;
    }
 
 
}

@media (max-width:640px) {
    .logo {
        transform: scale(.5);
        margin-left: -20%;
        margin-top: -2%;
    }
    .logo span {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
    }
    .header-banner .container{
        width: 100%;
    }
    .logo img {
        width: 40px;
        height: 40px;
       
    }

}

@media (max-width:550px) {
    .header-form{
        position: static;
        padding: 20px 0px;
        background-color: #fff;
    width: 100%;
    }
    .header-form .banner-ul{
        padding: 0px 15px;
    }
    .header-form .banner-ul li{
        width: 47%;
    }
    .header-form .banner-ul li+li {
        margin-left: 6%;
    }
    .header-form .banner-ul li img:nth-child(1){
        width: 20px;
    }
    .header-form .banner-ul li img:nth-child(2){
        width: 14px;
    }
    .header-form .banner-ul li select,
    .header-form .banner-ul li a{
        font-size: 16px;
    }
    .header-form>select{
        width: 40%;
        padding: 5px 20px;
    font-size: 16px;

    }
    .qzfzc{
        background-image: none;
      padding-top: 0px;
        background-color: #fff;
    }
    .zchd-owl .owl-dots .owl-dot span{
        background-color: #d6d6d6;
    }
    .video-list li a img,
    .zfkfy-slider .item a img,
    .zchd-owl .zchd-left img{
        height: auto;
    }
    .bf-btn{
        width: 50px;
        bottom: 100px;
    }
    .zfkfy{
        padding-bottom: 0px;
    padding-top: 30px;
    }
    .Public-comment li{
        width: 100%;
        
    }
    .Public-comment li a{
        height: 200px;
    }
    .public-title img{
        height: 60px;
        width: auto;
    }
    .zfkfcthhd-slider .owl-controls .owl-nav .owl-next,
    .zchd-owl .owl-controls .owl-nav .owl-next{
        right: 10px;
    }
    .zfkfcthhd-slider .owl-controls .owl-nav .owl-prev,
    .zchd-owl .owl-controls .owl-nav .owl-prev{
        left: 10px;
    }
    .Slider-one .owl-controls .owl-nav{
        top: 70px;
    }
    .zfkfcthhd-slider .owl-controls .owl-nav [class*=owl-],
    .zchd-owl .owl-controls .owl-nav [class*=owl-]{
        color: #fff;
        border-color: #fff;
    }
}
@media (max-width:480px) {


}
@media (max-width:360px) {

}

@media (max-width: 767px) {
 
}

/*无障碍关怀版样式*/
 
    .ztwza {
        overflow: hidden;
    position: absolute;
    right: 0px;
    top: 15px;
    border-radius: 25px;
    border: 2px solid rgba(255,255,255,1);
    padding: 10px 0px;
}
.ztwza ul{
    padding-left: 0px;
}
.ztwza li {
    float: left;
    list-style: none;
}
.ztwza a {
    display: inline-block;
    width: auto;
    border-right: 1px solid rgba(255,255,255,1);
    padding: 0px 21px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
}
.disnone {
    display: none;
}
.footer-ewm-0618 img{
    width: 68px;
}