.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;}
.qyzh{width:100%;background:url(/uiFramework/commonResource/image/qyzhBg.png) no-repeat;  background-position:right;overflow: hidden;}
.qyzh_con{ margin: 0 auto;}
.qyzh_title{width:100%; margin: 0 auto;}
.qyzh_title p,.wtdl_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 18.5rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.qyzh_text{ width: 56%; margin-top: 1.875rem;}
.qyzh_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.qykh{ width: 56%; margin-top: 2.5rem;margin-bottom: 5rem;}
.qyzh_con .qykh ul li{ height:5rem; line-height: 5rem; list-style: none;  font-size: 1.25rem; font-weight: bold; color: #333; border-bottom: 0.125rem solid #ccc; }
.qyzh_con .qykh ul li:hover{background: #3774d7; color: #fff;}
.qyzh_con .qykh ul li.on {
    background: #3774d7;color: #fff; 
}
.qyzh_con .qykh ul li a:hover{background: #3774d7; color: #fff;}
.qyzh_con .qykh ul li a.on {
    background: #3774d7;color: #fff; 
}

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

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

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

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

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

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

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



.ckyw{width:100%;background:url(/uiFramework/commonResource/image/ckbg.png);background-size:cover;overflow: hidden;}
.ckyw_con,.sxyw_con,.wtdl_con{ margin: 0 auto;}
.ckyw_title,.sxyw_title,.wtdl_title{width:100%; margin: 0 auto;}
.ckyw_title p,.sxyw_title p{line-height: 5.625rem; padding-top: 2.5rem;font-weight:bold ;
    width: 12.5rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.ckyw_text,.sxyw_text,.wtdl_text{ width: 56%; margin-top: 1.875rem;}
.wtdl_text{  margin-bottom: 3.75rem;}
.ckyw_text p,.sxyw_text p,.wtdl_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.ckyw_tab{ width: 100%; margin-top: 2.5rem;margin-bottom: 5rem;}
.ckyw_tab ul li:hover{transform: scale(1.05);}
.ckyw_tab ul li{float: left;width: 23.0%; height:27.5rem;display: block;border: 0.125rem solid #CCCCCC;margin-right: 1.6875rem;box-sizing: border-box;margin-bottom: 4.375rem;transition: all .3s linear;}
.ckyw_tab ul li:nth-child(4n){margin-right: 0;}
.ckyw_tab ul li .img{width:100%;height:20.9375rem;overflow: hidden;}
.ckyw_tab ul li img{width:100%;}
.ckyw_tab ul li p{font-weight: 600;height: 5rem;line-height: 5rem;margin-left: 1.25rem;font-size: 1.75rem;color: #333333;}
.ckyw_tab.active{display: block;}
.ckyw_tab ul li:hover{box-shadow: 0rem 0rem 0.9375rem #c6c6c6;transition: all .2s linear;}
.sxyw{height: 62.5rem;width:100%;background:url(/uiFramework/commonResource/image/sxywBg1.jpg);background-size:cover;overflow: hidden;}
.sxyw_tab .pro_up{ margin-top: 3.75rem;}
.sxyw_tab .pro_up ul{height: 3.75rem;border-bottom: 0.125rem solid #fff;}
.sxyw_tab .pro_up ul li{width: 25%; float:left;height: 3.75rem;line-height: 3.75rem;font-size: 1.5rem;text-align: center;cursor: pointer;color: #333333;}
.sxyw_tab .pro_up ul li.onL{border-bottom: 0.125rem solid #3774d7;}
.sxyw_tab .pro_up ul li:hover{border-bottom: 0.125rem solid #3774d7;}
.pro_down{display: none;}
.pro_down.active{display: block;}
.sxyw_tab .pro_down {padding-top: 9.875rem; }
.sxyw_tab .pro_down .pro_downL {width: 44%;}
.sxyw_tab .pro_down .pro_downL img {width: 100%;}
.sxyw_tab .pro_down ul li {float: left;}
.sxyw_tab .pro_down .pro_downR {width: 50%;height: 24.375rem;
    margin-left: 5rem;}
.sxyw_tab .pro_down .pro_downR p a{height: 3.75rem;
    line-height: 3.75rem;
    font-size: 2.25rem;
    cursor: pointer;
    color: #333333;}
.sxyw_tab .pro_down .pro_downR p{ font-size: 1.125rem;
    margin-top: 1.25rem;
    
    cursor: pointer;
    color: #333333;
    line-height: 2.5rem;}
.sxyw_tab .pro_down .pro_downR .ljmore{margin-top: 10rem;} 
.sxyw_tab .pro_down .pro_downR .ljxq{font-weight: 600;
    font-size: 1.25rem;
    cursor: pointer;
    color: #4774d7;
    border: 0.0625rem solid #4774d7;
    padding: 0.625rem 1.875rem;
    border-radius: 0.3rem}
.wtdl{width: 100%; height: 47.5rem;}
.wtdl_tab{ width: 100%;}
.wtdl .wtdl_tab ul li:hover{transform: scale(1.05);}
.wtdl .wtdl_tab ul li:first-child {transition: all 1s;
    background: url(/uiFramework/commonResource/image/wtdkBg.png) no-repeat;
    background-size: 100%;
}
.wtdl .wtdl_tab ul li:first-child+li {transition: all 1s;
    background: url(/uiFramework/commonResource/image/wtskBg.png) no-repeat;
    background-size: 100%;margin-right: 0rem;
}
.wtdl_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;
}
.wtdl_tab li img{position: absolute;
    left: 10%;
    top: 10%;}
.wtdl_tab li p{position: absolute;
    left: 10%;
    top: 40%;
    height: 0.8rem;
    font-size: 1.8rem;
    color: #333333;
    line-height: 0.8rem;}
.wtdl_tab li span{    position: absolute;
    left: 10%;
    top: 54%;width: 78%;
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
    letter-spacing: 0.0625rem;}
@media screen and (max-width: 48rem) {
.qyzh{background-size: 100% 100%;
    height: auto;}
	.qyzh_con {
    width: 96%;
    margin: 0 auto;
}
	.qyzh_title p, .wtdl_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;
}
.qyzh_text {
    width: 100%;
    margin-top: 1rem;
}
.qyzh_text p {
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}

.qykh-box a {
    height: 3rem;
    line-height: 3rem;
    list-style: none;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 0.125rem solid #ccc;
}

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


.qykh {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
.ckyw_con, .sxyw_con, .wtdl_con {
    width: 96%;
    margin: 0 auto;
}
.ckyw_title p, .sxyw_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;
}
.ckyw_text, .sxyw_text, .wtdl_text {
    width: 100%;
    margin-top: 1rem;
}
.ckyw_text p, .sxyw_text p, .wtdl_text p {
      line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}
.ckyw_tab ul li {width: 50%; margin-right: 0rem;height: auto;}
.ckyw_tab ul li .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ckyw_tab ul li p {
    font-weight: 600;
    height: 3rem;
    line-height: 3rem;
    margin-left: 1.25rem;
    font-size: 1.15rem;
    color: #333333;
}
.sxyw {background-size: 100% 100%;
    height: auto;
    }
.sxyw_tab .pro_up {
    margin-top: 1.25rem;
}
.sxyw_tab .pro_up ul {
    height: 3.25rem;
    
}
.sxyw_tab .pro_up ul li {
    width: 25%;
    float: left;
    line-height: initial;
    height: 3.25rem;
    font-size: 0.875rem;
    text-align: center;
    cursor: pointer;
    color: #333333;
}
.sxyw_tab .pro_down {
    padding-top: 1.875rem;
}
.sxyw_tab .pro_down .pro_downL {
    width: 100%;
    text-align: center;
}
.sxyw_tab .pro_down .pro_downR {
    width: 100%;
    height: auto;
    margin-left: auto;
}
.sxyw_tab .pro_down .pro_downR p {    margin-top: 0rem !important;
    font-size: 0.875rem;
    cursor: pointer;
    color: #333333;
    line-height: 1.5rem;
}
.sxyw_tab .pro_down .pro_downR p a {
    height: 3.75rem;
    font-size: 1.25rem;
    cursor: pointer;
    color: #333333;
}
.sxyw_tab .pro_down .pro_downR .ljxq {
    font-size: 0.875rem;
    padding: 0.325rem 1.175rem;
}
.wtdl_tab li img {
    left: 5%;
    top: 5%;
    width: 2.4rem;
}
.wtdl_tab li p {
   left: 5%;
    top: 30%;
    font-size: 1rem;
}
.wtdl_tab li { float: inherit;
    width: 100%;}
    .wtdl_tab li a {
    top: 50%;
    width: 90%;
    line-height: 1.25rem;
    font-size: 1rem;
}
.wtdl_tab li {height:10.5rem;    margin-bottom: 1rem;}
.wtdl {
    width: 100%;
    height: auto;
}
.pageName_box h1{font-size: 1.25rem;}
 .pageName_box h1:before,.pageName_box h1:after{height: 0.05rem;}
.wtdl_tab li span{font-size:.85rem;width:auto;top: 44%;left: 5%;}
.wtdl_text {
    margin-bottom: 1rem;
}

}
@media screen and (min-width:770px) and (max-width:992px) {
.wtdl_tab li img {
    width:8%;
}
.wtdl_tab li span {
    width: 88%;
    line-height: 2.2rem;

}
.sxyw_tab .pro_down .pro_downR .ljmore {
    margin-top: 14rem;
}

}
@media screen and (min-width:992px) and (max-width:1202px) {
.wtdl_tab li img {
    width:8%;
}
.wtdl_tab li span {
    width: 88%;
    line-height: 2.4rem;

}
.sxyw_tab .pro_down .pro_downR .ljmore {
    margin-top: 14rem;
}

}