.content{} a:hover .time{color: #00366F;} .index_title{display: block;line-height: 40px;position: relative;margin: 0 0 27px;border-bottom: 4px solid #D8D8D8;} .index_title h2::after{content: '';display: block;height: 4px;width: 148px;position: absolute;left: 0;bottom: -4px;background: #00366F;} .index_title h2{font-weight: normal;margin: 0 auto;color: #00366F;line-height: 40px;position: relative;} .index_title h2 img{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 6px 0 0;} .index_title h2 span{color: #921D22;} .index_title .more{display: block;float: right;width: 20px;height: 27px;background: url(../images/title_more.png) center no-repeat;margin: 6px 0 0 0;position: relative;z-index: 2;} .mode03 .index_title{margin: 0 0 20px 23px;} .mode05 .index_title h2.ico1{background: url(../images/mode05_title11.png) left center no-repeat;padding: 0 0 0px 30px;} .mode05 .index_title h2.ico2{background: url(../images/mode05_title21.png) left center no-repeat;padding: 0 0 0px 24px;} .mode05 .index_title h2.ico1.off{background: url(../images/mode05_title12.png) left center no-repeat;} .mode05 .index_title h2.ico2.off{background: url(../images/mode05_title22.png) left center no-repeat;} .index_title h2.off::after{display: none;} .wrap_mode01{padding: 56px 0 44px;} .mode01{position: relative;} .mode01 .lf{width: 783px;float: left;} .mode01 .rt{width: 418px;float: right;} .index_011 ul{margin: 0 0 0 0;} .index_011 li{} .index_011 a{margin: 0 0 0;position: relative;display: block;} .index_011 .img{padding-bottom: calc(466% / 7.83);} .index_011 .img::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;display: block;height: 0;background: url(../images/mode01_cover.png);padding-bottom: calc(273% / 7.83);background-size: cover;z-index: 2;} .index_011 .bottom{padding: 0 29px 34px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;} .index_011 .title{margin: 0 0 0;height: 30px;line-height: 30px;white-space: nowrap;color: #fff;} .index_011 .time{color: #fff;margin: 0 0 0;} .index_011 .info{margin: 16px 0;color: #fff;height: 66px;line-height: 22px;opacity: 0.6;} .index_011 a:hover .time{color: #fff;} .index_011 .slick-dots{width: auto;right: 26px;bottom: 160px;} .index_011 .slick-dots li{width: 6px;height: 6px;margin: 0 3px;background: #fff;opacity: 0.5;border-radius: 4px;} .index_011 .slick-dots li button{display: none;} .index_011 .slick-dots li.slick-active{background: #063B72;opacity: 1;width: 15px;} .index_012 ul{margin: -5px 0 0;padding: 0 0 0;} .index_012 li{width: 100%;} .index_012 a{margin: 0 0 20px 3px;} .index_012 .title{white-space: nowrap;position: relative;line-height: 24px;} .index_012 .time{color: #8E8E8E;float: right;line-height: 24px;} .wrap_mode02{padding: 58px 0 60px;background: #F5F5F5;} .mode02{position: relative;} .index_02 ul{margin: 0 0 -24px -24px;padding: 6px 0 0;} .index_02 li{width: 33.3%;} .index_02 a{margin: 0 0 25px 24px;padding: 21px 20px 17px;background: #fff;} .index_02 .title{position: relative;line-height: 24px;height: 48px;} .index_02 .time{color: #8E8E8E;padding: 0 0 0 25px;background: url(../images/mode02_time.png) left center no-repeat;margin: 0 0 5px;} .index_02 a:hover{background: #00366F;} .index_02 a:hover .title{color: #fff;} .index_02 a:hover .time{color: #fff;background: url(../images/mode02_time2.png) left center no-repeat;} .wrap_mode03{padding: 60px 0 60px;} .mode03{position: relative;} .mode03 .lf{width: 603px;float: left;box-shadow: 0 4px 10px rgba(0,0,0,0.11);padding: 20px 0 0;} .mode03 .rt{width: 603px;float: right;box-shadow: 0 4px 10px rgba(0,0,0,0.11);padding: 20px 0 0;} .mode03 .index_title .more{margin-right: 14px;} .index_031 ul{margin: 0 0 0;padding: 0 0 43px;} .index_031 li{width: 100%;} .index_031 a{margin: 0 21px 0 23px;overflow: hidden;padding: 12px 0 10px;border-top: 1px solid #F5F5F5;height: 87px;} .index_031 li:first-child a{border: 0;margin-top: -10px;} .index_031 .left{width: 113px;float: left;} .index_031 .right{margin: 0 0 0 133px;padding: 0 0 0 0;} .index_031 .img_centered{width: 113px;height: 84px;background: #F5F5F5;} .index_031 .title{margin: 0 0 17px;height: 48px;line-height: 24px;} .index_031 .time{float: right;color: #8E8E8E;} .index_031 .tip{float: left;height: 22px;line-height: 22px;padding: 0 14px;background: #E0ECF9;border-radius: 12px;color: #00366F;} .index_032 ul{margin: 0 0 0 3px;padding: 3px 0 47px;} .index_032 li{width: 100%;} .index_032 a{margin: 0 21px 12px 23px;overflow: hidden;padding: 11px 0 0;border-top: 1px solid #F5F5F5;height: 84px;} .index_032 li:first-child a{border: 0;margin-top: -10px;} .index_032 .left{width: 113px;float: left;} .index_032 .right{margin: 0 0 0 123px;} .index_032 .img{width: 113px;height: 84px;background: #F5F5F5;} .index_032 .title{margin: 0 0 20px;height: 48px;line-height: 24px;} .index_032 .time{float: right;color: #8E8E8E;padding: 0 14px 0 0;} .wrap_mode04{padding: 57px 0 37px;background: url(../images/mode04_bg.png) right top no-repeat #F5F5F5;} .mode04{position: relative;} .mode04 .lf{width: 603px;float: left;} .mode04 .rt{width: 603px;float: right;} .index_041{background: #fff;padding: 21px 15px 12px 19px;background: #fff;margin: -5px 0 0;} .index_041 .tip{display: block;color: #00366F;margin: 0 0 0 -8px;} .index_041 .tip:hover{font-weight: bold;} .index_041 ul{margin: 5px 0 11px;padding: 0 0 0;} .index_041 li{width: 100%;} .index_041 a{margin: 0 0 0;line-height: 34px;} .index_041 .title{white-space: nowrap;position: relative;} .index_041 .time{color: #8E8E8E;margin: 0 0 0 16px;float: right;} .index_042 ul{margin: -5px 0 0 -23px;padding: 0 0 0;} .index_042 li{width: 50%;} .index_042 a{margin: 0 0 24px 23px;background: #fff;padding: 0 0 20px;} .index_042 .img{padding-bottom: calc(185% / 2.82);} .index_042 .title{margin: 16px 15px 0;height: 48px;line-height: 24px;} .index_042 a:hover{background: #00366F;} .index_042 a:hover .title{color: #fff;} .wrap_mode05{padding: 54px 0 38px;} .mode05{position: relative;} .mode05 h2{margin: 0 60px 0px 0;/* display: inline-block; */*display: inline;*zoom:1;float: left;} .mode05 h2.off,.mode05 h2.off span{color: #868686;} .index_05.off,.more.off{display: none;} .index_05 ul{margin: -5px 0 0 -23px;padding: 0 0 0;} .index_05 li{width: 33.3%;} .index_05 a{margin: 0 0 24px 23px;background: #F5F5F5;padding: 0 0 20px;} .index_05 .img{padding-bottom: calc(259% / 3.84);position: relative;} .index_051 .img::after{content: '';display: block;width: 75px;height: 75px;background: url(../images/mode05_video.png) center no-repeat;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);} .index_05 .title{margin: 22px 35px 0;height: 48px;line-height: 24px;} .index_05 a:hover{background: #00366F;} .index_051 a:hover .img::after{background: url(../images/mode05_video2.png) center no-repeat;} .index_05 a:hover .title{color: #fff;} .wrap_mode06{padding: 56px 0 46px;background: #F5F5F5;} .mode06{position: relative;} .index_06 ul{margin: -4px 0 0 -23px;padding: 0 0 0;} .index_06 li{width: 25%;} .index_06 a{margin: 0 0 24px 23px;background: #fff;padding: 0 0 22px;} .index_06 .img{padding-bottom: calc(188% / 2.82);position: relative;} .index_06 .title{margin: 20px 21px 0;height: 48px;line-height: 24px;} .index_06 a:hover{background: #00366F;} .index_06 a:hover .title{color: #fff;}