/*ind-swiper*/
@media screen and (min-width: 320px) {
	.banner-shade{background-image: linear-gradient(rgba(255,255,255,.8) , rgba(255,255,255,0)); position:absolute; left:0; top:0; width:100%; height:100px; z-index:2;}
	.banner-bg{ padding-bottom: 15%; position: relative; background:#fff;}

	.swiper-banner .container{ position: relative;}
	.swiper-banner div.banner-pagination{ position: absolute; right: 15px; bottom: 0; z-index: 9; text-align: center; line-height: 6px;}
	.banner-pagination span{ width: 25px; height: 3px; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; opacity: 1; margin-left: 10px; background: #f0f0f0; position: relative;}
	.banner-pagination span:before{ content: ' '; background: #004db2; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: 0% 0%; transition: 0s; position: absolute; left: 0; top: 0; height: 100%;}
	.banner-pagination span.swiper-pagination-bullet-active{background: #f0f0f0;}
	.banner-pagination span.swiper-time:before{ transition: 5s; -webkit-transform: scaleX(1); transform: scaleX(1);}
	
	.banner-bg a{ display: block; position: absolute; width: 28vw; height: 10vw;
	border-radius: 5vw; bottom: 4.7vw; left: 0; text-align: center; color: #fff; background: #ea5532; line-height: 10vw; font-size: 3vw;}
	/*.banner-bg a span{ -webkit-transform: scale(.5); transform: scale(.5); display: block; width: 200%; height: 200%; position: absolute; left: 0; top: 0; transform-origin: 0% 0%; line-height: 8vw; transition: 0s;}*/
	
	
	i.pic-scale-banner{padding-bottom:55%;}
	.banner-txt{ background: url(../img/banner-txt-bg.png) center right no-repeat; position:absolute; bottom:0; left:0; background-size:cover; width:90vw; height:45vw;}
	.banner-txt div{ margin-left: 3.9vw; padding-right:35vw; position:absolute; height:100%; padding-top:4.7vw;}
	.banner-txt b{ color:#fff; display:block;  font-size: 3.5vw; line-height:1.4; padding-top:3vw; font-weight:normal;}
	.banner-txt span{ color:#fff; display:block; font-size: 3vw;  line-height:1.4;}
}

@media screen and (min-width: 992px) {
	.banner-shade{height:190px;}
	.banner-bg{ height: 570px; padding-bottom: 0;}
	.swiper-banner div.banner-pagination{ bottom: 90px;}
/*	.banner-pagination span:before{background: #fff;}
	.banner-pagination span.swiper-pagination-bullet-active{background: rgba(255,255,255,.6);}
	.banner-pagination span.swiper-pagination-bullet-active:before{ background: #004db2;}*/
	
	.banner-pagination span{ width: 40px; height: 5px;}
	
	.banner-bg a{  width: 88px; height: 32px; -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px; bottom: 47px; left:0; margin-left:0; line-height: 32px; font-size: 14px;}
	
	.banner-bg a:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	i.pic-scale-banner{padding-bottom:500px;}
	.banner-txt{ width:800px; height:265px; left:50%; margin-left:-750px;}
	.banner-txt div{left:100%; margin-left:-525px; padding-top:47px; padding-right:250px;}
	.banner-txt b{ color:#fff; display:block; font-size: 20px; padding-top:15px;}
	.banner-txt span{ color:#fff; display:block;  font-size: 16px;}
}


@media screen and (min-width: 1240px) {
	.banner-bg{ height:720px; }
	.swiper-banner div.banner-pagination{ bottom: 100px;}
	
	.banner-bg a{  width: 111px; height: 38px; -webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px; bottom: 62px; left: 0; line-height: 38px; font-size: 16px;}
	
	i.pic-scale-banner{padding-bottom:660px;}
	.banner-txt{ width:950px; height:314px; margin-left:-850px;}
	.banner-txt div{margin-left:-695px; padding-top:62px; padding-right:350px;}
	.banner-txt b{ font-size: 24px; padding-top:20px;}
	.banner-txt span{  font-size: 18px;}
}

@media screen and (min-width: 1360px) {
	.banner-bg{ height: 800px; }
	.swiper-banner div.banner-pagination{ bottom: 120px;}
	
	.banner-bg a{  width: 122px; height: 44px; -webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px; bottom: 69px; line-height: 44px;}
	.banner-bg a span{ line-height: 44px;}
	
	
	i.pic-scale-banner{padding-bottom:700px;}
	.banner-txt{ width:2073px; height:355px; margin-left:-1950px;}
	.banner-txt div{margin-left:-790px; padding-top:62px; padding-right:350px;}
	.banner-txt b{ font-size: 28px; padding-top:20px;}
	.banner-txt span{  font-size: 20px;}
}



/*榫欏ご鍥戒紒*/
@media screen and (min-width: 320px) {
	
	.ltgq-box{ padding-bottom: 20px; position: relative; z-index: 2;}
	.ltgq-bg{ background:#eef0fa ;}
	
	.col-org{color: #ea5532;}
	
	.ltgq-tit{ color: #ea5532;}
	.ltgq-tit b{ font-size: 18px; line-height: 40px; display: block;}
	.ltgq-tit i{ display: none; font-size: 16px;}
	.ltgq-cont{ padding: 15px 0;}
	
	.ltgq-cont-l b{ display: block; font-size: 38px; color: #ea5532; line-height: 1; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
	.ltgq-cont-l b *{ line-height: 1;}
	.ltgq-cont-l .tit-sub{ font-size: 18px; font-weight: bold; color: #004db2; display: block; padding-bottom: 15px;}
	.ltgq-cont-l .txt-org{ color: #666; font-size: 14px; line-height: 24px; padding-bottom: 20px; text-align: justify;}
	.ltgq-cont-l a.more{ color: #666; font-weight: bold;}
	.ltgq-cont-l a.more:hover{ color: #ea5532;}
	
	.ltgq-cont-r{ padding-top: 15px;}
	.ltgq-cont-r a{display: block; padding: 15px;}
	.ltgq-cont-r dl{ position: relative;}
	.ltgq-cont-r dt{ padding-left: 80px;}
	.ltgq-cont-r dd{ position: absolute; left: 0; top: 0; width: 70px;}
	.ltgq-cont-r dd img{ width: 100%;}
	
	.ltgq-cont-r dt b{ color: #fff; font-size: 16px;}
	.ltgq-cont-r dt hr{ margin: 5px 0; position: relative;}
	.ltgq-cont-r dt hr:before{content: ' '; height: 2px; width: 48px; background: #ea5532; display: block; position: absolute; left: 24px; margin-left: -24px;}
	.ltgq-cont-r dt span{ font-size: 12px; line-height: 18px; color: #fff; display: block; height: 54px;}
	.ltgq-cont-r dt span *{ line-height: 18px;}
	
	
	.ltgq-cont-r li:nth-child(1) a{ background: #0c59be;}
	.ltgq-cont-r li:nth-child(2) a{ background: #004db2;}
	.ltgq-cont-r li:nth-child(3) a{ background: #004298;}
	
	
}

@media screen and (min-width: 992px) {
	
	.ltgq-tit{ text-align: right; position: relative;}
	.ltgq-tit b{ font-size: 32px; line-height: 60px;}
	.ltgq-tit i{display: block; position: absolute; right: -70px; bottom: 0; font-size: 60px; width: 60px; line-height:60px;}
	
	.ltgq-bg{ background-image: url(../img/ind-bg.png); background-position: right top; background-repeat: no-repeat;}
	
	.ltgq-cont{ padding: 0; height: 350px;}
	.ltgq-cont-l{ width: 30%; float: left; padding-right: 30px; display: flex; align-items: center; height: 100%;}

	
	.ltgq-cont-r{ width: 70%; float: left; position: relative;}
	.ltgq-cont-r li a.anim-off hr:before{  animation:ltgq-hr-anim-off .2s;
  animation-fill-mode: both;}
  	.ltgq-cont-r li a.anim-on img{animation:ltgq-img-anim-on .3s;
  animation-fill-mode: both;}
	.ltgq-cont-r li a.anim-on hr:before{  animation:ltgq-hr-anim-on .5s;
  animation-fill-mode: both;}
  
	@keyframes ltgq-img-anim-on
	{
	from {transform:  scale(1);}
	25%{transform: scale(.9);}
	50%{transform: scale(1.04);}
	75%{transform: scale(.98);}
	to {transform: scale(1);}
	}
	
	@keyframes ltgq-hr-anim-off
	{
	from {left:50%;}
	to {left:24px;}
	}
	
	@keyframes ltgq-hr-anim-on
	{
	from {left:24px;}
	25%{left: 80%;}
	50%{left: 40%;}
	75%{left: 55%;}
	to {left:50%;}
	}
	
	

	.ltgq-cont-r{ padding-top: 0; height: 100%;}
	.ltgq-cont-r ul{ height: 100%;}
	.ltgq-cont-r li{ width: 33.3333%; float: left; height: 100%;}
	.ltgq-cont-r li a{ height: 100%;}
	
	.ltgq-cont-r a{ padding: 30px 15px;}
	.ltgq-cont-r dt{ padding-left: 0;}
	.ltgq-cont-r dt b{ display: block; text-align: center; font-size: 18px;}
	.ltgq-cont-r dt span{ display: block; text-align: center;}
	.ltgq-cont-r dt hr{ margin: 15px 0;}
	.ltgq-cont-r dd{ position: relative; width: 150px;margin: 0 auto; padding-top: 25px;}
	
	.ltgq-cont-r:after{ content: ' '; background: url(../img/gree-bg.png) center bottom no-repeat; -webkit-background-size: contain;
	background-size: contain;  height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; left: 15px; right: 15px;}
	
	.ltgq-box{padding-bottom: 60px;}
}

@media screen and (min-width: 1240px) {
	
	.ltgq-tit b{ font-size: 36px;}
	.ltgq-tit i{ font-size: 90px; right: -100px; width: 90px; line-height: 90px;}
	
	.ltgq-cont{ height: 470px;}
	.ltgq-cont-l{ padding-right: 40px; }
	.ltgq-cont-l b,.ltgq-cont-l b *{ font-size: 48px; }
	.ltgq-cont-l .tit-sub{ font-size: 22px;}
	.ltgq-cont-l a.more{ font-size: 16px;}
	
	.ltgq-cont-r{ }
	
	.ltgq-cont-r dt b{ font-size: 20px;}
	.ltgq-cont-r a{ padding: 70px 35px;}
	.ltgq-cont-r dt span{ font-size: 12px; line-height: 20px; height: 60px;}
	.ltgq-cont-r dd{ width: 180px;}
	.ltgq-cont-r dd img{ width: auto;}
	
	.ltgq-box{padding-bottom: 80px;}
}


@media screen and (min-width: 1360px) {
	
	.ltgq-cont-l{  width: 380px;}
	.ltgq-cont-r{ width: 960px;}
	.ltgq-cont-r dt b{ font-size: 24px;}
	.ltgq-cont-r dt span{ font-size: 14px;}
}



/*璧勮涓績*/
@media screen and (min-width: 320px) {
	
	.zxzx-bg{background:#0c5ba4 url(../img/ind-bg.jpg) center top no-repeat; padding: 20px 0;}
	.zxzx-tit{ padding-bottom: 10px;}
	.zxzx-tit b{ font-size: 28px; color: #fff; display: block; line-height: 1.2;}
	.zxzx-tit span{ font-size: 16px; color: #fff; text-transform: uppercase; font-weight: bold;}
	i.pic-scale-zxzx{ padding-bottom: 61.90%;}
	
	.zxzx-list ul{ margin: -10px 0; overflow: hidden;}
	.zxzx-list li{ padding: 10px 0;}
	.zxzx-list dd{ background: #fff;}
	
	.zxzx-list dd{overflow: hidden; padding: 15px;}
	.zxzx-time{ float: left; padding-right: 10px; border-right: solid 1px #ddd;}
	.zxzx-time b{ font-size:46px; text-align: center; display: block; line-height: 46px; font-weight: normal; color: #004db2;}
	.zxzx-time span{ font-size: 12px; display: block; line-height: 18px; color: #004db2;}
	.zxzx-list .zxzx-r{ overflow: hidden; padding-left: 10px; line-height: 21px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
	
	.zxzx-list a:hover .zxzx-time{ border-right-color: #427bc6;}
	.zxzx-list a:hover dd{ background: #004db2;}
	.zxzx-list a:hover b{  color: #fff;}
	.zxzx-list a:hover span{  color: #fff;}
	.zxzx-list a:hover .zxzx-r{ color: #fff; }
	
	.zxzx-more { padding-top: 20px;}
	.zxzx-more a{ color: #fff; display: block; text-align: center; width: 80px; margin: 0 auto;}
	.zxzx-more a i{ font-size: 36px; display: block; line-height: 1; padding-bottom: 5px;}
	.zxzx-more a span{ display: block; line-height: 18px;text-align: center;}
	
	.zxzx-more a:hover{ transform: translateY(5px);}
}

@media screen and (min-width: 992px) {
	.zxzx-tit{ padding-bottom: 25px;}
	.zxzx-tit b{ display: block; font-size: 36px; line-height: 1.4;}
	.zxzx-tit span{ display: block; font-size: 18px; line-height: 1.4;}
	
	.zxzx-bg{ padding: 40px 0;}
	
	.zxzx-list ul{ margin: -20px;}
	.zxzx-list li{ float: left; width: 33.3333%; padding: 20px;}
	
	.zxzx-more a i{ font-size: 60px; }
	
}

@media screen and (min-width: 1240px) {
	.zxzx-tit{ padding-bottom: 35px;}
	.zxzx-tit b{ font-size: 44px;}
	.zxzx-tit span{ font-size: 22px;}
	.zxzx-bg{ padding: 70px 0;}
	
	.zxzx-time{ padding-right: 15px;}
	.zxzx-time b{ font-size: 50px; padding-bottom: 5px; text-align: center;}
	.zxzx-time span{ font-size: 14px; text-align: center;}
	
	.zxzx-list .zxzx-r{ padding-left: 15px; font-size: 16px; line-height: 34px;  font-weight: bold;  -webkit-line-clamp: 2;}
}

@media screen and (min-width: 1360px) {

	.zxzx-time b{ font-size: 60px; }
	.zxzx-time span{ font-size: 16px; }
	.zxzx-list .zxzx-r{ font-size: 18px; }
}


/*鍔犲叆鏍煎姏*/
@media screen and (min-width: 320px) {
	
	.jrgl-bg{ background:#e9ecf7 url(../img/gree-bg-02.png) center center no-repeat; padding: 20px 0;}
	.jrgl-tit{ padding-bottom: 10px;}
	.jrgl-tit b{ font-size: 28px; color: #ea5532; display: block; line-height: 1.2;}
	.jrgl-tit span{ font-size: 16px; color: #004ea2; text-transform: uppercase; font-weight: bold;}
	
	.jrgl-list a{ background-color: #f66e3f; display: block;}
	.jrgl-list span{ display: block;}
	
	.jrgl-list ul{ margin: -5px; overflow: hidden;}
	.jrgl-list li{ padding: 5px; width: 33.3333%; float: left; }
	.jrgl-list li a{ text-align: center; padding: 20px 0; position: relative; overflow: hidden;}
	.jrgl-list li a b{ font-size: 16px; font-weight: normal; color: #fff; background-position: top center; background-repeat: no-repeat; -webkit-background-size: 50px;
	background-size: 50px; display: inline-block; padding-top: 50px;}
	.jrgl-list li a span{ position: relative; display: block; line-height: 50px; }
	.jrgl-list li a i{ width: 150px; display: block; position: absolute; right: -40px; top: 0; opacity: .1; display: none;}
	.jrgl-list li a img{ width: 100%;}
	
	.jrgl-list li a:hover,.jrgl-list li a.on{background: #ea5532;}
	.jrgl-list li a span:after{content: ' '; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #fff; transform: scaleX(0);}
	.jrgl-list li a:hover span:after,.jrgl-list li a.on span:after{  transform: scaleX(1);}
	.jrgl-list li a:hover i,.jrgl-list li a.on i{ opacity: .3;}
}

@media screen and (min-width: 992px) {
	
	.jrgl-bg{ padding: 40px 0;}
	.jrgl-tit{ padding-bottom: 25px;}
	.jrgl-tit b{ display: block; font-size: 36px; line-height: 1.4;}
	.jrgl-tit span{ display: block; font-size: 18px; line-height: 1.4;}
	.jrgl-list ul{ margin: -20px;}
	.jrgl-list li{ padding: 20px;}
	.jrgl-list li a{ padding: 35px 0;}
	.jrgl-list li a b{ padding: 0 65px;  font-size: 20px;  background-position: left center; }
	.jrgl-list li a i{ display: block;}
	
	
}

@media screen and (min-width: 1240px) {
	
	.jrgl-bg{ padding: 70px 0;}
	.jrgl-tit{ padding-bottom: 35px;}
	.jrgl-tit b{ font-size: 44px;}
	.jrgl-tit span{ font-size: 22px;}
	.jrgl-list li a{ padding: 65px 0;}
	
	.jrgl-list li a span{ font-size: 26px;}
	
	.jrgl-list li a i{ width: 260px; right: -110px;}
}


@media screen and (min-width: 1360px) {
	

}