.banner_top{background: #f5f5f5;padding: 10px 0;}
.banner_top a{display: block;width: 1200px;height: 95px;line-height: 95px;text-align: center;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,0.1);color: #FF0000;position: relative;margin: 0 auto;font-size: 36px;}
.banner_top a::before{content: '';display: block;width: 8px;height: 8px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #d6d6d6;}
.banner_top a::after{content: '';display: block;width: 8px;height: 8px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);border-radius: 50%;background: #d6d6d6;}

.wrapbanner{background: #fff;overflow: hidden;}
.Banner{position: relative;z-index: 5;margin: 0 auto;max-width: 1300px;}
.Banner .slick-list{overflow: visible;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: calc(555% / 13);overflow: hidden;position: relative;opacity: 0.3;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;}
.Banner .title{color: #fff;white-space: nowrap;line-height: 30px;text-align: center;position: absolute;left: 0;right: 0;bottom: -80px;padding: 35px 0 15px;background: url(../images/banner_cover.png) center repeat-x;background-size: 100% 100%;text-shadow: 0 -1px #000;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.Banner .slick-active .slick-img{opacity: 1;}
.Banner .slick-active .title{bottom: 0;transition-delay: 0.3s;}

.Banner .slick-dots{bottom: 0px;}
.Banner .slick-dots li{width: 2px;height: 14px;margin: 0 0 0 20px;background: #074f9b;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{height: 24px;}
.Banner .slick-dots li button{display: none;}

.Banner .slick-arrow{border: 0;width: 40px;height: 60px;font-size: 0;outline: none;}
.Banner .slick-arrow:after{display: none;}
.Banner .slick-next{right: 0px;background: url(../images/banner_next.png) center center no-repeat rgba(0,0,0,0.5);}
.Banner .slick-prev{left: 0px;background: url(../images/banner_prev.png) center center no-repeat rgba(0,0,0,0.5);}
.Banner .slick-next:hover{background: url(../images/banner_next.png) center center no-repeat rgba(0,0,0,0.7);}
.Banner .slick-prev:hover{background: url(../images/banner_prev.png) center center no-repeat rgba(0,0,0,0.7);}

.content{background: url(../images/index_bg.png) top center no-repeat;}

.index_title{overflow: hidden;margin-bottom: 10px;line-height: 52px;}
.index_title .more{float: right;position: relative;z-index: 2;color: #757575;line-height: 24px;margin: 18px 0 0;}
.index_title h2{height: 52px;color: #222;font-weight: bold;font-size: 24px;background: url(../images/index_title_bg.png) left center no-repeat;}
.index_title .more:hover{color: ;}

.wrap_mode01{padding: 40px 0;/* background: #f5f5fa; */}
.mode01{position: relative;/* padding: 0 50px 0;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,0.1); */}
.mode01 .lf{width: 50%;float: left;}
.mode01 .rt{width: calc(50% - 30px);float: right;}

.index_011 ul{margin: 0 0 0 0;}
.index_011 li{}
.index_011 a{margin: 0 0 0;display: block;position: relative;}
.index_011 .img{padding-bottom:56.25%;position: relative;}
.index_011 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 12.5%;background: url(../images/mode01_cover.png);background-size: 100% 100%;}
.index_011 .title{height: 24px;line-height: 24px;position: absolute;left: 20px;right: 90px;bottom: 18px;color: #fff;font-weight: bold;}
.index_011 .slick-dots{width: auto;right: 15px;bottom: 20px;}
.index_011 .slick-dots li{width: 8px;height: 8px;margin: 0 5px;background: #fff;opacity: 0.5;}
.index_011 .slick-dots li button{display: none;}
.index_011 .slick-dots li.slick-active{opacity: 1;}

.index_012{display: block;margin: 0 0 13px;}
.index_012 .title{margin: -6px 0 2px;height: 52px;line-height: 26px;color: #ff0000;}
.index_012 .time{float: right;line-height: 26px;margin: -26px 0 0;color: #999;}
.index_012 .info{margin: 0 0 0;color: #757575;height: 48px;line-height: 24px;position: relative;}
.index_012 .info span{color: red;position: absolute;right: 0;bottom: 0;background: #fff;padding: 0 0 0 10px;}

.index_013 ul{margin: 0 0 0;padding: 0 0 0;border-top: 1px solid #e6e6e6;}
.index_013 li{width: 100%;}
.index_013 a{margin: 0 0 0;line-height: 53px;border-bottom: 1px solid #e6e6e6;}
.index_013 .title{white-space: nowrap;position: relative;}
.index_013 .time{color: #999;margin: 0 -5px 0 16px;float: right;padding: 0 0 0 21px;background: url(../images/mode01_time.png) left center no-repeat;}

.mode012{position: relative;margin-top: 36px;}
.mode012 .lf{width: calc(50% - 30px);float: left;}
.mode012 .rt{width: calc(50% - 30px);float: right;}

.index_014 ul{margin: -10px 0 0;padding: 0 0 0;position: relative;}
.index_014 ul::after{content: '';display: block;position: absolute;left: 0;top: 10px;bottom: 0;width: 1px;background: #ea4646;}
.index_014 li{width: 100%;position: relative;z-index: 2;}
.index_014 a{margin: 10px 0 0;line-height: 56px;background: #fff;box-shadow: 0 0 16px rgb(0,0,0,0.1);}
.index_014 .title{white-space: nowrap;position: relative;padding: 0 0 0 36px;}
.index_014 .title::before{content: '';display: block;width: 5px;height: 5px;background: #ea4646;position: absolute;left: 16px;top: 50%;transform: translateY(-50%);}
.index_014 .time{color: #999;margin: 0 15px 0 16px;float: right;padding: 0 0 0 20px;background: url(../images/mode01_time.png) left center no-repeat;}

.wrap_mode02{padding: 0;}
.mode02{position: relative;}
.mode02 .lf{width: calc(50% - 30px);float: left;}
.mode02 .rt{width: calc(50% - 30px);float: right;}

.index_021 ul{margin: -10px 0 0;padding: 0 0 0;}
.index_021 li{width: 100%;}
.index_021 a{margin: 12px 0 2px;line-height: 24px;padding: 15px 34px 19px 25px;background: #fff;position: relative;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.index_021 a::before{content: '';display: block;width: 40px;position: absolute;left: 0;top: -4px;bottom: -3px;border: 4px solid #d6d6d6;border-right: 0;}
.index_021 a::after{content: '';display: block;width: 5px;height: 5px;background: #ea4646;position: absolute;right: 19px;top: 50%;transform: translateY(-50%);}
.index_021 .title{white-space: nowrap;position: relative;}
.index_021 .time{color: #999;}

.index_022 ul{margin: -10px -29px 0 -11px;}
.index_022 li{width: 50%;}
.index_022 li:first-child{width: 100%;}
.index_022 a{margin: 10px 0 0 10px;padding: 10px 10px 6px;/* border: 1px solid #eee; */background: #fff;position: relative;box-shadow: 0 0 16px rgba(0,0,0,.1);}
.index_022 .img{padding-bottom: 54.25%;position: relative;}
/* .index_022 .img::before{content: '';display: block;width: 64px;height: 64px;background: url(../images/mode02_video.png) center no-repeat;position: absolute;left: 6px;bottom: 7px;z-index: 2;} */
.index_022 .img::after{content: '';display: block;width: 100%;height: 80px;background: url(../images/banner_cover.png) top center no-repeat;position: absolute;left: 0;bottom: 0;background-size: auto 100%;}
.index_022 .title{margin: 2px 0 0;height: 52px;line-height: 26px;}
.index_022 li:first-child .title{line-height: 52px;position: absolute;left: 40px;right: 20px;bottom: 11px;color: #fff;}
.index_022 li:first-child a{padding: 10px;}

.wrap_mode04{padding: 40px 0;/* background: #f5f5fa; */}
.mode04{position: relative;}

.index_04 ul{margin: 11px 0 0 -20px;}
.index_04 li{width: 20%;}
.index_04 a{margin: 0 0 0 20px;box-shadow: 0 0 16px rgba(0,0,0,0.1);padding: 10px 10px 12px;}
.index_04 .img{padding-bottom: 56.25%;}
.index_04 .img_box img{margin: 0 auto;display: block;}
.index_04 .title{margin: 6px 0 0;height: 48px;line-height: 24px;}

.wrap_mode05{padding: 0 0 40px;/* background: url(../images/mode05_bg.png) center no-repeat;background-size: cover; */}
.mode05{position: relative;}

.index_05 ul{margin: 0 0 0 -30px;}
.index_05 li{width: 344px;}
/* .index_05 li:first-child{width: 542px;} */
.index_05 a{margin: 0 0 0 30px;line-height: 54px;height: 54px;position: relative;background: #fff;border: 1px solid #eee;padding: 0 40px 0 19px;}
.index_05 a::after{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background: #d6d6d6;position: absolute;right: 19px;top: 50%;transform: translateY(-50%);}