.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;}
.kjlct{width: 100%; height: 47.5rem;}
.kjlct_tab{ width: 100%;}
.kjlct .kjlct_tab ul li:hover{transform: scale(1.05);}
.kjlct .kjlct_tab ul li:first-child {transition: all 1s;
    background:url(/uiFramework/commonResource/image/beiBg.png) no-repeat;
    background-size: 100%;
}
.kjlct .kjlct_tab ul li:first-child+li {transition: all 1s;
    background:url(/uiFramework/commonResource/image/nanBg.png) no-repeat;
    background-size: 100%;margin-right: 0rem;
}
.kjlct_tab li{position: relative; border: 0.0625rem solid #efefef;
    float: left;
    width: 46%;
    height: 19.5rem;
    margin-right: 6%;
    margin-bottom: 4rem;
    border-radius: 0.3rem;
}
.kjlct_tab li img{position: absolute; width:8%;
    left: 10%;
    top: 10%;}
.kjlct_tab li p{position: absolute;
    left: 10%;
    top: 35%;
    height: 0.8rem;
    font-size: 1.8rem;
    color: #333333;
    line-height: 0.8rem;}
.kjlct_tab li span{    position: absolute;
    left: 10%;
    top: 54%;width: 80%;
    line-height: 1.875rem;
    color: #333333;
    font-size: 1rem;
    letter-spacing: 0.0625rem;}
.kjlct_con{ margin: 0 auto;}
.kjlct_title{width:100%; margin: 0 auto;}
.kjlct_text{ width: 56%; margin-top: 1.875rem;}
.kjlct_text{  margin-bottom: 3.75rem;}
.kjlct_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.kjlct_title p{line-height: 5.625rem; padding-top: 5.625rem; font-weight:bold ;
    width: 15.5rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }

.dklc{height: 44.5rem;width:100%;background:url(/uiFramework/commonResource/image/dklcBg.jpg) no-repeat;overflow: hidden; background-size: cover;}
.dklc_con{ margin: 0 auto;}
.dklc_title{width:100%; margin: 0 auto;}
.dklc_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; }
.dklc_text{ width: 50%; margin-top: 1.875rem;}
.dklc_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }

.grdk{height: 42.5rem;width:100%;background:url(/uiFramework/commonResource/image/grdkBg.jpg) no-repeat;overflow: hidden;background-size: cover;}
.grdk_con{ margin: 0 auto;}
.grdk_title{width:100%; margin: 0 auto;}
.grdk_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 46rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.grdk_text{ width: 56%; margin-top: 1.875rem;}
.grdk_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }

.lccp{width:100%;background:url(/uiFramework/commonResource/image/lccpBg.png) no-repeat;  background-position:right;overflow: hidden;}
.lccp_con{ margin: 0 auto;}
.lccp_title{width:100%; margin: 0 auto;}
.lccp_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; }
.lccp_text,.kjlct_text{ width: 90%; margin-top: 1.875rem;}
.lccp_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.lcmc{ width: 56%; margin-top: 2.5rem;margin-bottom: 5rem;}

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

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

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

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

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

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

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

@media screen and (max-width: 48rem) {
.lccp{    background-size: 100% 100%;
    height: auto;}
.lccp_con {
    width: 96%;
    margin: 0 auto;
}
.lccp_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;
}
.lccp_text {
    width: 100%;
    margin-top: 1rem;
}
.lccp_text  p {
    line-height: 1.8rem;
    color: #333333;
    font-size: 1rem;
}
.lcmc-box a {
    height: 3rem;
    line-height: 3rem;
    list-style: none;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 0.125rem solid #ccc;
}

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

.lcmc {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
 .dklc_con{
    width: 96%;
    margin: 0 auto;
}
.dklc_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;
}
.dklc_text{
    width: 100%;
    margin-top: 1rem;
}
 .dklc_text p {
      line-height: 1.8rem;
    color: #333333;
    font-size: 1rem;
}

.dklc {
   background-size: 100% 100%;
       height: 16rem;
   }
.grdk_con{
    width: 96%;
    margin: 0 auto;
}
.grdk_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 18.75rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.grdk_text{
    width: 100%;
    margin-top: 0.75rem;
}
 .grdk_text p {
      line-height: 1.6rem;
    color: #333333;
    font-size: 1rem;
}

.grdk {
   background-size: 100% 100%;
       height: 16rem;
    margin-bottom: 1.5rem;
   }


.kjlct_con {
    width: 96%;
    margin: 0 auto;
}
.kjlct_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 6.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
 .kjlct_text {
    width: 100%;
    margin: 1rem 0;
}
 .kjlct_text p {
      line-height: 1.8rem;
    color: #333333;
    font-size: 1rem;
}
.kjlct_tab li img {left:5%;
    top: 5%;
}
.kjlct_tab li p {
left: 5%;
    top: 24%;
    font-size: 1rem;
}
.kjlct_tab li {
    width: 100%;
    margin-bottom:1rem;
}
.kjlct_tab li span {
left: 5%;
    top: 36%;
    width: 92%;
    line-height: 1rem;
    font-size: 0.875rem;
    overflow: hidden;
}
.kjlct_tab li {height:10.5rem;}
.kjlct {
    width: 100%;
    height: auto;
}
.pageName_box h1{font-size: 1.25rem;}
 .pageName_box h1:before,.pageName_box h1:after{height: 0.05rem;}


}
@media screen and (min-width:768px) and (max-width:992px) {
.kjlct_tab li span {

   line-height: 2rem;
    width: 88%;
    top: 46%;
   
}
.kjlct_tab li p {
    top: 37%;
}
.grdk_text p {
    line-height: 3.5rem;

}

}
@media screen and (min-width:992px) and (max-width:1202px) {
.kjlct_tab li span {

    line-height: 2rem;
    width: 88%;
    top: 46%;
}
.kjlct_tab li p {
    top: 37%;
}
.grdk_text p {
    line-height: 3.5rem;

}

}