/* 正文start*/
.swiper-container { margin: 6.25rem auto !important;
  width: 100%;
  height: 25rem;
  color: #fff;
  text-align: center;
}
.swiper-container .swiper-wrapper{ height: 18.75rem !important; overflow: hidden;}
.swiper-container .swiper-wrapper a{ display: block;}
.swiper-container .swiper-wrapper a .textcon{margin: 1.875rem auto 0; width: 80%; text-align: left;}
.swiper-container .swiper-wrapper a .textcon p{ color: #666666; font-size: 1.125rem; margin-bottom: 1.5rem;}
.swiper-container .swiper-wrapper a .textcon .num{font-weight: bold; font-size: 4.5rem; color: #004097;}
.swiper-container .swiper-wrapper a .textcon .num>span{ font-size: 2rem;}
.swiper-container .swiper-wrapper a .textcon .dkmc{font-size: 1.5rem;}
.swiper-container .swiper-wrapper a .textcon .dkjj{background: url("/uiFramework/commonResource/image/grywrt-color.png") no-repeat right;}
.swiper-container .swiper-wrapper a:hover p{ color: #ffffff !important;}
.swiper-container .swiper-wrapper a:hover{background: url("/uiFramework/commonResource/image/dkbg-icon.png") #ef8200 no-repeat right top;}
.swiper-container .swiper-wrapper a:hover .textcon .dkjj{background: url("/uiFramework/commonResource/image/grywwhite.png") no-repeat right;}

.swiper-slide{ width: 22.125rem !important; margin-right: 1.25rem; height: 100% !important; background: url("/uiFramework/commonResource/image/dkbg-icon.png") #fff no-repeat right top;} 
.swiper-slide .title {
  font-style: italic;
  font-size: 2.625rem;
  margin-top: 5rem;
  margin-bottom: 0;
  line-height: 2.8125rem;
}
.pagination {
      overflow: hidden;
      height: 0.625rem;
      width: 8%;
      position: absolute;
      z-index: 20;
      right: 15%;
      bottom: 0.625rem;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  background: #fff;
  margin-right: 0.625rem;
  opacity: 0.8;
  border: 0.0625rem solid #004097;
  cursor: pointer;
}
.swiper-active-switch {
  background: #004097;
}
/*个人贷款*/
.grdk{ width: 100%; height: 43.125rem; background: #f4f4f4; overflow: hidden;}
.grdkc{ width: 100rem; margin: 3.75rem auto; overflow: hidden;}
.grdk .grdkc .grdk-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.grdk .grdkc .grdk-tit img{ width: 2.625rem;}
.grdk .grdkc .grdk-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.grdk-con{ width: 100%; height: 33rem; overflow: hidden; position: relative;}
.grdk-con .conL{ width:48rem; height: 33rem; position: absolute; left: 0; bottom: 0;}
.grdk-con .conL img{ width: 100%; height: 100%;}
.grdk-con .conR{ width:82rem; height: 33rem; float: right;}
/*借记卡*/
.jjk{ width: 100%; height: 41.875rem; background: #f4f9ff; overflow: hidden;}
.jjkc{ width: 100rem; margin: 5rem auto; overflow: hidden;}
.jjk .jjkc .jjk-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.jjk .jjkc .jjk-tit img{ width: 2.625rem;}
.jjk .jjkc .jjk-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.jjk-con{ overflow: hidden; margin-top: 3.125rem;}
.jjk-con .pk,
.jjk-con .vip,
.jjk-con .lmk{     height:25.75rem; float: left; margin-right: 0.875rem;border: 0.0625rem solid #ccc;
    position: relative;
    width: 32rem;}
.jjk-con .pk img,
.jjk-con .vip img,
.jjk-con .lmk img{ width: 100%;}
.jjk-con a{color: #333333; position: absolute; left: 0; background: #ffffff;      
    font-size: 1.5rem;  
    height: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;}
.jjk-con a span{margin-left: 2rem; line-height: 3.125rem; color: #333333; text-align: left; margin-top: 0.625rem;
    display: block;
    width: 6.25rem;
    border-bottom: 0.0625rem solid #004097;}
.jjk-con a:hover span{ border-bottom: 0.0625rem solid #ef8200;}
/*个人储蓄*/
.grcx{ width: 100%; height: 42.75rem; background: url("/uiFramework/commonResource/image/grcxbg.png") no-repeat; background-size: 100% 100%; overflow: hidden;}
.grcxc{ width: 100rem; margin: 5rem auto; overflow: hidden;}
.grcx .grcxc .grcx-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.grcx .grcxc .grcx-tit img{ width: 2.625rem;}
.grcx .grcxc .grcx-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #ffffff;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.grcx-con{color: #fff; overflow: hidden;
    width: 61.875rem;
    float: left;}
.grcx-con .grcx-index1{ width: 30.25rem; color:#fff; height: 12.5rem; float: left; background: url("/uiFramework/commonResource/image/cpbg.png") no-repeat; background-size: 100% 100%; margin-top: 3.125rem; opacity: 0.8;}
.grcx-con .grcx-index1:hover{ background: #ef8200;}
.grcx-con .grcx-index1 span {
        margin: 2.125rem auto 0;
        width: 80%;
        display: block;
        font-size: 1.125rem;
        line-height: 1.75rem;
}
.grcx-con .grcx-index1 .grcx-indextit{ font-size: 1.5rem;}
.grcx-con .grcx-index1 .grcx-indextext{ margin-top: 1rem;}
.grcx-con .zczq{ margin: 3.125rem 0 0 1.25rem;}
.grcx-con .dqybt{ width: 19.5rem; margin: 1rem 1.5rem 0 1.5rem;}
.grcx-con .hqcx,.grcx-con .grtzck{ width: 19.5rem; margin-top: 1rem;}
/*缴费中心*/
.jfzx{ width: 100%; height:26.875rem; background:#ffffff; overflow: hidden;}
.jfzxc{ width: 100rem; margin: 5rem auto; overflow: hidden;}
.jfzx .jfzxc .jfzx-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.jfzx .jfzxc .jfzx-tit img{ width: 2.625rem;}
.jfzx .jfzxc .jfzx-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.jfzx-con{ margin-top: 3.75rem; overflow: hidden;}
.jfzx-con .seven{ width: 13.25rem; height: 10.875rem; background: #f4f9ff;float: left; margin-right: 1rem;}
.jfzx-con .seven .sfImg{    width: 12.8rem;
    height: 7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;}
.jfzx-con .seven a{    font-size: 1.5rem;
    text-align: center;
    display: block;
    width: 100%;}
/* 正文end*/



@media (max-width: 399px){
	.jfzx-con .seven {
	    width: 12% !important;
	}
}

@media (max-width: 767px){
	.sy-nav {
	    display: none;
	}
 	.pageName_box2 { width: 90% !important;}
	.pageName_box h1 {    top: 35% !important; font-size: 1.5rem !important;}
	.pageName_box h3 { font-size: 1rem !important;}
	
	/*个人贷款*/
	.grdkc { width: 92%; margin: 1rem auto;}
	.grdk .grdkc .grdk-tit span { font-size: 1rem; line-height: 1.625rem;}
	.grdk .grdkc .grdk-tit img { width: 1.5rem;}
	.grdk .grdkc .grdk-tit { height: 1.625rem;}
	.grdk-con .conL { width: 100%; height: 100%;}
	.grdk-con .conR { width: 100%;    height: 18rem;}
	.pagination {
	    width: 22%;
	}
	.swiper-slide {
	    width: 7.25rem !important;
	    margin-right: 0.25rem;
	}
	.swiper-container .swiper-wrapper a .textcon .num {
	    font-size: 1.5rem;
	}
	.swiper-container .swiper-wrapper a .textcon .num>span {
	    font-size: 1rem;
	}
	.swiper-container .swiper-wrapper a .textcon {
	    width: 86%;
	}
	.swiper-container .swiper-wrapper a .textcon .dkmc {
	    font-size: 1rem;
	}
	.swiper-container .swiper-wrapper a .textcon .dkjj {
	    background: url(/uiFramework/commonResource/image/grywrt-color.png) no-repeat bottom right;
		padding-bottom: 1rem;
	}
	.swiper-container .swiper-wrapper {
	    height: 13.75rem !important;
	}
	.swiper-container .swiper-wrapper a .textcon p {
	    font-size: 1rem;
	    margin-bottom: 1rem;
	}
	.swiper-container {
	    margin: 1rem auto !important;    height: 17rem;
	}
	.grdk-con {
	    height: 18rem;
	}
	.grdk {
	    height: 22.125rem;
	}
	/*借记卡*/
	.jjk { height: auto;}
	.jjkc { width: 100%; margin: 1rem auto 0;}
	.jjk .jjkc .jjk-tit { margin: 0 auto; width: 92%; height: 1.625rem;}
	.jjk .jjkc .jjk-tit span { font-size: 1rem; line-height: 1.625rem;}
	.jjk .jjkc .jjk-tit img { width: 1.5rem;}
	.jjk-con { margin: 0 auto; width: 92%; margin-top: 1.125rem;}
	.jjk-con .pk, .jjk-con .vip, .jjk-con .lmk { margin-bottom: 1rem; margin-right: 0; height: 18.5rem; width: 99%;}
	.jjk-con a span { width: 3.25rem; margin-left: 1rem; line-height: 2.125rem;}
	.jjk-con a {font-size: 1rem;}
	/*个人储蓄*/
	.grcx { height: auto;}
	.grcxc { width: 92%; margin: 1rem auto;}
	.grcx .grcxc .grcx-tit span { font-size: 1rem; line-height: 1.625rem;}
	.grcx .grcxc .grcx-tit img { width: 1.5rem;}
	.grcx .grcxc .grcx-tit { height: 1.625rem;}
	.grcx-con { width: 100%;}
	.grcx-con .grcx-index1 { width: 100%; height: 9rem; margin-top: 1.125rem;}
	.grcx-con .grcx-index1 span { margin: 0.75rem auto 0; font-size: 1rem; line-height: 1.5rem;}
	.grcx-con .grcx-index1 .grcx-indextit { font-size: 1.125rem;}
	.grcx-con .zczq,.grcx-con .dqybt { margin: 1rem 0 0 0;}
	/*缴费中心*/
	.jfzx { height: auto;}
	.jfzxc { width: 100%; margin: 1rem auto;}
	.jfzx .jfzxc .jfzx-tit { margin: 0 auto; width: 92%; height: 1.625rem;}
	.jfzx .jfzxc .jfzx-tit span { font-size: 1rem; line-height: 1.625rem;}
	.jfzx .jfzxc .jfzx-tit img { width: 1.5rem;}
	.jfzx-con { margin-top: 0.75rem;}
	.jfzx-con .seven { width: 12.25%; height: 6.875rem; margin-right: 0.5rem;}
	.jfzx-con .seven img{ width: 2rem;}
	.jfzx-con .seven .sfImg { width: 100%; height: 4rem;}
	.jfzx-con .seven a { font-size: 1rem;}
	
	
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.sy-nav {
	    display: none;
	}
 	.pageName_box2 { width: 90% !important;}
	.pageName_box h1 {    top: 35% !important; font-size: 1.5rem !important;}
	.pageName_box h3 { font-size: 1rem !important;}
	
	/*个人贷款*/
	.grdkc { width: 92%; margin: 1rem auto;}
	.grdk .grdkc .grdk-tit span { font-size: 1rem; line-height: 1.625rem;}
	.grdk .grdkc .grdk-tit img { width: 1.5rem;}
	.grdk .grdkc .grdk-tit { height: 1.625rem;}
	.grdk-con .conL { width: 100%; height: 100%;}
	.grdk-con .conR { width: 100%;    height: 18rem;}
	.pagination {
	    width: 12%;
	}
	.swiper-slide {
	    width: 14.25rem !important;
	    margin-right: 0.25rem;
	}
	.swiper-container .swiper-wrapper a .textcon .num {
	    font-size: 1.5rem;
	}
	.swiper-container .swiper-wrapper a .textcon .num>span {
	    font-size: 1rem;
	}
	.swiper-container .swiper-wrapper a .textcon {
	    width: 86%;
	}
	.swiper-container .swiper-wrapper a .textcon .dkmc {
	    font-size: 1rem;
	}
	.swiper-container .swiper-wrapper a .textcon .dkjj {
	    background: url(/uiFramework/commonResource/image/grywrt-color.png) no-repeat bottom right;
		padding-bottom: 1rem;
	}
	.swiper-container .swiper-wrapper {
	    height: 13.75rem !important;
	}
	.swiper-container .swiper-wrapper a .textcon p {
	    font-size: 1rem;
	    margin-bottom: 1rem;
	}
	.swiper-container {
	    margin: 1rem auto !important;    height: 17rem;
	}
	.grdk-con {
	    height: 18rem;
	}
	.grdk {
	    height: 22.125rem;
	}
	/*借记卡*/
	.jjk { height: auto;}
	.jjkc { width: 100%; margin: 1rem auto 0;}
	.jjk .jjkc .jjk-tit { margin: 0 auto; width: 92%; height: 1.625rem;}
	.jjk .jjkc .jjk-tit span { font-size: 1rem; line-height: 1.625rem;}
	.jjk .jjkc .jjk-tit img { width: 1.5rem;}
	.jjk-con { margin: 0 auto; width: 92%; margin-top: 1.125rem;}
	.jjk-con .pk, .jjk-con .vip, .jjk-con .lmk { margin-bottom: 1rem; margin-right: 0; height: 18.5rem; width: 100%;}
	.jjk-con a span { width: 3.25rem; margin-left: 1rem; line-height: 2.125rem;}
	.jjk-con a {font-size: 1rem; height: 3.5rem;}
	/*个人储蓄*/
	.grcx { height: auto;}
	.grcxc { width: 92%; margin: 1rem auto;}
	.grcx .grcxc .grcx-tit span { font-size: 1rem; line-height: 1.625rem;}
	.grcx .grcxc .grcx-tit img { width: 1.5rem;}
	.grcx .grcxc .grcx-tit { height: 1.625rem;}
	.grcx-con { width: 100%;}
	.grcx-con .grcx-index1 { width: 100%; height: 9rem; margin-top: 1.125rem;}
	.grcx-con .grcx-index1 span { margin: 0.75rem auto 0; font-size: 1rem; line-height: 1.5rem;}
	.grcx-con .grcx-index1 .grcx-indextit { font-size: 1.125rem;}
	.grcx-con .zczq,.grcx-con .dqybt { margin: 1rem 0 0 0;}
	/*缴费中心*/
	.jfzx { height: auto;}
	.jfzxc { width: 100%; margin: 1rem auto;}
	.jfzx .jfzxc .jfzx-tit { margin: 0 auto; width: 92%; height: 1.625rem;}
	.jfzx .jfzxc .jfzx-tit span { font-size: 1rem; line-height: 1.625rem;}
	.jfzx .jfzxc .jfzx-tit img { width: 1.5rem;}
	.jfzx-con { margin-top: 0.75rem;}
	.jfzx-con .seven { width: 12.25%; height: 6.875rem; margin-right: 0.5rem;}
	.jfzx-con .seven img{ width: 2rem;}
	.jfzx-con .seven .sfImg { width: 100%; height: 4rem;}
	.jfzx-con .seven a { font-size: 1rem;}
	
	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.swiper_item_right {
	    padding: 1rem 0 0 0.75rem;
	}
	.apply_now {
	    width: 7rem;
	}
	.gryw_card_info {
	    width: 10rem;
	}
	
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	  .swiper_item_right {
	      padding: 1rem 0 0 2rem;
	  }
	  .gryw_card_info {
	      width: 10rem;
	  }
	
  }