.fnt_14 { font-size: 14px; } .wrap { width: 1440px; } .modular .title { color: #000; margin-bottom: 3%; } .modular .title .more { float: right; } .modular .title .more * { display: inline-block; vertical-align: middle; } .modular .title .more a { font-style: italic; color: #003586; } .modular { padding: 3% 0; } .modular1 .info { padding: 2em; background: #f7f7f7; color: #686868; } .modular1 .info h3 { color: #000; margin-top: 0.5em; height: 3em; line-height: 1.5em; overflow: hidden; } .modular .content { position: relative; } .modular .content .swiper-button { position: absolute; top: 50%; left: 0; width: 100%; z-index: 9; } .modular .content .swiper-button .swiper-prev, .modular .content .swiper-button .swiper-next { position: absolute; left: -1.5em; top: -0.5em; cursor: pointer; color: #000; } .modular .content .swiper-button .swiper-prev:hover, .modular .content .swiper-button .swiper-next:hover { color: #003586; } .modular .content .swiper-button .swiper-button-disabled, .modular .content .swiper-button .swiper-button-disabled:hover { color: #a7a7a7; } .modular .content .swiper-button .swiper-next { left: auto; right: -1.5em; } .modular1 .content .img { overflow: hidden; } .modular1 .content img { transition: all .3s; width: 100%; } .modular1 .content a:hover img { transform: scale(1.1); } .modular4, .modular2 { background: #f7f7f7; } .modular2 ul { overflow: hidden; padding-bottom: -1px; } .modular2 ul li { width: 44%; margin: 0 3%; float: left; padding: 3% 0; border-bottom: 1px solid #000; margin-bottom:-1px; } .modular2 h3 { color: #686868; margin-top: 1em; } .modular3 .content .play { position: absolute; top: 50%; left: 50%; margin-left: -0.5em; margin-top: -0.5em; color: #fff; transition: all .3s; } .modular3 .content .swiper-slide { cursor: pointer; } .modular3 .content ul { margin: -1%; overflow: hidden; } .modular3 .content li.swiper-slide { width: 48%; margin: 1%; float: left; } .modular3 .content .img { overflow: hidden; position: relative; } .modular3 .content li.swiper-slide .img { padding: 28.57% 0; } .modular3 .content li.swiper-slide img { position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); } .modular3 .content h2 { padding: 1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; } .modular3 .content .swiper-slide img { width: 100%; transition: all .3s; } .modular4 ul { margin: -2%; } .modular4 ul::after, .modular4 ul::before { clear: both; content: ''; display: block; } .modular4 li { margin: 2%; width: 29.33%; float: left; border: 1px solid #003586; transition: all .3s; } .modular4 h2 { margin-top: 1em; height: 4.5em; line-height: 1.5em; overflow: hidden; } .modular4 .content a { padding: 2em; display: block; } .modular5 .content a { padding-bottom:0; } .modular5 h2 { margin-bottom: 1em; } .modular5 h3 { color: #686868; } .modular5 h4 { color: #003586; } .modular5 h4{ /*padding: 0 2em 2em;*/ } .modular5 h5 { padding: 0 2em 2em; } .modular4 .content h5 a { padding:0; } .modular5 h4 i { float: right; } .modular5 .content h4 a{ float: right; display: inline-block; padding-top: 0; padding-bottom: 0; vertical-align: middle; } .pop-up { position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; display: none; } .pop-up.on { display: block; } .pop-up .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 90%; text-align: center; } .pop-up .content .close { background: #003586; color: #fff; cursor: pointer; transition: all .3s; font-size: 30px; width: 48px; height: 48px; text-align: center; line-height: 48px; position: absolute; top: 0; right: 0; } .pop-up .content .close:hover { opacity: 0.5; } .pop-up .content .body { padding-top: 48px; height: 100%; width: 100%; } .pop-up .content img, .pop-up .content video { max-width: 100%; max-height: 100%; } /*.pop-up .content video{width: 60%;}*/ .news-con { padding: 4% 0 6%; } .news-top { margin-bottom: 5%; position: relative; } .modular7 { margin-bottom: 0; padding-bottom: 0; } .news-top li { background: #EEF2F4; } .news-top dt { float: left; widtH: 58.58%; } .news-top dd { float: right; widtH: 41%; padding: 5%; } .news-top dd span { display: block; margin-bottom: 2%; font-family: Arial, Helvetica, sans-serif; color: #001F4D; } .news-top dd h3 { margin-bottom: 5%; } .news-top dd p { color: #6E6E73; line-height: 1.8em; max-height: 7.3em; height: 7.3em; overflow: hidden; } .news-top dd .more { margin-top: 2em; display: inline-block; color: #003586; transition: all .3s; } .news-top dd .more:hover { color: #000; } .news-top .swiper-container-horizontal>.swiper-pagination-custom { left: 59%; padding: 5%; width: 41%; text-align: left; padding-top: 0; } .news-top .swiper-container-horizontal>.swiper-pagination-custom .swiper-pagination-bullet { border-radius: 0px; margin: 0; opacity: 1; width: 50%; height: 2px; ; vertical-align: bottom; background: #003586; } .news-top .swiper-container-horizontal>.swiper-pagination-custom .text { display: block; color: #6E6E73; font-family: Arial, Helvetica, sans-serif; } .news-top .swiper-container-horizontal>.swiper-pagination-custom .reIndex { color: #003586; font-weight: bold; } .news-top .swiper-container-horizontal>.swiper-pagination-custom .progress { height: 2px; background: #f90000; padding-bottom: 0px; display: block; /*transition: all .3s;*/ } .news-list01 { margin: 0 -1.75%; padding-bottom: 2%; } .news-list01 li { float: left; widtH: 29.83%; margin: 0 1.75% 3%; background: #fff; border-radius: 0px; overflow: hidden; } .news-list01 li dd { padding: 6%; background: #f7f7f7; } .news-list01 li dd span { display: block; margin-bottom: 2%; font-family: Arial, Helvetica, sans-serif; color: #686868; } .news-list01 li dd h3 a { color: #000000; } .news-list01 li dd h3 { line-height: 1.5em; height: 3em; overflow: hidden; } .modular6 li { padding: 2.5em; border-bottom: 1px solid #0b0b0b; transition: all .3s; } .modular6 li:last-child { border: 0; } .modular6 h2 { color: #000; margin-bottom: 0.5em; } .modular6 p { font-size: 14px; line-height: 1.6em; height: 3.2em; color: #505050; overflow: hidden; } .modular6 .left { position: absolute; width: 14em; text-align: center; } .modular6 .right { margin-left: 14em; } .news-content .d_title { text-align: center; } .d_page { overflow: hidden; } .d_page .page_le, .d_page .page_le a { color: #333333; } .d_page .page_le { float: left; width: calc(100% - 80px) } .d_page .page_le span { display: block; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .d_page .page_le span:last-child { margin-bottom: 0; } .d_page .page_re { float: right; } .d_page .page_re a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #004ba3; background-size: 100% 100%; border-radius: 50%; color: #fff; } .news-content .edit_con_original { color: #292929; padding: 2em 0; border-bottom: 1px solid #ddddde; margin-bottom: 2em; } .news-content .d_title { border-bottom: 1px solid #ddddde; padding-bottom: 3%; } .news-content .d_title h2 { margin-bottom: 0.5em; } .news-content { padding: 5% 0; padding-top: 3%; color: #292929; } .news-content .d_title .s_spanleft { color: #686868; } .news-content .d_title .s_spanleft .posttime { margin-right: 1em; vertical-align: middle; display: inline-block; } .news-content .d_title .s_spanleft a { color: #d0d0d0; margin: 0 0.5em; font-size: 1.4em; display: inline-block; vertical-align: middle; } .modular5 .menu { text-align: center; margin-bottom: 3%; } .modular5 .menu a { display: inline-block; padding: 0.5em 2em; background: #505050; color: #fff; margin: 0 1em; border-radius: 5px; } .modular5 .menu a.on { background: #001F4D; } .modular7 { padding: 5% 0; } .modular7 .left, .modular7 .right { width: 45%; } .modular7 .box { overflow: hidden; line-height: 2.5em; position: relative; } .modular7 .left { position: absolute; top: 0; left: 0; height: 100%; } .modular7 .left #map{ width: 100%; height: 100%; } .modular7 .right { float: right; } .modular7 .right hr { border: 0; border-bottom: 1px solid #afafaf; margin: 2em 0; } .modular7 h3 { color: #959595; /* margin-top: -1em; */ margin-bottom: 1em; } @media only screen and (min-width: 1200px) { .news-list01 li:hover dd h3 a { color: #003586; } .modular5 .menu a:hover { background: #001F4D; } .news-content .d_title .s_spanleft a:hover { color: #001F4D; } .d_page .page_re a:hover { opacity: 0.5; } .d_page .page_le a:hover { color: #004ba3; } .modular3 .content .swiper-slide:hover img { transform: scale(1.1); } .modular3 .content .swiper-slide:hover .play { opacity: 0.5; } .modular3 .content li.swiper-slide:hover img { transform: translate(-50%,-50%) scale(1.1); } .modular2 .content a:hover h2 { color: #003586 !important; } .modular4 li:hover { border-color: transparent; } .modular4 .content li:hover { box-shadow: 0 0 10px #aaa; color: #003586 !important; background: #fff; } .modular4 .content li:hover *{ color: #003586 !important; } .modular5 .content li.active:hover *{ color:#fff !important; } .modular6 li:hover { background: #f7f7f7; border-color: #f7f7f7; } } @media only screen and (max-width:1366px) { .news-top .swiper-container-horizontal>.swiper-pagination-custom { padding: 3% 5%; padding-top: 0; } } @media only screen and (max-width:1023px) { .news-tit li { padding: 25px 30px; } .news-top .swiper-container-horizontal>.swiper-pagination-custom { padding: 0 5%; } } @media only screen and (max-width:767px) { .modular7 .left, .modular7 .right { position: relative; float: none; width: 100%; } .modular7 .left{ height: 300px; margin-bottom: 2em; } .modular3 .content li.swiper-slide { width: 98%; margin: 1%; float: left; } .modular4 ul { margin: 0; } .modular4 li { width: 100%; margin: 2% 0; } .modular2 ul li { width: 94%; } .modular2 ul li h2 { line-height: 1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .d_page .page_re { display: none; } .modular6 .left { position: relative; width: auto; text-align: left; margin-bottom: 0.5em; } .modular6 .right { margin-left: 0; } .modular { overflow: hidden; } .d_page .page_le { width: 100%; } .modular .content .swiper-button { font-size: 30px; } .modular .content .swiper-button .swiper-prev { left: -0.5em; } .modular .content .swiper-button .swiper-next { right: -0.5em; } .news-tit { height: 50px; } .news-tit li { padding: 15px 10px; } .news-tit li::before { top: 15px; } .news-top dt, .news-top dd { widtH: 100%; } .news-top dd h3 { height: auto; } .news-top dd { padding-bottom: 20%; } .news-top .swiper-container-horizontal>.swiper-pagination-custom { lefT: 0; widtH: 100%; } .news-list01 { margin: 0 0 5%; } .news-list01 li { widtH: 100%; margin: 0 0 5%; } .news-list01 li dd { padding: 5%; } .news-list01 li dd h3 { height: auto; } .news-top dd p { max-height: none; height: auto; } } .modular5 li{margin: 1% 2%;} .modular5 .content a{padding: 3% 5%;} .modular5 li span{ display: block; margin-top: 5%;} .modular5 h2{margin: 1% 0; height: 3em;} .modular5 .content li:hover span{color: #333!important;} .modular5 .content li.active{ background:#003586; } .modular5 .content li.active h3, .modular5 .content li.active h2, .modular5 .content li.active span{ color:#fff !important; } .sech_sou{overflow: hidden; border-bottom: 1px solid #e0e0e0; width:690px; padding-bottom: 5px;} .sech_sou input,.sech_sou button,.sech_sou span{height: 50px; line-height: 50px; border: none; outline: none; float: left;} .sech_sou button{width: 75px; height:50px;line-height: 50px; background: #003586;color: #fff;font-size: 18px; font-weight: bold;text-align: center; float: right;} .sech_sou button i{font-size: 20px;} .sech_sou span{float: right; padding: 0 20px; cursor: pointer;} .sech_sou input{font-size:24px; font-weight: normal; width: 590px; padding:0 10px;background: none;} .searh_g { color: #303030; margin-top: 20px; } .searh_g span{display: inline-block;margin-top: 0;} .seachcont .pageout{border-top:0;} .content>ul{margin-top: 30px;margin-bottom: 30px;} @media only screen and (max-width:767px) { .sech_sou{width: 100%;} .sech_sou input{width:calc(100% - 100px)} .sech_sou input, .sech_sou button, .sech_sou span{height: 40px; line-height: 40px;} .sech_sou button{margin-top: 0} .sech_sou span img{margin-top: 14px;} .sech_sou input{font-size: 20px;} .searh_g{margin:20px 0;margin-bottom: 0;} .search_con li{padding:20px 0;} .search_con li h2 span{width: auto;float: none;} .search_con li h2 a{width:100%;} .search_con li h2{margin-bottom: 10px;} }