@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.w1600{ max-width:1600px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.topper{ color:#fff; background:#1e51a2; line-height:50px;}
.topper p{ font-size:16px;}
.topper span{ font-size:16px; display:inline-block; padding-left:40px; background-image:url(../images/xizang_03.png); background-repeat:no-repeat; background-position:left center;}


.header .logo img{ height:60px;}
.header li{ position:relative; padding:0 25px;}
.header li a{ transition:all .3s; position:relative; font-size:16px; color:#333; display:block; line-height:100px;}
.header li a:after{ content:""; transition:all .3s; display:block; width:0; left:50%; height:2px; background:#ea5619; position:absolute; bottom:0;}
.header li.on a{ color:#ea5619}
.header li:hover>a{ color:#ea5619}
.header li.on>a:after,.header li>a:hover:after{ width:100%; left:0;}
.header li .subnav{ opacity:0; visibility:hidden; box-shadow:0 0 15px rgba(0,0,0,.1); z-index:10; position:absolute; top:110%; left:0; width:100%; text-align:center; background:rgba(255,255,255,1); padding:10px; transition:all .3s;}
.header li:hover .subnav{ opacity:1; visibility:visible; top:90%;}
.header li .subnav a{ color:#333; font-size:14px; border-bottom:1px solid #f8f8f8; line-height:35px;}
.header li .subnav a:hover{ background-color:#ea5619;color:#fff;}

.searchbox{ margin-left:20px; width:230px; border:1px solid #d2d2d2; border-radius:5px; overflow:hidden;}
.searchbox input{ width:calc(100% - 50px); height:44px; padding-left:10px;}
.searchbox button{ width:50px; height:44px; background:none; cursor:pointer;}

.banner img{ width:100%; transition:all 7s; height:100%; object-fit:cover;}
.banner .swiper-slide-active img{  transform:scale(1.02,1.02);}

.banner span.swiper-pagination-bullet{ width:18px; height:18px; background:#1e51a2; opacity:1;}
.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff;}

.pd85{ padding:85px 0;}
.main1le{ width:50%; padding-right:30px;}
.main1ri{ width:45%;}

.titles{ }
.titles b{ font-size:36px; color:#1e51a2; text-transform:uppercase; line-height:1;}
.titles b em{ font-style:normal; font-weight:normal; font-size:22px; margin-top:10px; display:block;}

.main1lebox b{ font-size:30px; display:block; margin-top:30px;}
.main1lebox p{ font-size:16px; color:#686868; line-height:1.8; margin:20px 0; text-indent:2em;}
a.mores{ background:#ea5619; padding:0 40px; line-height:50px; color:#fff; font-size:16px; display:inline-block;}
a.mores img{ vertical-align:middle; margin-left:10px;}
.main1 ul{ margin-top:40px;}
.main1 li{ margin-bottom:40px; width:45%;  background-position:100% 10px; padding-right:60px; background-repeat:no-repeat;}
.main1 li:first-child{}
.main1 li b em{ font-weight:bold; font-style:normal; line-height:1; font-size:40px; color:#1e51a2; margin-right:5px;}
.main1 li b{ font-weight:normal;}
.main1 li span{ font-size:16px; color:#686868; display:block;}

.titleflex2{ text-align:center; color:#fff;}

.titleflex2 b{ color:#fff;}
.main2 ul{ margin-top:40px;}
.main2 ul li{ width:23%; margin:1% 0; margin-bottom:2%; border:1px solid #fff; padding:30px; color:#fff; text-align:center;}
.main2 ul li a{ color:#fff;}
.main2 ul li .img{ margin:0 auto; height:50px;}
.main2 ul li .img img{ max-height:100%; margin:0 auto; display:block;}
.main2 ul li:hover{ background:#ea5619; transition:all .3s; border:1px solid #ea5619;}
.titleflex{ margin-bottom:30px;}
.main3topcss { margin-bottom:50px; border-bottom:2px solid #dcdcdc;}
.main3topcss span{ padding-bottom:15px; margin-right:55px; display:inline-block; cursor:pointer; font-size:18px; position:relative;}
.main3topcss span:after{ content:""; display:block; background:#1e51a2; height:4px; width:0; transition:all .3s; position:absolute; left:0; bottom:-2px;}
.main3topcss span.on{ color:#1e51a2;}
.main3topcss span.on:after{ width:100%;}
.botli{ display:none;}
.botli span{ position:absolute; bottom:0; left:0; width:100%; transition:all .3s; opacity:0; text-align:center; line-height:50px; color:#fff;}
.botli li{ position:relative; width:23%; padding-top:20px; transition:all .3s;}
.botli li:hover{ padding-top:0;}
.botli li .imgs{ height:100%;}
.botli li:hover span{ background:#1e51a2; opacity:1;}

.main4{ /*background:#edf1f4;*/}
.fubiaoti{ width:100%; font-size:24px; margin-top:5px;}
.imgul li{ width:24%; position:relative; background:#fff;}
.imgul li .txt{ transition:all .3s; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden;}
.imgul li:hover .txt{ opacity:1; visibility:visible; background:rgba(30,81,162,.9);}
.imgul li .txt span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; color:#fff; font-size:16px; text-align:center;}
.textul{ margin-top:35px;}
.textul li{ width:48%; padding-left:20px; position:relative; margin-bottom:5px;}
.textul li:before{ width:4px; height:4px; background:#333; position:absolute; content:""; display:block; left:0; top:50%; margin-top:-2px; border-radius:100%;}
.textul li a:hover{ color:#1e51a2}

.main5le{ width:calc(68% - 20px);}
.main5li{ display:none}
.main5le li{ width:calc(50% - 10px);background:#f6f6f6}
.main5ri{ width:32%;background:#f6f6f6}
.main5le li .imgs{ height:230px;}
.main5le li .txt{ padding:20px; }
.main5le li .txt h3 a{ transition:all .3s; font-size:20px; font-weight:normal; color:#333;}
.main5le li .txt h3 a:hover{ color:#1e51a2;}
.main5le li .txt p{ font-size:16px; color:#686868;}
.main5le li .txt span{ background-image:url(../images/time.jpg); background-position:left center; background-repeat:no-repeat; color:#999999; font-size:14px; display:block; padding-left:25px; margin:5px 0;}

.main5ri li a{ transition:all .3s; padding:0 25px; line-height:54px; color:#333;}
.main5ri li a:hover{ color:#fff; background:#1e51a2;}

.main6{ background:#1e51a2;}
.main6 .titles p{ font-size:24px;}

.main6link{ width:31%; position:relative;}
.main6link span{ display:block; line-height:50px; position:relative; background:#fff; padding:0 20px; padding-right:50px;}
.main6link span i{ background:#ea5619; color:#fff; font-size:30px;  position:absolute; width:50px; height:50px; line-height:50px; text-align:center; display:block; position:absolute; right:0; top:0;}
.subnav3{ width:100%; transition:all .3s; padding:20px; position:absolute; top:110%; visibility:hidden; opacity:0; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.subnav3 a{ display:block; color:#666}
.subnav3 a:hover{ color:#1e51a2}
.main6link:hover .subnav3{ top:100%; opacity:1; visibility:visible;}
.main6flex{ margin-top:40px;}

.footer{ background:#222834;}
.fotlogo{ width:120px;}
.fotribox{ width:calc(100% - 260px);}
.fotri{ width:390px}
.fotnav{ width:calc(100% - 390px);}
.fotnav ul{ width:100%;}
.fotnav ul li{ width:19%;}
.fotnav ul li a{ display:block; font-size:16px; color:#cccccc; margin-bottom:5px; line-height:1.8;}
.fotnav ul li b a,.fotri span{ display:block; font-weight:bold; font-size:18px; color:#fff;line-height:1; margin-bottom:20px;}
.fotnav ul li a:hover{ color:#fff;}
.fotri>b{ font-size:36px; color:#fff; display:block; line-height:2;}
.fotri img{ width:115px; display:block; margin-bottom:15px; margin-top:15px;}

.fotri p,.fotri p a{ color:#cccccc; font-size:15px; line-height:1.8}
.fotri p a:hover{ color:#fff;}

.fotcopy{ border-top:1px solid #464e5c; padding:15px; text-align:center; color:#cccccc}
.fotcopy a{ color:#ccc; margin:0 10px; }
.fotcopy a:hover{ color:#fff;display:inline-block;}

.GoTop.on{ opacity:1; visibility:visible;}
.GoTop{ opacity:0; visibility:hidden; position:fixed; bottom:50px; right:50px; z-index:100; width:60px; height:60px; background:#1e51a2; border-radius:100%; cursor:pointer;}
.GoTop img{ position:absolute; left:50%; top:50%; max-width:50%; transform:translate(-50%,-50%);}

.newslists{ margin-top:40px;}
.newslists li{ border-bottom:1px solid #eee; padding:14px 0; transition:all .3s;}
.newslists li:nth-child(2n){ background:#fcfcfc;}
.newslists li a{ font-size:16px; width:calc(100% - 90px);}
.newslists li a:hover{ color:#1e51a2}
.newslists li:hover{ background:#f5f5f5; padding:14px 20px;}
.newslists li span{ width:80px;}

.newscenter-list2 li .news-text .name{ height:auto;}

.inside-banner .txt{ position:absolute; left:50%; top:50%; max-height:100%; max-width:100%; text-align:center; transform:translate(-50%,-50%)}
.inside-banner .txt h3{ font-size:40px; color:#fff; display:block; line-height:2; font-weight:bold;}
.inside-banner .txt h2{ font-size:18px; color:#fff; display:block;}
.Pledge-min img{ margin:0 auto;}
.aboutbox{ padding:60px; box-shadow:0 0 15px rgba(0,0,0,.1);}
.aboutbox p{ line-height:2;    text-indent: 2em;}
.aboutbox p strong{ color:#000}
.newscenter-list ul.flex2{justify-content:flex-start}
.newscenter-list li .news-img{ height:210px;}
.newscenter-list li .news-img img{ width:100%; height:100%; object-fit:cover;}

.newscenter-list3 li .news-img{ height:260px; position:relative}
.newscenter-list3 li .news-img img{ max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:auto;}
.botli li .imgs{ height:300px;}
.botli li .imgs img{ width:100%; height:100%; object-fit:cover;}

.subnav4{ position:absolute; display: none; bottom:100%; left:0; width:100%;    height: 1.6rem;
    background: rgba(234, 86, 25, .8); padding:20px;    overflow-y: scroll;}
.subnav4 b{ color:#fff; font-size:20px; display:block; margin-bottom:10px; margin-top:15px;
}

.main2 { background-size:cover;}
.aurl{    justify-content: flex-start;}
.subnav4 a{ display: inline-block; color:#fff; font-size:18px; margin-right:15px;}
.main6flex{ position:relative;}
.main6flex .main6link:first-child{ position:static;}

.titles22{text-align:center; width:100%; margin-bottom:50px;}

.ups i{ transform: rotate(180deg)}

.fot01{ padding-bottom:40px;}

#downloadbtn{ padding:10px 20px; margin-bottom: 20px;  background:#1e51a2; color: #fff; font-size: 16px; display: inline-block;
}
.pdf-container {
  position: relative;
  width: 100%;
  /* 电脑默认高度 / 手机自动适配 */
  height: 85vh; 
  min-height: 500px;
  max-height: 1000px;
  margin: 0 auto;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* PDF iframe 核心样式 */
.pdf-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  /* 解决部分浏览器内嵌PDF滚动卡顿 */
  -webkit-overflow-scrolling: touch; 
  overflow: auto;
}

/* 移动端适配：自动占满屏幕高度 */
@media (max-width: 768px) {
  .pdf-container {
    height: 90vh;
    min-height: 400px;
    border-radius: 0; /* 手机去掉圆角更美观 */
  }
  
 
}

/* 小屏手机极致适配 */
@media (max-width: 480px) {
  .pdf-container {
    height: 88vh;
  }
}
@media screen and (max-width:1680px){
    .w1600{ padding-left:40px; padding-right:40px;}
    .header li{ padding:0 15px;}
}
@media screen and (max-width:1280px){
    .w1200{ padding-left:40px; padding-right:40px;}
    .searchbox{ display:none;}
    .subnav4{ height:200px;}
    .fotribox{    width: calc(100% - 200px);}
    
}
@media screen and (max-width:980px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left:15px; padding-right:15px;}
	  .pd85{ padding:30px 0}
	  .titles b{ font-size:20px;}
	  .main2 ul li{ width:48%; padding:20px;}
	  .main2 ul{ margin-top:20px;}
	  .titles b em{ font-size:14px;}
	  .fotnav{ display:none;}
	  .main1 li b em{ font-size:20px;}
	  .banner span.swiper-pagination-bullet{ width:10px; height:10px;}
	  .main1le,.main1ri{ width:100%;}
	  .main1lebox b{ font-size:20px;}
	  .main1 li{ width:28%; background-size:30px auto; padding-right:0; margin-bottom:0}
	  .main1 li span{white-space: nowrap; font-size:14px;}
	  a.mores{ padding:0 20px; line-height:30px; font-size:14px;}
	  a.mores img{ width:14px;}
	  .main2 ul li .img{ height:30px;}
	  .commonweb{ padding:0}
	  .titles22{ margin-bottom:20px;}
	  .Comculture-list li{ width:100%; margin-bottom:15px;}
	  .main6link{ width:100%; margin-bottom:15px;}
	  .subnav4 b{ font-size:16px;}
	  .subnav4 a{ font-size:14px;}
	  .banner .swiper-slide{ height:14rem;}
	  .banner img{ width:100%; height:100%; object-fit:cover;}
	  .fotlogo{ width:100%; display:none;}
	  .fotribox{ width:100%;}
	  .fotlogo img{ height:110px; margin: 0 auto; display:block}
	  .w1600{ padding-left:15px; padding-right:15px;}
	  .fotri{ width:100%; text-align:center; margin-top:20px;}
	  .fotri img{ width:100px; margin:20px auto 10px;}
	  .fotcopy a{ display:inline-block;}
	  
	  .inside-banner{ height:10rem;}
	  .inside-banner .txt h3{ font-size:20px;}
	  .inside-banner .txt h2{ font-size:16px;}
	  .full-inside-subnav{ padding-left:15px; padding-right:15px;}
	  .aboutbox{ padding:15px; margin-bottom:40px;}
	  .commonweb { padding-left:15px; padding-right:15px;}
	  .newscenter-list ul li{ width:100%; margin-top:15px; margin-bottom:15px; }
	  .newscenter-list li .news-text .name{ font-size:14px;}
	  .pages{ margin-top:20px; padding-top:20px;}
	  .pages ul li{ padding:3px 10px;}
	  .full-inside-subnav{ margin-bottom:30px;}
	  .aboutbox p ,.aboutbox p span{ font-size:16px !important;}
	  .font24{ font-size:16px;}
	}