body {background: #fff;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 16px;line-height: 26px;color: #333;margin: 0;padding: 0;} i{margin-right: 4px;} /* ===== header ======= */ .headerbg{background: url(../images/headerbg.png) repeat-x;position: relative; left: 0; right: 0;top: 0; width: 100%; z-index: 999;/* border-bottom:1px #88AFD8 solid; */} .headerbgi{position:absolute;} .headerpa{width: 80%; margin: 0 auto; height: 86px; justify-content: space-between;align-items: center;display: flex;} .headerpa .rwidtht{width: 80%;} .headerpa .rwidtht .topsnav{text-align: right;} .headerpa .rwidtht .topsnav a{display: inline-block; margin-left: 15px; color: #fff;} .headerpa .rwidtht .topsnav a:hover{color: #FFB409;} .headerpa .rwidtht .topsnav a:nth-child(3) i, .headerpa .rwidtht .topsnav a:nth-child(4) i{font-weight: bolder; font-size: 18px;} .headerpa .rwidtht .navsw{display: flex; justify-content: space-between;align-items: center;} .headerpa .pcnav{display: flex;align-items: center;} .headerpa .pcnav .list{padding: 0 15px;color: #fff;position: relative; display: flex;align-items: center;} .headerpa .pcnav .list a{margin-top: 10px; display: block;text-decoration: none;color: #fff;padding-bottom: 10px;} .headerpa .pcnav .list a span{display: block; height: 3px;background:none;margin-top: 2px;} .headerpa .pcnav .list:hover a{color: #FFB409;font-weight: bolder;} .headerpa .pcnav .list:hover a span{background: #FFB409;} .headerpa .pcnav .list:hover .erlibg{display: block;} .headerpa .pcnav .list .erlibg{position: absolute;left: 0; top: 100%; background: #fff; width:150px; padding: 0 0 10px 0; display: none;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);} .headerpa .pcnav .list .erlibg img{position: absolute;top: -8px; left: 20%;} .headerpa .pcnav .list .erlibg a{position: relative; display: block;color: #000; padding: 0 10px;margin: 0;} .headerpa .pcnav .list .erlibg .anli a span{height: auto;background: none;border-bottom:1px #D3D3D3 solid; padding: 10px 0; display: block; margin: 0;} .headerpa .pcnav .list .erlibg .anli a strong{position: absolute; left: 0; top: 50%; margin-top: -10px; width: 4px; height: 20px; display:none;background: #FFB409;} .headerpa .pcnav .list:hover .erlibg a{font-weight: normal;} .headerpa .pcnav .list .erlibg .anli a:hover{color: #FFB409;font-weight: bolder;} .headerpa .pcnav .list .erlibg .anli a:hover strong{display: block;} .headerpa .pcnav .list .erlibg .anli:last-child a.bos span{border: 0;} .headerpa .pcnav .list .erlibg .anli{position: relative;} .headerpa .pcnav .list .erlibg .anli .sanlibg{position: absolute;left:100%; top:0; background: #fff; width:150px; padding: 0 0 10px 0; display: none;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);} .headerpa .pcnav .list .erlibg .anli .sanlibg a:last-child span{border: 0;} .headerpa .pcnav .list .erlibg .anli:hover .sanlibg{display: block;} .headerpa .ricons{justify-content: space-between;align-items:flex-end;display: flex;} .headerpa .ricons .icons{display: block;margin-left: 15px;color: #fff;text-decoration: none;cursor: pointer;align-items: center; display: flex;} .headerpa .ricons .icons strong{font-weight: normal;} .headerpa .ricons .icons:hover{color: #FFB409;} .headerpa .ricons .searchiocn{margin: 10px 0; color:#fff;} .headerpa .ricons .searchiocn:hover{color: #FFB409;} .headerpa .ricons .searchbo{border:1px #fff solid;border-radius: 20px; padding: 2px 0 2px 10px; display: flex;align-items: center;} .headerpa .ricons .searchbo input{background: none;border: 0;outline: none;color: #fff;} .headerpa .ricons .searchbo input::-webkit-input-placeholder {color: #fff;} .headerpa .ricons .searchbo input:-moz-placeholder {color: #fff;} .headerpa .ricons .searchbo input::-moz-placeholder { color: #fff;} .headerpa .ricons .searchbo input:-ms-input-placeholder {color: #fff;} .headerbgsna{background: #fff;border-bottom:1px #DADCDE solid;} .headerbgsna .rwidtht .topsnav a{color: #333;} .headerbgsna .pcnav .list{color: #333;} .headerbgsna .pcnav .list a{color: #333;} .headerbgsna .ricons .searchiocn{color: #333;} .headerbgsna .ricons .icons{color: #333;} .headerbgsna .ricons .searchbo{border:1px #333 solid;} .headerbgsna .ricons .searchbo input{color: #333;} .headerbgsna .ricons .searchbo input::-webkit-input-placeholder {color: #333;} .headerbgsna .ricons .searchbo input:-moz-placeholder {color: #333;} .headerbgsna .ricons .searchbo input::-moz-placeholder { color: #333;} .headerbgsna .ricons .searchbo input:-ms-input-placeholder {color: #333;} .menu{margin: 10px 0 10px 20px; font-size: 22px; display: none;} .yuyan{position: relative; padding:10px 0;} .yuyan i{font-size: 18px;} .yuyan .xiala{background: #fff; position: absolute; left: 0; top:100%;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);width: 80px; padding: 15px 0 15px 15px; display: none;} .yuyan .xiala a{display: block; font-size: 12px;} .yuyan:hover .xiala{display: block;} .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: 40px 0 20px 0;display: block;border-top:1px #F1F1F1 solid;} .footer .ftop{position: relative;justify-content: space-between;display: flex;} .footer .ftop .lfons{font-size: 14px;text-align: center;} .footer .ftop .lfons img{width:150px} .footer .ftop .rwidths{position: relative; display: flex;justify-content: space-between;} .footer .ftop .rwidths .lists{padding: 0 30px 60px 30px;border-right:1px #F1F1F1 solid;text-align: left;line-height: 26px;} .footer .ftop .rwidths .lists .bititle{font-size: 18px;color: #000; font-weight: bolder; display: block;margin-bottom: 10px;} .footer .ftop .rwidths .lists a{font-size: 14px;color: #858585;text-decoration: none;} .footer .ftop .rwidths .lists a:hover{color: #F8BC2B;} .footer .ftop .rwidths .lists:last-child{border: 0;} .footer .botop{border-top:1px #F1F1F1 solid;} .footer .botop .fbottom{padding: 10px 0;justify-content: space-between;display: flex;align-items: center;} .footer .botop .fbottom .fons{font-size: 12px;color: #A3A4A4;} .footer .botop .fbottom .fons a{color: #A3A4A4;text-decoration: none;} .footer .botop .fbottom .fons a img{vertical-align: middle;} .footer .botop .fbottom .fons a:hover{color: #F8BC2B;} .er_banner{width: 100%; position: relative; min-height:500px;} /* .er_banner img{display: block; width: 100%;} */ .er_banner .pora{position: absolute; z-index: 2;left: 0; right: 0; top: 0; bottom: 0;} .er_banner .pora .porr{position: relative; height: 100%;} .er_banner .pora .fonsco{position: absolute; left: 0;top: 20%; z-index: 2;} .er_banner .pora .fonsco .fonscobai{background: #fff; width: 480px; padding: 40px;} .er_banner .pora .fonsco .titles{font-size: 24px;color: #060065;font-weight: bolder;margin-bottom: 20px;} .er_banner .pora .fonsco .neis{font-size: 18px;text-align: justify;line-height: 30px;} .er_banner .pora .fonsco .bgkuai{background: #F7BB2B; width: 90px;height: 90px;position: absolute; left: -45px;bottom: -45px; z-index: -1;} .er_banner .titless{position: absolute; z-index: 2;left: 0; right: 0; top: 0; bottom: 0;display: flex;align-items: center; text-align: center;} .title_b_l{text-align: left;} .title_b_c{text-align: center;} .title_b_r{text-align: right;} /* .er_btitile{width:46.9%; display: inline-block; text-align:center;} .er_btitile img{display: block; width: 100%;margin-bottom: 10px;} .er_btitile2{width:46.9%; display: inline-block; text-align:center;color: #fff;} .er_btitile2 img{display: block; width: 100%;margin-bottom: 10px;} */ .er_fonbtitle{display: inline-block;text-align: center;} .er_fonbtitle strong{font-size: 46px;color: #fff;display: block; position: relative; z-index: 9;line-height: 16px;} .er_fonbtitle span{font-size: 36px; color: rgba(255, 255, 255, 0.2);text-transform:uppercase;display: block;font-weight: bolder;font-style:oblique;position: relative;z-index: 1;margin-bottom: 20px;} .er_fonbtitle p{font-size: 20px;color: #fff;} .er_fonbtitle2 strong{color: #fff;} .er_fonbtitle2 span{color: rgba(255, 255, 255, 0.2);} .er_fonbtitle2 p{color: #fff;} .centers{width:90%; max-width: 1280px; margin:0 auto; position: relative; z-index: 9;} .centers_dsz{width:90%; max-width: 1500px; margin:0 auto;} .centers_pa{padding: 60px 0;} .centers_pa2{padding-bottom: 60px;} .centers_pa3{padding-top: 60px;} .bodybg_ee{background: #eee} .bodybg_f8{background: #F8F9FD} .clear_both{clear: both;} .er_titles01{text-align: center;padding-bottom: 60px;} .er_titles02{text-align: left;padding-bottom: 60px;} .er_titles03{text-align: center;padding: 60px 0;} .er_titles01 img, .er_titles02 img, .er_titles03 img{width: 62.5%;margin-bottom: 10px;} .er_biaoti{position: relative;margin-bottom: 40px; z-index: 9;} .er_biaoti span{display: block;font-size: 60px;text-transform:uppercase;font-weight: bolder;color:rgba(225, 225, 225, 0.6);font-style:oblique;line-height: 50px;} .er_biaoti strong{font-size: 36px;color: #060065;font-weight: bolder; display: block;position:relative;width: 100%;margin-top: -20px;} .er_biaoti p{margin-top: 10px;} .er_biaoti_l{text-align: left;} .er_biaoti_c{text-align: center;} .er_biaoti_r{text-align: right;} .er_biaotifff strong{color: #fff;} .er_biaotifff span{color:rgba(225, 225, 225, 0.1);} .er_biaoti2 strong{color: #F7BB2B;} .er_biaoti2 span{color:rgba(225, 225, 225, 0.1);} .er_biaoti3 span{color:rgba(255, 255, 255, 0.3);} .erbiaotibfon1{padding-top: 20px;font-weight:normal;} .erbiaotibfon2{padding-top: 20px;font-weight:normal;color: #fff;} .neikuai{position: relative; display: flex;justify-content: flex-start;align-items: flex-start;} .news_show_neis2{} .news_show_neis2 a{color: rgb(0, 0, 238);} .news_show_neis2 a:hover{color: #F8BC2B;} .pc{display: inline-block;} .gpc{display: block;} .gwap{display: none;} .gxian{display: inline-block; height: 1px; width: 1px; line-height: 0px;} .gwidth{display: inline-block; height: 1px; width: 20px; line-height: 0px;} .gwidthn{display: inline-block; height: 1px; width: 20px; line-height: 0px;} .ghh{display: inline-block;} .news_show_neis2{ text-align: left;} .news_show_neis2 .titles{padding-bottom: 20px;} .news_show_neis2 .neileft{padding-left: 20px;} .news_show_neis2 .neibottom{padding-bottom: 10px;} .news_show_neis2 a{color: rgb(0, 0, 238);} .news_show_neis2 a:hover{color: #F8BC2B;} #pages{height:34px; text-align:center;margin:20px auto 0 auto; clear:both;} #pages li{display: inline-block;} #pages li a{padding:0 10px;height:26px;text-align:center;line-height:26px;font-size:14px;margin-left:1px;cursor:pointer; display:inline-block;} #pages li a{color:#999; border:1px #EFEFEF solid; background:#fff;border-radius:3px;} #pages li a:hover,#pages li.active a{color:#fff; border:1px #FABD00 solid; background:#FABD00; 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;} .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: 20px;} .pc{display: none;} .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;} .menu{display: block;} .footer .ftop .rwidths{display: none;} .centers_dsz{width: 95%;} .centers_pa{padding: 20px 0;} .er_banner{width: 100%; position: relative; min-height:200px;} .er_btitile, .er_btitile2{width: 100%;} .er_titles01, .er_titles02{padding-bottom: 20px;} .er_titles03{padding: 20px 0;} .er_titles01 img, .er_titles02 img, .er_titles03 img{width: 100%;} .er_fonbtitle strong{font-size: 30px;} .er_fonbtitle span{font-size: 20px;} .er_fonbtitle p img{width: 100%;} .footer .ftop{display: block;} } @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;} */ .gpc{display:none;} .gwap{display:block;} .gwapi{display: inline-block;} .gxian{display: block;} .gwidth{width:10px;} .gwidthn{display: none;} .ghh{display:none;} .centers{width: 92%;} .footer .ftop .lfons img {width: 110px; margin-bottom: 10px;} .er_fonbtitle p{font-size: 16px} .er_fonbtitle span{margin-bottom: 8px;} .er_biaoti_l{text-align: center;} .er_biaoti strong{font-size: 24px; margin-top: -10px;} .er_biaoti span {font-size: 30px;line-height: 30px;} .footer .ftop .lfons{padding-bottom: 30px;} .centers_pa {padding: 30px 0;} .er_wap_biaoti_l{text-align: left;} .footer .botop .fbottom{display: block;} .footer .botop .fbottom .fons{text-align: center;} }