.bannerimg img{width: 100%;height: auto;opacity: 0;} .bannerimg img:first-child{} .banner{position: relative;} .bannerlist{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .bannerlist li{text-align: center;overflow: hidden; width: 12.6%;box-sizing: border-box;border-right: 1px solid #d4e3ef;height: 100%;position: relative;} .bannerlist li:last-child{border-right: none;} .bannerlist li.active{width: 37%;} .bannerlist li h2, .bannerlist li p{color: #fff;} .bannerlist li h2{font-size: 28px;} .bannerlist li .line{opacity: 0; margin: 28px auto;width: 45px;height: 1px;background: rgba(255,255,255,0.5);display: block;} .bannerlist li p{opacity: 0;line-height: 30px;font-size: 16px;margin-bottom: 60px;} .bannerlist li a{opacity: 0;color: #e15517;width: 140px;line-height: 30px;display: block;margin: 0 auto;background: #fff;} .bannerlist li div{width: 305px;position: absolute;left: 50%;bottom: 0;height: 80px;transform: translatex(-50%);} .bannerlist li.active .line, .bannerlist li.active p, .bannerlist li.active a{opacity: 1;} .bannerlist li.active div{height: 280px;bottom: 50%;transform: translate(-50%,50%);} .bannerlist li.active{ background:rgba(24,0,121, 0.3); /* 一些不支持背景渐变的浏览器 */ background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5)); background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,0,0,0)), to(rgba(24,0,121, 0.5))); background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(24,0,121, 0.5)); } .bannerlist li a:hover{background: #e15517;color: #fff;} .intitle{padding: 25px 0;height: 24px;} .intitle h2{font-size: 18px;display: inline-block;} .intitle h2 span{color: #bfbfbf;font-size: 12px;font-family: arial;display: inline-block;margin-left: 10px;vertical-align: middle;font-weight: normal;} .intitle a{width: 110px;line-height: 30px;color: rgba(0,0,0,0.5);text-align: center;float: right;background: #f8f8f8;} body{font-size: 0;} .indexbox article{height: 255px;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;box-sizing: border-box;} .invideo video{width: 100%;height: 100%;} .invideo{width: 28%;} .indexbox time b{font-size: 30px;font-family: arial;font-weight: normal;display: block;position: relative;} .indexbox time{display: block;font-size: 12px;font-family: arial;color: rgba(51,51,51,0.4);padding-left: 30px;} .indexbox article a{padding-left: 30px;display: block;margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;text-overflow:ellipsis;} .innews , .innotice{width: 26%;} .innews article, .innotice article{padding-top: 35px;box-sizing: border-box;padding-left: 50px;} .indexbox time b:after{width: 20px;height: 1px;background: #c6c6c6;content: '';display: block;position: absolute;left: -30px;top: 50%;} .inlink{width: 20%;} .indexbox article a span{color: #c90000;font-weight: bold;} .innews .intitle, .innotice .intitle{padding-left: 80px;} .invideo .intitle{padding-left: 20px;} .inlink article a{height: auto;margin-top: -72px;display: block;} .indexbox article a:hover{color: #193171;} .inlink article{position: relative;z-index: 2;} .inlink article img{display: block;max-width: 100%;width:470px;height:auto;} .inlink .intitle{position: relative;z-index: 1;} .innews .swiper-button-prev, .innews .swiper-button-next{opacity: 0.5; width: 9px;height: 15px;top: auto;bottom: 30px;background-size: cover;} .innews .swiper-button-prev{left: 80px;} .innews .swiper-button-next{left: 100px;right: auto;margin-top: 0;} .innews .swiper-pagination{width: auto;bottom: 29px;left: 120px;opacity: 0.5;} .innews .swiper-button-prev:hover, .innews .swiper-button-next:hover{opacity: 1;} .intitle a:hover{background: #193171;color: #fff;} .bannerimg{position:relative;} .bannerimg img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out;} .bannerimg img.active{opacity: 1;} .p_banner1 { height:1989px; position:relative;} .p_banner { position:absolute; left:50%; top:0; margin-left: -960px; } .indexnews { background-image: url(/uploads/image/simages/index_1.jpg); height: 574px; width: 100%; } .indexnewscon { height: 574px; width: 1200px; margin-right: auto; margin-left: auto; } .indexnewstitle { text-align: center; height: 80px; width: 1200px; margin-bottom: 30px; } .indexnewstitle h1 { font-size: 20px; color: #000000; text-decoration: none; padding-top: 30px; margin-left: 0px; } .indexnewstitle span { font-size: 18px; line-height: 30px; color: #666666; text-decoration: none; } .indexnewsleft { float: left; width: 410px; margin-right: 30px; background-color: #003399; height: 400px; } .indexnewsright { float: left; width: 760px; background-color: #f8f8f8; height: 400px; } .incase{ background: url(/uploads/image/simages/index2.jpg) no-repeat center top; height: 576px; padding-top: 52px; padding-right: 30px; padding-bottom: 52px; padding-left: 30px; } .incase .divbox{position: relative;z-index: 2;} .incasetop{width: 460px;overflow: hidden;height: 386px;margin-bottom: 0px;} .incasetop ul{transition: all 0.6s ease-in-out;} .incasetop .title h3{color: #fff;} .incasetop .title .line{background: #fff;} .incasetop h4{ font-size: 20px; color: #fff; font-weight: normal; margin-bottom: 20px; height: 26px; margin-top: 30px; } .incasetop p{color: #fff;line-height: 26px;} .incasetop i{display: block;width: 43px;height: 43px;border: 1px solid #fff;border-radius: 50%;color: #fff;text-align: center;line-height: 43px;font-size: 14px;margin-top: 50px;} .incasetop li:hover i{background: #fff;color: #329bd5;} .incasetop li{padding-bottom: 20px;} .incaseban{position: relative;padding-bottom: 40px;} .incaseban .swiper-container{ background: #fff; height: 170px; width: 1200px; } .incaseban .swiper-container h4{ font-size: 16px; font-weight: normal; color: #666666; text-decoration: none; margin-top: 120px; } .incaseban .swiper-slide{cursor: pointer;} .incaseban i{ padding-top: 39px; display: block; text-align: center; font-size: 48px; color: #dbdbdb; float: left; margin-top: 0; margin-right: auto; margin-bottom: 16px; margin-left: auto; } .incaseban p{padding-bottom: 39px;text-align: center;} .incaseban .swiper-slide:hover i, .incaseban .swiper-slide.on i, .incaseban .swiper-slide:hover p, .incaseban .swiper-slide.on p{color: #309ad5;} .incaseban .swiper-pagination{left: 50%;bottom: 0;transform: translatex(-50%);} .incaseban .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 7px; position: relative;background: #bfb3ae;opacity: 1;} .incaseban .swiper-pagination-bullet:after{content: '';border-radius: 50%; display: block;width: 14px;height: 14px;border: 1px solid rgba(255,255,255,0.7);opacity: 0;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -8px;} .incaseban .swiper-pagination-bullet-active, .incaseban .swiper-pagination-bullet:hover{background: #fff;} .incaseban .swiper-pagination-bullet-active:after, .incaseban .swiper-pagination-bullet:hover:after{opacity: 1;} .incaserbanleft { text-align: center; float: left; height: 170px; width: 200px; background-image: ; } .incaserbanlefta:hover { color: #e15517; } incaserbanlefta:link { color: #e15517; } incaserbanlefta:visited { color: #e15517; } .incaserbanleft2 { text-align: center; float: left; height: 170px; width: 200px; background-image: ; } .incaserbanleft3 { text-align: center; float: left; height: 170px; width: 200px; background-image: url(/uploads/image/simages/b3.png); } .incaserbanleft4 { text-align: center; float: left; height: 170px; width: 200px; background-image: url(/uploads/image/simages/b4.png); } .incaserbanleft5 { text-align: center; float: left; height: 170px; width: 200px; background-image: url(/uploads/image/simages/b5.png); } .incaserbanleft6 { text-align: center; float: left; height: 170px; width: 200px; background-image: url(/uploads/image/simages/b6.png); } .inad{ height: 334px; background: no-repeat center top; display: inline-block; width: 100%; vertical-align: top;position: relative; animation: run2 25s linear infinite; z-index:-1;} .inad img{ height: 334px; } @keyframes run2{ } .inadjiafeng { background-color: #ffffff; height: 20px; width: 100%; } .inadjiafeng2 { background-color: #f2f2f2; height: 20px; width: 100%; } .inadbj { background-image: ; background-repeat: repeat; height: 334px; width: 100%; position: absolute; margin-top: 20px; } .indbjwz { height: 234px; width: 1200px; margin-right: auto; margin-left: auto; text-align: center; line-height: 334px; padding-top: 100px; } .inadser { height: 374px; width: 100%; } .indexfoot { background-image: ; height: 369px; width: 100%; clear: both; } .indexfoota:link { font-size: 12px; line-height: 30px; color: #666666; text-decoration: none; padding-left: 8px; } .indexfoota:visited { font-size: 12px; line-height: 30px; color: #666666; text-decoration: none;padding-left: 8px; } .indexfoota:hover { font-size: 12px; line-height: 30px; color: #e15517; text-decoration: none;padding-left: 8px; } .indexfootz { height: 320px; width: 1200px; margin-right: auto; margin-left: auto; background-image: ; } .indexfootzleft { float: left; width: 670px; height: 300px; padding-top: 20px; } .indexfootzleftt { float: left; height: 240px; width: 134px; } .indexfootzright { float: left; height: 220px; width: 450px; padding-left: 80px; padding-top: 50px; } .indexfootzrightzi { font-size: 14px; line-height: 30px; color: #e15517; text-decoration: none; } .indexfootlink { text-align: left; height: 60px; width: 670px; } .indexfootbq { line-height: 49px; height: 49px; width: 1200px; margin-right: auto; margin-left: auto; text-align: left; } .indexfootbq span { float: right; }