.ipart03{position:relative; margin-top:0px; overflow:hidden; } .ipart03 .bg{position:relative;} .ipart03:before{content:''; position:absolute; bottom:0; left:0; width:100%; background:url(../ysdwimages/ipart03_bg_cover.png) no-repeat bottom; height:300px; background-size:100% auto;} .ipart03 .bg video{width:100%; height:500px; object-fit:cover;} .ipart03 .bg img{display:none;} .ipart03 .cover{position:absolute; left:0; top:90px;width:100%; bottom:10.5%; color:#fff; z-index:3;} .ipart03 .cover .content{display:flex; align-items:flex-end; justify-content:space-between;} .ipart03 .cover .left{width:63.6%; padding-left:30%;} .ipart03 .cover .left .infor .tit{color:#f8561c;} .ipart03 .cover .left .infor .con{font-weight:bold; margin-bottom:5px;} .ipart03 .cover .left .link_box{display:flex; align-items:flex-start; margin-top:30px; justify-content:flex-start; flex-wrap:wrap; font-size:18px; line-height:30px} .ipart03 .cover .left .link_box a{margin-left:70px; margin-bottom:10px; color:#fff;} .ipart03 .cover .left .link_box .tips a{margin-left:0;} .ipart03 .cover .left .link_box a:hover{font-weight:bold;} .ipart03 .cover .right{width:168px; height:168px; position:relative; display:flex; align-items:center; justify-content:center; animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;} .ipart03 .cover .right::after{content:''; position:absolute; left:0; top:0; height:100%; width:100%; background:url(../ysdwimages/ipart03_cir.png) no-repeat center/cover; animation:spin 8s infinite linear;} @keyframes jump { 0% { transform: translateY(4px); } to { transform: translateY(-4px); } } /*noticebox*/ .qttz_box { width: 100%; height: 500px; padding: 10px 0 50px 0; overflow: hidden; background: url("/images/whsnewbg.png") center no-repeat; background-size: cover; margin: -90px auto } .qttz_box2 { width: 100%; height: auto; padding: 10px 0 10px 0; overflow: hidden; background: url("/images/") center no-repeat; background-size: cover; margin: 20px auto } .qttz_box .noticebox { width: 1400px; margin: 0 auto; } .noticebox { width: 1400px; margin: 0 auto; overflow: hidden } .noticebox .i_more { /*position: absolute; */ /* z-index: 99999; */ /* right: 55px; */ /* top: -75px; */ position: relative; /* z-index: 99999; */ right: 10px; top: 15px; } .noticebox .hd { height: 90px; line-height: 93px; padding: 0; border-bottom: 1px solid #ccc; position: relative; } .qttz_box .noticebox .hd ul { float: none; margin:auto; position: absolute; height: 90px; width: 100% } .noticebox .hd ul { float: left; position: absolute; height: 90px; width: 100% } .noticebox .hd ul li { float: left; cursor: pointer; width: 20%; height: 98px; padding-left: 0%; margin-right: 0; text-align: left; font-size: 30px; color: #fff; font-weight: bold; } .noticebox .hd ul li i { font-style: normal; font-size: 16px; color: #fff; padding: 0 0 0 10px } .noticebox .hd ul li span { display: inline-block; width: 60px; height: 30px; position: relative; top: 3px; } .noticebox .hd ul li.on { background: url("/images/ibq_bgpic.png") bottom left no-repeat; color: #f8561c; } .noticebox .hd ul li.on a{color: #0968b7;} .noticebox .bd ul { padding: 0; zoom: 1; } .noticebox .hd ul li.on .n_bq1 { background: url("/images/i_title_tz_a.png") center bottom no-repeat; } .noticebox .hd ul li.on .n_bq2 { background: url("/images/i_title_zb_a.png") center bottom no-repeat; } .noticebox .hd ul li.on .n_bq3 { background: url("/images/i_title_xs_a.png") center bottom no-repeat; } .noticebox .bd { width: 100%; height: auto; } /*次级页面二级菜单*/ .ny_left_top { height: 80px; width: 100%; color: #FFF; background: url(../images/nytit1.png) repeat; margin-top: -80px; font-size: 24px; font-weight: bold; text-align: center; line-height: 80px; margin-bottom: 2px; position: relative; z-index: 1; } /**/ .date_list3 { width: 104%; padding: 40px 0 0 0 !important; position: relative; margin-top: 0; } .date_list3 li { width: 26%; margin-right: 3%; margin-bottom: 55px; float: left; background:rgba(255,255,255,0.6); height: 50px; display: block; padding: 20px 2%; overflow: hidden; transition: all 0.3s; } .date_list3 li:hover { background:rgba(6,79,199,0.6); transform: scale(1.05); -webkit-transform: scale(1.05); z-index: 10; box-shadow: 6px 3px 60px 6px rgba(0,0,0,0.35); z-index: 10; transition: all .4s; -webkit-transition: all .4s; transition-duration: 700ms } .date_list3 li a { font-size: 16px; color: #333333; line-height: 27px; height: 50px; overflow: hidden; display: block; } .date_list3 li:hover a { color: #ffffff; } .date_list3 li span { float: left; display: block; width: 56px; height: 50px; text-align: center; color: #919191; font-size: 14px; line-height: 24px; margin-right: 20px; margin-top: 1px; overflow: hidden; border-right: #ccc 1px solid; padding-right: 10px; } .date_list3 li span i { width: 100%; display: block; text-align: center; color: #666666; font-size: 30px; font-weight: normal; font-style: normal; line-height: 32px; } .date_list3 li:hover span { color: #ffffff } .date_list3 li:hover i { color: #ffffff } /*fast_box*/ .fast_box { background: url("../images/fast_box_bg.jpg") center no-repeat #F3F3F3; background-size: cover; padding: 4% 0 2% 0 } .fast_list { height: auto; overflow: hidden; } .fast_list ul { width: 100% } .fast_list li { width: 20%; float: left; margin: 15px 0 15px 0; transition: all 0.6s; background: url("../images/fast_ksjgx.png") right center no-repeat; } .fast_list li:last-child { background: none } .fast_list li a { } .fast_list li span { font-size:20px; height: 70px; font-weight: normal; line-height: 70px; display: block; width: 100%; text-align: center; transition: all 0.6s; } .fast_list li img { display: block; width: 54px; height: 54px; margin: 0 auto } .fast_list li:hover span { color: #0f67b1; transition: all 0.6s; } .fast_list li:hover { transition: all 0.6s; margin-top: 0px; } .w1320 { width: 1320px; margin: 0 auto } .w1400 { width: 1400px; margin: 0 auto } .w1600 { width: 1600px; margin: 0 auto } .fl { float: left; } .md { float: left; } .fr { float: right; } .footer { font-size: 14px; color: #fff; line-height: 34px; background: url("../images/footerbg.png") center #04438a; background-size: 100% 100%; height: 100px; padding: 40px 0 40px 0; border-top: #033975 5px solid; } .footer .footer_left { width: 15%; float: left; border-right: #bedafa 1px solid; margin-right: 4%; } .footer .footer_left img { width: 124px } .footer .footer_center { width: 50%; font-size: 14px; color: #fff; line-height: 34px; float: left; } .footer .footer_center p { width: 100%; font-size: 15px; color: #fff; line-height: 36px; float: left; } .footer .footer_center a { font-size: 15px; color: #fff; line-height: 34px; } .footer .footer_right { width: 20%; float: right; font-size: 14px; color: #ffffff; line-height: 30px; position: relative } .footer .footer_right p { width: 100%; font-size: 15px; color: #fff; line-height: 36px; float: left; } .footer .footer_right a { font-size: 15px; color: #fff; line-height: 34px; } .footer .footer_right li { width: 25%; float: left } .footer .footer_right li a { width: 100%; display: block; margin: 0 auto; } .footer .footer_right img { display: block; margin: 0 auto; width:120px; } .footer .footer_right span { width: 100%; display: block; text-align: center; line-height: 42px; } .footer .footer_right li:hover img { opacity: 1; }