body {background: #fff;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;line-height: 22px;color: #333;margin: 0;padding: 0; background: rgb(239,245,255);}
i{margin-right: 4px;}
/* ===== header ======= */
.headerbg{background: #001E70; position: relative; left: 0; right: 0;top: 0; width: 100%; z-index: 999;/* border-bottom:1px #88AFD8 solid; */}
.headerbgi{position:absolute;}
.headerpa{margin: 0 auto; height: 86px; justify-content: space-between;align-items: center;display: flex;}

.headerpa .pcnav{display: flex;align-items: center;}
.headerpa .pcnav .list{color: #fff;position: relative; display: flex;align-items: center;}
.headerpa .pcnav .list a{margin: 10px 15px 6px 15px; display: block;text-decoration: none;color: #fff; font-size: 16px;}
.headerpa .pcnav .list a span{display: block; height: 2px;background:none;margin-top: 2px;}
.headerpa .pcnav .list a:hover,.headerpa .pcnav .list a.on{color: #8EBB1F;font-weight: bolder;}
.headerpa .pcnav .list a:hover span,.headerpa .pcnav .list a.on span{background: #8EBB1F;}

.menu{margin: 10px 0 10px 20px; font-size: 22px; display: none; color: #fff;}

.wap_bg{background: #fff; position: fixed; top:0; right: 0; bottom: 0; width: 70%; z-index: 999;transition: .3s;transform: translateX(100%);overflow-y: auto; overflow-x: hidden;}
.wap_bg .times{text-align: right; padding: 15px 15px 0 0; font-size: 22px;}
.wap_bg .tounav{padding: 15px;}
.wap_bg .lists{border-bottom:1px #F1F1F1 solid;padding-bottom: 10px;}
.wap_bg .lists a{display: inline-block; width: 48%;}
.wap_bg .navli{position: relative;padding-top: 10px;}
.wap_bg .navli .lilst{position: relative;}
.wap_bg .navli .lilst .yinav{ display:flex; justify-content: space-between; align-tiems:center; border-bottom:1px #F1F1F1 solid; font-size: 14px;font-weight: bolder; padding: 6px 0;}
.wap_bg .navli .lilst .ernav{position: relative; display: none;}
.wap_bg .navli .lilst .ernav a{display: block; border-bottom:1px #F1F1F1 solid; font-size: 14px;font-weight:normal; padding: 6px 0;}
.wap_bg .navli .lilst .yinav.on{color: #FFB409;}
.wap_bg.show{transform: none;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}


.footer{height: auto; padding: 20px 0 20px 0;display: block; background: url(../images/footerbg.jpg);}
.footer .bos{border-bottom:2px rgba(255, 255, 255, 0.2)  solid;}
.footer .fonst{font-size: 16px; padding: 20px 0; text-align: center; display: flex; align-items: center; justify-content: space-between;}
.footer .fonst a{color: #fff; font-weight: bolder; margin: 0 20px;}
.footer .fonst span{display: inline-block; background: rgba(255, 255, 255, 0.2); width: 2px; height: 16px; vertical-align: middle;}
.footer .fonst span:last-child{display: none;}
.footer .fonsc{font-size: 16px; padding: 20px 0; display: flex; align-items: center; justify-content: space-around;}
.footer .fonsc .lis{position: relative; color: #fff; font-size: 16px;}
.footer .fonsc .lis img{width: 50px; margin-right: 10px;}
.footer .fonsb{color: #5670B9; padding-top: 10px; text-align: center;}
.footer .fonsb a{color: #5670B9;}
.footer .fonsb a:hover{color: #fff;}

.biaoti{position: relative;margin-bottom: 40px; z-index: 9;}
.biaoti span{display: block;font-size: 36px;text-transform:uppercase;font-weight:lighter;color:rgba(9,70,161,0.15);/* font-style:oblique; */line-height: 40px;}
.biaoti strong{font-size: 32px;color: #0946A1;font-weight:bold; display: block;position:relative;width: 100%;margin-top: -20px;}
.biaoti p{margin-top: 10px;}
.biaoti i{background: #8EBB1F; display: inline-block; width: 70px; height: 4px;margin-top: 40px;margin-left: 4px;}

.centers{width:90%; max-width: 1280px; margin:0 auto; position: relative; z-index: 9;}

.er_banner{width: 100%; position: relative; height:406px; margin-top: 86px;}
.er_banner01{background: url(../images/er_banner01.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner02{background: url(../images/er_banner02.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner03{background: url(../images/er_banner03.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner04{background: url(../images/er_banner04.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner05{background: url(../images/er_banner05.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner06{background: url(../images/er_banner06.jpg) no-repeat center center; background-size: auto 100%;}
.er_banner07{background: url(../images/er_banner07.jpg) no-repeat center center; background-size: auto 100%;}






.er_banner .pora{position: absolute; z-index: 2;left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.er_banner .pora .title{font-size: 38px; font-weight: bolder;margin-bottom: 20px;}
.er_banner .pora .fonsco{font-size: 23px; font-weight: normal; line-height: 30px;}

.er_navbg{background: rgba(255, 255, 255, 0.4);}
.er_navbg .er_nav{padding: 20px 0; display: flex; align-items: center; justify-content: center;}
.er_navbg .er_nav a{display: block; color: #3E3939; font-size: 20px; font-weight: bolder; margin: 0 20px; transition: all .5s;}
.er_navbg .er_nav a i{display: block;background: #8EBB1F;height: 3px;margin-top: 10px; opacity: 0; transition: all .5s;}
.er_navbg .er_nav a:hover,.er_navbg .er_nav a.on{color: #0846A0; transition: all .5s;}
.er_navbg .er_nav a:hover i,.er_navbg .er_nav a.on i{opacity: 1; transition: all .5s;}

.er_pa{padding: 100px 0;}

.er_title{position: relative;margin-bottom: 40px; z-index: 9; text-align: center;}
.er_title span{display: block;font-size: 36px;text-transform:uppercase;font-weight:lighter;color:rgba(9,70,161,0.15);/* font-style:oblique; */line-height: 40px;}
.er_title strong{font-size: 32px;color: #0946A1;font-weight:bold; display: block;position:relative;width: 100%;margin-top: -20px;}
.er_title p{margin-top: 10px;}
.er_title i{background: #8EBB1F; display: inline-block; width: 60px; height: 4px;margin-top: 40px;}

.gy_bg{background: url(../images/gy_bg.jpg) no-repeat center bottom; background-size: 100% auto;}
.gy_bg2{background: url(../images/gy_bg2.jpg) no-repeat center bottom; background-size: 100% auto;}
.gy_jieshao{font-size: 21px; line-height: 50px; margin-bottom: 80px;}




.pc{display: block;}
.wap{display: none;}


#pages{height:34px; text-align:right;margin:20px auto 0 auto; clear:both;}
#pages li{display: inline-block; margin: 0 2px;}
#pages a,#pages span{padding:0 10px;height:26px;text-align:center;line-height:26px;font-size:16px;margin-left:1px;cursor:pointer; display:inline-block;}
#pages a,#pages span{color:#000; border:1px #EFEFEF solid; background:none;border-radius:3px; font-weight: bolder;}
#pages a:hover,#pages span{color:#fff; border:1px #0946A1 solid; background:#0946A1; text-decoration:none;}
#pages strong{padding:0 6px;height:26px;text-align:left;line-height:26px;font-size:14px;margin-left:1px; display:inline-block;color:#999; border:0px #999 solid; font-weight:normal;}
#pages input{padding:0 6px;height:20px;text-align:left;line-height:20px;font-size:14px;margin-left:1px; display:inline-block;color:#999; border:0px #CCC solid;}
#pages li.disabled span{background: none; border: 0; color: #999;}


.layui-col-lg2-4,.layui-col-md2-4,.layui-col-sm2-4,.layui-col-xs2-4{position:relative;display:block;box-sizing:border-box;}
.layui-col-xs2-4{float:left;}
.layui-col-xs2-4{width:19.9999992%;}
.layui-col-xs-offset2-4{margin-left:19.9999992%;}

@media screen and (min-width:768px){
.layui-col-sm2-4{float:left;}
.layui-col-sm2-4{width:19.9999992%;}
.layui-col-sm-offset2-4{margin-left:19.9999992%;}
}

@media screen and (min-width:992px){
.layui-col-md2-4{float:left;}
.layui-col-md2-4{width:19.9999992%;}
.layui-col-md-offset2-4{margin-left:19.9999992%;}
}

@media screen and (min-width:1200px){
.layui-col-lg2-4{float:left;}
.layui-col-lg2-4{width:19.9999992%;}
.layui-col-lg-offset2-4{margin-left:19.9999992%;}
}




@media screen and (max-width:1500px){
body {font-size: 14px;}
.headerpa{width: 90%;}

.er_biaoti span{font-size: 38px;line-height: 36px;}
.er_biaoti strong{font-size: 26px;}
.er_biaoti{margin-bottom: 20px;}
}

@media screen and (max-width:1200px){
.headerpa .pcnav .list{padding: 0 10px;}
.headerpa .ricons .searchbo input{width: 120px;}
	
}

@media screen and (max-width: 960px){
body {font-size: 14px;line-height: 18px;}
.pc{display: none;}
.wap{display: block;}
.headerpa{width: 94%; height: 66px;}
.headerpa .rwidtht{width: auto;}
.headerpa .pcnav,
.headerpa .rwidtht .topsnav{display: none;}
.headerbgsna .ricons .icons,
.headerpa .ricons .searchiocn{font-size: 16px;}
.headerbg .ricons .icons,
.headerbg .ricons .searchiocn{color: #333;}


.logos{padding: 10px 0;}
.logos img{height: 34px;}

.menu{display: block;}

.footer{padding:0 0 20px 0;}
.footer .fonst{font-size: 14px;}
.footer .fonst a{margin: 0 5px; display: inline-block;}
.footer .fonsc{display: block; text-align: left; font-size: 14px;}
.footer .fonsc .lis{position: relative; color: #fff; font-size: 14px; margin: 5px 0; display: flex; justify-content: left; align-items: center;}
.footer .fonsc .lis img{width: 30px; margin-right: 10px;}
.footer .fonsc .lis span{display: inline-block;}
.footer .bos:nth-child(1){display: none;}


.er_banner .pora .title{font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.er_banner .pora .fonsco{font-size: 14px; line-height: 22px;}
.er_banner{height: 240px;margin-top: 66px;}

.er_navbg .er_nav{display: block; padding: 20px 0 0px 0;}
.er_navbg .er_nav a{font-size: 16px; display: inline-block; margin: 0 10px 10px 10px;}
.er_navbg .er_nav a i{margin-top: 5px;}


.biaoti{margin-bottom: 20px; padding-top: 20px;}
.biaoti strong{font-size: 22px;}
.biaoti span{font-size: 26px;}
.biaoti i{margin-top: 20px;}

.er_pa{padding: 0;}
.er_title{margin-bottom: 20px; padding-top: 20px;}
.er_title strong{font-size: 20px;margin-top: -10px;line-height: 26px;}
.er_title span{font-size: 26px;line-height: 24px;}
.er_title i{margin-top: 10px;}

.gy_jieshao{font-size: 14px; line-height: 24px;margin-bottom: 30px;}

}



@media screen and (max-width: 768px){
/* html,body{height: auto;} */
/* body{overflow-y: auto;}
.headerbg{background: #fff;}
.swiper_c_y,
.swiper_c_y>.swiper-wrapper,
.swiper_c_y>.swiper-wrapper>.swiper-slide{height: auto;display: block;}
.swiper_p_y{display: none;}
.swiper_c_y{overflow: hidden;margin-top: 60px;}

.headerpa{width: 90%; height: auto;}
.logos{padding: 10px 0;}
.logos img{height: 38px;}

.headerpa .pcnav,
.headerpa .ricons{display: none;} */




}