html,body{overflow: hidden;}
.header.currents{transition: height ease-in-out .2s;-ms-transition: height ease-in-out .2s;-moz-transition: height ease-in-out .2s;-webkit-transition: height ease-in-out .2s;-o-transition: height ease-in-out .2s;}


.container{z-index: 3;}

.Banner{overflow: hidden;transition: height .7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 1;position: relative;}
.container2{overflow: hidden;position: fixed;left: 0;right: 0;top: 100%;bottom: 0;transition: top .7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 2;background: #fff;overflow-x: hidden !important;}
.container2.auto{overflow: auto;top: 20px;}

.Banner{position: relative; z-index: 0;}
/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  /* background:url(../images/arr.png) no-repeat; */ text-indent:-999em; }
.flex-direction-nav .flex-prev { left: -30px; background-position:0 0; }
.flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: auto;position: absolute;bottom: 30px;text-align: center;z-index: 1000;right: 100px;}
.flex-control-nav li {margin: 0 4px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-paging li a {width: 29px; height: 84px; display: block; background: url(../images/a_03.png) bottom no-repeat;cursor: pointer; text-indent: -9999px;background-size: 100% auto;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active  { background: url(../images/a_hover_03.png) bottom no-repeat ;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
/*flexslider end*/

.slide-img{display: block;width: 100%;height: 0;padding-bottom: calc(710% / 19.2);overflow:hidden;position:relative;background-size: cover !important;}
.Banner .slide-img:after{content:'';position: absolute;left: 0;right: 0;bottom: -1px;height: 0;padding-bottom: calc(200% / 19.2); z-index: 2;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.8) );background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));}
.slide-img .title{position: absolute;left: 100px;right: 330px;bottom: 45px;color: #fff;line-height: 45px;z-index: 3;max-height: 90px;}


.index_title{overflow: hidden;margin-bottom: 1px;line-height: 60px;position: relative;white-space: nowrap;font-size: 0;height: 80px;}
.index_title::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 100%;height: 1px;background: #ccc;vertical-align: top;margin: 30px 0 0;}
.index_title::before{content: '';position: absolute;width: 15px;height: 10px;background: #ebf2fa;top: 25px;right: 0;z-index: 2;}
.index_title .more{position: absolute;z-index: 2;right: 0;padding: 15px 0 0;top: 30px;line-height: 20px;color: #999;width: 30px;text-align: center;}
.index_title .more::before{content: '';display: block;height: 16px;width: 1px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;background: #ccc;}
.index_title .more:hover{color: #004387;}
.index_title h2{height: 60px;padding: 0 13px 0 35px;color: #004387;font-weight: normal;display: inline-block;*display: inline;*zoom:1;position: relative;font-size: 36px;vertical-align: bottom;letter-spacing: -1.4px;font-family: 'Adobe Heiti Std','黑体','Microsoft YaHei','微软雅黑';}
@media screen and (min-width:0\0){
	.index_title h2{font-family: '微软雅黑';}
}
.index_title h2::after{content: '';display: block;width: 1px;height: 20px;background: #ccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.index_title h2::before{content: '';display: block;font-family: "iconfont";position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #c7a763;font-size: 28px;}

.wrap_mode01{padding: 29px 0 66px;background: url(../images/mode01_bg.png) no-repeat #ebf2fa;}
.mode01{position: relative;}
.mode01 .lf{width: 37.5%;float: left;margin: 0 2.5% 0 0;}
.mode01 .mid{width: 37.5%;float: left;overflow: hidden;}
.mode01 .rt{width: 18.75%;float: right;padding: 14px 0 0;}

.mode01 .lf .index_title h2::before{content: "\e60c";}
.mode01 .lf h2::after,.mode01 .lf .index_title::after,.mode01 .lf .more::before{background: #bcd3eb;}

.mode01 .mid .index_title h2::before{content: "\e6d2";}
.mode01 .mid .index_title h2.off::before{display: none;}
.mode01 .mid .more.off,.mode01 .mid .box.off{display: none;}
.mode01 .mid h2{padding: 0 13px 0 37px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;position: relative;z-index: 10;}
.mode01 .mid h2.on{margin: 0 0 0 12px;}
.mode01 .mid h2:first-child{margin: 0;}
.mode01 .mid h2.off{font-size: 24px;opacity: .8;padding: 0 12px;bottom: -6px;}
.mode01 .mid h2.off:first-child{padding: 0 12px 0 0;}

.mode01 .mid h2::after{background: #bcd3eb;}
.mode01 .mid h2:nth-child(4)::after{background: #ccc;}

.mode01 .mid h2.on::after{margin: 6px 0 0;}
.mode01 .mid h2.off:nth-child(4)::after{margin: -6px 0 0;}
.mode01 .mid h2.on:nth-child(4)::after{margin: 0;}

.mode01 .mid .box.on{-webkit-animation-name: fade5;animation-name: fade5 ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes fade5{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: .5;
		transform: translateY(50px);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
		transform: translateY(0);
	}
}

.mode01 .mid .mobile_more{display: none;}

.index_011{display: block;position: relative;margin: 0 0 30px;}
.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%;position: relative;}
.index_011 .img::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 20%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , #000 );background: -o-linear-gradient(bottom, rgba(0,0,0,0) , #000 );background: -moz-linear-gradient(bottom,rgba(0,0,0,0) , #000 );background: linear-gradient(to bottom, rgba(0,0,0,0) , #000 );}
.index_011 .time{position: absolute;left: 10px;top: 10px;height: 24px;line-height: 24px;padding: 5px 10px 5px 5px;background: rgba(0,67,135,.6);border-radius: 54px;color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.index_011 .time::before{content: '';display: inline-block;*display: inline;*zoom:1;width: 24px;height: 24px;border-radius: 50%;background: url(../images/mode01_time.png) center no-repeat #fff;vertical-align: middle;margin: 0 8px 0 0;}
.index_011 .title{margin: 0 0 0;height: 24px;line-height: 24px;position: absolute;left: 20px;right: 20px;bottom: 23px;color: #fff;white-space: nowrap;}
.index_011 ul .title{right: 128px;}

.index_012 ul{margin: 0 0 0 0;}
.index_012 li{width: 100%;}
.index_012 a{margin: 0 0 16px;padding: 0 0 0 37px;border-bottom: 1px dashed #bcd3eb;position: relative;}
.index_012 a::before{content: "\e684";font-family: "iconfont";position: absolute;left: 0;top: 0;font-size: 20px;color: #1f5398;}
.index_012 .title{margin: 0 0 8px;height: 24px;line-height: 24px;}
.index_012 .time{margin: 0 0 7px;color: #999;height: 20px;line-height: 20px;}

.index_011 .slick-arrow{border: 0;width: 40px;height: 60px;font-size: 0;outline: none;}
.index_011 .slick-arrow:after{display: none;}
.index_011 .slick-next{right: -42px;background: url(../images/mode01_next.png) center center no-repeat;background-size: cover;}
.index_011 .slick-prev{left: -42px;background: url(../images/mode01_prev.png) center center no-repeat;background-size: cover;}
.index_011:hover .slick-next{right: 0;}
.index_011:hover .slick-prev{left: 0;}

.index_011 .slick-dots{width: auto;right: 14px;bottom: 27px;}
.index_011 .slick-dots li{width: 8px;height: 8px;margin: 0 0 0 9px;background: #fff;border-radius: 50%;}
.index_011 .slick-dots li button{display: none;}
.index_011 .slick-dots li.slick-active{text-indent: 0;background: #c7a763;}

.index_012:first-child a{padding: 0 0 9px 37px}

.index_title2{overflow: hidden;margin-bottom: 4px;line-height: 90px;height: 90px;position: relative;margin-top: 16px;}
.index_title2 .more{position: absolute;z-index: 2;right: 20px;top: 45px;line-height: 20px;color: #333;}
.index_title2 h2{height: 90px;padding-left: 21px;color: #006EBF;font-weight: bold;font-size: 32px;font-weight: normal;cursor: pointer;font-family: "Adobe Heiti Std", '黑体','Microsoft YaHei','微软雅黑';;letter-spacing: -1.4px;}
.index_title2 h2::before{content: '';display: inline-block;*display: inline;*zoom:1;font-family: "iconfont";vertical-align: middle;}

.index_title2.bg1{background: url(../images/mode01_title1.png) center no-repeat;background-size: cover;margin-top: 0;}
.index_title2.bg1 h2{color: #fff;}
.index_title2.bg1 h2::before{content: "\e603";color: #fff;font-size: 31px;margin: 0 9px 0 0;}

.index_title2.bg2{background: url(../images/mode01_title2.png) center no-repeat;background-size: cover;box-shadow: 0 5px 10px .5px rgba(0,0,0,.3);}
.index_title2.bg2 h2{color: #fefefe;}
.index_title2.bg2 h2::before{content: "\e64c";color: #c7a763;font-size: 34px;margin: 0 5px 0 0;}

.index_title2.bg3{background: url(../images/mode01_title3.png) center no-repeat;background-size: cover;}
.index_title2.bg3 h2{color: #fff;}
.index_title2.bg3 h2::before{content: "\e6df";color: #fff;font-size: 30px;margin: 0 8px 0 0;}

.index_title2.bg2 .more,.index_title2.bg3 .more{color: #fff;}

.index_013 ul{margin: 0 0 19px;padding: 0 0 0;}
.index_013 li{width: 100%;}
.index_013 a{padding: 15px 0;margin: 0 0 5px;overflow: hidden;border-bottom: 1px dashed #bcd3eb;}
.index_013 li:last-child a{border: 0;}
.index_013 .left{width: 50px;float: left;position: relative;}
.index_013 .time{color: #c7a763;font-family: arial;}
.index_013 .day{margin: 0 0 8px;line-height: 20px;}
.index_013 .day::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 14px;height: 1px;background: #c7a763;vertical-align: middle;margin: -3px 0 0 4px;}
.index_013 .month{margin: 0 0 0 0;line-height: 20px;}
.index_013 .month span{display: none;}
.index_013 .title{margin: 0 0 0 64px;max-height: 48px;line-height:  24px;}

.wrap_mode02{padding: 70px 0 0;position: relative;background: url(../images/mode02_bg.png) top center no-repeat #f5f5f5;}
.mode02{position: relative;background: url(../images/mode02_bg2.png) center bottom no-repeat #fff;padding: 32px 0 87px;z-index: 2;}
.m_bg{height: 380px;position: absolute;width: 100%;top: 0;z-index: 1;}
.mode02 .lf{width: 62.5%;float: left;margin: 0 0 0 3.75%;}
.mode02 .rt{width: 24.375%;float: right;margin: 0 3.75% 0 0;}
.mode02 .index_title::before{background: #fff;}

.mode02 .lf .index_title h2::before{content: "\e682";font-size: .92em;}
.mode02 .lf .index_title h2.off::before{display: none;}
.mode02 .lf .more.off,.mode02 .lf .box.off{display: none;}
.mode02 .lf h2{padding: 0 12px 0 40px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;position: relative;}
.mode02 .lf h2.on{margin: 0 0 0 12px;}
.mode02 .lf h2:first-child{margin: 0;}
.mode02 .lf h2.off{font-size: 24px;opacity: .8;padding: 0 12px;bottom: -6px;}
.mode02 .lf h2.off:first-child{padding: 0 12px 0 0;}

.mode02 .lf h2.on:first-child::after{margin: 6px 0 0;}
.mode02 .lf h2.off:nth-child(2)::after{margin: -6px 0 0;}


.mode02 .lf .box.on{-webkit-animation-name: fade5;animation-name: fade5 ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}

.index_021{width: 500px;float: left;}
.index_021 ul{}
.index_021 li{}
.index_021 a{margin: 0 0 0;position: relative;}
.index_021 .img{padding-bottom: 56%;position: relative;}
.index_021 .title{margin: 16px 0 19px;height: 52px;line-height: 26px;}
.index_021 .time{color: #fff;margin: 0 0 0;line-height: 30px;text-align: center;background: rgba(0,67,135,.8);position: absolute;left: 10px;bottom: 18px;width: 110px;border: 1px solid rgba(255,255,255,.8);border-radius: 50px;}
.index_021 .info{margin: 0 0 0;color: #999;height: 48px;line-height: 24px;}

.mode02 .lf .slick-dots{bottom: -43px;}
.mode02 .lf .slick-dots li{width: 10px;height: 6px;margin: 0 4px;background: #c7a763;opacity: .5;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.mode02 .lf .slick-dots li button{display: none;}
.mode02 .lf .slick-dots li.slick-active{text-indent: 0;opacity: 1;width: 30px;}

.index_022 {margin: 0 0 -30px 540px;}
.index_022 ul{margin: -5px 0 0;padding: 0 0 0;}
.index_022 li{width: 100%;}
.index_022 a{margin: 0 0 23px;overflow: hidden;}
.index_022 .left{width: 238px;float: left;border: 1px solid #f2f2f2;}
.index_022 .right{margin: 0 0 0 260px;padding: 0 0 0 0;}
.index_022 .img{padding-bottom: 56%;}
.index_022 .title{margin: 0 0 0 0;max-height: 72px;line-height: 24px;}
.index_022 .time{color: #fff;margin: 0 0 18px;line-height: 24px;text-align: center;background: #004387;width: 90px;border: 1px solid rgba(255,255,255,.8);border-radius: 50px;}

.index_023{padding: 20px 7px 0;margin: -25px -8px 0;}
.index_023 .slick-list{overflow: visible;}
.index_023 li{opacity: 0;}
.index_023 li.slick-active{opacity: 1;}
.index_023 a{margin: 0 7px 0;display: block;}
.index_023 .img{padding-bottom: 125%;position: relative;box-shadow: 0 8px 12px 2.4px rgba(0,0,0,.1);}
.index_023 .img::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 8px solid #fff;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;}
.index_023 .title{margin: 25px 6px 0;height: 48px;line-height: 24px;text-align: center;}
.index_023 a:hover .img::after{border: 0px solid #fff ;}

.mode02 .lf .index_023 .slick-dots{bottom: -71px;}

.mode02 .rt .index_title h2::before{content: "\e61d";}

.index_024{padding: 16px 10px 20px;overflow: hidden;background: #ebf2fa;display: block;}
.index_024 .left{width: 180px;float: left;}
.index_024 .right{margin: -2px 0 0 193px;padding: 0 0 0 0;}
.index_024 .img{padding-bottom: calc(250% / 1.8);}
.index_024 .title{margin: 0 0 16px;max-height: 104px;line-height: 26px;}
.index_024 .info{margin: 0 0 -16px;color: #999;line-height: 18px;}
.index_024 .info p{padding: 3px 0 0 30px;position: relative;max-height: 36px;overflow: hidden;margin: 0 0 16px;}
.index_024 .info p::before{content: '';display: block;width: 22px;height: 22px;position: absolute;left: 0;top: 0;border-radius: 50%;}
.index_024 .info p.info1::before{background: url(../images/mode02_ico1.png) center no-repeat #d3d9e1;}
.index_024 .info p.info2::before{background: url(../images/mode02_ico2.png) center no-repeat #d3d9e1;}
.index_024 .info p.info3::before{background: url(../images/mode02_ico3.png) center no-repeat #d3d9e1;}

.index_025 ul{margin: 15px 0 0 0;}
.index_025 li{width: 100%;}
.index_025 a{padding: 7px 0 13px;border-bottom: 1px solid #f0f0f0;}
.index_025 .title{margin: 0 0 7px;height: 24px;line-height: 24px;white-space: nowrap;}
.index_025 .time{color: #999;line-height: 18px;padding: 0 0 0 23px;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_025 .time::before{content: '';display: block;width: 10px;height: 2px;position: absolute;left: 2px;top: 50%;transform: translateY(-50%);background: #c7a763;}

.wrap_mode03{padding: 31px 0 55px;background: #f5f5f5;}
.mode03{position: relative;}
.mode03 .lf{width: 48%;float: left;}
.mode03 .rt{width: 48%;float: right;}
.mode03 .lf .index_title h2::before{content: "\e6d2";}
.mode03 .rt .index_title h2::before{content: "\e607";}
.mode03 .index_title::before{background: #F5F5F5;}

.index_031 ul{margin: 0 0 0 -27px;}
.index_031 li{width: 50%;}
.index_031 a{margin: 0 0 12px 27px;background: #fff;padding: 0 0 12px;}
.index_031 .img{padding-bottom: 56%;}
.index_031 .title{margin: 11px 18px 0;height: 48px;line-height: 24px;}

.index_032 ul{margin: 0 0 0;padding: 0 0 0;}
.index_032 li{width: 100%;}
.index_032 a{padding: 16px 0 13px;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.index_032 .left{width: 100px;float: left;height: 30px;position: relative;line-height: 30px;border-radius: 20px;}
.index_032 .left::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #e6d5bb;z-index: 2;border-radius: 50px;background: #f5f5f5;}
.index_032 .left::after{content: '';position: absolute;left: 0;right: 0;top: 4px;bottom: -4px;border: 1px solid #e6d5bb;z-index: 0;border-radius: 50px;}
.index_032 .time{color: #004387;position: relative;z-index: 3;}
.index_032 .day{}
.index_032 .month{margin: 0 9px 0 0;float: left;padding: 0 5px;border-right: 1px solid #ebe0cf;}
.index_032 .title{margin: 0 0 0 120px;line-height: 30px;white-space: nowrap;}

.index_033 ul{margin: 0 0 0 0;}
.index_033 li{width: 96px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;height: 410px;overflow: hidden;position: relative;background: #fff;}
.index_033 li.on{width: calc(100% - 288px);}
.index_033 a{margin: 0 0 0;}
.index_033 .left{width: 96px;height: 410px;float: left;position: relative;}
.index_033 .left .tip{position: absolute;bottom: 40px;color: #fff;left: 50%;transform: translateX(-50%);}
.index_033 .left .tip span{writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;padding: 2px 0;}
.index_033 .title{line-height: 24px;color: #fff;max-height: calc(100% - 132px);position: absolute;left: 50%;transform: translateX(-50%);top: 32px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;width: 24px;}
.index_033 .on .title{top: 20px;}
.index_033 li::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 200px;background-size: 100% 100% !important;}
.index_033 li.bg1::before{background: url(../images/mode03_bg1.png) center repeat-x;background-size: 100% 100%;}
.index_033 li.bg2::before{background: url(../images/mode03_bg2.png) center repeat-x;background-size: 100% 100%;}
.index_033 li.bg3::before{background: url(../images/mode03_bg3.png) center repeat-x;background-size: 100% 100%;}
.index_033 li.bg4::before{background: url(../images/mode03_bg4.png) center repeat-x;background-size: 100% 100%;}
.index_033 .right{margin: 48px 20px 0 100px;position: relative;z-index: 2;}
.index_033 .img_box{width: 250px;margin: 0 20px 0 0;float: left;}
.index_033 .img{padding-bottom: 136.3%;}
.index_033 .right span{display: inline-block;*display: inline;*zoom:1;border: 1px solid #004386;color: #004386;letter-spacing: .7px;margin: 0 0 16px;padding: 0 22px;line-height: 24px;}
.index_033 .info{margin: 0 0 0;height: 196px;line-height: 28px;}

.wrap_mode04{background: #f5f5f5;margin: 0 0 -188px;}
.wrap_mode04::before{content: '';background: url(../images/mode04_bg.png) bottom center no-repeat;width: 100%;height: 40px;display: block;background-size: auto 100%;position: relative;z-index: 2;}
.mode04{position: relative;background: #dce9f5;overflow: hidden;}
.index_04 > ul{margin: 30px 57.5px 40px;}
.index_04 li{}
.index_04 a{margin: 0 12.5px 0;display: block;}
.index_04 .img{padding-bottom: calc(180% / 4.7);}

.index_04 .slick-arrow{border: 0;width: 42px;height: 120px;font-size: 0;outline: none;}
.index_04 .slick-arrow:after{display: none;}
.index_04 .slick-next{right: -57.5px;background: url(../images/mode04_next.png) center center no-repeat;background-size: cover;}
.index_04 .slick-prev{left: -57.5px;background: url(../images/mode04_prev.png) center center no-repeat;background-size: cover;}


.index_title{line-height: 36px;height: 50px;margin-bottom: 3px;}
.index_title h2{font-size: 24px;line-height: 36px;height: 36px;padding: 0 13px 0 27px;}
.index_title h2::before{font-size: 20px;}
.index_title::before{top: 15px;}
.index_title::after{margin: 16px 0 0;}
.index_title .more{top: 16px;padding: 10px 0 0;}
.index_title .more::before{height: 10px;}
.mode01 .mid h2{padding: 0 7px 0 27px;}
.mode01 .mid h2.off{font-size: 16px;padding: 0 8px;bottom: -2px;}
.mode01 .mid h2.off:nth-child(4)::after{margin: -2px 0 0;}
.mode02 .lf h2{padding: 0 7px 0 27px;}
.mode02 .lf h2.off{font-size: 16px;padding: 0 8px;bottom: -2px;}
.mode02 .lf h2:nth-child(2)::after{display: block;}
.mode02 .lf h2.off:nth-child(2)::after{margin: -2px 0 0;}
.mode02 .lf h2.on:first-child::after{margin: 2px 0 0;}
@media screen  and (max-width:1640px) {
	
	.index_title{line-height: 36px;height: 50px;margin-bottom: 3px;}
	.index_title h2{font-size: 24px;line-height: 36px;height: 36px;padding: 0 13px 0 27px;}
	.index_title h2::before{font-size: 20px;}
	.index_title::before{top: 15px;}
	.index_title::after{margin: 16px 0 0;}
	.index_title .more{top: 16px;padding: 10px 0 0;}
	.index_title .more::before{height: 10px;}
	
	.mode01 .mid h2{padding: 0 7px 0 27px;}
	.mode01 .mid h2.off{font-size: 16px;padding: 0 8px;bottom: -2px;}
	/* .mode01 .mid h2::after{display: none;}
	.mode01 .mid h2:nth-child(4)::after{display: block;} */
	.mode01 .mid h2.off:nth-child(4)::after{margin: -2px 0 0;}
	
	.index_title2{height: 72px;line-height: 72px;margin: 0 0 10px;}
	.index_title2 h2{height: 72px;font-size: 24px;}
	.index_title2.bg1 h2::before,.index_title2.bg2 h2::before,.index_title2.bg3 h2::before{font-size: 22px;}
	.index_title2 .more{top: 50%;transform: translateY(-50%);}
	
	.mode02 .lf h2{padding: 0 7px 0 27px;}
	.mode02 .lf h2.off{font-size: 16px;padding: 0 8px;bottom: -2px;}
	/* .mode02 .lf h2::after{display: none;} */
	.mode02 .lf h2:nth-child(2)::after{display: block;}
	.mode02 .lf h2.off:nth-child(2)::after{margin: -2px 0 0;}
	.mode02 .lf h2.on:first-child::after{margin: 2px 0 0;}
	
	.index_013 a{padding: 9px 0;}
	
	.mode02{background-size: auto 30px;padding: 26px 0 50px;}
	
	.index_021{width: 360px;}
	.index_022{margin: 0 0 -30px 380px;}
	.index_021 .title{height: 78px;}
	.index_022 .left{width: 100px;}
	.index_022 .right{margin: 0 0 0 120px;}
	.mode02 .rt{width: 27%;}
	.index_024 .left{width: 120px;}
	.index_024 .right{margin: -2px 0 0 140px;}
	.index_024 .info p{margin: 0 0 10px;}
	
	.index_033 li{width: 60px;height: 360px;}
	.index_033 li.on{width: calc(100% - 182px);}
	.index_033 li::before{width: 120px;}
	.index_033 .left{width: 60px;height: 360px;}
	.index_033 .right{margin: 24px 20px 0 60px;}
	.index_033 .img_box{width: 230px;}
	
}
@media screen  and (max-width:1340px){
	.index_title2{height: 50px;line-height: 50px;margin: 0 0 10px;}
	.index_title2 h2{height: 50px;font-size: 20px;}
	
	.Banner:after{height: 30px;background-size: auto 100%;}
	.flex-control-nav{bottom: 20px;}
	.flex-control-paging li a{width: 20px;background-size: 100% auto !important;height: 60px;}
	
	.wrap_mode04{margin: 0 0 -100px;}
	
}
@media screen  and (max-width:1220px) {
	.index_title2.bg1 h2::before, .index_title2.bg2 h2::before, .index_title2.bg3 h2::before{font-size: 20px;}
	.index_title2 h2{font-size: 20px !important;padding-left: 10px;}
	.index_title2 .more{right: 10px;}
	
	.index_021{width: 280px;}
	.index_022{margin: 0 0 -30px 320px;}
	.index_022 .time{margin: 0 0 10px;}
	
	.index_024 .left{width: 80px;}
	.index_024 .right{margin: -2px 0 0 100px;}
	.index_025 ul{margin: 6px 0 0;}
	.index_025 .title{margin: 0 0 4px;}
}
@media screen  and (max-width:1024px) {
	
}
@media screen  and (max-width:992px) {
	html,body{overflow: auto;}
	.container2{position: static;}
	
	.slide-img .title{left: 20px;right: 240px;bottom: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.flex-control-nav{right: 40px;}
	
	.wrap_mode01{padding: 24px 0 34px;}
	.mode01 .lf{width: auto;float: none;margin: 0;}
	
	.index_011{margin: 0 0 20px;}
	.index_011 .time::before{width: 18px;height: 18px;background-size: 13px auto;}
	.index_011 .time{line-height: 18px;padding: 4px;height: 18px;}
	.index_011 .title{left: 8px;right: 8px;bottom: 12px;font-size: 14px;}
	
	.index_012 a::before{font-size: 14px;left: 1px;top: 6px;}
	.index_012 a{padding: 0 0 0 26px;margin: 0 0 3px;}
	.index_012 .title{margin: 0;}
	
	.mode01 .mid{width: auto;float: none;margin: 24px 0 0;}
	
	.index_011 .slick-dots{bottom: 12px;}
	
	.mode01 .mid .mobile_more{display: block;float: right;color: #999;margin: 6px 0 0;}
	.mode01 .mid .mobile_more::before{content: '';width: 24px;height: 1px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;background: #bcd3eb;margin: 0 4px 0 0;}
	
	.mode01 .mid .index_title .more{display: none;}
	
	.mode01 .rt{width: auto;float: none;padding: 32px 0 0;}
	
	.index_013 ul{margin: -7px 0 20px;}
	.index_013 a{padding: 11px 0 4px;margin: 0;}
	.index_013 .left{width: auto;}
	.index_013 .day{display: inline-block;*display: inline;*zoom:1;margin: 0;font-size: 12px;float: right;display: none;}
	.index_013 .month{display: inline-block;*display: inline;*zoom:1;}
	.index_013 .month span{display: inline-block;*display: inline;*zoom:1;}
	
	.index_013 .day::before{content: '.';width: auto;height: auto;background: transparent;margin: 0;}
	.index_013 .day::after{display: none;}
	.index_013 .title{clear: both;margin: 0;}
	
	.wrap_mode02{padding: 130px 0 0;}
	.mode02{margin: 0 30px;background-size: auto 26px;padding: 26px 16px 40px !important;}
	
	.mode02 .lf{width: auto;float: none;margin: 0;}

	
	.mode02 .rt{width: auto;float: none;margin: 72px 0 0;}
	.index_021{width: auto;float: none;}
	.index_021 .title{margin: 6px 0 10px;}
	.index_022{margin: 40px 0 0;}
	.mode02 .lf .slick-dots{bottom: -20px;}
	.index_022 a{margin: 0 0 12px;}
	.index_022 .left{width: 160px;}
	.index_022 .right{margin: 0 0 0 180px;}
	.index_022 .time{margin-bottom: 6px;}
	.index_022 .title{line-height: 20px;max-height: 60px;}
	
	.index_023{margin: -10px -8px 0;}
	.index_023 .title{line-height: 18px;height: 36px;margin: 5px 0 0;}
	
	.mode02 .lf .index_023 .slick-dots{bottom: -40px;}
	.mode02 .lf .slick-dots li{height: 2px;}
	
	.index_024{margin: 13px 0 0;}
	.index_024 .left{width: 120px;}
	.index_024 .right{margin: -2px 0 0 140px;}
	
	.index_025 ul{margin: 8px 5px 0;}
	.index_025 a{padding: 5px 0 6px;}
	.index_025 .title{margin: 0 0 6px;}
	
	.wrap_mode03{padding-top: 40px;}
	.mode03 .lf{width: auto;float: none;margin: 0 0 40px;}
	
	.index_031 ul{margin: 10px 0 0 -27px;}
	.index_031 li{width: 100%;}
	.index_031 li:nth-child(2){/* display: none; */}
	.index_031 .title{line-height: 18px;height: 36px;margin: 6px 18px 0;}
	
	.index_032 .left{width: 84px;height: 24px;line-height: 24px;}
	.index_032 a{padding: 10px 0;}
	.index_032 .title{margin: 0 0 0 95px;}
	
	.mode03 .rt{width: auto;float: none;}
	.index_033 li{width: 100%;height: 50px;}
	.index_033 li.on{width: 100%;height: auto;}
	.index_033 li::before{width: 100%;height: 100px;}
	.index_033 li.bg1::before{background: url(../images/mode03_bg21.png);}
	.index_033 li.bg2::before{background: url(../images/mode03_bg22.png);}
	.index_033 li.bg3::before{background: url(../images/mode03_bg23.png);}
	.index_033 li.bg4::before{background: url(../images/mode03_bg24.png);}
	
	.index_033 .left{width: auto;float: none;height: 50px;}
	.index_033 .title{top: 50%;transform: translateY(-50%);max-height: inherit;left: 20px;max-width: calc(100% - 90px);width: auto;}
	.index_033 .left .tip{top: 50%;transform: translateY(-50%);right: 20px;left: auto;bottom: auto;}
	.index_033 .right{margin: 0 20px 0 20px;overflow: hidden;padding: 0 0 30px;}
	.index_033 .img_box{width: 180px;}
	.index_033 .right span{margin-top: 60px;}
	.index_033 .info{line-height: 18px;height: 90px;}
	
	.wrap_mode04{margin: 0 0 -40px;}
	.wrap_mode04::before{height: 10px;}
	.mode04{margin: 0 30px;padding: 0 20px !important;}
	
	.index_04 > ul{margin:12px 0;}
	.index_04 a{margin: 0;}
	.index_04 .slick-prev{left: -30px;}
	.index_04 .slick-next{right: -30px;}
}
@media screen  and (max-width:800px) {
	
}
@media screen and (max-width: 767px) {
	.Banner:after{height: 10px;background-size: auto 100%;}
	.slide-img .title{right: 150px;font-size: 20px;bottom: 12px;}
	.flex-control-nav{bottom: 10px;}
	.flex-control-paging li a{width: 6px;background-size: 100% auto !important;height: 16px;}
	
}
@media screen  and (max-width:640px) {
	
}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:413px) {
	.mode01 .mid .index_title{white-space: normal;height: auto;}
	/* .mode01 .mid .index_title::after{display: none;}
	.mode01 .mid h2:nth-child(4)::after{display: none;} */
	.index_022 .left{width: 120px;}
	.index_022 .right{margin: 0 0 0 130px;}
	.mode02 .rt{margin: 40px 0 0;}
	.index_024 .left{float: none;margin: 0 auto 6px;}
	.index_024 .right{margin: 0;}
	.index_033 .img_box{margin: 0 auto;float: none;}
	.index_033 .right span{margin-top: 20px;}
	
	.slide-img .title{font-size: 16px;}
	
}
@media screen and (max-width:380px) {
	
}
@media screen and (max-width:320px) {
	
}