body {
        opacity: 0;
        transition: opacity 0.1s ease-in-out;        
        background-color: #fff;
      }
.rl{
     position: relative;
     z-index: 1;
}
.bg-banner img{ width:100%;}
.pageName_box {    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #333333;
}
.pageName_box2 { width: 16.7rem;
    height: 100%;
}
.pageName_box2 img{ position: absolute;top: 40%;width: 1.46rem;object-fit: cover;
        display: block;}
.pageName_box h1 {width:5.2rem; color: #333333;
    position: absolute;
    left: 0;
    top: 45%;
    font-size: 0.72rem;
}
.xb-part{
	margin-top: 0.5rem;
}
.xb-part-tit{
	overflow: hidden;
}
.wyts-tit{
	    width: 1.44rem;
    float: left;
}
.wyts-title{ font-size: 0.36rem;}
.wyts-img{
	    margin-top: 0.3rem;
    width: 0.92rem;
}
.wyts-img img{ width: 100%;}
.xb-part-tit a{text-align: center;line-height: 0.52rem; color: #FFFFFF;
	    height: 0.52rem;
    font-size: 0.16rem;
    width: 1.5rem;
    float: right;
	background: url(/eportal/uiFramework/commonResource/zip/xbImg/morebg.png) no-repeat;
	background-size: 100% 100%;
}
.xb-part-con{ overflow: hidden;     margin: 0.4rem auto;}
.wytsL{
	float: left;
    width: 42%;
}
.wytsL img:hover{
	    transform: scale(1.05);
}
.wytsL img{ width: 100%;transition: transform 1s ease;}
.wytsR{ width: 50%;float: right;}
.wytsR li{ 
	    line-height: 0.8rem;
    list-style-type: none;
    height: 0.8rem;
}
.wytsR li a{display: block;
	font-size: 0.2rem;
	color: #666666;	
}
.wytsR li a:hover{ color: #E60012;}

/*宣传教育*/
.xb-part2-tit{
	overflow: hidden;
}
.xcjy-tit{
	    width: 3.5rem;
    float: left;
}
.xcjy-title{ font-size: 0.36rem;}
.xcjy-img{
	    margin-top: 0.3rem;
    width: 0.92rem;
}
.xcjy-img img{ width: 100%;}
.xb-part2-tit a{text-align: center;line-height: 0.52rem; color: #FFFFFF;
	    height: 0.52rem;
    font-size: 0.16rem;
    width: 1.5rem;
    float: right;
	background: url(/eportal/uiFramework/commonResource/zip/xbImg/morebg.png) no-repeat;
	background-size: 100% 100%;
}
.xb-part2-con{ overflow: hidden;     margin: 0.4rem auto;}
.xcjyL{
	float: left;
    width: 42%;
}
.xcjyL img:hover{
	    transform: scale(1.05);
}
.xcjyL img{ width: 100%;transition: transform 1s ease;}
.xcjyR{ width: 50%;float: right;}
.xcjyR li{ overflow:hidden;
	    line-height: 0.6rem;
    list-style-type: none;
    height: 0.6rem;
}
.xcjyR li a{display: block;
	font-size: 0.2rem;
	color: #666666;	
	float: left;
    width: 80%;
}
.xcjyR li span{
	float: right;
    font-size: 0.2rem;
	color: #999999;
}
.xcjyR li a:hover{ color: #E60012;}

/*消保行动*/
.xb-part3-tit{
	overflow: hidden;
}
.xbxd-tit{
	    width: 3.5rem;
    float: left;
}
.xbxd-title{ font-size: 0.36rem;}
.xbxd-img{
	    margin-top: 0.3rem;
    width: 0.92rem;
}
.xbxd-img img{ width: 100%;}
.xb-part3-tit a{text-align: center;line-height: 0.52rem; color: #FFFFFF;
	    height: 0.52rem;
    font-size: 0.16rem;
    width: 1.5rem;
    float: right;
	background: url(/eportal/uiFramework/commonResource/zip/xbImg/morebg.png) no-repeat;
	background-size: 100% 100%;
}
.xb-part3-con{ overflow: hidden;     margin: 0.4rem auto;}
.xbxdL{
	float: left;
    width: 42%;
	
}
.xbxdL img{ width: 100%; transition: transform 1s ease;}
.xbxdL img:hover{
	    transform: scale(1.05);
}
.xbxdR{ width: 50%;float: right;}
.xbxdR li{ overflow:hidden;
	    line-height: 0.5rem;
    list-style-type: none;
    height: 0.5rem;
}
.xbxdR li a{display: block;
	font-size: 0.2rem;
	color: #666666;	
	float: left;
    width: 80%;
}
.xbxdR li span{
	float: right;
    font-size: 0.2rem;
	color: #999999;
}
.xbxdR li a:hover{ color: #E60012;}
.xb-zh .xb-zhtit{ font-size: 0.2rem; font-weight: bold; display: block; margin-top: 0.2rem;}


@media screen and (min-width: 768px) and (max-width: 1199px) {
    	 .pageName_box2 {
        width: 90%;
    }
	.pageName_box h1 {
    top: 12%;
    font-size: 0.4rem;
}
    .banner{ padding-top:1.2rem;}

.pageName_box2 img {
    width: 1rem;
    top:10%;
}
.w1670{ width: 92%;}
    .xbxdR li{
	    line-height: 0.8rem;
    height: 0.8rem;
}
    .wyts-title,.xcjy-title,.xbxd-title{ font-size: 0.4rem; font-weight:bold;}
    
    .wyts-tit,.xcjy-tit,.xbxd-tit{ width:auto;}
.xb-part-tit a,
.xb-part2-tit a,
.xb-part3-tit a{ font-size: 0.28rem; line-height:0.6rem; height:0.6rem; width:1.8rem;}
    
    .wytsR li a {height: 100%;
    font-size: 0.32rem;
}
.xcjyL{ width: 100%;}
.xcjyR{ width: 100%; margin-top: 0.2rem;}
    .xcjyR li{ height:0.8rem; line-height:0.8rem;}
.xcjyR li a{ font-size: 0.32rem; width:75%; height:100%;}
.xcjyR li span{ font-size: 0.32rem;}
.xbxdL{ width: 100%;}
.xbxdR{ width: 100%; margin-top: 0.2rem;}
.xb-zh .xb-zhtit{ font-size: 0.35rem;}
.xbxdR li a{ font-size: 0.32rem; width:75%; height:100%;}
.xbxdR li span{ font-size: 0.32rem;}
    
}

@media (max-width: 767px){
	 .pageName_box2 {
        width: 90%;
    }
	.pageName_box h1 {
    top: 12%;
    font-size: 0.3rem;
}
    .banner{ padding-top:0.84rem;}

.pageName_box2 img {
    width: 1rem;
    top:10%;
}
.w1670{ width: 92%;}
.wyts-title {
    font-size: 0.3rem;
}
.xb-part-tit a,
.xb-part2-tit a,
.xb-part3-tit a{ font-size: 0.24rem;}
.wytsR{width: 100%; margin-top: 20px;}
.wytsL{width: 100%;}

.wytsR li a {height: 100%;
    font-size: 0.28rem;
}
.xcjyL{ width: 100%;}
.xcjyR{ width: 100%; margin-top: 0.2rem;}
.xcjyR li a{ font-size: 0.28rem; width:75%; height:100%;}
.xcjyR li span{ font-size: 0.28rem;}
.xbxdL{ width: 100%;}
.xbxdR{ width: 100%; margin-top: 0.2rem;}
.xb-zh .xb-zhtit{ font-size: 0.3rem;}
.xbxdR li a{ font-size: 0.28rem; width:75%; height:100%;}
.xbxdR li span{ font-size: 0.28rem;}
}