body { /* min-width: 12rem; */ } html{ font-size: 100px; } .header_wrap { width: 100%; position: relative; } /* logo */ .showdiv .logo_wrap_s{ transform: none; opacity: 1; } .logo_wrap { width: 100%; /* height: 1rem; */ /* position: fixed; */ z-index: 2; position: fixed; /* background: linear-gradient(to bottom left, #409EFF, #0D3F72, #06379d); */ background: linear-gradient(to bottom,#0D3F72, transparent); /* background: #0D3F72; */ } .logo_wrap_s{ transform: translateY(-100%); opacity: 0; } /* transition:all 0.7s ease-out 0s; */ .logo_title{ height: 100%; display: flex; align-items: center; /* font-size: .28rem; font-weight: bold; color: #fff; font-family: '鐎瑰缍�'; display: flex; height: 100%; */ } .logo_title img{ height: 1.15rem; } .cen-w { /* height: 1.1rem; */ display: flex; justify-content: space-between; align-items: center; margin: 0.2% 4% 0 3.5%; } .logo{ height: 100%; width:70%; } /* .logo {line-height: 1.2rem;} */ /* .logo img {height: .66rem;} */ .search_wrap { display: flex; justify-content: center; align-items: center; } /* .top_links {margin-top: .24rem;margin-bottom: .12rem;} */ .top_links a { color: #fff; font-size: .16rem; /* line-height: .14rem; */ text-align: center; /* display: block; float: right; */ margin-right: .1rem; } .top_links img { height: .14rem; /* display: block; float: left; */ margin-right: .05rem; } .search { width: 1.8rem; height: .25rem; background: #fff; display: flex; border: .01rem solid #409EFF; border-radius: .1rem; } .search_input { width: 80%; height: 100%; /* float: left; */ outline: none; border: none; padding-left: .08rem; font-size: .14rem; border-radius: .1rem; } .search_but { cursor: pointer; outline: none; border: none; width: .44rem; height: 100%; float: left; background: url("") center center no-repeat; color: transparent; } /* logo End */ .hist_text { text-align: center; font-size: .26rem; margin-top: .5rem; } .hist_pic { width: 100%; height: 100%; text-align: center; line-height: 1.48rem; font-size: .16rem; border: .01rem solid #dddddd; } /*nav */ .nav_wrap { width: 100%; height: .45rem; /* z-index: 1300; */ position: relative; /* background: linear-gradient(to bottom, #409EFF,#0D3F72, transparent); */ } .nav_ul { display: flex; justify-content: space-around; margin: 0.5% 3% 0 3%; height: 100%; } .nav_li_jiaoyu{ width:9.5% !important; } .nav_ul li { width: 8.5%; display: inline-block; } .nav_ul li>a { color: #fff; font-size: .16rem; text-align: center; /* line-height: .4rem; */ display: flex; align-items:center ; justify-content: center; height: 100%; font-weight: 800; } .nav_ul li a:hover { background: rgba(241,145,8,1); color:#fff ; /* background: #fff; */ } .nav_li_On { /* background: #fff; */ background: rgba(241,145,8,1); color:#fff ; } .nav_li_On>a { background: rgba(241,145,8,1); color:#fff ; } .nav_down_wrap { z-index: 99999; display: none; width: 1.5rem; background: #0D3F72; position: absolute; /* left: 50%; transform: translate(-50%, 0); */ /* padding-top: .1rem; padding-bottom: .1rem; */ } /* .nav_down_wrap:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border: .08rem solid transparent; border-bottom-color: #0D3F72; top: -0.16rem; } */ .nav_ul li:hover .nav_down_wrap { display: block; } .nav_down_ul { width: 100%; } .nav_down_li { width: 100%; font-size: .14rem; height: .4rem; line-height: .4rem; text-align: center; } .nav_down_li a { font-size: .14rem; color: #fff; } .nav_down_liEj { width: 100%; margin-bottom: .05rem; } .nav_down_li:hover { background: rgba(241,145,8,1); } /* 鐎佃壈鍩呮稉瀣閸掓銆冪€涙ぞ缍嬫0婊嗗 */ .mya { color: #fff; } /* .nav_down_li a:hover { color: #fff ; } */ /* nav End */ /* banner */ .master { top:100%; position: fixed; left: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; overflow-y: auto; transition: all 0.7s ease-out 0s; } .showdiv{ top:0; background: #fff; } .showdiv .logo_wrap2_s{ transform: none; opacity: 1; transition: all 0.7s ease-in-out 0.5s; } .logo_wrap2{ background: #0D3F72; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; } .logo_wrap2_s{ opacity: 0; transform: translateY(-100%); transition: all 0.5s ease-out 0s; } .banner { /* width: 100%; min-width: 12rem; */ height: 100vh; position: relative; overflow: hidden; } .banner_box{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 0; overflow: hidden; } .swiper-container { } .swiper-slide { width: 100%; height: 100%; } .banner img { width: 100%; height: 100%; /* object-fit: cover; */ } .banner .pagination { position: absolute; left: 0; text-align: center; bottom: .1rem; width: 100%; z-index: 9; } /* .banner .swiper-pagination-switch { display: inline-block; width: .1rem; height: .1rem; margin: 0 .05rem; cursor: pointer; background: #fff; border-radius: 50%; } */ .banner .swiper-pagination-bullet{ display: inline-block; width: .1rem; height: .1rem; margin: 0 .05rem; cursor: pointer; background: #fff; opacity: 1; border-radius: 50%; } .banner .swiper-pagination-bullet-active{ background: #FFFC00; } /* .banner .swiper-active-switch { background: #FFFC00; border: none; } */ /* banner End */ /* main1 鑼呴埀顑犫埗顬e槑銉冦儮鈧差優銉⑩偓妯戯拷/蹇欓垾鎾€鎳娾斁鈧枀骞汇儏鐘咁煁锔瑰亾鑱� */ .content1 { padding-top: 1.7rem; padding-bottom: .05rem; width: 100%; /* height: 4.7rem; */ background-color: #fff; max-width: 1500px; margin: 2% auto; } .main1 { display: flex; justify-content: space-between; /* margin: .4rem 3%; */ margin:2% 3% 2% 3%; flex-wrap: nowrap; } .main1_left { width: 48.5%; height: 4.3rem; position: relative; overflow: hidden; padding: 2%; background: #fff; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); } .main1_left img { width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main1_left .swiper-slide { position: relative; } .main1_left .swiper-slide p { width: 100%; height: .5rem; color: #fff; font-size: .16rem; line-height: .5rem; padding: 0 .15rem; position: absolute; bottom: 0; right: 0; text-align: start; border-radius: 0rem 0rem 0rem 0rem; background: linear-gradient(to left, #409EFF, rgba(6, 55, 157, 1), #0D3F72); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main1_left .pagination { position: absolute; left: 0; text-align: center; bottom: .05rem; width: 100%; z-index: 9; padding-right: 0rem; } /* .main1_left .swiper-pagination-switch { display: inline-block; width: .1rem; height: .1rem; margin: 0 .05rem; cursor: pointer; background: #fff; border-radius: 50%; } .main1_left .swiper-active-switch { background: #409EFF; border: .01rem solid #409EFF; } */ .main1_left .swiper-pagination-bullet{ display: inline-block; width: .08rem; height: .08rem; margin: 0 .05rem; cursor: pointer; background: #000; opacity: 0.2; border-radius: 50%; } .main1_left .swiper-pagination-bullet-active{ background: #409EFF; opacity: 1; } .main1_right { width: 48.5%; height: 4.3rem; background: #fff; padding: .2rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); } .main1_right .slideTxtBox { width: 100%; } .main1_right .slideTxtBox .hd { position: relative; padding-bottom: 2%; /* margin-bottom: .2rem; */ /* margin-top: .1rem; */ } .main1_right .slideTxtBox .hd .text { float: left; line-height: .3rem; font-size: .22rem; color: #0D3F72; border-left: .04rem solid #0D3F72; padding-left: .1rem; font-weight: bold; } /* .main1_right .slideTxtBox .hd .on { color: #333333; } */ .main1_right .slideTxtBox .hd .main_more { display: block; overflow: hidden; top: -0.08rem; border: .01rem solid #0D3F72; border-radius: .05rem; padding: .05rem .1rem; color: #0D3F72; } /* .main1_right .slideTxtBox .hd .on .main_more { display: block; } */ .more { /* display: none; */ position: absolute; z-index: 9; left: .13rem; top: -0.18rem; cursor: pointer; color: #fff; } .main1 .hd .main_more:hover { background-color: #0D3F72; } .main1_right .slideTxtBox .bd { width: 100%; /* background-color: #ffffff50; border-top: .01rem solid #e4e4e4; border-left: .01rem solid #e4e4e4; border-right: .01rem solid #e4e4e4; */ /* background: #fff; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); */ } .main1_right .slideTxtBox .bd .it_expertxt { overflow: hidden; height: .67rem ; border-bottom: .01rem solid #e4e4e4; font-size: .16rem; padding-right: .1rem; display: flex; align-items: center; } .it_expertxt_main{ /* display: flex; height: 100%; align-items: center; justify-content: space-between; */ height: 100%; width: 100%; } .tongzhititle{ display: flex; width: 100%; height: 100%; align-items:center ; justify-content: space-between; } .xueshutitle{ display: flex; width: 100%; height: 100%; align-items:center ; justify-content: space-between; } .tongzhititle p{ display: inline-block; font-size: .16rem; } /* .it_expertxt:hover { background-color: #0D3F72; } */ .it_expertxt:hover .main1_right_title { color: #0D3F72; font-weight: 600; } .it_expertxt:hover .it_experttime { color: #0D3F72; font-weight: 600; } .it_experttime { /* float: right; */ position: relative; color: #7d858c; } .myicon img{ width:.25rem; height: .25rem; } .myimg{ width:.25rem; height: .25rem; background-image: url(../pictures/new.png); } .myicon .myimg_3{ width:.18rem; height: .18rem; margin-right:.05rem; } .myicon .myimg_4{ width:.18rem; height: .18rem; margin-right:.05rem; } /* .main1_right .slideTxtBox .bd li { margin-top: .29rem; } .main1_right_time { width: .7rem; border-right: .01rem solid #d0d0d0; float: left; height: .45rem; } .main1_right_dd { font-size: .24rem; color: #333333; line-height: .26rem; padding-left: .13rem; } .main1_right_yy { font-size: .14rem; color: #787878; } */ .main1_right_content { /* float: left; */ margin-left: .1rem; display: flex; align-items: center; width: 80%; } .main1_right_title { font-size: .16rem; width: 100%; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ color: #434343; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 200%; position: relative; } /* .main1_right_text { position: relative; margin:.1rem; font-size: .14rem; color: #fff; display: none; display: flex; align-items: center; } */ /* .main1_right_text_hover{ font-size: .14rem; color: #fff; display: flex; align-items: center; height: 100%; width:100%; padding:0 .2rem 0 .1rem; } */ .main1_right_text_hover p{ /* width: 100%; */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* .main1_right .slideTxtBox .bd li:hover .main1_right_title { color: #0c4e90; } .main1_right .slideTxtBox .bd li:hover .main1_right_dd { color: #0c4e90; } */ /* main1 End 鑼呴埀顑犫埗顬e槑銉冦儮鈧差優銉⑩偓妯戯拷/蹇欓垾鎾€鎳娾斁鈧枀骞汇儏鐘咁煁锔瑰亾鑱� */ /* main2 鑾芥綖闄嬬尗濞勮仜鐩茶祩閳ユ簫尾鐘咃拷/鐩茶祩閳ュ顭婇摪鐭仮鍢庮劶銉傜锟�/姘撻濞勫繖鑹欑倝姘撹墿绡撳繖閳ь儩锟� */ .main2 { /* margin: .4rem .5rem; */ margin: 2% 3% 2% 3%; height: auto; flex-wrap: nowrap; /* display: flex; justify-content: space-around; */ } .main2_content{ display: flex; /* height: 3.9rem; */ justify-content: space-between; } .main2_left { width: 48.5%; height: 4.5rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: .2rem; background: #fff; } .main2_right{ width: 48.5%; height: 4.5rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: .2rem; background: #fff; } .main2 .hd { /* border-bottom: .01rem solid #06379d; */ height: .4rem; /* margin-left:1.5% ; */ position: relative; } .main2 .hd li { /* line-height: .3rem; */ font-size: .22rem; /* 改这里!! */ color: #333333; float: left; border-left: .04rem solid #0D3F72; padding-left: .1rem; margin-right: .26rem; font-weight: bold; /* 改这里!! */ cursor: pointer; } /* 改这里!! */ .main2_more a{ color: #0D3F72; font-size: .14rem; } #main22_more{ display: none; } .main2 .hd{ display: flex; justify-content: space-between; } .main2 .hd .on { /* 改这里 */ color: #0D3F72; } .tongzhi .slideTxtBox .hd ul{ display: flex; } .main2_left .slideTxtBox .bd { margin-top: .2rem; width: 100%; } .main2_left_content{ display: flex; height: 100%; width:100%; align-items: center; justify-content: space-between; } .main2_left_content_title{ width: 100%; display: flex; align-items: center; margin-left:1%; } .main2_left_title{ width:80%; display: flex; align-items: center; margin-left: .1rem; } .main2_left .slideTxtBox .bd li { font-size: .16rem; width: 100%; border-bottom: .01rem solid #e4e4e4; display: flex; justify-content: space-between; height: .67rem; align-items: center; padding-right: 2%; } .main2_left .slideTxtBox .bd .it2_expertit .it2_experttitle2 { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .16rem; } .main2_left .slideTxtBox .bd li span { color: #0D3F72; display: block; float: left; margin-top: -0.02rem; margin-right: .07rem; } .main2_left .slideTxtBox .bd li:hover{ background:#0D3F72 ; } .main2_left .slideTxtBox .bd li:hover .main2_right_title { color: #FFF; } .main2_left .slideTxtBox .bd li:hover p { color: #FFF; } .main2_right_title{ font-size: .16rem; width: 100%; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ color: #434343; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 200%; position: relative; } /* .main2_left_title { font-size: .16rem; } .main2_left_time { float: right; color: #666666; } */ .it2_experttitle2 { font-size: .16rem; } .it2_experttime2 { position: relative; color: #7d858c; font-size:.16rem; } .main_more { position: absolute; right: 0; color: #06379d; font-size: .14rem; top: .08rem; display: none; } .main2_left .slideTxtBox .hd .on .main_more { display: block; } /* main2 End */ /* main3 */ .main3 { /* margin: .4rem .5rem; */ margin: 2% 3% 2% 3%; height: auto; flex-wrap: nowrap; /* display: flex; justify-content: space-around; */ } .main3_content{ display: flex; /* height: 3.9rem; */ justify-content: space-between; } .main3_left{ width: 37%; } .main3_left_top { height: 2.9rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: .2rem; background: #fff; } .main3 .hd { /* border-bottom: .01rem solid #06379d; */ height: .4rem; /* margin-left:1.5% ; */ position: relative; } .main3 .hd li { /* line-height: .3rem; */ font-size: .22rem; color: #0D3F72; float: left; border-left: .04rem solid #0D3F72; padding-left: .1rem; margin-right: .26rem; font-weight: bold; width: 100%; display: flex; justify-content: space-between; } .main3_more{ color: #0D3F72; font-size: .14rem; } .main3 .hd .on { color: #0D3F72; /* background: url(../images/icon4.png) center bottom no-repeat; */ } .main3_left_top .slideTxtBox .bd { /* margin-top: .05rem; */ width: 100%; } .it2_experttitle3 { font-size: .16rem; } .it3_experttime3 { position: relative; color: #7d858c; font-size:.16rem; } .main3_left_content{ display: flex; height: 100%; width:100%; align-items: center; justify-content: space-between; } .main3_left_content_title{ width: 100%; display: flex; align-items: center; margin-left: 1%; } .main3_left_title{ width:77%; display: flex; align-items: center; } .main3_right_title{ font-size: .16rem; width: 100%; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ color: #434343; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 200%; position: relative; } .myicon { display: flex; align-items: center; justify-content: space-between; width:100%; } .main3_left_top .slideTxtBox .bd li { font-size: .16rem; width: 100%; border-bottom: .01rem solid #e4e4e4; display: flex; justify-content: space-between; height: .7rem; align-items: center; padding-right: 2%; } .main3_left_top .slideTxtBox .bd .it3_expertit .it3_experttitle3 { position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .16rem; } .main3_left_top .slideTxtBox .bd li span { color: #0D3F72; display: block; float: left; margin-top: -0.02rem; margin-right: .07rem; } .main3_left_top .slideTxtBox .bd li:hover .main3_right_title { color: #4e6ef2; } .main3_left_top .slideTxtBox .bd li:hover p { color: #4e6ef2; } .main3_left_top .slideTxtBox .hd .on .main_more { display: block; } .main3_left_bottom{ margin-top:0.2rem; height: 1.4rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: .1rem; background: #fff; display: grid; grid-template-columns: repeat(auto-fill, 33%); } .main3_left_bottom_div { padding:2%; display: flex; justify-content: center; align-items: center; } /* .main3_left_bottom_div:hover p{ color: #fff; } */ .main3_left_bottom_a:hover{ background: #4e6ef2; box-shadow: 0 0 .2rem rgba(9, 51, 102, .2); } .main3_left_bottom_a{ width: 100%; height: 100%; background: #0D3F72 ; box-shadow: 0 0 .2rem rgba(9, 51, 102, .2); padding: 0.1rem; } .main3_left_bottom_img{ display: flex; justify-content: center; align-items: center; margin-bottom: 2%; } .main3_left_bottom img{ width:.65rem; height: .65rem; } .main3_left_bottom p{ display: flex; justify-content: center; font-size: .18rem; color:#fff; /* color: rgb(125, 133, 140); */ /* font-weight: bold; */ /* padding-top:.01rem ;*/ } .main3_right{ width: 61%; height: 4.5rem; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: .2rem; background: #fff; } .main3_swiper{ width: 100%; height: 3.5rem; } .main3_content .swiper-container { width: 100%; height: 100%; padding: 1%; } .main3_right .swiper-slide { width: 20%; height: 3.1rem; background: #fff; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); } .main3_right .swiper-slide:hover .xuesheng_content { color:#4e6ef2; } .main3_right .swiper-slide a { height: 3.1rem; display: inline-block; width: 100%; } .main3_right .swiper-slide img { width: 100%; height: 80%; padding: 2%; } .xuesheng_content{ /*display: flex; justify-content: center;*/ width: 100%; font-size: .16rem; color: #0D3F72; padding: 0 3%; } .xuesheng_content_tite{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 180%; } .xuesheng_jianjie{ padding:1% 8%; color: #636363;; font-size: .14rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .main3_right .swiper-pagination{ width: 100%; bottom: 0rem !important; } /* main4 */ .main4 { /* margin: .4rem .5rem; */ margin: 2% 3% 2% 3%; height: auto; /* display: flex; justify-content: space-around; */ } .main4_content{ width: 100%; /* height: 4.5rem; */ box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); padding: 0.2rem; background: #fff; } .main4 .hd { /* border-bottom: .01rem solid #06379d; */ height: .4rem; /* margin-left:1.5% ; */ position: relative; } .main4 .hd li { /* line-height: .3rem; */ font-size: .22rem; color: #0D3F72; float: left; border-left: .04rem solid #0D3F72; padding-left: .1rem; margin-right: .26rem; font-weight: bold; width: 100%; display: flex; justify-content: space-between; } .top_content{ display: grid; grid-template-columns: repeat(auto-fill, 11%); grid-auto-rows: 1rem; /* height: 1.5rem; */ padding: 2% 0 2% 2%; grid-row-gap: .25rem; } .top_content_div { padding:2%; display: flex; justify-content: center; align-items: center; } .top_content_div:hover p{ color: #B87333; } .top_content_div_img{ display: flex; justify-content: center; align-items: center; margin-bottom: 2%; } .top_content p{ display: flex; justify-content: center; font-size: .18rem; color: rgb(125, 133, 140); /* font-weight: bold; */ /* padding-top:.01rem ;*/ } .top_content img{ width:.65rem; height: .65rem; } .bottom_content{ display: flex; justify-content: space-around; padding: 2% 0 2% 2%;; } .bottom_content_div{ box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); width:15%; height: .6rem; display: flex; justify-content: center; align-items: center; font-size: .16rem; } .bottom_content_div:hover{ background: #0D3F72; color: #fff; /* color: #fff; background: #409EFF; */ } /* 鐎涳箓娅岄弬鍥у */ /* #certify { position: relative; width: 100%; height: 4.08rem; margin: .4rem auto .4rem; } #certify .swiper-container { padding-bottom: .6rem; width: 100%; height: 4.08rem; } #certify .swiper-slide { width: 34%; height: 4.08rem; background: #fff; box-shadow: 0 .08rem .3rem #ddd } #certify .swiper-slide img { display: block; width: 100%; height: 100%; } #certify .swiper-slide p { line-height: .98rem; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: .2rem; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .05rem; border: .03rem solid #fff; background-color: #d5d5d5; width: .1rem; height: .1rem; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: .03rem solid #0D3F72; background-color: #fff; } #certify .swiper-button-prev:after{ content: ''; } #certify .swiper-button-next:after{ content: ''; } #certify .swiper-button-prev { left: 6%; width: .45rem; height: .45rem; background: url('') no-repeat; background-size: 100%; } #certify .swiper-button-prev:hover { background: url('') no-repeat; background-size: 100%; } #certify .swiper-button-next { right: 6%; width: .45rem; height: .45rem; background: url('') no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-next:hover { background: url('') no-repeat; background-size: 100%; } */ /* 缁楊兛绗佹稉顏囩枂閹绢厼娴� */ /* .mySwiper { position: relative; width: 100%; padding-top: 3%; height: 5rem; } */ /* .swiper .swiper-slide { background-position: center; background-size: cover; width: 3rem; height: 3rem; } .swiper .swiper-slide img { display: block; width: 100%; } */ /* .mySwiper .swiper-slide { width: 34%; height: 4.08rem; background: #fff; box-shadow: 0 .08rem .3rem #ddd } .mySwiper .swiper-slide img { display: block; width: 100%; height: 3.1rem; } .mySwiper .swiper-slide p { line-height: .98rem; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } */ /* .footer {width: 100%;height: 2.43rem;background: url() 60% center no-repeat #06379d;margin-top: .45rem;overflow: hidden;} */ .footer { width: 100%; /* height: 2.43rem; */ /* background: linear-gradient(to bottom left, #409EFF, #0D3F72, #06379d); */ background: #0D3F72; display: flex; justify-content: space-between; padding: 0 4.5%; } .footer_left img { height: 1.15rem; } .footer_contact{ margin: 3% ; } .footer_contact p { font-size: .16rem; color: #ffffff; } .footer_contact div { font-size: .14rem; color: #fff; line-height: .42rem; margin-top: .05rem; } .footer_right { display: flex; justify-content: center; align-items: center; } .footer_right li { margin-right: .56rem; color: #fff; font-size: .16rem; text-align: center; margin-top: .4rem; } .footer_right li p { margin-top: .19rem; } .footer_left_a{ font-size: .3rem; /* height: 1rem; */ display: flex; align-items: center; color: #fff; font-weight: bold; font-family: '鐎瑰缍�'; margin-top:.2rem; } /* ---------------------------------------------------------鐩叉綖鑹楄幗娼炴悅 -----------------------------------------------*/ .ej_wrap { /* min-height: 5rem; */ } /* 闁氨鐓¢崗顒€鎲¢惃鍕棅妤楁澘娴� */ .zst_wrap { width: 100%; height: 3rem; position: relative; z-index: -1; } .zst_wrap img { width: 100%; height: 100% } .zst { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .lumn_wrap { float: right; margin-top: 1.1rem; } .lumn_text { font-size: .42rem; color: #ffffff; font-weight: bold; } .lumn_en { font-size: .11rem; color: #fff; text-transform: uppercase } /* 鐚嫝閳ノ斥敒銉傛噴銉⑩偓閮濓拷 End */ /* 鐩叉綖鑹楄幗娼炴悅姘撶倝褰曠尗钘涢檵 */ .nav_ej_wrap { width: 2.46rem; float: left; margin-top: -0.66rem; /* position:absolute; */ z-index: 99999; } .nav_lumnName { width: 2.45rem; height: .66rem; font-size: .2rem; color: #fff; text-align: center; line-height: .66rem; background: url(../images/title_bac.png) no-repeat; background-size: 100% 100%; } .nav_ej {} .nav_ej li { position: relative; } .nav_ej li div { position: relative; display: block; line-height: .6rem; font-size: .18rem; color: #333333; border-left: .12rem solid #0c4e90; padding-left: .3rem; box-sizing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .nav_ej li:hover {} .nav_ej li:hover div { background: #ececec; border-left: .12rem solid #dfc759; } .nav_ej li:hover div a { color: #0c4e90; } .nav_ejBut { height: .16rem; float: right; position: absolute; top: .23rem; right: .12rem; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .nav_ejBut_on { transform: rotate(180deg) } .nav_ej_on div { background: #ececec; border-left: .12rem solid #dfc759 !important; } .nav_ej_on div a { color: #0c4e90; } .nav_ej_down { width: 100%; background: #f6f5f5; border-left: .12rem solid #dfc759 !important; display: none; } .nav_ej_down a { font-size: .16rem; padding-left: .3rem; display: block; line-height: .6rem; } .nav_ej_down a:hover { color: #0c4e90; } .ej_position_wrap { margin-top: .26rem; width: 100%; height: .5rem; border-bottom: .01rem solid #0c4e90; line-height: .5rem; color: #333; } .ej_lumn_name { font-size: .2rem; float: left; } .ej_position { font-size: .14rem; float: right; } /* 鑾藉簮閳ь優銇㈢儵鈧拷/姘撻垾鐘偓纬銉傤啓锟� */ .ej_content { font-size: .14rem; color: #666666; /* margin-top: .23rem; */ line-height: .23rem; padding: 2%; } /* .ej_content_title { font-size: .2rem; color: #0c4e90; text-align: center; font-weight: bold; } .ej_content_time { text-align: center; font-size: .12rem; margin: .2rem 0; } */ .shizi_detail_top{ display: flex; } .ej_content img { display: block; margin: .05rem auto; } .ej_right_wrap { width: 9.05rem; float: right; min-height: 5rem; } .ej_position_xb { border-bottom: .01rem solid #ececec; } .ej_position_xb .ej_lumn_name { font-weight: bold; color: #0e3290; font-size: .24rem; } /* 鑾介瞾绂勮寘鑼犵瘬姘撹棝閳ユ枂顭娒凤拷 */ .ej_xb_list {} .ej_xb_list li { line-height: .62rem; border-bottom: .01rem solid #ececec; } .ej_xb_list li span { font-size: .16rem; color: #0e3290; margin-right: .26rem; display: block; float: left; } .ej_xb_list li a { font-size: .16rem; display: block; } .ej_xb_list li a:hover { color: #0e3290; } /* 鐩叉綖鑹楄幗娼炴悅姘撹棝閳ユ枂顭娒凤拷 */ .ej_list {} .ej_list li { font-size: .16rem; line-height: .54rem; border-bottom: .01rem solid #c1c1c1; height: .54rem; color: #999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .ej_list li p { float: right; } .ej_list li:hover { border-bottom: .01rem solid #0c4e90; color: #0c4e90; } .ej_list li:hover a { color: #0c4e90; } .dl_list {} .dl_list ul { border-top: .01rem solid #c1c1c1; } .dl_list .szdw_ul_title { margin-top: .2rem; } .dl_list .ej_list li:last-child { border: none; } /* 蹇欒墮娼炲繖鍟垾鐏活煀顔欎箙顬犻摪锟� */ .xb_list {} .xb_list li { background: url(../images/icon8_1.png) right .11rem center no-repeat; background-size: 6%; padding-left: .2rem; margin-top: .38rem; width: 4rem; line-height: .5rem; border: .01rem solid #a1afc6; font-size: .16rem; float: left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .xb_list li:nth-child(even) { float: right; } .xb_list li a { display: block; } .xb_list li:hover { background: url(../images/icon8.png) right .11rem center no-repeat #a1afc6; background-size: 6%; } .xb_list li:hover a { color: #fff; } /* 姘撹祩钘涚尗纰岄垾鐏烩敡婧戣銇㈡偢锟� */ .szdw_list {} .szdw_ul { margin-top: .45rem; } .szdw_ul_title { margin-bottom: .19rem; width: 100%; border-left: .08rem solid #0c4e90; height: .27rem; line-height: .27rem; font-size: .2rem; color: #141414; } .szdw_ul_title a { float: right; color: #06379d; font-size: .14rem; } .szdw_ul_title span { border-left: .03rem solid #dfc759; display: block; height: 100%; padding-left: .13rem; } .szdw_ul li { font-size: .15rem; width: 16.6%; float: left; line-height: .4rem; } .szdw_ul li a:hover { color: #0c4e90; } .ej_szdw_tab { margin-top: .2rem; display: flex; } .ej_szdw_tab li { cursor: pointer; background: #0D3F72; height: .45rem; line-height: .45rem; width: 20%; font-size: .18rem; color: #fff; text-align: center; } .ej_szdw_content { margin-top: .2rem; } .ej_szdw_content li { width: 100%; display: none; font-size: .16rem; line-height: 300%; color: #333333; } .ej_szdw_content li:nth-child(1) { display: block; } .ej_szdw_tabOn { background: #dfc759 !important; color: #fff !important; } .ej_pic_list li { width: 2.81rem; height: 1.75rem; float: left; margin-right: .3rem; position: relative; margin-top: .3rem; overflow: hidden; } .ej_pic_list li+li+li { margin-right: 0; } .ej_pic_list li img { width: 100%; height: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .ej_pic_list li a { font-size: .15rem; display: block; margin-top: .08rem; position: absolute; bottom: 0; width: 100%; height: .45rem; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 0 .12rem; box-sizing: border-box; line-height: .45rem; } .ej_pic_list li:hover img { transform: scale(1.1) } .szdw_pic { width: 25%;; margin: 0 !important; margin-right: .2rem; } .szdw_text_wrap h1 { font-size: .3rem; color: #333; margin-bottom: .2rem; margin-top: .2rem; } .szdw_text_wrap { margin-left: 3%; width: 75%; } .szdw_text_wrap p { font-size: .16rem; color: #333; line-height: .45rem; } .szdw_text_wrap p span { font-weight: bold; } .tjjs { width: 100%; height: 3.5rem; position: relative; margin-top: .3rem; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { width: 100%; height: 100%; } .tjjs img { width: 100%; min-height: 3.5rem; cursor: pointer; } .tjjs .pagination { position: absolute; left: 0; text-align: center; bottom: .28rem; width: 100%; z-index: 9; } .tjjs .swiper-pagination-switch { display: inline-block; width: .15rem; height: .15rem; margin: 0 .13rem; cursor: pointer; background: #fff; } .tjjs .swiper-active-switch { background: #0c4e90; border: .01rem solid #0c4e90; } .tjjs .cen-w { height: 100%; width: 100% !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .tjjs .arrow { opacity: 0.7; position: absolute; top: 0; bottom: 0; margin: auto; width: .5rem; height: .6rem; z-index: 9; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tjjs .arrow-left { background: url(../images/jt.png) no-repeat; left: .1rem; background-size: 100% 100%; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); } .tjjs .arrow-right { background: url(../images/jt.png) no-repeat; right: .1rem; background-size: 100% 100%; } .tjjs .arrow:hover { opacity: 1; } /* 婢舵牠鍎撮柧鐐复css */ .parentBox { position: relative; z-index: 2001; height: 100%; /* background: gainsboro; */ overflow: hidden; overflow-y: auto; } .contantsBox_main { transition: all 0.7s; position: fixed; right: -0.8rem; width: 1.3rem; color: #fff; font-size: .14rem; font-weight: 600; padding: .08rem .1rem; cursor: pointer; background-color: #06379d; bottom: .03rem; border-radius: .2rem 0 0 0rem; } .contantsBox_main div { display: flex; width: 1.3rem; align-items: center; background-color: #06379d; } .contantsBox_main div:hover{ color: #FFFC00; } .contantsBox_main div span:last-child { margin-left: .16rem; } .contantsBox_main div img { width: .32rem; height: .32rem; vertical-align: middle; } .contantsBox_main:hover { right: 0rem; cursor: auto; } .contantsBox_main:hover div span { cursor: pointer; } .contantsBox_main div:not(:last-child) { margin-bottom: .1rem; } /* 閸氼偅婀佹笟褍顕遍懜顏堛€夐惃鍒s */ .listnav{ width:18%; margin-right: 2%; } .listnav_title{ width: 100%; font-size: .28rem; height: .9rem; display: flex; justify-content: center; align-items: center; background: #0D3F72; color: #fff; font-weight: 600; } .list_list_ul_li{ height: .45rem; /* display: flex; align-items: center; letter-spacing:.01rem; font-size:.16rem; padding-left: 12%; border-left:.05rem solid #0D3F72; */ } .list_list_ul_li a{ height: .45rem; width: 100%; height: 100%; padding-left: 12%; display: flex; align-items: center; letter-spacing:.01rem; font-size:.16rem; /* padding-left: 12%; */ border-left:.05rem solid #0D3F72; } .list_list_ul_li_hover{ height: .45rem; } .list_list_ul_li_hover a{ width: 100%; height: 100%; display: flex; align-items: center; letter-spacing:.01rem; font-size:.16rem; padding-left: 12%; background: #0D3F72; color: #fff; border-left:.05rem solid #0D3F72; } .list_list_ul_li_on{ height: .45rem; /* display: flex; align-items: center; letter-spacing:.01rem; font-size:.16rem; background: #0D3F72; color: #fff ; border-left:.05rem solid #0D3F72; */ } .list_list_ul_li_on a{ color: #fff; width: 100%; height: 100%; padding-left: 12%; display: flex; align-items: center; letter-spacing: .01rem; font-size: .16rem; background: #0D3F72; border-left: .05rem solid #0D3F72; } /* 闁氨鐓¢崗顒€鎲℃い锟� */ .main_content{ width: 100%; /* height: 8rem; */ display: flex; padding:2% 5%; } .main_content_main{ /* background: linear-gradient(to bottom left, #409EFF, #0D3F72, #06379d); */ /* box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); */ /* border-radius: .15rem; */ width:80%; padding:0% 1%; border: .01rem solid #c1c1c1; } .main_content_title{ padding:1% 0%; width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom:.01rem solid #CCCCCC; ; } .main_content_title_left{ width: 80%; display: flex; justify-content: start; align-items: center; } .main_content_title_left_text{ color: #0D3F72; } .main_content_title img{ width: .2rem; height: .2rem; display: inline-block; margin-right: 0.5%; } .main_content_title span{ font-size:.22rem; font-weight:600; font-family: '鐎瑰缍�'; display: inline-block; } /* .main_content_content_li{ height: .9rem; width: 100%; border-bottom: .01rem solid #CCCCCC; } .main_content_content_li_title{ display: flex; align-items: center; width: 100%; justify-content: space-between; height: 50%; } */ .main_content_title_a{ display: block; font-size: .16rem; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #0D3F72; } .main_content_title_p{ color: #434343; } /* .main_content_content_li_text{ font-size: .14rem; color:#434343; display: flex; align-items: center; width:100%; height: 50%; } .main_content_content_li_text p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main_content_content_li_title p{ font-size: .16rem; } .main_content_content_li_left{ display: flex; width: 80%; align-items: center; } .main_content_content_li_left .myimg{ width:.2rem; height: .2rem; } */ /* .main_content_content_li_text { display: none; } */ .mian_content_page { height: .9rem; display: flex; justify-content: end; align-items: center; } /* 缁绢亣顩︽稉鎾寸埉缁崵娈慶ss */ .main_content_content_li_jiyao{ height: .6rem; /* display: flex; align-items: center; */ width: 100%; border-bottom: .01rem solid #CCCCCC; } .main_content_content_li_jiyao:hover .main_content_title_a_jiyao{ color: #0D3F72; } .main_content_content_li_jiyao:hover .main_content_title_p_jiyao{ color: #0D3F72; } .main_content_content_li_title_jiyao{ display: flex; align-items: center; width: 100%; justify-content: space-between; height: 100%; } .main_content_title_a_jiyao{ display: block; font-size: .16rem; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #434343; } .main_content_title_p_jiyao{ color: #7d858c; } .main_content_content_li_title_jiyao p{ font-size: .16rem; } .main_content_content_li_left_jiyao{ display: flex; width: 80%; align-items: center; } .main_content_content_li_left_jiyao .myimg{ width:.2rem; height: .2rem; } /* 鐢牐绁梼鐔剁礊 */ .main_content_content_shizi{ display: grid; grid-template-columns: repeat(auto-fill, 22%); grid-column-gap: 4%; grid-auto-rows: 3.5rem; } .shizi_content{ height: auto; padding: 2% 2% 0 2%; } .shizi_div{ margin-bottom: 10%; box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); } .shizi_div:hover span{ color: #0D3F72; } .shizi_img{ display: flex; width: 100%; height: 70%; justify-content: center; align-items: center; } .shizi_img img{ width: 90%; height: 90%; } .shizi_info{ width: 100%; height: 30%; } .shizi_info_main{ padding: 0 5% 0 5%; display: flex; justify-content: start; margin-bottom:1%; width: 100%; height: 20%; } .shizi_info_main_b { padding: 0 5% 0 5%; margin-top: 2%; display: flex; justify-content: start; margin-bottom:1%; width: 100%; /* align-items: center; */ } .shizi_span{ width: 100%; display: flex; } .shizi_span_a{ font-size: .14rem; font-weight: 600; color: #636363; margin-right:1%; text-overflow: ellipsis; overflow: hidden; /* white-space: nowrap; */ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .shizi_span_b{ font-size: .14rem; color: #636363; font-weight: normal; /* white-space: nowrap; */ } /* zhengwen */ .zhengwen_content_main{ /* background: linear-gradient(to bottom left, #409EFF, #0D3F72, #06379d); */ /* box-shadow: 0 0 .1rem rgba(9, 51, 102, .2); */ /* border-radius: .15rem; */ width:100%; padding:0% 1%; } .zhengwen_content_content{ width: 100%; padding:2% 3% 2% 3%; } .video_box{ width:100%; height: 100%; display: flex; align-items: center; justify-content: center; } .video_box video{ object-fit: cover; } .zhengwen_content_content_title{ display: flex; justify-content: center; align-items: center; color: #0D3F72; font-size: .2rem; font-weight: 600; margin-bottom:1% ; text-align: center; } .zhengwen_content_content_info{ display: flex; justify-content: center; align-items: center; color: #636363; font-size: .12rem; margin-bottom:1% ; } .zhengwen_content_content_main{ } .zhengwen_content_content_main p{ font-size: .18rem; line-height: 300%; text-indent:1cm; width: 100%; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ } .zhengwen_content_content_main li{ font-size: .18rem; line-height: 300%; text-indent:1cm; } .zhengwen_content_content_main p img{ margin: 2% 0; max-width: 90%; } /* 閹靛婧€缁旑垰顕遍懜锟� */ /*閹靛婧€缁旑垰顕遍懜顏勭磻婵拷*/ body.navShow{overflow: hidden;} /*.masklayer{width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: block;position: fixed;top:0;left: 0;z-index: 3;display: none;}*/ .nav-menu{width:.34rem;height:.28rem;cursor:pointer;display:none;position: relative;} .nav-menu div{position:absolute;right:0;display:block;height:2px;background:#ffffff;transform-origin:50% 50%;} .nav-menu div:nth-child(1){top:0;width:100%;transition:.8s;transform:rotate(0);} .nav-menu div:nth-child(2){top:calc(50% - 1px);width:24px;transition:.6s;} .nav-menu div:nth-child(3){top:calc(100% - 2px);width:100%;transition:.6s;transform:rotate(0);} .hd1-aon1 div:nth-child(1){top:50%;transition:.6s;transform:rotate(45deg);} .hd1-aon1 div:nth-child(2){width:0;transition:.6s;} .hd1-aon1 div:nth-child(3){top:50%;transition:.6s;transform:rotate(-45deg);} .navm-box{position:fixed;top:0;right:-100%;z-index:3;box-sizing:border-box;margin:auto;width:100%;height:100vh;background:#0D3F72 ;background-size:cover;padding-top:1.1rem;padding-bottom:.2rem;transition: 0.6s all;visibility: hidden;opacity: 0;display: flex;flex-direction: column;} .navm-box.act{visibility: inherit;opacity: 1;right: 0;} .link{width: 100%;padding: 0 5%;margin-bottom: .1rem;} .link ul{background: #ffffff;} .link ul li{font-size: 16px;line-height: 36px;margin-right: 20px;} .link ul li:last-of-type{margin-right: 0;} .link ul li a{color: #0D3F72;padding-right: 20px;position: relative;} .link ul li a::after{content: "";width: 1px;height: 16px;display: block;background: #0D3F72;position: absolute;right: 0;top:50%;transform: translateY(-50%);} .link ul li:last-of-type a{padding-right: 0;} .link ul li:last-of-type a::after{content: none;} .nav-wrap{padding:0 5%;text-align:left;overflow-y: auto;} .nav-wrap li{position:relative;width:100%;border-bottom:1px solid rgba(255,255,255,.4);font-size:18px;line-height:60px;} .nav-wrap li div.icon-jia{position:absolute;top:0;right:0;margin:auto;width:60px;height:60px;font-size: 18px;background:url(../pictures/down.svg) no-repeat center center;background-size:22px 22px;transition: 0.3s all;} .nav-wrap li a{display:block;color:#ffffff;} .nav-wrap dl{display:none;} .nav-wrap dt{text-indent:.2rem;font-size:16px;line-height: 50px;} .nav-wrap dt a{color:rgba(255,255,255,.8);} .flex-center{display: flex;display: flex; justify-content: space-around;} /*閹靛婧€缁旑垰顕遍懜顏嗙波閺夛拷*/