﻿@charset "utf-8";
.container{max-width:1200px; width:100%; }

@media (max-width:1500px){
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -20px; width: 40px; height: 40px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -20px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -20px !important;}
}

@media (max-width:1199px) {
body{font-size:15px; background:#f5f5f5; min-width:320px;}
.header-btn-old{display: none;}
/* 友情链接响应 */
/* .footer .footer-link{display:none;} */

.footer .footer-link-menu{padding-right:15px; padding-left:15px;}
.footer .footer-link-content ul{padding:15px 15px 5px;}

  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -18px; width: 36px; height: 36px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -18px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -18px !important;}
}

@media (max-width:1023px) {
.container{width:auto;}
.mainBox{padding-right:15px; padding-left:15px;}
.pageBox{padding:15px 15px 0;}
.mt{margin-top:15px;}
.mb{margin-bottom:15px;}
.crumb{padding-top:15px; padding-bottom:15px; margin:0 0 15px;}
.pagediv{padding:20px 0;}
.grid{padding:15px;}
.grid2{padding:0 15px;}
.module-main{margin-right:-8px!important; margin-left:-7px!important;}
.module-box{margin-right:8px!important; margin-left:7px!important;}
.menu-icons{margin-right:-8px; margin-left:-7px;}
.menu-icons li a{margin-top:15px; margin-right:8px; margin-left:7px;}
.common-pic-mode ul{margin-right:-8px!important; margin-left:-7px!important;}
.common-pic-mode ul li a{margin:0 8px 15px 7px!important;}
.footer .footer-grid .biaozhi .wzaicon{display:none;}

.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: 10px !important;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: 10px !important;}
}

@media (max-width:991px) {
body{min-width:320px; font-size:14px;}
.inmobile{display:none !important;}
.header-btn-old{display: none !important;}
.header{height:auto; background:none; border-bottom:none;}
.header .topBar{background-color:#035294;}
.header .topBar dd ul li.mobile, .header .topBar dd ul li.split{display: none;}
.header .topBar dd ul li.setHome{display:none;}
.header .topBar dd ul li.addFav{display:none;}
.header .topBar dd ul li.wza{display:block;}
.header .inHeader{padding:0 15px; background-color:#fff;}
.header .inHeader .logo{padding-top:40px;}
.header .inHeader .logo img.pc{display:none;}
.header .inHeader .logo img.m{display:inline-block;}
.header .inHeader .search{width:100%;}
.header-menu{position:static; background-color:#035294;}
.swiper-nav .swiper-slide a{color:#fff;}
.swiper-nav .swiper-nav4{margin-left:0;}

.swiper-nav.swiper-container{padding:5px 0;}
.swiper-nav .swiper-wrapper{display:block !important;}
.swiper-nav .swiper-slide{width:14.2857%;}
.swiper-nav .swiper-slide a{display:block; margin:0 5px; line-height:40px;}
.swiper-nav .swiper-slide:before{position:absolute; top:50%; right:0; z-index:1; content:""; width:1px; height:20px; margin-top:-10px; background-color:rgba(255,255,255,.35);}
/* .swiper-nav .swiper-home:before{visibility:hidden;} */
.swiper-nav .swiper-slide.checked a,
.swiper-nav .swiper-slide a:hover{color:#fff; background-color:rgba(255,255,255,.2);}
.swiper-nav .swiper-slide a:after{content:normal;}
.swiper-nav .swiper-slide:nth-child(4):before,
.swiper-nav .swiper-slide:last-child:before{display: none;}

/* .swiper-nav-m .swiper-slide{width:14.28571%!important;}
.swiper-nav-m .swiper-slide a{line-height:normal!important; padding-top:15px; padding-bottom:19px;}
.swiper-nav-m .swiper-slide a:after{display: none;} 
.swiper-nav-m .swiper-slide:hover, 
.swiper-nav-m .swiper-slide.checked{background: #0e65ae;} */

.footer .footer-grid{padding:20px 0; text-align:center;}
.footer .footer-grid .bqxx{padding-bottom:15px;}
.footer .footer-grid .bqxx span.beian{display:inline-block;}
.footer .footer-grid .biaozhi{position:static; width:auto; margin-top:0;}

.rel-appendixs h3{padding:20px 0 5px;}

.module-main{margin-right:0; margin-left:0;}
.module-box{margin-right:0; margin-left:0;}
.module-span2{float:none; width:auto;}
.module-span4{float:none; width:auto;}
.module-span3{float:none; width:auto;}
.module-span5{float:none; width:auto;}
.module-span6{float:none; width:auto;}
.module-span7{float:none; width:auto;}
.module-span8{float:none; width:auto;}
.module-span9{float:none; width:auto;}
.module-span10{float:none; width:auto;}

.common-head .menu1 li{padding-bottom:12px; margin-right:15px;}
.common-head .menu1 li.on{padding-bottom:10px;}
.common-head .menu1 li.current{padding-bottom:10px;}

.common-bd{padding-top:10px;}

.otherList .infoList li h4{padding-right:100px; text-align:left;}
.otherList .infoList li h4 a{float:left; max-width:100%; line-height:1.8em; white-space:nowrap;}
.otherList .infoList li h4 .time{position:absolute; float:none; margin-top:-.9em; line-height:1.8em;}

.common-picSlide,
.common-picSlide .bd{height:400px !important;}
}


@media (max-width:880px) {
.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:380px !important;}
}

/* xs mobile*/
@media (max-width: 768px) {
body{font-size:14px;}

.header .topBar dl{position:relative; overflow:inherit;}
.header .topBar dd.header-choose-menu{position:absolute; top:40px; right:0; left:0; z-index:1000; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border: none;}
.header .topBar dd.header-choose-menu ul li{float:none; border-bottom:1px solid rgba(225,225,225,.3);}
.header .topBar dd.header-choose-menu ul li.split{display:none;}
.header .topBar dd.header-choose-menu ul li a{color:#333;display: block;}
.header .topBar dd.header-choose-menu ul li #ft span{display: block;}
.header .topBar dd.header-choose-menu ul li a:hover{color:#4292f3;}
.header .topBar dd.header-choose-menu ul li img{display:none;}
.header .topBar dd.header-choose-menu ul li font{display:inline-block;}
.header .topBar dd#header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
.header .topBar dd#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:205px; transition:all .5s; }

.header-choose-btn{position:absolute; top:11px; right:10px; z-index:9; display:block;}
.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-choose-btn span:nth-child(1){top:0;}
.header-choose-btn span:nth-child(2){top:50%;}
.header-choose-btn span:nth-child(3){top:100%;}
.header-choose-opened .header-choose-btn span:nth-child(1){
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
}
.header-choose-opened .header-choose-btn span:nth-child(2) {
		-webkit-transform: translateY(-50%) scaleX(0);
		-ms-transform: translateY(-50%) scaleX(0);
		transform: translateY(-50%) scaleX(0);
}
.header-choose-opened .header-choose-btn span:nth-child(3) {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
}

.swiper-nav .swiper-slide{width:26%;}
.swiper-nav .swiper-slide a{line-height:35px;}
.swiper-nav .swiper-home{width:22%; height: 68px;}
.swiper-nav .swiper-home a{line-height:68px;}

/* .swiper-nav-m .swiper-slide{width:auto !important;}
.swiper-nav-m .swiper-slide a{margin-right:20px; margin-left:20px; padding-top:12px; padding-bottom:16px;} */

.common-pic-mode ul li a p.pic{height:128px !important;}

/* 友情链接*/
.footer .footer-link-menu ul li {width: 33.333% !important;}
.footer .footer-link-content ul li {width: 33.333%;}

.m-common-more{display: block;}

}

@media (max-width:680px) {
.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:346px !important;}

.common-pic-mode ul li{width:50% !important;}
.common-pic-mode ul li a p.pic{height:208px !important;}
}

@media (max-width:640px) {
.common-more{display:none;}

.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:286px !important;}

.common-pic-mode ul li a p.pic{height:180px !important;}

.owl-carousel.owlcarousel-common .owl-nav > div{margin-top: -30px; width: 30px; height: 60px;}
.owl-carousel.owlcarousel-common .owl-nav > div i{font-size: 1.75em;}
.owl-carousel.owlcarousel-common .owl-nav > div.owl-prev{border-top-right-radius: 70px; border-bottom-right-radius: 70px;}
.owl-carousel.owlcarousel-common .owl-nav > div.owl-next{border-top-left-radius: 70px; border-bottom-left-radius: 70px;}

.owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -15px; width: 30px; height: 30px; background: none !important;box-shadow: none !important; border: none;}
.owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1em;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: 0 !important;}
.owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: 0 !important;}
}

@media (max-width: 480px) {
body{font-size:14px;}

.header .topBar dt{padding-left:0;}
.header .topBar dt span{padding-right:6px; padding-left:6px;}
.header .topBar dt span.split{display:none;}
.header .topBar dt span.datetime{display:none;}

.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:248px !important;}

.common-pic-mode ul li a p.pic{height:150px !important;}
.common-pic-mode ul li span.txtbg{height:35px;}
.common-pic-mode ul li span.txt{line-height:35px;}
.common-pic-mode ul li p.pic .shadow{width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
.common-pic-mode ul li p.pic i{width:12px; height:14px;  margin-top:-7px; margin-left:-6px;}


/* 友情链接*/
.footer .footer-link-menu ul li {width:50% !important;}
.footer .footer-link-content ul li {width:50%;}
}
@media (max-width: 375px) {
	/* 友情链接*/
	.footer .footer-link-menu ul li {width:100% !important;}
	.footer .footer-link-content ul li {width:50%;}
}

@media (max-width: 360px) {
.header-menu .mainnav li>a{font-size:1em;}

.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
.infoList li h4{padding-right:0 !important;}
.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
.infoList li h4 .time{position:static !important;}

.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:220px !important;}

.common-picSlide .btn-prev,
.common-picSlide .btn-next{margin-top:-18px; width:20px; height:36px; background:url(../images/sliderArrow-min.png) no-repeat 0 0;}
.common-picSlide .btn-next{background-position:right center;}
.common-picSlide .bd li span.txt{margin-right:80px;}
.common-picSlide .hd ul li{width:8px; height:8px;}

.common-picSlide-left .btn-prev,
.common-picSlide-left .btn-next{margin-top:-18px; width:20px; height:36px; background:url(../images/sliderArrow-min.png) no-repeat 0 0;}
.common-picSlide-left .btn-next{background-position:right center;}
.common-picSlide-left .bd li span.txt{margin-right:80px;}
.common-picSlide-left .hd ul li{width:8px; height:8px;}
.common-pic-mode ul li a p.pic{height:120px !important;}



}

@media (max-width: 320px){
	
.common-picSlide-left .bd,
.common-picSlide-left .bd ul li img,
.common-picSlide,
.common-picSlide .bd{height:180px !important;}

.common-pic-mode ul li{width:100% !important;}
.common-pic-mode ul li a p.pic{height:auto !important;}
}


/* 手机版适老化 */
.older-m .footer .footer-link-menu ul li{width: 100% !important;}
@media (min-width: 481px) {
	.older-m .swiper-nav .swiper-slide a{font-size: 1.4em;}
}
@media (min-width: 395px) and (max-width: 480px) {
	.older-m .swiper-nav .swiper-slide a{font-size: 1.25em;}
}
@media (min-width: 340px) and (max-width: 394px) {
	.older-m .swiper-nav .swiper-slide a{font-size: 1.15em;}
}
@media (max-width: 339px) {
	.older-m .swiper-nav .swiper-slide a{font-size: 1em;}
}
