.pageName_box{position: absolute;left: 0;top:0;width: 100%;height: 100%;color: #fff;}
.pageName_box2{height: 100%;}
.pageName_box h1{position: absolute;left: 0;top:35%;font-size: 3rem;}
.pageName_box h1:after{content: '';display: block;position: absolute;width: 100%;left: 0;bottom: -0.3125rem;height: 0.25rem;background: #fff;}
.pageName_box h1:before{content: '';display: block;position: absolute;width: 50%;left: 0;bottom: -0.3125rem;height: 0.25rem;background: #2272de;z-index: 1;}
.gjjs{width: 100%; height:64.375rem; background:url(/uiFramework/commonResource/image/gjjsBg.png) no-repeat;  background-position:right;overflow: hidden;}
.gjjs_con{ margin: 0 auto;}
.gjjs_title{width:100%; margin: 0 auto;}
.gjjs_text{ width: 56%; margin-top: 1.875rem; margin-bottom: 3.75rem;}
.gjjs_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.gjjs_title p{line-height: 5.625rem; padding-top: 5.625rem; font-weight:bold ;
    width: 18.25rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }

.card-a {
	width: 100%;
	overflow: hidden;
	display: none;
}

.card-a:first-child {
	display: block;
}

.card-a-jkds,
.card-a-ckxy,
.card-a-bdbxy,
.card-a-jkxy {transition: all 1s;
	width: 20.5rem;
	height: 27.5rem;
	border: 0.0625rem solid #CCC;
	float: left;
	cursor: pointer;
	margin-left: 2%;
    box-sizing: border-box;

}




.card-a-jkds:hover,
.card-a-ckxy:hover,
.card-a-bdbxy:hover,
.card-a-jkxy:hover{transform: scale(1.05);
	background: #2272DE;
}

.card-jkds-icon {
	width: 5rem;
	height: 4.3125rem;
	margin: 3.1875rem 0 0 1.9375rem;
	background: url(/uiFramework/commonResource/image/jkds-blue.png) no-repeat;
	overflow: hidden;
    background-size: cover;
}

.card-ckxy-icon,
.card-bdbxy-icon,
.card-jkxy-icon {
	height: 5.0625rem;
	margin: 2.6875rem 0 0 1.9375rem;
}


.card-ckxy-icon {
	width: 4.125rem;
	background: url(/uiFramework/commonResource/image/ckxyz-blue.png) no-repeat;
	overflow: hidden;
    background-size: cover;
}

.card-bdbxy-icon {
	width: 6rem;
	background: url(/uiFramework/commonResource/image/bdbxyz-blue.png) no-repeat;
	overflow: hidden;
    background-size: cover;
}

.card-jkxy-icon {
	width: 4.125rem;
	background: url(/uiFramework/commonResource/image/jkxyz-blue.png) no-repeat;
	overflow: hidden;
    background-size: cover;
}

.card-jkds-h2,
.card-ckxy-h2,
.card-bdbxy-h2,
.card-jkxy-h2 {font-weight: bold;
	font-size: 1.75rem;
	color: #333;
}

.card-jkds-h2,
.card-ckxy-h2,
.card-bdbxy-h2,
.card-jkxy-h2{
	margin: 1.75rem 0 0 1.9375rem;
}



.card-jkds-p,
.card-ckxy-p,
.card-bdbxy-p,
.card-jkxy-p {
    width: 86%;
    font-size: 1.125rem;

    line-height: 2rem;
    margin: 2.5rem auto;
}


.card-a-jkds:hover .card-jkds-icon{
	background: url(/uiFramework/commonResource/image/jkds-white.png) no-repeat;
        overflow: hidden;
	background-size: cover;
}

.card-a-ckxy:hover .card-ckxy-icon {
	background: url(/uiFramework/commonResource/image/ckxyz-white.png) no-repeat;
        overflow: hidden;
	background-size: cover;
}

.card-a-bdbxy:hover .card-bdbxy-icon {
	background: url(/uiFramework/commonResource/image/bdbxyz-white.png) no-repeat;
        overflow: hidden;
	background-size: cover;
}

.card-a-jkxy:hover .card-jkxy-icon {
	background: url(/uiFramework/commonResource/image/jkxyz-white.png) no-repeat;
        overflow: hidden;
	background-size: cover;
}

.card-a-jkds:hover .card-jkds-h2,
.card-a-ckxy:hover .card-ckxy-h2,
.card-a-bdbxy:hover .card-bdbxy-h2,
.card-a-jkxy:hover .card-jkxy-h2 {
	color: #FFF;
}

.card-a-jkds:hover .card-jkds-p,
.card-a-ckxy:hover .card-ckxy-p,
.card-a-bdbxy:hover .card-bdbxy-p,
.card-a-jkxy:hover .card-jkxy-p {
	color: #FFF;
}

.card-tab {
	width: 7.5rem;
	overflow: hidden;
	margin: 3.75rem auto 0;
}

.card-tab-icon {
	float: left;
	width: 1.875rem;
	height: 0.375rem;
	cursor: pointer;
	background-color: #666666;
	border-radius: 0.1875rem;
}

.card-tab-icon:first-child {
	margin-right: 1.875rem;
}

.card-icon-act {
	width: 3.75rem !important;
	background-color: #2272de !important;
}
.swiper {overflow: hidden;    padding-bottom: 6rem;
        position: relative;
        width: 100%;
       
      }
      .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      body .swiper-pagination{bottom: 4rem;}
     body .swiper-pagination-bullet {
    width: 1.875rem;
    height: 0.375rem;
    cursor: pointer;
    background-color: #666666;
    border-radius: 0.1875rem;

    height: 8px;
    display: inline-block;

    }
  body .swiper-pagination-bullet-active {
    opacity: 1;
    width: 3.75rem;
    background-color: #2272de !important;}
   body .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.625rem;
}


.myrz{height: 44.5rem;width:100%;background:url(/uiFramework/commonResource/image/myrzBg.jpg) no-repeat;overflow: hidden; background-size: cover;}
.myrz_con{ margin: 0 auto;}
.myrz_title{width:100%; margin: 0 auto;}
.myrz_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 12.25rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.myrz_text{ width: 50%; margin-top: 1.875rem;}
.myrz_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.wrapper {
	width: 100%;
	overflow: hidden;
}

.wrapper-a {
	float: left;
	overflow: hidden;
	
	margin-left: 3.125rem;
}

.wrapper-a:first-child {width: 30%;
	margin-left: 0;
}

.wrapper-a a {display: block;
	font-size: 1.75rem;
	color: #333;
	margin-top: 2.8125rem;
	font-weight: bold;
}

.wrapper-a a:hover {
	color: #2272de;
}


.kjrz{width:100%;height: 44.5rem;
    background: url(/uiFramework/commonResource/image/myrzBg.jpg) no-repeat;}
.kjrz_con{ margin: 0 auto;}
.kjrz_title{width:100%; margin: 0 auto;}
.kjrz_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 12.25rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.kjrz_text{ width: 56%; margin-top: 1.875rem;}
.kjrz_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.rzmc{ width: 56%; margin-top: 2.5rem;margin-bottom: 5rem;}

.rzmc-box {
	width: 100%;
	overflow: hidden;
	margin-top: 1.875rem;
}

.rzmc-box a {font-weight: bold;
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 1.25rem;
	color: #333;
	border-bottom: 0.0625rem solid #ececec;
}

.rzmc-num {
	float: left;
	font-size: 1.75rem;
	color: #3774d7;
	height: 5rem;
	line-height: 5.375rem;
	padding: 0 1.4375rem;
}

.rzmc-txt {
	float: left;
	margin-left: 1.1875rem;
	font-size: 1.25rem;
	color: #333;
	height: 5rem;
	line-height: 5rem;
}

.rzmc-right-arrow {
	float: right;
	margin-right: 2.375rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	height: 5rem;
	line-height: 5rem;
}

.rzmc-act {
	border-bottom: none;
	background-color: #3774d7;
}

.rzmc-act .rzmc-num,
.rzmc-act .rzmc-txt,
.rzmc-act .rzmc-right-arrow {
	color: #FFF !important;
}

.whjy{height:60rem;width:100%;background:url(/uiFramework/commonResource/image/whjyBg.jpg) no-repeat;overflow: hidden;background-size: cover;}
.whjy_con{ margin: 0 auto;}
.whjy_title{width:100%; margin: 0 auto;}
.whjy_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 12.25rem;color: #333333;font-size: 3rem;border-bottom: 0.175rem solid #3774d7; }
.whjy_text{ width: 58%; margin-top: 1.875rem;}
.whjy_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.whjy-box {
	width: 100%;
	height: 30.0625rem;
	margin: 4.375rem auto;
}

.whjy-box>a {transition: all 1s;
	float: left;
	width: 19.5rem;
	height: 30.0625rem;
	text-align: center;
	background: url(/uiFramework/commonResource/image/black-transparent.png) no-repeat;
}

.whjy-box>a:hover {transform: scale(1.05);
	background: url(/uiFramework/commonResource/image/blue-transparent.png) no-repeat;
}

.whjy-box>a>span {
	width: 11.25rem;
	height: 30.0625rem;
	padding: 0 3.625rem;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.75rem;
	color: #fff;
}

.whjy-mar {
	margin: 0 3.8rem;
}
.whjy-mar2 {
	margin-right: 3.8rem;
}

@media screen and (max-width: 48rem) {
.kjrz{    background-size: 100% 100%;
    height: auto;}
.kjrz_con { padding-bottom:2rem;
    width: 96%;
    margin: 0 auto;
}
.kjrz_title p{
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.kjrz_text {
    width: 100%;
    margin-top: 1rem;
}
.kjrz_text  p {
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}
.rzmc-box a {
    height: 3rem;
    line-height: 3rem;
    list-style: none;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 0.125rem solid #ccc;
}

.rzmc-num {font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: left;
    color: #3774d7;
}
.rzmc-txt {font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: left;
    margin-left: 0;
    color: #333;
}
.rzmc-right-arrow {font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: right;
    margin-right: 1.375rem;
    font-weight: bold;
    color: #333;
 
}

.rzmc {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
 .myrz_con{
    width: 96%;
    margin: 0 auto;
}
.myrz_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.myrz_text{
    width: 100%;
    margin-top: 1rem;
}
 .myrz_text p {
      line-height: 1.8rem;
    color: #333333;
    font-size: 1rem;
}
.wrapper-a a {
    font-size: 0.875rem;
    margin-top: 1rem;
    font-weight: bold;
}
.myrz {
   background-size: 100% 100%;
       height: 21rem;
   }
.whjy_con{
    width: 96%;
    margin: 0 auto;
}
.whjy_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.whjy_text{
    width: 100%;
    margin-top: 1rem;
}
 .whjy_text p {
      line-height: 2rem;
    color: #333333;
    font-size: 1rem;
}

.whjy {
   background-size: 100% 100%;
       height: inherit;
   }
   
.whjy-box {
    width: 100%;
    height: 11.0625rem;
    margin: 2rem auto;
}   
.whjy-box>a {
    float: left;
    width: 5rem;
    height: 8.0625rem;
    text-align: center;
}
.whjy-box>a>span {
 
    height: 8.0625rem;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 1rem;
    color: #fff;
}
.whjy-mar {
     margin: 0 1.5%; 
}
.whjy-mar2,.whjy-mar3 {

    margin-right: 1.5%;

}

.gjjs_con {
    width: 96%;
    margin: 0 auto;
}
.gjjs_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 7.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
 .gjjs_text {
    width: 100%;
    margin-top: 1rem; margin-bottom: 1rem;
}
 .gjjs_text p {
      line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}

.gjjs {
    background-size: 100% 100%;
    height: auto;
}

.card-a-ckxy, .card-a-jkxy {
    margin-left: 0.6rem;
}
.card-a-jkds, .card-a-ckxy, .card-a-bdbxy, .card-a-jkxy {
    transition: all 1s;
    width: 47%;
    height: 15.5rem;
    border: 0.0625rem solid #CCC;
    float: left;
    cursor: pointer;
}
.card-a-bdbxy {
    margin-top: 1.8rem;
}
.card-a-jkxy{
    margin-top: 1.8rem;}

.card-jkds-h2, .card-ckxy-h2, .card-bdbxy-h2, .card-jkxy-h2 {
    font-weight: bold;
    color: #333;
    margin: -1.6rem 0 0 1rem;
    font-size: 1.25rem;
}
.card-jkds-p, .card-ckxy-p, .card-bdbxy-p, .card-jkxy-p {
    width: 86%;
    font-size: 0.875rem;
    line-height: inherit;
    margin: 0.5rem auto;
}
.card-tab {
    width: 7.5rem;
    overflow: hidden;
    margin: 1.75rem auto 1.75rem;
}
.card-jkds-icon,
.card-ckxy-icon,
.card-bdbxy-icon,
.card-jkxy-icon {  margin: 1rem 0 0 1rem;
    background-size: 50% 50%;
}
.card-a-jkds:hover .card-jkds-icon,
.card-a-ckxy:hover .card-ckxy-icon,
.card-a-bdbxy:hover .card-bdbxy-icon,
.card-a-jkxy:hover .card-jkxy-icon {    margin: 2rem 0 0 1rem;
    background-size: 50% 50%;
}
.card-ckxy-icon { height:4.125rem;}
.swiper {
    padding-bottom: 3rem !important;
}
.swiper-pagination-bullet {
    width: 0.875rem !important;
}
.swiper-pagination-bullet-active {

    width: 1.75rem !important;
    
}
.pageName_box h1{font-size: 1.25rem;}
 .pageName_box h1:before,.pageName_box h1:after{height: 0.05rem;}
}
@media screen and (min-width:992px) and (max-width:1202px) {
.kjrz { background-size:100% 100%;}
}