html, body{position: relative;height: 100%;overflow: hidden;} body {background: #F6F9FC;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 16px;color: #333;margin: 0;padding: 0;} .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;} .swiper-slide {text-align: center;background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* ===== header ======= */ /* .headerbg{background: url(../images/headerbg.png) repeat-x;position: fixed; left: 0; right: 0;top: 0; width: 100%; z-index: 999;border-bottom:1px #88AFD8 solid;} .headerpa{width: 90%; margin: 0 auto; height: 86px; justify-content: space-between;align-items: center;display: flex;} .headerpa .pcnav{display: flex;align-items: center;} .headerpa .pcnav .list{padding: 0 15px;color: #fff;position: relative; height: 86px; display: flex;align-items: center;} .headerpa .pcnav .list a{display: block;text-decoration: none;color: #fff;padding-top: 10px;} .headerpa .pcnav .list a span{display: block; height: 3px;background:none;margin-top: 6px;} .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: 86px; background: #fff; width: 160px; 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 20px;} .headerpa .pcnav .list .erlibg a span{height: auto;background: none;border-bottom:1px #D3D3D3 solid; padding: 10px 0; display: block; margin: 0;} .headerpa .pcnav .list .erlibg 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 a:hover{color: #FFB409;font-weight: bolder;} .headerpa .pcnav .list .erlibg a:hover strong{display: block;} .headerpa .pcnav .list .erlibg a:last-child span{border: 0;} .headerpa .ricons{justify-content: space-between;align-items: flex-end;display: flex;font-size: 14px;} .headerpa .ricons .rightsw{position: relative;} .headerpa .ricons .rightsw .lists{display: flex;justify-content: left;} .headerpa .ricons .icons{display: block;margin-left: 15px;color: #fff;text-decoration: none;cursor: pointer;align-items: center; display: flex;} .headerpa .ricons .icons span{background: url(../images/icons.png) no-repeat; display: inline-block; width: 22px; height: 22px;margin-right: 4px;} .headerpa .ricons .icon01 span{background-position: 0 -10px;} .headerpa .ricons .icon02 span{background-position: -22px -8px;} .headerpa .ricons .icon03 span{background-position: -44px -8px;} .headerpa .ricons .icon04 span{background-position: -66px -8px;} .headerpa .ricons .icon05 span{background-position: -87px -8px;} .headerpa .ricons .icon06 span{background-position: 0 -10px;} .headerpa .ricons .icons strong{font-weight: normal;} .headerpa .ricons .icons:hover{color: #FFB409;} .headerpa .ricons .icons:hover.icon02 span{background-position: -22px -69px;} .headerpa .ricons .icons:hover.icon03 span{background-position: -44px -69px;} .headerpa .ricons .icons:hover.icon04 span{background-position: -66px -69px;} .headerpa .ricons .icons:hover.icon05 span{background-position: -87px -69px;} .headerpa .ricons .icons:hover.icon06 span{background-position: 0 -69px;} .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 .pcnav .list{color: #222223;} .headerbgsna .pcnav .list a{color: #222223;} .headerbgsna .ricons .icons{color: #222223;} .headerbgsna .ricons .searchbo{border:1px #222223 solid;} .headerbgsna .ricons .searchbo input{color: #222223;} .headerbgsna .ricons .searchbo input::-webkit-input-placeholder {color: #222223;} .headerbgsna .ricons .searchbo input:-moz-placeholder {color: #222223;} .headerbgsna .ricons .searchbo input::-moz-placeholder { color: #222223;} .headerbgsna .ricons .searchbo input:-ms-input-placeholder {color: #222223;} .headerbgsna .ricons .icon01 span{background-position: 0 -42px;} .headerbgsna .ricons .icon02 span{background-position: -22px -40px;} .headerbgsna .ricons .icon03 span{background-position: -44px -40px;} .headerbgsna .ricons .icon04 span{background-position: -66px -40px;} .headerbgsna .ricons .icon05 span{background-position: -87px -40px;} .headerbgsna .ricons .icon06 span{background-position: 0 -40px;} .footer{height: auto; padding: 20px 0;display: block;} .footer .ftop{position: relative;justify-content: space-between;display: flex;} .footer .ftop .lfons{font-size: 12px;} .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;} .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;} */ .swiper_p_y{right: auto; left: 20px;} .swiper_p_y > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{right: auto;} .swiper_p_y > .swiper-pagination-bullet{background: url(../images/bicon02.png) no-repeat center center; opacity: 1; width: 20px; height: 20px;} .swiper_p_y > .swiper-pagination-bullet-active{background: url(../images/bicon01.png) no-repeat center center;} .swiper_p_yh > .swiper-pagination-bullet{background: url(../images/bicon04.png) no-repeat center center; opacity: 1; width: 20px; height: 20px;} .swiper_p_yh > .swiper-pagination-bullet-active{background: url(../images/bicon03.png) no-repeat center center;} .swiper_p_xb{right: auto; left: 10%; width: 80%;} .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{left: 10%; width: 80%;text-align: left;} .swiper_p_xb > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{right: auto;} .swiper_p_xb > .swiper-pagination-bullet{background: url(../images/bicon02.png) no-repeat center center; opacity: 1; width: 20px; height: 20px;} .swiper_p_xb > .swiper-pagination-bullet-active{background: url(../images/bicon01.png) no-repeat center center;} .gybg{background: url(../images/gybg.jpg) no-repeat center center;background-size:auto 100%;} .i_bg03{background: url(../images/i_bg03.jpg) no-repeat center center #fff;background-size: auto 100%;} .i_bg04{background: url(../images/i_bg04.jpg) no-repeat center center #fff;background-size: auto 100%;} .i_bg06{background-color: #F6F9FC;} .i_center{width:90%; max-width: 1280px; margin:80px auto 0 auto;} .i_title{padding: 60px 0;} .i_tleftr{display: flex;justify-content: space-between;align-items: center;} .i_chyl{position: relative;display: flex;justify-content: space-between;position: relative;} .i_chyl .chbo{border-bottom:2px #E2E2E2 dashed;position: absolute; left: 0;top: 20px; height: 5px; width: 100%; z-index: 1;} .i_chyl .chli{width: 24.3%; position: relative; z-index: 2;} .i_chyl .chli .titles{display: inline-block;background-color: #E2E2E2; padding: 10px 20px;margin-bottom: 40px;font-weight: bolder;} .i_chyl .chli .imgpo{position: relative;} .i_chyl .chli .imgpo .imgw{width: 100%; display: block;} .i_chyl .chli .imgpo .pa10{position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;background: rgba(5, 0, 82, 0.9);display: flex;align-items: center;justify-content: center; opacity: 0;} .i_chyl .chli .imgpo .pa10 .neipo{position: relative;} .i_chyl .chli .imgpo .pa10 .neipo .topimg{width: 71.2%;} .i_chyl .chli .imgpo .pa10 .neipo .neifons{font-size: 14px;color: #fff;min-height: 130px; margin: 30px 0;} .i_chyl .chli .imgpo .pa10 .neipo .ans{display: inline-block;} .i_chyl .chli .imgpo .pa10 .neipo .ans img{width: 100%;} .i_chyl .chli:hover .titles{background-color: #F8BC2B;color: #060066;transition: all 1s;} .i_chyl .chli:hover .imgpo .pa10{opacity: 1;transition: all 1s;} .i_fangan{display: flex;justify-content: space-between;} .i_fangan .lrw{width: 34%; height: 100%;align-items: baseline;} .i_fangan .lrw .imgmo{position: relative;} .i_fangan .lrw .imgmo img{display: block;} .i_fangan .lrw .imgmo:nth-child(2){margin-top: 5%;} .i_fangan .lrw .imgmo .mtitle{position: absolute; left: 10px;bottom: 10px; right: 10px;padding: 8px 10px; background: rgba(255, 255, 255, 0.9);display: flex;justify-content: space-between;font-weight: bolder;align-items: center;opacity: 1;} .i_fangan .lrw .imgmo .mtitle img{width: 13px; height: 14px; display: block;} .i_fangan .lrw .imgmo .hpa10{position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;background: rgba(5, 0, 82, 0.9); opacity: 0; padding: 20px;} .i_fangan .lrw .imgmo .hpa10 .titles{font-weight: bolder;color: #F8BC2B;display: flex;justify-content: space-between;align-items: center;} .i_fangan .lrw .imgmo .hpa10 .neifons{font-size: 14px;color: #fff; margin: 10px 0;text-align: left;} .i_fangan .lrw .imgmo .hpa10 .ans{position: absolute; left: 0; right: 0; bottom: 20px;text-align: center;} .i_fangan .lrw .imgmo .hpa10 .ans a{display: inline-block;} .i_fangan .lrw .imgmo .hpa10 .ans a img{width: 100%;} .i_fangan .lrw .imgmo .hpa10 .ans2{text-align: right; right: 8%;} .i_fangan .lrw .imgmo:hover .mtitle{opacity: 0;transition: all 1s;} .i_fangan .lrw .imgmo:hover .hpa10{opacity: 1;transition: all 1s;} .i_fangan .cow{width: 30%;position: relative;} .i_fangan .cow img{display: block;} .i_fangan .cow .mtitle{position: absolute; left: 10px;bottom: 10px; right: 10px;padding: 8px 10px; background: rgba(255, 255, 255, 0.9);display: flex;justify-content: space-between;font-weight: bolder;align-items: center;opacity: 1;} .i_fangan .cow .mtitle img{width: 13px; height: 14px; display: block;} .i_fangan .cow .hpa10{position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;background: rgba(5, 0, 82, 0.9); opacity: 0; padding: 20px;} .i_fangan .cow .hpa10 .titles{font-weight: bolder;color: #F8BC2B;display: flex;justify-content: space-between;align-items: center;} .i_fangan .cow .hpa10 .neifons{font-size: 14px;color: #fff; margin: 30px 0 20px 0;text-align: left;} .i_fangan .cow .hpa10 .neifons2{font-size: 14px;color: #fff;text-align: left;} .i_fangan .cow .hpa10 .neifons2 span{color: #F8BC2B;} .i_fangan .cow .hpa10 .ans{position: absolute; left: 0; right: 0; bottom: 20px;text-align: center;} .i_fangan .cow .hpa10 .ans a{display: inline-block;} .i_fangan .cow .hpa10 .ans a img{width: 100%;} .i_fangan .cow:hover .mtitle{opacity: 0;transition: all 1s;} .i_fangan .cow:hover .hpa10{opacity: 1;transition: all 1s;} .i_anli{position: relative;font-size: 14px;} .i_anli img{display: block;} .i_anli .biaodian{position: absolute; width: 15.8%;} .i_anli .biaodian .animg{width: 100%;} .i_anli .biaodian .tuimg{width: 60%;position: absolute;transition: all 1s;} .i_anli .biaodian .tuimg .bgimg{width: 100%;} .i_anli .biaodian .tuimg .aanimg{position: absolute; right: 10%;bottom: 10%; width: 30%;opacity: 0;transition: all 1s;} .i_anli .biaodian .tuimg01{left:80%;top: -65%;border-left:2px #F8BC2B solid;} .i_anli .biaodian .tuimg02{left:77%;top: -65%;border-left:2px #F8BC2B solid;} .i_anli .biaodian .tuimg03{left:74%;top: -65%;border-left:2px #F8BC2B solid;} .i_anli .biaodian .tuimg04{left:83%;top: -65%;border-left:2px #F8BC2B solid;} .i_anli .biaodian .tuimg05{left:-58%;top: -65%;border-right:2px #F8BC2B solid;transition: all 1s;} .i_anli .biaodian .tuimg06{left:-58%;top: -65%;border-right:2px #F8BC2B solid;transition: all 1s;} .i_anli .biaodian01{left: 1%;top: 18%;} .i_anli .biaodian02{left: 3%;top: 58%;} .i_anli .biaodian03{left: 27%;top: 38%;} .i_anli .biaodian04{left: 30%;top: 75%;} .i_anli .biaodian05{left: 67%;top: 21%;} .i_anli .biaodian06{left: 71%;top: 72%;} .i_anli .biaodian .tuimg:hover{width: 110%;border:2px #F8BC2B solid;transition: all 1s;} .i_anli .biaodian .tuimg:hover .aanimg{opacity: 1;transition: all 1s;} .i_anli .biaodian .tuimg:hover.tuimg05, .i_anli .biaodian .tuimg:hover.tuimg06{left:-108%;transition: all 1s;} .i_news{position: relative;display: flex;justify-content: space-between;} .i_news .newsw{width: 32%;background-color: #fff;border:2px #fff solid;} .i_news .newsw .hpa20{padding: 20px;display: flex;justify-content: space-between;} .i_news .newsw .hpa20 .lefts{font-size: 20px;color: #F8BC2B; width: 16%;font-weight: bolder;} .i_news .newsw .hpa20 .lefts strong{display: block;font-size: 38px;} .i_news .newsw .hpa20 .rights{width: 84%;text-align: left;border-left:1px #DCDCDC solid;} .i_news .newsw .hpa20 .rights .pa10{padding: 0 0 0 20px;} .i_news .newsw .hpa20 .rights .pa10 .titles{font-size: 18px;font-weight: bolder; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;min-height: 25px;} .i_news .newsw .hpa20 .rights .pa10 .neis{font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; margin:10px 0 40px 0;} .i_news .newsw:hover{border:2px #F8BC2B solid;transition: all 1s;} .i_news .newsw:hover .hpa20 .rights .pa10 .titles{color: #F8BC2B;transition: all 1s;} .index_gd{display: block; position: absolute; right: 3%; bottom: 12%; z-index: 999; border-radius: 0px; border:1px #fff solid; color: #fff; padding: 4px 20px;} .index_gd:hover{background: #fff; color: #060065;} /* ===== wap ===== */ /* ===== wap en ===== */ @media screen and (max-width:1500px){ body {font-size: 14px;} .headerpa{width: 90%;} .i_center{width: 86%;} } @media screen and (max-width:1200px){ .headerpa .pcnav .list{padding: 0 10px;} .headerpa .ricons .searchbo input{width: 120px;} } @media screen and (max-width: 960px){ .headerpa{width: 96%;} /* 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;} .i_center{width: 90%; margin:0 auto;padding: 20px 0 0 0;} .footer .ftop .rwidths{display: none;} /* .swiper_c_xb{margin-bottom: 20px;} */ .swiper_c_xb .swiper-slide{height: 232px;} #jingaovideo,#jingaovideo_chun{display: block;} .i_title{padding: 20px 0;font-size: 14px;} .i_tleftr img{width:100%;} .i_title img{width: 70%;margin-bottom: 10px;} .i_anli{position: relative;overflow-y: auto;} .i_anli img{width: 1300px;} .i_anli .biaodian{width: 50%;} .i_anli .biaodian01{left: 12%;} .i_anli .biaodian02{left: 16%;} .i_anli .biaodian03{left: 96%;} .i_anli .biaodian04{left: 112%;} .i_anli .biaodian05{left: 240%;} .i_anli .biaodian06{left: 250%;} .i_chyl{display: block;} .i_chyl .chli{width: 100%;margin-bottom: 20px;} .i_chyl .chli .titles{margin-bottom: 10px;font-size: 14px;} .i_chyl .chli .imgpo .pa10 .neipo .neifons{font-size: 12px;} .i_fangan{display: block;} .i_fangan .lrw, .i_fangan .cow{width: 100%;margin-bottom: 10px;} .i_fangan .lrw .imgmo:nth-child(2){margin-top: 10px;} .i_fangan .lrw .imgmo .mtitle{ font-size: 14px;} .i_fangan .lrw .imgmo .hpa10 .neifons, .i_fangan .cow .hpa10 .neifons, .i_fangan .cow .hpa10 .neifons2{font-size: 12px;} .i_news{display: block;} .i_news .newsw{ width: 100%;margin-bottom: 10px;} .i_news .newsw .hpa20 .rights .pa10 .titles{font-size:16px;min-height: 20px;} .i_news .newsw .hpa20 .rights .pa10 .neis{margin: 10px 0 20px 0;} .i_news .newsw .hpa20 .lefts strong{font-size: 22px;} .i_news .newsw .hpa20 .lefts{font-size: 14px;} } @media screen and (max-width: 768px){ .i_tleftr{display: block;} /* ===== wap ===== */ body{background: #fff;} .index_gd{display: none;} .index_bgon{background:none;} .index_bgco{background:#F6F9FC;} .i_bg03{background: none;} .ibk1{text-align: center;padding: 15px 0 20px 0;} .ibk1 a{display: inline-block; padding: 5px 20px; background: #F8BC2B; color: #fff;} .ibk2{position: relative; background: #F4F5F9; padding: 30px 10px;} .ibk2_lbbg{background:none;} .ibk2_lb{position: relative;} .ibk2_lb .titles{text-align: center;} .ibk2_lb .titles span{background: #E2E2E2; display: inline-block; padding: 10px 20px; font-size: 18px; font-weight: bolder;} .ibk2_lb .imgtu{margin: 20px 0;} .ibk2_lb .imgtu img{display: block; width: 100%;} .ibk2_lb .nei{text-align: center; font-size: 16px; min-height: 40px; margin-bottom: 40px;} .mySwiper_bk2 .swiper-pagination-fraction, .mySwiper_bk2 .swiper-pagination-custom, .mySwiper_bk2 .swiper-horizontal > .swiper-pagination-bullets, .mySwiper_bk2 .swiper-pagination-bullets.swiper-pagination-horizontal{text-align: center;} .i_fangan .lrw .imgmo .hpa10 .neifons{overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .i_fangan .cow .hpa10 .neifons{overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin: 10px 0;} .i_fangan .cow .hpa10 .neifons2{position: relative;} .i_fangan .cow .hpa10 .neifons2 .libk{display: flex; justify-content: space-between; align-items: center;} .i_fangan .cow .hpa10 .neifons2 .libk .neiw{width: 50%;} .i_fangan .lrw .imgmo .hpa10 .ans2{text-align: center;right: 0;} .i_jdal{display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 20px;} .i_jdal .wid{width: 49%;} .i_jdal .wid img{display: block; width: 100%;} .i_jdal .wid .fons{font-size: 14px; color: #808281; text-align: left; padding-top: 10px;} .i_jdal .wid .fons strong{font-size: 16px; font-weight: bolder; color: #16171B;} .i_bg06{background:none;} .i_news .newsw .hpa20 .lefts{display: none;} .i_news .newsw .hpa20 .rights{width: 100%; border: 0;} .i_news .newsw .hpa20 .rights .pa10{padding: 0;} .i_news .newsw .hpa20 .rights .pa10 a{display: none;} .i_news .newsw .hpa20{padding: 10px 0;} .i_news .newsw .hpa20 .rights .pa10 .neis{margin: 10px 0 5px 0;} .i_news .newsw .hpa20 .rights .pa10 .riqi{color: #808281;} .swiper_c_y>.swiper-wrapper>.swiper-slide.wapon{display: none;} /* ===== wap en ===== */ }