*{
    margin: 0px;
    padding: 0px;
    /*word-break:break-all;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -o-box-sizing:border-box;
}  
a[href]:after{content:normal;}
body {
    -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: #fff;
    height: auto;
}
a {
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;cursor: pointer;
}
a:hover, a:focus {
    color: #06C;text-decoration:none;
}
a:hover, a:active, a:focus {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;          
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
ul, li{
    margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
    padding: 0px;
    margin: 0px;
}
button {outline: none;}
select { width:100%;}

.left {
    float: left;
}
.right {
    float: right;
}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb45 { margin-bottom:45px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.bh { display:block; overflow:hidden;}
.img-hover:hover {
    opacity: 0.8;
}
@font-face{
    font-family: 'apBold';
    src:url('./Alibaba-PuHuiTi-Bold.otf');
}
@font-face{
    font-family: 'apHeavy';
    src:url('./Alibaba-PuHuiTi-Heavy.otf');
}
@font-face{
    font-family: 'apLight';
    src:url('./Alibaba-PuHuiTi-Light.otf');
}
@font-face{
    font-family: 'apMedium';
    src:url('./Alibaba-PuHuiTi-Medium.otf');
}
@font-face{
    font-family: 'apRegular';
    src:url('./Alibaba-PuHuiTi-Regular.otf');
}


@media (max-width: 991px){
    .mobmt {margin-top: 15px;}
    .mobmt20 {margin-top: 20px;}
    .mobpadding {padding: 0;}
    .mobmargin {margin: 0;}
}
@media (max-width: 767px){
    .lanmumt {margin-top: 0;}
    .mobmt22 {margin-top: 22px;}
}

@media (min-width: 1230px){
    .container{width: 1200px;}
}
/*---------------1---------------------*/
.bgcent{ background:url(20230925_ydyl_bg.jpg) no-repeat top center; 
    font-size: 18px;font-family: apRegular;
}
.back_index{ text-align: right; padding: 60px 0; }
.back_index a{ color: #fff; 
    display: inline-block; padding: 8px 16px; border:2px solid #fff; 
    border-radius: 8px;
    margin-right: 13%;
    font-size: 16px;
}
.back_index a:hover{ background:#fff; color: #333; }
.top_logo{ padding-bottom: 85px; }
.logo{ text-align: center; margin-bottom: 30px; }
.logo a img{ display: inline-block; max-width: 100%; }
.diqiu{ position: relative; height: 290px;}
.yuan {
    position: absolute;
    width: 230px;
    left: 50%;
    top: 0;
    z-index: 100;
    margin-left: -115px;
    transform: scale(1) rotateZ(-180deg);
    animation: erthr 60s infinite linear;
}
@keyframes erthr {
    0% {
        transform: rotateZ(-360deg) scale(1);
    }
    100% {
        transform: rotateZ(0deg) scale(1);
    }
}

.jianjie{
    padding:0 12.2%;
}
.jianjie p{
    color:#673800;
    font-size:20px;
    line-height: 33px;
    width: 100%;
    background:rgba(253,214,92,0.8);
    border-radius: 150px;
    padding: 20px 30px 20px 50px ;
}
.jianjie p a{ font-weight: 700; }
.jianjie p a:hover{ color: #fff; }


@media screen and (min-width:1921px){
    .bgcent{ background-size: 100% auto; }
}
@media screen and (max-width:991px){
   .bgcent{ background-size: cover; }
}
@media screen and (max-width:767px){
    .top_logo{ padding-bottom: 20px; }
   
}

/*---------------2---------------------*/
.events{ padding: 15px 0 50px; }
.title_common{ font-size:80px; margin-bottom:55px; text-transform:capitalize; font-family: apBold;}
.title_common a{  color: #fdd65c;}


.events ul li a{ padding: 0 0 0 40px; 
    display: block; 
    width: 100%;
    overflow: hidden;
}
.events ul li a div{
    padding: 25px 25px 25px 0; 
    background:#fff;
    height: 100%;
    min-height: 244px;
    font-family: apRegular;
}
.events ul li a b{ 
    border:4px solid #fff; 
    float: left; 
    width: 63%; 
    margin-right: 18px; 
    margin-left: -40px;
}
.events ul li a b img{ height: 186px; }
.events ul li a p{ line-height: 24px; }

.events ul li a:hover div{
    background: #fdd65c;
    color: #673800;
    font-family: apBold;
}
.more{ 
    border-radius: 10px;
    border:2px solid #fdd65c; 
    padding: 10px 45px; 
    color:#fdd65c;
    font-family: apBold;
}
.more:hover{ background: #fdd65c; color: #673800; }
.events .more{
    margin-top: -100px;
    float: right; 
}

@media screen and (min-width:992px){
   .events ul{ margin:0 -29px; }
    .events ul li{ margin-bottom:55px; padding: 0 29px;}
    .events ul li:nth-child(2){ margin-top: -100px; margin-bottom: 155px; }
    .events ul li:nth-child(4){ margin-top: -100px;  }
}

@media screen and (max-width:1229px){
   .events ul li a b img{ height: 180px; }
}
@media screen and (max-width:1199px){
   .events ul li a b img{ height: 141px; }
}
@media screen and (max-width:991px){
    .jianjie{ padding: 0; }
   .events ul li a b img{ height: 250px; }
   .events ul li{ margin-bottom: 70px; }
   .events .more{ margin-top: 0; }
   .title_common{ font-size: 56px; }
}
@media screen and (max-width:767px){
    .back_index{ padding: 25px 0; font-size: 14px;}
   .back_index a{ margin-right: 20px; padding: 4px 10px; }
   .jianjie{ padding: 15px; }
   .jianjie p{ padding: 20px; border-radius: 10px; }
    .events ul li a b img{ height: auto; }
    .events ul li a div{ min-height: auto; padding-bottom: 40px; }
   .title_common{ font-size: 36px; }
   .events .more{ padding: 5px 15px;  }
   .events ul li{ margin-bottom: 35px; }

}


/*---------------3---------------------*/
.Achievements{ padding: 80px 0; }
.title_common01{ margin-bottom:55px; font-family:apBold;}
.title_common01 span{ font-weight:700;
    color: #fdd65c;font-size:80px; 
    text-transform:capitalize;
}
.title_common01 a{ 
    float: right; 
    border-radius: 10px;    
    border:2px solid #fdd65c; 
    padding: 10px 45px; 
    font-weight: 700;
    color:#fdd65c;
    margin-top: 30px;
    font-size: 18px;

}
.title_common01 a:hover{ background: #fdd65c; color: #673800; }

.yw_swiper{ 
    background: #fff; 
    overflow: hidden; 
    padding-top: 5px;
}
.yw_swiper_box{
  float: left;
  width: 73.5%;
  overflow: hidden;
  padding: 35px 40px 40px 40px; 
}
.dxb_news_right{
  width: 26.5%;
  float: left;
  position: relative;
   height: 640px;
}
.swiper-btn{
  display: none;
}
.dxb_news_left{}
.tt_cent{ 
    width: 100%;
    padding:30px 0 0;
 }
.tt_cent h3{
    margin-top: 0;
    font-size: 26px;
    font-family: apBold;
    line-height: 40px;
    margin-bottom: 0;
}
.dxb_news_left .img-box img{
  width: 100%;
  height: 460px;
  object-fit: cover;
}

.dxb_news_right li{
  height: 25%;
  border: 5px solid #fff;
}
.dxb_news_right .active{ 
    border: 5px solid #fdd65c;
    background: #fff; 
    margin-left:-15px;
    position: relative; }
.news_item{ }
.news_item img{ width: 100%; height: 150px; }

@media (min-width: 768px){
    
    .dxb_news_title a{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; 
        height: 49px;
    }

}
@media (min-width: 1299px){
    .dxb_news_title a{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden; 
        height: 73px;
    }
}

@media (min-width: 1921px){
    .index_yw{ background-size: 90%; }
    .index_ywbg{ background-size: 87%;}
}

@media screen and (max-width:1199px){
   .dxb_news_left .img-box img{ height: 360px; }
   .dxb_news_right{ height: 562px; }
   .news_item img{ height: 130px; }
}
@media screen and (max-width:991px){
    .yw_swiper_box{ width: 100%; }
    .dxb_news_right{ display: none; }
   .title_common01 span{ font-size: 56px; }
   .title_common01 a{ margin-top: 15px; }
}
@media screen and (max-width:767px){
   .title_common01 span{  font-size: 36px;  }
   .title_common01 a{padding: 5px 15px;}
   .Achievements{ padding: 60px 0 40px; }
   .yw_swiper_box{ padding: 15px; }
   .dxb_news_left .img-box img{ height: auto; }
   .tt_cent{ padding-top: 15px; }
   .tt_cent h3{ font-size: 18px; line-height: 30px; }
   .title_common01 a{ margin-top: 8px; }

}


/*---------------4---------------------*/
.Stories{
    padding: 90px 0 0;
}
.st_swiper{ background: url(20230925_ydyl_stories.png) no-repeat left 24% top; 
    overflow: hidden;
    padding-bottom: 150px;
}
.st_swiper_box{ padding-top: 70px; }
.st_news_top{
 overflow: hidden;
}
.st_news_top .img-box{ 
    float: left;
    width: 34.5%;
}
.stxt_cent{
    float: left;
    width: 65.5%;
    padding-left: 45px;
}
.stxt_cent a{}
.stxt_cent a p{
    padding-top: 40px;
    padding-left: 18%;
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    position: relative;
    font-family: apMedium;
}
.stxt_cent a p::after{
  position: absolute;
  content: '';
  width: 60px;
  height: 4px;
  background:#fff;
  left: 18%;
  top: 0;
}
.st_news_right{ padding-left: 50%; overflow: hidden;float: left; }
.st_news_right li{float: left;margin-right: 16px;}
.st_news_right .news_item img{ width: 100px; height: 100px;  }
.st_news_right .news_item a{ position: relative; }
.st_news_right li.active a::after{ 
    position: absolute;
      content: '';
      width: 100%;
      height: 60px;
    background:url(20230925_ydyl_icon01.png) repeat-x left bottom; 
    left: 0;
    bottom: 0;
}
.st_more{ 
    width: 100px; 
    height: 100px; 
    background: #fdd65c; 
    display: block; 
    float: left;
    text-align: center;
    line-height: 100px;
    color: #a34830;
    font-family:apBold; 
}

@media screen and (max-width:1199px){
    .stxt_cent a p{ padding-left: 8%; }
    .stxt_cent a p::after{ left:8%; }
   .st_swiper{ background-position: left 12% top; }
   .st_news_right{ padding-left: 38%; }
}
@media screen and (max-width:991px){
    .st_news_right{ padding-left: 0; margin-top: 40px;}
    .st_more{ margin-top: 40px; }
}
@media screen and (max-width:767px){
   .st_news_right{ display: none; }
   .Stories{ padding-top: 60px; }
   .stxt_cent{ padding-left: 20px; }
   .stxt_cent a p{ font-size: 18px; line-height: 30px; padding-top: 20px;}
   .st_more{ float: right; height: 65px; width: 65px; line-height: 65px; }
}

/*---------------5---------------------*/
.Voices{
    padding: 180px 0 90px;
}
.banner02{

}
.rgt_rw{ float: right; 
    width:39.3%; border-radius: 0 0 260px 260px; overflow:hidden; 
}
.left_retxt{ background: #fff; width: 80%;}
.left_retxt a{ 
    position: relative;
    padding: 35px 30% 32px 80px;
    display: block;
}
.left_retxt a::after{ 
    position: absolute;
    content: '';
    width: 12px;
    height: 160px;
    background:#fdd65c; 
    left: 0;
    top: 50%;
    margin-top: -80px;
}
.left_retxt a h3{ font-size: 36px; font-family:apBold; margin-bottom: 5px;}
.left_retxt a span{font-size: 22px; font-family:apMedium; display: block; margin-bottom: 30px;}
.left_retxt a p{ font-family:apRegular;line-height: 28px; }
.banner02 .swiper-pagination .swiper-pagination-bullet{ 
    width: 14px; height: 14px; background:#fff; opacity: 1;  margin: 0 8px;
    float:left;
    overflow: hidden;
}
.banner02 .swiper-pagination .swiper-pagination-bullet-active{ 
    width: 20px; height: 20px; 
    background:#fdd65c; opacity: 1; 
    margin-top: -3px;
}
.banner02 .swiper-pagination{ bottom:40px; left: 22%; width: auto;  }

@media (min-width: 992px){
    .left_retxt a p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden; 
        height: 168px;}
}

@media (max-width: 1199px){
    .banner02{ padding-bottom: 40px; }
    .banner02 .swiper-pagination{ bottom: 0; }
}
@media (max-width: 991px){
    
}
@media (max-width: 767px){
    .Voices{ padding-top: 60px; padding-bottom: 20px;}
    .left_retxt a{ padding: 5px 16% 20px 20px; }
    .banner02 .swiper-pagination{ display: none; }
    .left_retxt a::after{  width: 6px;}
}



/*---------------6--------------------*/
.Gallery{}
.ga_swiper{ position: relative; }
.Gallery_video{}
.left_video{ float: left; width: 72%;
    margin-right: 40px;
 position: relative; padding-top: 20px;
}
.left_video a{ display: block; position: relative; }
.imgvideo a::before{
    position: absolute;
    content: '';
    width: 66px;
    height: 66px;
    background:url(20230925_ydyl_icon02.png) no-repeat; 
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
    z-index: 2;
}
.left_video a::after{ 
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.2); 
    left: 0;
    top: 0;
}
.left_video img{ width: 100%;height: 475px; }
.rgt_vdtxt{  width: 43%; background: #fff; margin-left: 57%; font-family: apRegular;
}
.rgt_vdtxt a{ 
    font-size: 22px; 
    line-height: 36px;
    padding: 40px 25px 20% 40px;
    display: block;
}
.ga_swiper .swiper-button-next, 
.ga_swiper .swiper-button-prev{ background-color:#80a2ba; padding: 30px; top: auto; bottom: 50px;}
.ga_swiper .swiper-button-next{ right: 0; }
.ga_swiper .swiper-button-prev{ left: 0; }
.ga_swiper .more{ position: absolute; right:8%; bottom: 32%;z-index: 99; }
.thumbs_pad{ margin-top: 40px; padding: 0 35px; }
.slt_video{}
.slt_video a{ display: block; position: relative; }
.slt_video.imgvideo a::before{
    width: 33px;
    height: 33px;
    background:url(20230925_ydyl_icon03.png) no-repeat; 
    margin-top: -16.5px;
    margin-left: -16.5px;
}
.slt_video a::after{ 
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.2); 
    left: 0;
    top: 0;
}


.slt_video img{ width: 100%; height: 140px; }
.thumbs_pad .swiper-slide-thumb-active{ border:4px solid #fdd65c; }

.tpimg_video{ position: relative; }
.tpimg_video.imgvideo a::before{
    width: 33px;
    height: 33px;
    background:url(20230925_ydyl_icon03.png) no-repeat; 
    margin-top: -16.5px;
    margin-left: -16.5px;
    top: 27%;
}


@media (max-width: 1199px){
    .left_video img{height: 382px;}
    .ga_swiper .more{bottom: auto;top: -18%;}
    .slt_video img{ height: 125px; }
    .ga_swiper .swiper-button-next, .ga_swiper .swiper-button-prev{ bottom: 40px; }
}
@media (max-width: 991px){
    .left_video{ width: 100%;padding: 0; margin:0;float: none;}
    .rgt_vdtxt{ width: 100%; margin-left: 0; }
    .ga_swiper .more{bottom: auto;top: -15%;}
    .rgt_vdtxt a{ padding: 25px; }
    .slt_video img{ height: 88px; }
    .ga_swiper .swiper-button-next, .ga_swiper .swiper-button-prev{
     bottom: 30px; background-size: 50%;
    padding: 15px;}
    .tpimg_video.imgvideo a::before{ top: 33.5%; }
}
@media (max-width: 767px){
    .left_video img{ height: auto; }
    .ga_swiper .swiper-button-next, 
    .ga_swiper .swiper-button-prev,
    .thumbs_pad{ display: none; }
    .ga_swiper .more{padding:5px 15px;top: -19%; right: 0;}
}



/*---------------7--------------------*/
.Organizations{
    padding: 150px 0 80px 0;
}
.Org_cent{
    margin:0 -11px;
    overflow: hidden;
}

.Org_cent li{
    padding: 0 11px;
    width: 16.66667%;
    float: left;
}
.Org_cent li a{
    padding: 15px 15px 0;
    display: block;
    border-radius: 15px;
    min-height: 200px;
    position: relative;
}
.Org_centjz li a{ justify-content: left; }
.Org_cent li a b{ display: block; width: 132px; margin:0 auto 15px; }
.Org_cent li a p{ 
    color: #fff; line-height: 24px; font-family: apMedium; display: none;
    position: absolute;
 }
.Org_cent li a:hover{
    background:#fdd65c;
    border:7px solid #fdd65c;
}
.Org_cent li a:hover b{ display: none; }
.Org_cent li a:hover p{ color:#673800; display:block;}


/* foot */
.foot_yj{ 
    background:#001d31; 
    font-family: apRegular;
    text-align: center;
    color: #0d3c62;
    font-size:18px;
    padding: 24px 0;
}
@media (min-width:992px){
    .Org_centjz{ display: flex;
    justify-content: center;}
}

@media (max-width:1199px) {
    .Org_cent li a b{ width: 100%; height: auto; }
}
@media (max-width:991px) {
    .Org_cent li{ width: 33.3333%; margin-bottom: 30px;}
    .Org_cent li b{ text-align: center; }
    .Org_cent li b img{ display: inline-block; }
}
@media (max-width:767px) {
    .Organizations{ padding: 40px 0; }
    .Org_cent li{ width: 100%;}
    .Org_cent li a b{ width: 200px; }
    .Org_cent li a b img{ width: 100%; }
    .Org_cent li a{ min-height: auto; padding-bottom: 15px; }
    .Org_cent li a p{ display: block;position: static;}
    .Org_cent li a:hover b{ display: block; }   
}



/* Scroll to top
---------------------------------- */
.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    background-color: #0e67a6;
    z-index: 1005;
    border-radius:4px;
    display: none;
}
.scrollToTop img{
    display:inline-block;
    width: 28px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
        line-height: 37px;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .scrollToTop img{
        display:inline-block;
        width: 25px;
    }
    .mb50{ margin-bottom: 30px; }
}

.img_hovbig{
    display: block;
  overflow: hidden;
}
.img_hovbig img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.img_hovbig:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}



/* erji */
.bgejcent{ position: relative; }
.bgejcent img{ width: 100%; }
.bgejcent .back_index{ position: absolute; top:0;right: 13%; }
.back_index{  }
.list_padcent{padding:30px 40px 40px; }
.view_cent{ 
    background:#022E4B;
    padding-top: 0;
    font-size: 18px;
    font-family: apRegular;
}
.page-intro{ overflow: hidden; width: 100%;
    background: url(20230925_ydyl_ejbg03.jpg) no-repeat bottom left;
}
.xbsecond_cent{ padding: 20px 0;  overflow: hidden;}
.xbcent_yzc{ padding:0; }
.new-graphics .tuwen_list li p{ font-size: 16px; margin-bottom: 5px; color: #444; }
.new-graphics .tuwen_list li span{
font-style: oblique;
color: #A1A1A1;
line-height: 18px;}
.new-graphics .tuwen_list li p:hover{ color: #0A3B8D; }

.ky_seemore{ text-align: center; display:none;  margin: 20px 0 30px;}
.ky_seemore button{
    width: 270px;
    height: 47px;
    line-height: 47px;
    border-radius: 3px;
    border: 1px solid #0A3B8D;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    background:#0A3B8D;}

.lyandtime{ padding-bottom: 20px; border-bottom:1px dashed #D5D5D5; }
.page-intro h3{
    float: left;
    font-size: 48px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
    border-bottom:4px solid #6C8EBD;
    padding-bottom: 17px;
    margin-bottom: 0;
    font-family: SansBold, GillSans;
}

.breadcrumb{ background:none;  
    padding: 0 0 30px; margin: 60px 0 0 0;
}
.breadcrumb li{ font-size: 24px; color: #fff; font-family: apMedium;}
.breadcrumb li a{color: #fff;}
.title_gl{ 
    display:inline-block; 
    font-size: 34px;
    font-weight: 700;
    color: #444444;
    margin: 0 0 20px;
    padding: 7px 0;
    line-height: 48px; 
    position: relative;
}
.title_gl span{ 
    width: 38px;
    height: 2px;
    background: #AF062F; 
    position: absolute;
    left: 0;
    top:0;
}
.piclist{ padding: 55px 0; }
.piclist ul{}
.piclist ul li{ margin-bottom: 40px;  }
.piclist ul li a{ 
    display: block; background:#fff;
}
.piclist ul li img{ height: 166px; }
.piclist ul li a p{ 
    padding: 15px 12px 15px 16px; 
    line-height: 24px;
    min-height: 150px;
    margin-bottom: 0;
}
.pchide{ display: none; }
.mobhide{}
@media screen and (min-width: 768px){
    .new-graphics .tuwen_list li p{ 
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height:56px; }
}
@media screen and (max-width: 1699px){
    .bgejcent .back_index{ padding: 30px 0; }
}
@media screen and (max-width: 1299px){
    .bgejcent .back_index{ padding: 20px 0; }
    .back_index a{ padding: 4px 12px;}
}

@media screen and (max-width: 1199px){
    .title_gl{ font-size: 26px; }
    .piclist ul li img{ height: 131px; }
    .piclist ul li a p{ min-height: 170px; }
}
@media screen and (max-width: 991px){
    .title_gl{ font-size: 24px; }
    .piclist ul li img{ height: 212px; }
    .piclist ul li a p{ min-height: 150px; }
    .bgejcent .back_index{ padding-top: 10px; }
    
}

@media screen and (max-width: 767px){
    .ky_seemore{  display:block; }
    .breadcrumb{ margin-bottom: 10px; }
    .xbsecond_cent{ padding: 0 0 20px; }
    .xbcent_yzc{ padding:0; }
    .title_gl{font-size: 20px;}
    .list_padcent{padding:15px; }
    .view_cent{ margin-top: -10px; }
    .page-intro{ margin-bottom: 20px; }
    .bgejcent .back_index{ right: 0; }
    .piclist ul li img{ height: auto; }
    .piclist ul li a p{ min-height: auto; }
}
@media screen and (max-width: 699px){
    .pchide{  display: block;}
    .mobhide{display: none;}
}
@media screen and (max-width: 500px){
    .title_gl{ background-size: 35%; margin-bottom: 20px; }
    .title_kxzg{  background-size: 21%; }
}


/*-----------------libiao---------------------*/
.graphiclist {overflow: hidden; padding-top: 20px;}
.tpyw_four{ padding:20px 40px 0; }
.graphiclist li{padding:0 0 35px; 
    display: block; overflow: hidden; 
    border-bottom: 1px solid #0d3c62; margin-bottom: 35px;}
.graphiclist li a{ color: #fff; }
.graphiclist li h2 { 
    font-size:24px; 
    margin:0 0 10px 0; 
    line-height: 38px;
    padding-top: 1px;
    font-weight: 600;}
.graphiclist .news-img img{ 
    
}
.graphiclist .news-txt p { 
    line-height: 30px; font-size: 18px;
    margin:0 0 10px;  }
.graphiclist .news-txt span{
    font-size: 17px;
    color: #487d9b;
    line-height: 30px;
}

.graphiclist .news-txt a:hover h2{ color:#fdd65c;  }
.graphiclist .news-txt a:hover p,
.graphiclist .news-txt a:hover span{ color:#fdd65c; }

@media (min-width: 768px) {
    .graphiclist .news-txt p{
     overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
    .graphiclist .news-img img{ width: 305px;}
    .graphiclist01 .news-img img{ width: 260px;}
    .graphiclist .news-img{ margin-right: 30px;}
    .graphiclist li h2 { 
        /* overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap; */}

}

@media screen and (min-width:768px) and (max-width:991px){
  .graphiclist .news-txt p{-webkit-line-clamp: 2; height: 50px;}
  .current_leaders li .news-txt p{ height: 66px; }
}

@media (max-width: 1199px) {
    
}
@media (max-width: 991px) {
    .graphiclist li{  }
    .graphiclist .news-img img{ width: 180px; }
    .graphiclist .news-txt p {  }
    .graphiclist li h2 a { height: 20px; }
    .graphiclist .learn_more{ float: right; }
    .graphiclist li h2{ padding-top: 5px; }
}
@media (max-width: 767px) {
    .graphiclist .news-img{ margin-bottom:15px;margin-right: 0; float: none;}
    .graphiclist .news-img img{ width: 100%; height:auto;}
    .graphiclist li{
    display: block;
    overflow: hidden;}
    .graphiclist li h2 a {height: auto;
        white-space: normal;
        line-height: 28px;
        line-height: 22px;}
    .tpyw_four{ padding:20px 20px 0; }
    .page-intro h3{ font-size: 32px; margin-top: 0; }
    .graphiclist{ padding-top: 0; }

}

/* txt-list */
.new-graphics{ padding:0 ; }
.text_listtime{ }
.text_listtime li{ line-height: 40px; 
    overflow: hidden; border-bottom:  1px solid #0d3c62;
    padding: 18px 0;
}
.text_listtime li a{
    float: left;
    color: #fff;
    font-size: 24px;
}
.text_listtime li:hover a{ color: #fdd65c; }
.text_listtime li span{  
    color: #487d9b;
}  
.text_listtime li:hover span{ color: #fdd65c; } 



.li_flm{ border-bottom: 1px solid #D5D5D5; margin-bottom: 50px; }
.ggflm{margin-bottom: 25px;}
.ggflm .top_xlline{ margin-bottom: 10px; }
.ggflm h3{ margin: 0; }
.ggflm h3 span{
    position: relative;
    padding-left: 22px;
    font-size: 18px;
font-weight: 700;
color: #2F5ECA;
line-height: 51px;}
.ggflm h3 span:after{
        content: '';
        pointer-events: auto;
        display: inline-block;
            width: 8px;
        height: 16px;
        background: #004EC2;
          position: absolute;
          top: 5px;
          left: 0;
}
.ggflm h3 a{font-size: 16px;
    float: right;
color: #2F5ECA;
margin-top: 14px;
line-height: 22px;}
.ggflm ul{}
.ggflm .text_listtime li:nth-child(5n){
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 768px){
    .text_listtime li a{ 
    max-width: 85%; 
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
}

@media screen and (max-width: 767px){
    .text_listtime li{ line-height: 26px; margin-bottom: 12px; }
    .text_listtime li:after{top: 11px;}
    .text_listtime li a{ float: none;}
    .text_listtime li span{ float: none; margin-left: 10px; }
    .new-graphics{ padding:0; }
}


/*---------------details---------------------*/
.view_cent{ padding-bottom: 30px; }
#xlmain {display: block;overflow: hidden;margin:0px;}
.xltoptitle{
    
    padding: 20px 0px 10px 0px;
    margin: 0;
}

#xlmain .wztitle {
    font-family: apBold;
        font-size: 48px;
    line-height: 68px;
    color: #fff;
    text-decoration: none;}
.lyandtime{ color:#9a9a9a; }
#xlmain .qtinfo {color:#666; 
    text-align:left; 
    padding: 0px 0px 0 0px;margin-bottom: 0;}
.share_sy{  border-bottom: 0; padding-bottom: 6px; }
#xlmain .textxl p{ font-size: 16px; color:#404040; text-indent: 0; margin-bottom: 25px; }


#xlmain .qtinfo a {color:#666; text-decoration: none;}
#xlmain .qtinfo a:hover {color:#de0c0c; text-decoration: none;}
#xlmain .text { margin:0; overflow:hidden; display:block;}
#xlmain .text p {margin: 0 0 24px 0;}
#xlmain .text p:last-child {margin: 0;}
#xlmain .text img {display: block;margin-right: auto;margin-left: auto;}
#xlmain .textlx { margin:0; overflow:hidden; display:block;}
#xlmain .textlx p {margin: 0 0 12px 0;}
#xlmain .textlx img {display: block;margin-right: auto;margin-left: auto;}
#xlmain .textxl { margin:10px 6px 6px 6px; overflow:hidden; display:block;}
#xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;padding: 0 0 10px 0;}
#xlmain .textxl table {margin: 0 0 15px 0;}
#xlmain .textxl td {text-align: center;}
#xlmain .textsp { margin:30px auto 0 auto; overflow:hidden; display:block;width: 56%;}
#xlmain .textsp video {border: #c3d2e5 solid 6px;border-radius: 5px;margin-bottom: 10px;}
#xlmain .xilan-content-main.zoomIn {
  font-size: 19px;
  line-height: 36px;
}
#xlmain .xilan-content-main.zoom {
  font-size: 16px;
  line-height: 30px;
}
#xlmain .xilan-content-main.zoomOut {
  font-size: 13px;
  line-height: 24px;
}
#xlmain .textxl *{
        font-size: 24px!important;
    line-height: 48px!important;
    font-family: apRegular!important;
    color: #fff!important;
}
#xlmain .textxl p a{ color:#2966ca !important}
.time_ly{ overflow: hidden;padding-bottom: 20px; 
    margin-bottom: 35px; padding-left: 20px;
    color: #487d9b;
}
.time_ly .left{ float: none; margin-right: 6px;  }
.time_ly .right{ float: none; display: inline-block; }
.time_ly .right b{ font-weight: normal; margin-right: 20px; }
.text_right{ text-align: right; }
.text_center{ text-align: center; }
.xl_font font{ cursor: pointer; }
.xl_font font:hover{ color:#2d5dc3; }
.fenxiang{ display: inline-block; margin-left: 15px; }
.Previous_Next{ overflow: hidden; padding: 45px 0;
border-top: 1px solid #D5D5D5;}
.Previous_Next a{ font-size: 16px; color: #999; }
.Previous_Next a:hover{ color: #0A3B8D; }
.Previous_Next a span{ font-size: 18px;display: inline-block; margin:0 4px; }
.top_xlline{
    height: 7px;
    margin-bottom: 30px;
    background: -webkit-linear-gradient(#D0E9FF 0%, #FFFFFF 100%);
    background: -o-linear-gradient(#D0E9FF 0%, #FFFFFF 100%);
    background: linear-gradient(#D0E9FF 0%, #FFFFFF 100%);
}


#xlmain .wztitlefb{    
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 3px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
}
.cas-wrap-appendix{ border-top: 1px solid #C5C5C5; padding-top: 45px; }
.cas-wrap-appendix h6{ font-size: 18px; float: left; margin-right: 15px; margin-top: 0; }
.cas-wrap-appendix ul{ margin-bottom: 30px; margin-top: 3px;}

@media (min-width: 768px) {
    #xlmain .textxl img {max-width: 100%;}
    #xlmain .wztitle{ padding: 0 0 0; }
}
@media (max-width: 1199px) {
    #xlmain .textsp { width: 64%;}
    .enclosure_btm h3{ width: 16%;}
    .enclosure_btm ul{ width: 84%; }
}
@media screen and (max-width: 991px){
    #xlmain .textsp { width: 80%;}
    .share_sy .col-sm-5{ width:100%; margin-bottom: 5px;}
    #xlmain .qtinfo{  text-align: center; }
    .share_sy .col-sm-7{ width:100%;text-align: center; }
    .font_txtbh{ float: none; }
    .enclosure_btm h3{ width: 25%;}
    .enclosure_btm ul{ width: 75%; }
}
@media (max-width: 767px) {
    #xlmain .textxl *{
        font-size: 18px!important;
        line-height: 32px!important;
    }
    #xlmain .wztitle {line-height:30px;font-size: 24px;}
    #xlmain .textsp { width: 100%;margin:15px auto 2px auto;}
    .font_txtbh{ margin-bottom: 5px; }
    .share{text-align: center;
    width: 140px;
    float: none;
    margin: 0 auto;}
    .enclosure_btm h3{ width: 100%;}
    .enclosure_btm ul{ width: 100%; }
    .time_ly .left{ width: 100%; text-align: center; margin-bottom: 6px;}
}
#cas_share_weixin_qrcode_dialog{ z-index:999;}


/* page */
.mobile_hide{ margin-top: 40px; }
.mobile_show{ display: none;  margin-top: 40px; }
.page{text-align: center;}
.page a{ font-size: 20px!important; color: #fff!important; padding: 5px 15px; }

@media (max-width: 767px) {
   .mobile_hide{ display: none; }
    .mobile_show{ display: block; } 
}