.device{ background: #fefefe; width: 100%;}
.swiper-container {margin-top: 2.25rem !important; width: 100%; height:14.25rem;}
.swiper-slide a { display: block; width: 23.5rem; height: 6.25rem; float: left; background: #fff; margin-left: 0.125rem; margin-right: 1.25rem; margin-top: 0.125rem; border: 0.0625rem solid #f8f8f8;    box-shadow: 0px 0px 2px #ccc;}
.swiper-slide a .fw-icon{     margin: 1.3125rem 1.125rem 1.3125rem 1.875rem;
    float: left;
    display: block;
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 0.625rem;
    background: linear-gradient(to right, #004097, #2ea7e0);}
.swiper-slide a .fw-icon img{    margin-top: 1.0625rem;
    margin-left: 0.8125rem;
    width: 2rem;}
.swiper-slide .ykcs .fw-icon img{    margin-top: 0.875rem;
    margin-left: 0.875rem;
    width: 1.875rem;}
.swiper-slide .sfbz .fw-icon img{    margin-top: 0.875rem;
    margin-left: 0.875rem;
    width: 1.875rem;}
.swiper-slide a .fw-txt{line-height: 6.25rem;
    font-size: 1.5rem;
    float: left;.swiper-slide .aqsyxz
    display: block;}
.swiper-slide .hkfw{ margin-right: 1.25rem; margin-left: 0;}
.swiper-slide .ykcs{ margin-right: 1.25rem; margin-left: 0;}
.swiper-slide .sfbz{     margin-left: 0;
    margin-right:1.25rem;}
.swiper-slide .aqsyxz{     
    margin-right:1.25rem;
}
.swiper-slide .xykzc{ margin-top: 1rem;
    margin-right: 1.25rem;
    margin-left: 0rem;
    margin-bottom: 0;}
.swiper-slide .xyklyhy{ margin-top: 1rem;
    margin-right: 1.25rem;
    margin-left: 0rem;
    margin-bottom: 0;}

.device .arrow-left { border:0.0625rem solid #dadada;
      display: block;
      border-radius: 100%;
      z-index: 99;
      background: #fff;
      position: absolute;
      left: 0.125rem;
      top: 55%;
      width: 2.625rem;
      height: 2.625rem;
}
.device .arrow-left img{margin-top: 1.0625rem; width: 0.75rem;
    margin-left: 0.9375rem;}
.device .arrow-right {
  display: block;
  border-radius: 100%;
  z-index: 99;
  background: #004097;
  position: absolute;
  right:0.125rem;
  top: 55%;
  width: 2.625rem;
  height: 2.625rem;
}
.device .arrow-right img{margin-top: 1.0625rem; width: 0.75rem;
    margin-left: 0.9375rem;}


.pagination {display: none;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.625rem;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 0.1875rem;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

/*服务指南、办卡攻略*/
.xyk-con{ width: 100%; background: #ffffff;height:26rem;overflow: hidden;}
.xyk-conindex{ width: 100rem; margin: 3.375rem auto;overflow: hidden;   }
.xyk-conindex .fwzn{ width: 100%; float: left; height:19.125rem; position: relative;}
.xyk-conindex .fwzn-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.xyk-conindex .fwzn-tit img{ width: 2.625rem;}
.xyk-conindex .fwzn-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}

.xyk-conindex .bkgl{ width: 36.125rem; float: right; height:19.125rem; position: relative;}
.xyk-conindex .bkgl-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.xyk-conindex .bkgl-tit img{ width: 2.625rem;}
.xyk-conindex .bkgl-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.bkgl-con{ margin-top: 2.25rem; overflow: hidden; width: 100%;}
.bkgl-con img{ width: 100%;}
.bkgl-con .bkgl-qh{ margin-top: 1.25rem; overflow: hidden;}
.bkgl-con .bkgl-qh ul li{    font-weight: 600; border-radius: 0.625rem;
    
    font-size: 1.125rem;
    line-height: 2.75rem;
    border: 0.0625rem solid #004097;
    height: 2.75rem;
    text-align: center;
    float: left;
    width: 11.25rem;}
.bkgl-con .bkgl-qh ul li a{color: #004097; font-size:1.125rem;}
.bkgl-con .bkgl-qh ul li:nth-child(2){ margin: 0 0.875rem;}
.bkgl-con .bkgl-qh ul li.onL{  background: linear-gradient(to right, #004097, #2ea7e0); border: none;}
.bkgl-con .bkgl-qh ul li.onL a{color: #fff;}
/*产品介绍*/
.xyk-cpjs{ width: 100%; background: #f4f9ff;height:36.5rem;overflow: hidden;}
.xyk-cpjscon{ width: 100rem; margin: 3.375rem auto;   }
.xyk-cpjs .cpjs-tit{     height: 2.625rem;
    overflow: hidden;
    display: block;}
.xyk-cpjs .cpjs-tit img{ width: 2.625rem;}
.xyk-cpjs .cpjs-tit span{ display: block; float: left;    font-weight: bolder; margin-right: 0.625rem;
    color: #323333;
    font-size: 1.875rem;
    line-height: 2.625rem;
}
.xyk-fl{     margin-top: 2.5rem;
    overflow: hidden;}
.xyk-fl a{ width: 24%; height: 24.5rem;  border-radius: 1rem; display: block; float: left; margin-right: 0.75rem;}
.xyk-fl .xyk-zsk{ margin-right: 0;}
.xyk-fl a img{ padding: 1.875rem; width: 88%;}
.xyk-fl a span{color: #3e3a39;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 1.5rem;}
.xyk-fl a .ljsq{    border-radius: 0.5rem; margin-top: 1.5rem; display: none;
    background: linear-gradient(to right, #004097, #2ea7e0);
    line-height: 2.25rem;
    font-size: 1rem;
    color: #fff;
    height: 2.25rem;
    width: 8.75rem;}
.xyk-fl a:hover{ background: #fff;}
.xyk-fl a:hover .ljsq{ display: block; }

/*网上商城、特惠商户*/
.xyk-con1{ width: 100%; background: #ffffff;height:29.5rem;overflow: hidden;}
.xyk-conindex1{ width: 100rem; margin: 3.75rem auto; overflow: hidden;}
.xyk-conindex1 .wssc{ width: 36.125rem; float: left; height: 21.875rem; position: relative;}
.xyk-conindex1 .wssc img{ width: 100%; height: 100%;}
.xyk-conindex1 .wssc a{ bottom: 0;
    position: absolute;
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    color: #ffffff;
    display: block;
    background: rgba(0,64,151,0.4);
    font-size: 1.375rem;}
.xyk-conindex1 .thsh{ width: 36.125rem; float: right; height: 21.875rem; position: relative;}
.xyk-conindex1 .thsh img{ width: 100%; height: 100%;}
.xyk-conindex1 .thsh a{ bottom: 0;
    position: absolute;
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    color: #ffffff;
    display: block;
    background: rgba(0,64,151,0.4);
    font-size: 1.375rem;}
/*信用卡分期*/
.xyk-fq{ width: 100%; background: #f4f9ff;height:18.75rem;overflow: hidden;}
.xyk-fqcon{width: 100rem; margin: 3.75rem auto; overflow: hidden;}
.xyk-fqcon .xffq{width: 36.125rem; float: left; height:10.875rem;}
.xyk-fqcon .xffq .xffq-text{ float: left; width: 20.125rem;height:100%;  border-top-left-radius: 1.5rem;
    background:url("/uiFramework/commonResource/image/zdfqbg.png") no-repeat;background-size: 100% 100%; }
.xyk-fqcon .xffq .xffq-text a{margin: 1.25rem auto;
    display: block;
    width: 78%;}
.xffq-textcon .fqtit{ font-size: 1.375rem;}
.xffq-textcon .fqtxt{ margin: 1.5rem auto;
    line-height: 1rem;
    font-size: 0.875rem;}
.xffq-textcon .fqckxq{    text-align: center;background: linear-gradient(to right, #004097, #2ea7e0); border-radius: 0.375rem; color: #ffffff;
    line-height: 1.5rem;
    height: 1.5rem;
    width: 6rem;
    font-size: 0.75rem;}
.xyk-fqcon .xffq .xffq-text span{ display: block;}
.xyk-fqcon .xffq .xffq-img{ float: right; width: 16rem;}
.xyk-fqcon .xffq .xffq-img img{ width: 100%;}
.xyk-fqcon .xffq .xffq-text:hover{ background:url("/uiFramework/commonResource/image/xffqbg.png") no-repeat; background-size: 100% 100%;}
.xyk-fqcon .xffq .xffq-text:hover .fqtit{ color: #fff;}
.xyk-fqcon .xffq .xffq-text:hover .fqtxt{ color: #fff;}
.xyk-fqcon .xffq .xffq-text:hover .fqckxq{ color: #004097; background: #fff;}

.xyk-fqcon .zdfq{width: 36.125rem; float: right; height:10.875rem;}
.xyk-fqcon .zdfq .zdfq-text{ float: left; width: 20.125rem; height: 100%;    border-top-left-radius: 1.5rem;
    background:url("/uiFramework/commonResource/image/zdfqbg.png") no-repeat;background-size: 100% 100%;}
.xyk-fqcon .zdfq .zdfq-text a{margin: 1.25rem auto;
    display: block;
    width: 78%;}
.zdfq-textcon .zdtit{ font-size: 1.375rem;}
.zdfq-textcon .zdtxt{ margin: 1.5rem auto;
    line-height: 1rem;
    font-size: 0.875rem;}
.zdfq-textcon .zdckxq{    text-align: center;background: linear-gradient(to right, #004097, #2ea7e0); border-radius: 0.375rem; color: #ffffff;
    line-height: 1.5rem;
    height: 1.5rem;
    width: 6rem;
    font-size: 0.75rem;}
.xyk-fqcon .zdfq .zdfq-text span{ display: block;}
.xyk-fqcon .zdfq .zdfq-img{ float: right; width: 16rem;}
.xyk-fqcon .zdfq .zdfq-img img{ width: 100%;}
.xyk-fqcon .zdfq .zdfq-text:hover{ background:url("/uiFramework/commonResource/image/xffqbg.png") no-repeat;background-size: 100% 100%;}
.xyk-fqcon .zdfq .zdfq-text:hover .zdtit{ color: #fff;}
.xyk-fqcon .zdfq .zdfq-text:hover .zdtxt{ color: #fff;}
.xyk-fqcon .zdfq .zdfq-text:hover .zdckxq{ color: #004097; background: #fff;}

 @media (max-width: 399px){
	 .bkgl-con .bkgl-qh ul li {
	     width: 29% !important;
	 }
	 .bkgl-con .bkgl-qh ul li:nth-child(2) {
	     margin: 0 1.25rem !important;
	 }
	 .xyk-fqcon .xffq .xffq-text a,.xyk-fqcon .zdfq .zdfq-text a {
	     margin: 0.75rem auto !important;
	 }
	 .swiper-slide .xyklyhy .fw-icon { margin: 1.3125rem 1.3125rem 1.3125rem 1.125rem !important;}
	
         .swiper-slide a {
            width: 98% !important; margin-right:0 !important;}
        .swiper-container {height: 38.25rem !important;}
.swiper-slide .aqsyxz .fw-icon {
    margin: 1.3125rem 1.3125rem 1.3125rem 1.125rem !important;
}

.swiper-slide .xykzc .fw-icon {
    margin: 1.3125rem 1.1325rem 1.3125rem 1.1325rem !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;}
	
	/*服务指南*/
	.xyk-con {
	    height: auto;
	}
	.xyk-conindex {
	    width: 92%;
	    margin: 1.375rem auto;
	}
	.xyk-conindex .fwzn-tit {
	    height: 1.625rem;
	}
	.xyk-conindex .fwzn-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-conindex .fwzn-tit img {
	    width: 1.625rem;
	}
	.xyk-conindex .fwzn {float: none;
	    width: 100%;
	    height: auto;
	}
.swiper-slide {
    width: 100%;
}
	.swiper-slide a {
	    width: 46%; height: auto; margin-top: 1rem;
	}
	.swiper-slide a .fw-icon {
	    margin: 1.3125rem 1.3125rem 1.3125rem 1.125rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
	.swiper-slide a .fw-icon img {
	    margin-top: 0.75rem;
	    margin-left: 0.5rem;
	    width: 1.5rem;
	}
	.swiper-slide a .fw-txt {
	    line-height: 5.25rem;
	    font-size: 1rem;
	}
	.swiper-slide .ykcs .fw-icon img,.swiper-slide .sfbz .fw-icon img {
	    margin-top: 0.5rem;
	    margin-left: 0.5rem;
	    width: 1.5rem;
	}
	.swiper-slide .aqsyxz .fw-icon {
	    margin: 1.3125rem 0.75rem 1.3125rem 0.75rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
.swiper-slide .xykzc .fw-icon {
    margin: 1.3125rem 0.75rem 1.3125rem 0.75rem;
    width: 2.625rem;
    height: 2.625rem;
}

	.swiper-slide .xyklyhy .fw-icon {
	    margin: 1.3125rem 0.5rem 1.3125rem 0.5rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
	.device .arrow-left {
	    top: 48%;
	}
	.device .arrow-right {
	    top: 48%;
	}
.swiper-slide .hkfw {
    margin-right: 0;
    margin-left:0.125rem;
}
.swiper-slide .ykcs {
   
   margin-left:0.125rem;
}
.swiper-slide .aqsyxz {
    margin-right: 0;margin-left:0.125rem;
}
.swiper-slide .xykzc{margin-right: 1.25rem;
   margin-left:0.125rem;
}
.swiper-slide .xyklyhy{
    margin-right: 0;margin-left:0.125rem;
}
.swiper-container {
    margin-top: 1.25rem !important;
    height: 19.25rem;
}
.swiper-slide .sfbz {
    margin-right: 0;
}
	/*办卡攻略*/
	.xyk-conindex .bkgl {    margin-top: 1rem;
	    width: 100%;
	    float: none;
	    height: auto;
	}
	.xyk-conindex .bkgl-tit {
	    height: 1.625rem;
	}
	.xyk-conindex .bkgl-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-conindex .bkgl-tit img {
	    width: 1.625rem;
	}
	.bkgl-con {
	    margin-top: 1rem;
	}
	.bkgl-con .bkgl-qh ul li {
	    font-size: 1rem;
	    width: 30%;
	}
	.bkgl-con .bkgl-qh ul li:nth-child(2) {
	    margin: 0 1rem;
	}
	/*产品介绍*/
	.xyk-cpjs {
	    height: auto;
	}
	.xyk-cpjscon {
	    width: 92%;
	    margin: 1.375rem auto;
	}
	.xyk-cpjs .cpjs-tit {
	    height: 1.625rem;
	}
	.xyk-cpjs .cpjs-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-cpjs .cpjs-tit img {
	    width: 1.625rem;
	}
	.xyk-fl {
	    margin-top: 0.5rem;
	}
	.xyk-fl a {
	    width: 48%;
	    height: auto;
	    float: left;
	    margin-right: 0;
	}
	.xyk-fl a img {
	    padding: 1rem;
	    width: 80%;
	}
	.xyk-fl a span {
	    font-size: 1rem;
	}
	.xyk-fl a .ljsq {    margin-top: 0.5rem;
	    display: block;
	}
	/*网上商城*/
	.xyk-con1 {
	    height: auto;
	}
	.xyk-conindex1 {
	    width: 92%;
	    margin: 1.75rem auto;
	}
	.xyk-conindex1 .wssc {
	    width: 100%;
	    float: none;
	    height: auto;
	}
	.xyk-conindex1 .thsh {    margin-top: 1rem;
	    width: 100%;
	    float: none;
	    height: auto;
	}
	/*分期*/
	.xyk-fq {
	    height: auto;
	}
	.xyk-fqcon {
	    width: 92%;
	    margin: 1.75rem auto;
	}
	.xyk-fqcon .xffq {
	    width: 100%;
	    height: auto;
	}
	.xyk-fqcon .xffq .xffq-text {
	    width: 50%;
	}
	.xyk-fqcon .xffq .xffq-img {
	    width: 50%;
	}
	.xffq-textcon .fqtxt {
	    margin: 0.5rem auto;
	}
	.xyk-fqcon .xffq .xffq-text a {
	    margin: 1rem auto;
	    width: 82%;
	}
	.xyk-fqcon .zdfq {    margin-top: 1rem;
	    width: 100%;
	    float: left;
	    height: auto;
	}
	.xyk-fqcon .zdfq .zdfq-text {
	    width: 50%;
	}
	.xyk-fqcon .zdfq .zdfq-img {
	    width: 50%;
	}
	.xyk-fqcon .zdfq .zdfq-text a {
	    margin: 1rem auto;
	    width: 82%;
	}
	.zdfq-textcon .zdtxt {
	    margin: 0.5rem auto;
	}
	
	
	
}
@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;}
	
	/*服务指南*/
	.xyk-con {
	    height: auto;
	}
	.xyk-conindex {
	    width: 92%;
	    margin: 1.375rem auto;
	}
	.xyk-conindex .fwzn-tit {
	    height: 1.625rem;
	}
	.xyk-conindex .fwzn-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-conindex .fwzn-tit img {
	    width: 1.625rem;
	}
	.xyk-conindex .fwzn {float: none;
	    width: 100%;
	    height: auto;
	}
	.swiper-slide a {
	    width: 46%; height: auto;    margin-top: 1rem;
	}
	.swiper-slide a .fw-icon {
	    margin: 1.3125rem 1.3125rem 1.3125rem 1.125rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
	.swiper-slide a .fw-icon img {
	    margin-top: 0.75rem;
	    margin-left: 0.5rem;
	    width: 1.5rem;
	}
	.swiper-slide a .fw-txt {
	    line-height: 5.25rem;
	    font-size: 1rem;
	}
	.swiper-slide .ykcs .fw-icon img,.swiper-slide .sfbz .fw-icon img {
	    margin-top: 0.5rem;
	    margin-left: 0.5rem;
	    width: 1.5rem;
	}
	.swiper-slide .aqsyxz .fw-icon {
	    margin: 1.3125rem 0.75rem 1.3125rem 0.75rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
	.swiper-slide .xyklyhy .fw-icon {
	    margin: 1.3125rem 0.5rem 1.3125rem 0.5rem;
	    width: 2.625rem;
	    height: 2.625rem;
	}
	.device .arrow-left {
	    top: 48%;
	}
	.device .arrow-right {
	    top: 48%;
	}
        .swiper-container { height: 19.25rem;margin-top: 1.25rem !important;}
	/*办卡攻略*/
	.xyk-conindex .bkgl {    margin-top: 1rem;
	    width: 100%;
	    float: none;
	    height: auto;
	}
	.xyk-conindex .bkgl-tit {
	    height: 1.625rem;
	}
	.xyk-conindex .bkgl-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-conindex .bkgl-tit img {
	    width: 1.625rem;
	}
	.bkgl-con {
	    margin-top: 1rem;
	}
	.bkgl-con .bkgl-qh ul li {
	    font-size: 1rem;
	    width: 30%;
	}
	.bkgl-con .bkgl-qh ul li:nth-child(2) {
	    margin: 0 1rem;
	}
	/*产品介绍*/
	.xyk-cpjs {
	    height: auto;
	}
	.xyk-cpjscon {
	    width: 92%;
	    margin: 1.375rem auto;
	}
	.xyk-cpjs .cpjs-tit {
	    height: 1.625rem;
	}
	.xyk-cpjs .cpjs-tit span {
	    font-size: 1.375rem;
	    line-height: 1.625rem;
	}
	.xyk-cpjs .cpjs-tit img {
	    width: 1.625rem;
	}
	.xyk-fl {
	    margin-top: 0.5rem;
	}
	.xyk-fl a {
	    width: 48%;
	    height: auto;
	    float: left;
	    margin-right: 0;
	}
	.xyk-fl a img {
	    padding: 1rem;
	    width: 80%;
	}
	.xyk-fl a span {
	    font-size: 1rem;
	}
	.xyk-fl a .ljsq {    margin-top: 0.5rem;
	    display: block;
	}
	/*网上商城*/
	.xyk-con1 {
	    height: auto;
	}
	.xyk-conindex1 {
	    width: 92%;
	    margin: 1.75rem auto;
	}
	.xyk-conindex1 .wssc {
	    width: 100%;
	    float: none;
	    height: auto;
	}
	.xyk-conindex1 .thsh {    margin-top: 1rem;
	    width: 100%;
	    float: none;
	    height: auto;
	}
	/*分期*/
	.xyk-fq {
	    height: auto;
	}
	.xyk-fqcon {
	    width: 92%;
	    margin: 1.75rem auto;
	}
	.xyk-fqcon .xffq {
	    width: 100%;
	        height: 15.875rem;
	}
	.xyk-fqcon .xffq .xffq-text {
	    width: 50%;
	}
	.xyk-fqcon .xffq .xffq-img {
	    width: 50%;
	}
	.xffq-textcon .fqtxt {
	    margin: 2rem auto;
	}
	.xyk-fqcon .xffq .xffq-text a {
	    margin: 4rem auto;
	    width: 82%;
	}
	.xyk-fqcon .zdfq {    margin-top: 1rem;
	    width: 100%;
	    float: left;
	    height: 14.875rem;
	}
	.xyk-fqcon .zdfq .zdfq-text {
	    width: 50%;
	}
	.xyk-fqcon .zdfq .zdfq-img {
	    width: 50%;
	}
	.xyk-fqcon .zdfq .zdfq-text a {
	    margin: 4rem auto;
	    width: 82%;
	}
	.zdfq-textcon .zdtxt {
	    margin: 2rem auto;
	}
	
	
}

@media screen and (min-width: 1200px) and (max-width: 1399px){
	  .xffq-textcon .fqtxt,.zdfq-textcon .zdtxt {
	      margin: 1rem auto;
	      line-height: 1.5rem;
	      font-size: 0.875rem;
	  }
  }