.side_box{width: 120px;height: 360px;position: fixed;right: 0;z-index: 7;background: #205d96;padding: 70px 0 10px;border-radius: 60px 60px 0 0;box-shadow: 0 8px 8px 0.64px rgba(34,24,21,0.2);top: 50%;transform: translateY(-50%);}
.side_box::before{content: '';width: 90px;height: 90px;position: absolute;left: 15px;top: -30px;background: url(../images/side_logo.png) center no-repeat;}
.side_box a{display: block;text-align: center;line-height: 47px;border-bottom: 1px solid rgba(255,255,255,0.2);margin: 0 20px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.side_btn{width: 14px;height: 14px;background: url(../images/side_arrow.png) bottom center no-repeat;margin: 10px auto 0;font-size: 0;cursor: pointer;}
.side_box.on{width: 40px;border-radius: 60px 0 0 0;}
.side_box.on a{display: none;}
.side_btn.on{font-size: 16px;line-height: 16px;text-align: center;color: #fff;height: auto;padding: 61px 0 42px;background: url(../images/side_arrow2.png) bottom center no-repeat;}

.wrapskitter{background: #f0f2f5;position: relative;z-index: 1;max-width: inherit;margin: 0 auto;}
.banner{position: relative;z-index: 5;margin: 0 auto;}
.banner .slick-list a{display: block;position: relative;height: 0;padding-bottom: calc(790% / 19.2);}
.banner .slick-img{display: block;height: 0;overflow: hidden;position: relative;}
.banner .slick-active img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d;}
@-webkit-keyframes scaleBig{
	0%{transform: scale(1);}
	100%{transform: scale(1.2);}
}
@keyframes scaleBig{
	0%{transform: scale(1);}
	100%{transform: scale(1.2);}
}
.banner .slick-list{}
.banner .slick-dots{position: absolute;z-index: 100;color: #fff;background: none;top: auto;bottom: 62px;padding: 0;right: 50%;margin: 0 -676px 0 0;left: auto !important;transform: none !important;opacity: 1;width: auto;}
.banner .slick-dots li{width: 38px;height: 38px;text-align: center;line-height: 38px;font-size: 24px;color: #fff;border-radius: 50%;padding: 0;margin: 0 8px;display: none;}
.banner .slick-dots li.slick-active,.banner .slick-dots li:hover{display: block;background: none;color: #fff;font-weight: normal;font-family: arial;}
.banner .slick-dots li.slick-active{}
.banner .slick-dots li button{display: none;background: none;color: #fff;text-indent: 0;text-align: center;font-size: 24px;}
.banner .slick-dots li.slick-active button,.banner .slick-dots li:hover button{display: block;}
.banner .slick-arrow{border: 0;font-size: 0;}
.banner .slick-next{background: url(../images/banner_right.png) center no-repeat;width: 50px;height: 50px;transform: none;top: auto;bottom: 50px;right: 50%; margin: 0 -752px 0 0;background-size: 100% 100%;outline: none;}
.banner .slick-prev{background: url(../images/banner_left.png) center no-repeat;width: 50px;height: 50px;transform: none;top: auto;bottom: 50px;right: 50%;margin: 0 -626px 0 0;left: auto;background-size: 100% 100%;outline: none;}
.banner .slick-arrow:after{display: none;}

.banner .num{color: #fff;position: absolute;right: 50%;margin: 0 -687px 0 0;padding: 8px 0 0 17px;background: url(../images/banner_line.png) left top no-repeat;bottom: 54px;z-index: 200;font-family: arial;}

.index_title{overflow: hidden;margin-bottom: 7px;line-height: 30px;}
.index_title .more{float: right;position: relative;z-index: 2;padding: 0 22px 0 0;background: url(../images/index_more.png) right center no-repeat;font-size: 14px;}
.index_title h2{font-weight: bold;}
.index_title span{color: #ccc;margin: -5px 0 0 10px;text-transform: uppercase;font-weight: normal;line-height: 20px;font-family: arial;}

.wrap_mode01{padding: 36px 0 50px;}
.mode01{position: relative;}
.mode01 .lf{width: calc(808% / 13);float: left;}
.mode01 .rt{width: calc(435% / 13);float: right;}

.index_011{margin: 10px 0 0;display: block;width: 372px;float: left;box-shadow: 0 10px 20px 3px rgba(0,0,0,0.08);}
.index_011 .img{padding-bottom: 66.7%;}
.index_011 .bottom_box{padding: 35px 24px 36px 30px;background: #fff;position: relative;}
.index_011 .title{margin: 0 0 13px;line-height: 26px;white-space: nowrap;font-weight: bold;}
.index_011 .time{color: #fff;position: absolute;background: #2f68ad;width: 64px;text-align: center;left: 30px;top: -34px;}
.index_011 .info{margin: 0 0 0;color: #999;height: 44px;line-height: 22px;}
.index_011 .day{color: #fff;margin: 6px 0 -1px;font-size: 25px;}
.index_011 .month{color: #fff;margin: 0 0 6px;}

.index_012{margin: 16px 0 0 396px;}
.index_012 ul{margin: 0 0 0;padding: 0 0 0;}
.index_012 li{width: 100%;}
.index_012 a{margin: 0 0 0;overflow: hidden;padding: 15px 16px 17px 0;border: 1px solid #ebebeb;position: relative;border-top: 0;}
.index_012 li:first-child a{border-top: 1px solid #EBEBEB;}
.index_012 .left{width: 55px;float: left;height: 48px;position: relative;}
.index_012 .time{text-align: center;}
.index_012 .day{color: #2f68ad;margin: 0 0 0 0;line-height: 30px;font-size: 25px;}
.index_012 .month{color: #666;margin: 0 0 0 0;line-height: 20px;}
.index_012 .right{margin: 0 0 0 55px;padding: 0 0 0 0;height: 48px;position: relative;border-left: 1px dashed #d2d2d2;}
.index_012 .title{margin: 0 0 0 15px;max-height: 48px;line-height: 24px;}

.index_013{border-top: 1px solid #dadfe6;overflow: hidden;}
.index_013 ul{margin: 0 0 0;padding: 12px 0 0;}
.index_013 li{width: calc(100% - 42px);padding: 0 0 0 42px;position: relative;}
.index_013 li::before{content: '';width: 24px;height: 18px;background: url(../images/mode013_bg1.png) center no-repeat;position: absolute;left: 3px;top: 18px;z-index: 2;}
.index_013 li::after{content: '';width: 1px;background: url(../images/mode013_bg2.png) center no-repeat;position: absolute;left: 17px;top: 26px;bottom: -24px;}
.index_013 a{padding: 14px 0;border-bottom: 1px solid #e6e6e6;}
.index_013 .top_box{padding: 0 0 8px;font-size: 0;}
.index_013 .time{color: #999;display: inline-block;*display: inline;*zoom:1;color: #2f68ad;font-family: arial;}
.index_013 .tip{display: inline-block;*display: inline;*zoom:1;padding: 0 0 0 22px;position: relative;color: #2f68ad;margin: 0 0 0 16px;}
.index_013 .tip::before{content: '\\';position: absolute;left: 0;color: #ccc;}
.index_013 .title{padding: 0 0 0 0;line-height: 24px;white-space: nowrap;}

.wrap_mode02{padding: 48px 0 40px;background: url(../images/mode02_bg.png) center no-repeat;background-size: cover;}
.mode02{position: relative;}
.mode02 .lf{width: 432px;float: left;background: #fff;padding: 22px 24px 17px;}
.mode02 .rt{margin: 0 0 0 517px;background: #fff;padding: 22px 23px 32px;}

.mode02 .rt .box{overflow: hidden;padding: 20px 0 0;}

.index_021{overflow: hidden;}
.index_021 ul{margin: 19px 0 0;padding: 0 0 0;}
.index_021 li{width: 100%;}
.index_021 a{margin: 0 0 13px;overflow: hidden;border: 1px solid #ebebeb;position: relative;}
.index_021 .left{width: 58px;height: 60px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../images/mode02_time.png) center no-repeat;}
.index_021 .time{text-align: center;}
.index_021 .day{color: #2f68ad;font-weight: bold;line-height: 30px;font-size: 22px;}
.index_021 .month{color: #fff;margin: 8px 0 1px 0;line-height: 20px;}
.index_021 .right{margin: 0 30px 0 72px;height: 67px;position: relative;}
.index_021 .title{margin: 0 0 0;max-height: 48px;line-height: 24px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.index_022{overflow: hidden;display: block;background: #f5f5f5;border-top: 3px solid #26522c;width: 285px;padding: 23px 14px 36px 18px;float: left;}
.index_022 .time{width: 55px;float: left;height: 53px;position: relative;text-align: center;background: #2f68ad;}
.index_022 .day{color: #fff;margin: 3px 0 -2px 0;line-height: 30px;font-weight: bold;font-size: 27px;}
.index_022 .month{color: #fff;margin: 0 0 0 0;line-height: 20px;}
.index_022 .title{margin: 5px 0 0 69px;max-height: 44px;line-height: 22px;font-weight: bold;}
.index_022 .bottom_box{padding: 14px 0 0 0;overflow: hidden;width: 100%;}
.index_022 .line{overflow: hidden;}
.index_022 .left{width: 62px;height: 20px;line-height: 20px;text-align: center;background: #adb3a1;color: #fff;float: left;clear: left;margin: 0 0 20px;border-radius: 5px;}
.index_022 .right{margin: 0 0 9px 72px;position: relative;color: #26522c;line-height: 18px;max-height: 36px;}
.index_022 .info{margin: 9px 0 0;color: #999;height: auto;line-height: 20px;clear: left;}

.index_023{margin: 0 0 0 357px;}
.index_023 ul{margin: 0 0 -14px;}
.index_023 li{width: 100%;}
.index_023 a{margin: 0 0 14px;}
.index_023 .tip{color: #fff;padding: 0 9px 0;display: inline-block;*display: inline;*zoom:1;line-height: 26px;background: #2f68ad;}
.index_023 .title{padding: 9px 12px 12px;line-height: 25px;white-space: nowrap;background: #f5f5f5;color: #000;}
.index_023 .info{padding: 1px 11px 4px;color: #2f68ad;line-height: 25px;white-space: nowrap;background: #e3effc;}

.wrap_mode03{padding: 61px 0 60px;}
.mode03{position: relative;}
.index_title2{position: relative;}
.index_title2::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: #adb3a1;z-index: 1;}
.index_title2 h2{position: relative;float: left;padding: 13px 17px 7px 19px;background: #fff;border-top: 3px solid #26522c;border-left: 1px solid #ADB3A1;border-right: 1px solid #ADB3A1;margin: 0 0 -1px 17px;z-index: 2;}
.index_title2 .more{margin-top: 14px;}

.index_03{background: #f4f4f4;border: 1px solid #dcdcdc;margin: 40px 16px 0;padding: 29px 20px 34px;}
.index_03 ul{margin: 0 0 0;padding: 0 0 0;}
.index_03 a{margin: 0 15px 0;display: block;}
.index_03 .img{padding-bottom: calc(160% / 3.8);}
.index_03 .title{margin: 10px 0 0;line-height: 24px;text-align: center;white-space: nowrap;}
.index_03 .slick-arrow{border: 0;width: 33px;height: 33px;font-size: 0;outline: none;transform: none;}
.index_03 .slick-arrow:after{display: none;}
.index_03 .slick-next{right: -37px;background: url(../images/mode03_next.png) center center no-repeat;background-size: cover;}
.index_03 .slick-prev{left: -37px;background: url(../images/mode03_prev.png) center center no-repeat;background-size: cover;}


@media screen  and (min-width:1024px){
	.content .title{transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
	.content a:hover .title{text-indent: 10px;color: #0357bc;}
	
	.index_012 a:hover,.index_021 a:hover{background: url(../images/mode012_bg.png) center bottom no-repeat #2f68ad;border-color: #2f68ad;}
	.index_012 a:hover .month,.index_012 a:hover .day,.index_012 a:hover .title,.index_021 a:hover .title{color: #fff;}
	
	
}

@media screen  and (max-width:1600px){
	.banner .slick-prev,.banner .slick-next,.banner .slick-dots,.banner .num{right: auto;margin: 0;bottom: 30px;}
	.banner .slick-next{width: 42px;height: 42px;right: 51px;}
	.banner .slick-prev{width: 42px;height: 42px;right: 156px;}
	.banner .slick-dots{right: 111px;font-size: 20px;bottom: 37px;}
	.banner .num{right: 105px;font-size: 20px;bottom: 35px;background-size: 14px auto;padding: 5px 0 0 15px;}
	.banner .slick-dots .image_number{font-size: 20px;}
	
}
@media screen and (max-width: 1386px){
	.wrap_mode01{padding: 24px 0 43px;}
	.mode01 .lf{width: auto;float: none;}
	.mode01 .rt{width: auto;float: none;margin: 47px 0 0;}
	
	.index_013 ul{margin: 0 -30px;}
	.index_013 li{width: calc(50% - 102px);margin: 0 30px ;}
	.index_013 li:nth-last-child(2)::after{bottom: 0;}
	
	.wrap_mode02{padding: 38px 0 45px;}
	.mode02 .lf{width: auto;float: none;padding: 22px 24px 32px;}
	.mode02 .rt{width: auto;float: none;margin: 31px 0 0;}
	
	.index_021 ul{margin-right: -21px;}
	.index_021 li{width: 50%;}
	.index_021 a{margin-right: 21px;}
	
	.wrap_mode03{padding: 36px 0 41px;}
	.index_03{padding: 29px 34px 18px;}
	.index_03 .slick-prev{left: -51px;}
	.index_03 .slick-next{right: -51px;}
	
}


@media screen  and (max-width:1220px){
	.side_box{display: none;}
	
}
@media screen  and (max-width:992px){
	.banner .slick-prev,.banner .slick-next,.banner .slick-dots,.banner .num{bottom: 18px;}
	.banner .slick-next{right: 50%;margin-right: -73px;}
	.banner .slick-prev{right: auto;left: 50%;margin-left: -73px;}
	.banner .slick-dots{right: 50%;font-size: 20px;bottom: 26px;margin-right: -14px;}
	.banner .num{right: 50%;bottom: 22px;margin-right: -20px;}
	
	.wrap_mode01{padding: 24px 0 39px;}
	
	.mode01 .rt{margin: 41px 0 0;}
	.index_013 li{width: calc(100% - 102px);}
	.index_013 li:nth-last-child(2)::after{bottom: -24px;}
	.index_013 .tip{margin: 0 20px;}
	.index_013 a{overflow: hidden;padding: 16px 0 17px;}
	.index_013 .top_box{padding: 4px 0;float: left;}
	
	.index_023 {margin: 0 0 0 345px;}
	
	
}
@media screen  and (max-width:767px){
	.banner .slick-prev,.banner .slick-next,.banner .slick-dots,.banner .num{bottom: 13px;width: 36px;height: 36px;}
	.banner .slick-next{right: 50%;margin-right: -61px;}
	.banner .slick-prev{right: auto;left: 50%;margin-left: -61px;}
	.banner .slick-dots{right: 50%;font-size: 16px;bottom: 16px;margin-right: -17px;width: auto;height: auto;}
	.banner .num{right: 50%;bottom: 17px;margin-right: -16px;width: auto;height: auto;background-size: 12px auto;padding: 5px 0 0 12px;font-size: 16px;}
	.banner .slick-dots .image_number{font-size: 16px;}
	
	.wrap_mode01{padding: 17px 0 39px;}
	
	.index_011{width: auto;float: none;margin: 16px 0 0;}
	.index_011 .title{margin: 0 0 7px;}
	.index_011 .bottom_box{padding: 35px 24px 22px 30px;}
	.index_012{margin: 19px 0 0 0;}
	.index_012 a{padding: 15px 16px 9px 0;}
	.index_012 .left,.index_012 .right{height: 44px;border: 0;}
	.index_012 .left::after{content: '';width: 0;height: 30px;border-right: 1px dashed #d2d2d2;display: block;position: absolute;top: 4px;right: 2px;}
	.index_012 .day{font-size: 20px;}
	.index_012 .month{margin: -2px 0 -4px;}
	.index_012 .title{line-height: 22px;max-height: 44px;margin: -2px 3px 0 9px;}
	
	.mode01 .rt{margin: 44px 0 0;}
	.index_013 .top_box{float: none;}
	.index_013 a{padding: 16px 0;}
	
	.wrap_mode02{padding: 42px 0 45px;}
	.mode02 .rt{padding: 22px 23px 42px;}
	.mode02 .lf{padding: 22px 24px 12px;}
	.index_021 ul{margin-top: 8px;}
	.index_021 li{width: 100%;}
	.index_021 a{margin-bottom: 14px;}
	.index_021 .left{width: 48px;height: 50px;background: url(../images/mode02_time2.png) center no-repeat;}
	.index_021 .right{height: 60px;margin: 0 17px 0 63px;}
	.index_021 .month{}
	.index_021 .day{line-height: 20px;font-size: 18px;}
	.index_021 .title{line-height: 22px;max-height: 44px;}
	
	.mode02 .rt .box{padding: 9px 0 0;overflow: initial;}
	.index_022{padding: 23px 14px 17px 18px;}
	.index_022 .time{width: 45px;height: 44px;}
	.index_022 .day{font-size: 22px;line-height: 24px;margin-bottom: -4px;}
	.index_022 .month{transform: scale(0.83);}
	.index_022 .title{margin: 0px 0 0 58px;}
	.index_022 .left{width: 51px;margin: 0 0 14px;}
	.index_022 .right{margin: 0 0 0 62px;}
	.index_022 .info{margin: 6px 0 0;}
	
	.index_023{margin: 0;}
	.index_023 a{margin: 0 0 11px;}
	.index_023 .title{padding: 4px 12px;}
	
	.mode02 .rt .box .slick-dots{width: auto;right: 10px;bottom: -27px;left: 10px;}
	.mode02 .rt .box .slick-dots li{width: 8px;height: 8px;margin: 0 11px;background: #b8cee6;border-radius: 50%;}
	.mode02 .rt .box .slick-dots li button{text-indent: 0;background: #dedede;color: #c30500;outline: none;display: none;}
	.mode02 .rt .box .slick-dots li.slick-active{text-indent: 0;background: #2f68ad;}
	
	.wrap_mode03{padding: 27px 0 41px;}
	.index_title2 h2{padding: 7px 17px 4px 19px;}
	.index_title2 .more{margin-top: 7px;}
	.index_03{margin: 29px 17px 0;padding: 29px 10px 27px;}
	.index_03 .title{margin: 6px 0 0;}
	.index_03 .slick-prev{left: -28px;margin: -17px 0 0;}
	.index_03 .slick-next{right: -28px;margin: -17px 0 0;}
	
	
}
@media screen  and (max-width:413px){
	
	
}