@font-face {
	font-family: 'HelveticaInserat-Roman-SemiB';
	src: url('../fonts/HelveticaInserat-Roman-SemiB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaInserat-Roman-SemiB.woff') format('woff'),
		url('../fonts/HelveticaInserat-Roman-SemiB.woff2') format('woff2'),
		url('../fonts/HelveticaInserat-Roman-SemiB.ttf') format('truetype'),
		url('../fonts/HelveticaInserat-Roman-SemiB.svg#HelveticaInserat-Roman-SemiB') format('svg');
	font-weight:normal;
}
.content{background: #fafafa;}

.wrapbanner{background: #f0f2f5;}
.banner{position: relative;z-index: 2;margin: 0 auto;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;height: 0;padding-bottom: calc(820% / 19.2);overflow: hidden;position: relative;}
.banner .slick-list{}
.banner .slick-dots{width: auto;bottom: 210px;left: 50%;transform: translateX(-50%);}
.banner .slick-dots li{width: 24px;height: 24px;margin: 0 8px;background: url(../images/banner_dots.png) center no-repeat;}
.banner .slick-dots li button{background: url(../images/banner_dots2.png) center no-repeat;background-size: 0px 0px;}
.banner .slick-dots li.slick-active button{background-size: 10px 10px;}
.banner .slick-arrow{width: 76px;height: 76px;font-size: 0;outline: none;margin: -94px 0 0;border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 100px;background: url(../images/banner_right.png) center center no-repeat rgba(0,0,0,0.3);background-size: auto 37.5%;}
.banner .slick-prev{left: 100px;background: url(../images/banner_left.png) center center no-repeat rgba(0,0,0,0.3);background-size: auto 37.5%;}
.banner .slick-arrow:hover{background-color: #0f40c0;}

.index_title{overflow: hidden;margin-bottom: 26px;}
.index_title .more{float: right;position: relative;z-index: 2;line-height: 24px;margin: 18px 0 0;}
.index_title h2{height: 42px;font-weight: normal;line-height: 42px;}

.wrap_mode01{margin: -178px 0 -120px;position: relative;z-index: 3;}
.mode01{position: relative;background: #fff;}
.index_01{overflow: hidden;padding: 40px 30px;}
.index_01 ul{margin: 0 0 0 -45px;}
.index_01 li{width: 33.3%;}
.index_01 a{margin: 0 0 0 45px;position: relative;}
.index_01 .img{padding-bottom: calc(218% / 3.5);background: #020129;}
.index_01 .img img{opacity: 0.5;}
.index_01 .box{white-space: nowrap;z-index: 2;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;padding: 20px 0;}
.index_01 .box::before{content: '';display: inline-block;*display: inline;*zoom:1;background: url(../images/mode01_cover1.png) center no-repeat;vertical-align: top;width: 51px;height: 20px;margin: -35px -18px 0 0;}
.index_01 .box::after{content: '';display: inline-block;*display: inline;*zoom:1;background: url(../images/mode01_cover2.png) center no-repeat;vertical-align: bottom;width: 51px;height: 20px;margin: 0 0 -35px -18px;}
.index_01 .title{max-height: 56px;line-height: 28px;color: #fff;max-width: 194px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;white-space: normal;}

.wrap_mode02{padding: 172px 0 0;background: url(../images/mode02_bg.png) top center no-repeat;margin: 0 0 -170px;}
.mode02{position: relative;}
.mode02 .tp{}
.mode02 .bt{margin: 79px 0 0 0;background: #fff;box-shadow: 0 5px 20px 1.6px rgba(14,12,91,0.1);}
.mode02 .bt .index_title{border-bottom: 1px solid #f2f2f2;padding: 17px 30px 21px;}
.index_021 ul{margin: 0 0 0 -27px;padding: 0 0 0;}
.index_021 li{width: 25%; transition:.5s ease-in-out;}
.index_021 li:hover {transition:.5s ease-in-out; margin-top:-10px;}
.index_021 li:hover .bottom_box { background: #025191;  }
.index_021 a{margin: 0 0 0 27px;box-shadow: 0 5px 20px 1.6px rgba(14,12,91,0.1);}
.index_021 .img{padding-bottom: 75%;}
.index_021 .bottom_box{padding: 15px 19px 25px 20px;background: #fff;}
.index_021 .title{margin: 0 0 15px;height: 48px;line-height: 24px;}
.index_021 .time{color: #999;margin: 0 0 16px;padding: 0 0 0 30px;background: url(../images/mode02_time.png) left center no-repeat;line-height: 20px;}
.index_021 .info{margin: 0 0 24px;color: #999;height: 44px;line-height: 22px;text-align: justify;}
.index_021 .more{text-align: right;padding: 0 31px 0 0;background: url(../images/mode02_more.png) right center no-repeat;color: #0098d9;line-height: 24px;height: 24px;}
.index_021 li:hover .title { color: #fff; }
.index_021 li:hover .time { color: #fff; background: url(../images/mode02_time_hover.png) left center no-repeat; }
.index_021 li:hover .info { color: #fff; }
.index_021 li:hover .more { color: #fff; background: url(../images/mode02_more_hover.png) right center no-repeat; }



.index_022 ul{padding: 3px 0 45px;}
.index_022 li{width: 25%;}
.index_022 a{padding: 0 38px 0;position: relative;text-align: justify;}
.index_022 a::before{content: '';display: block;width: 1px;position: absolute;left: 0;top: 6px;bottom: -8px;background: #ebebeb;}
.index_022 li:first-child a::before{display: none;}
.index_022 .time{color: #fff;margin: 0 0 22px 4px;background: #025191;height: 30px;width: 140px;line-height: 30px;border-radius: 15px;text-align: center;}
.index_022 .title{margin: 0 0 15px;height: 66px;line-height: 22px;}
.index_022 .info{margin: 0 0 26px;color: #999;height: 66px;line-height: 22px;}
.index_022 .tip{color: #0098d9;}

.wrap_mode03{padding: 259px 0 65px;background: url(../images/mode03_bg.png) center no-repeat;background-size: cover;}
.mode03{position: relative;}
.mode03 .lf{width: 50%;float: left;}
.mode03 .rt{width: calc(50% - 26px);float: right;}
.mode03 .img{padding-bottom: 62.5%;box-shadow: 0 5px 20px 1.6px rgba(14,12,91,0.1);}
.mode03 .index_title{padding: 0 6px 19px 12px;}
.mode03 .index_title .more{color: #fff;opacity: 0.5;}
.mode03 .index_title h2{color: #fff;}
.mode03 .info{color: #fff;line-height: 28px;height: 252px;text-indent: 2em;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}

.wrap_mode04{padding: 74px 0 52px;background: url(../images/mode04_bg.png) bottom center no-repeat;background-size: 100% auto;}
.mode04{position: relative;}
.mode04 .index_title{text-align: center;margin-bottom: 38px;}

.index_04{border-top: 6px solid #43a6f0;}
.index_04 > ul{margin: 0 0 0 -37px;}
.index_04 .slick-list a{margin: 0 0 0 37px;display: block;text-align: center;height: 290px;position: relative;}
.index_04 .slick-list a::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode04_libg1.png) top center no-repeat;background-size: 100% 100%;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;}
.index_04 .slick-list a::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 100%;background: url(../images/mode04_libg2.png) top center no-repeat;background-size: 100% 100%;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;}
.index_04 .slick-list a:hover::before{opacity: 0;}
.index_04 .slick-list a:hover::after{bottom: 0;}
.index_04 .num{text-align: center;font-size: 68px;font-family: 'HelveticaInserat-Roman-SemiB';position: relative;z-index: 2;padding: 38px 0 0;}
.index_04 .title{margin: 28px 0 0;height: 78px;line-height: 26px;position: relative;z-index: 2;}
.index_04 .slick-arrow{border: 0;width: 64px;height: 64px;font-size: 0;outline: none;}
.index_04 .slick-arrow:after{display: none;}
.index_04 .slick-next{right: -30px;background: url(../images/mode04_right.png) center center no-repeat;background-size: cover;}
.index_04 .slick-prev{left: 7px;background: url(../images/mode04_left.png) center center no-repeat;background-size: cover;}
.index_04 a:hover .num{color: #fff;}
.index_04 a:hover .title{color: #fff;}
.index_04 a:hover .num{-webkit-animation-name: linearColor;animation-name: linearColor;
	animation-duration: 0.2s; -webkit-animation-duration: 0.2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;visibility: visible !important; display: block;
}
@keyframes linearColor  {
	from{background-image:-webkit-linear-gradient(bottom,#333,#333,#333,#333,#333);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	25%{background-image:-webkit-linear-gradient(bottom,#333,#333,#333,#333,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	50%{background-image:-webkit-linear-gradient(bottom,#333,#333,#333,#fff,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	75%{background-image:-webkit-linear-gradient(bottom,#333,#333,#fff,#fff,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	to {background-image:-webkit-linear-gradient(bottom,#333,#fff,#fff,#fff,#fff);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
}

.wrap_mode05{padding: 50px 0 60px;}
.mode05{position: relative;background: url(../images/mode05_bg.png) center no-repeat #fff;background-size: cover;box-shadow: 0 5px 20px 1.6px rgba(14,12,91,0.1);padding: 0 20px 0;}
.mode05 .index_title{border-bottom: 1px solid #f2f2f2;padding: 24px 30px 21px;}
.index_05 ul{margin: -5px 30px 0 -42px;padding: 0 0 33px;}
.index_05 li{width: 20%;}
.index_05 a{margin: 0 0 0 67px;padding: 10px 0 0 15px;position: relative; display: block;}
.index_05 a::before{content: '';display: block;width: 80px;height: 120px;position: absolute;left: 0;top: 0;background: url(../images/mode05_libg.png) center no-repeat;background-size: cover;}
.index_05 .img{padding-bottom: 130%;position: relative;z-index: 2;}
.index_05 .title{margin: 9px 0 15px;height: 24px;line-height: 24px;}
.index_05 .info{color: #666;height: 90px;line-height: 30px;}

.wrap_mode06{padding: 11px 0 70px;background: url(../images/mode06_bg.png) bottom center no-repeat;}
.mode06{position: relative;}
.mode06 .index_title{text-align: center;}
.mode06 .index_title .more{float: none;display: inline-block;*display: inline;*zoom:1;margin: 0 -74px 0 16px;}
.mode06 .index_title h2{display: inline-block;*display: inline;*zoom:1;}

.index_06 ul{margin: 0 0 0 -14px;padding: 68px 0 0;}
.index_06 li{width: calc(100% / 6);}
.index_06 li:nth-child(11n-4){margin-left: calc(100% / 12 );}
.index_06 li:nth-child(11n){margin-right: calc(100% / 12 );}
.index_06 a{margin: 0 0 31.5% 14px;position: relative;background: #fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;padding: 10px;box-shadow: 0 5px 20px 1.6px rgba(14,12,91,0.1);}
.index_06 a::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;transform: rotate(60deg);}
.index_06 a::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;transform: rotate(-60deg);}
.index_06 .img_centered{padding-bottom: calc(88% / 1.66);z-index: 2;}
.index_06 a:hover{transform: scale(1.2);z-index: 2;}

.mode07{display: block;text-align: center;height: 120px;background: url(../images/mode07_bg.png) center no-repeat;background-size: cover;line-height: 120px;color: #fff;}
.mode07::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 34px;height: 34px;background: url(../images/mode07_img.png) center no-repeat;vertical-align: middle;margin: 0 -29px 0 14px;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;}
.mode07:hover{color: #fff;}
.mode07:hover::after{margin: 0 -29px 0 20px;}









/*flexslider start*/
.flex-control-nav { display: none; }
.index_05 .flex-direction-nav { display: none; }
.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 {background: #fff; 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: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1000;}
.flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; }
.flex-control-paging li a:hover { background: #000; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); }






.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*/



@media screen and (min-width: 1024px){
	[class*=index] *{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;}
	/* .index_01 a,.index_01 .title,.index_03 a{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;}
	.index_01 a:hover,.index_03 a:hover{transform: translateX(-4px) translateY(-5px);}
	.index_01 a:hover .title{color: #6b397f;}
	.index_022 a:hover,.index_023 a:hover{background: #fff;}
	.index_022 a:hover .time{background: url(../images/mode02_time2.png) 11px center no-repeat #f5f5f5;}
	.index_022 a .title:hover+.bottom_box{display: block;} */
	
	/* [class*=index] a:hover .title,a[class*=index]:hover .title{text-indent: 10px;color: #2086c4;} */
	/* .index_011 a:hover .title{text-indent: 0;color: #fff;} */
	
	
}
@media screen and (max-width: 1480px){
	
	
}
@media screen  and (max-width:1240px){
	.banner .slick-arrow{margin: 0;}
	.banner .slick-prev{left: 20px;}
	.banner .slick-next{right: 20px;}
	.wrap_mode01{margin: 0;}
	.banner .slick-dots{bottom: 20px;}
	
	.index_01{padding: 30px 6px;}
	.index_01 ul{margin: 0 0 0 -20px;}
	.index_01 a{margin: 0 0 0 20px;}
	
	.wrap_mode02{padding: 30px 0 0;}
	.mode02 .bt{margin: 60px 0 0;}
	
	.wrap_mode03{padding: 230px 0 50px;}
	.mode03 .index_title{padding: 0;}
	
	.wrap_mode04{padding: 50px 0 30px;}
	.index_04 .num{font-size: 48px;}
	.index_04 .slick-prev{left: 32px;}
	.index_04 .slick-next{right: -5px;}
	
	.wrap_mode05{padding: 0 0 40px;}
	.mode05 .index_title{padding: 24px 0px 16px;}
	.index_05 a{margin: 0 0 0 40px;}
	
	.index_06 li{width: calc(100% / 4);margin: 0;}
	.index_06 li:nth-child(11n-4){margin-left: 0;}
	.index_06 li:nth-child(11n){margin-right: 0;}
	.index_06 li:nth-child(7n-2){margin-left: calc(100% / 8 );}
	.index_06 li:nth-child(7n){margin-right: calc(100% / 8 );}
	
}
@media screen  and (max-width:992px){

	.banner .slick-arrow{width: 40px;height: 40px;}
	.index_01 .box::before,.index_01 .box::after{display: none;}
	.index_021 ul{margin: 0 0 -20px -20px;}
	.index_021 li{width: 50%;margin: 0 0 20px;}
	.index_021 a{margin: 0 0 0 20px;}
	.index_021 .info{margin: 0 0 10px;}
	
	.index_022 li{width: 50%;margin: 0 0 30px;}
	.index_022 a{padding: 0 24px;}
	.index_022 .info{margin: 0 0 12px;}
	.index_022 .time{margin: 0 0 10px 4px;}
	
	.mode03 .info{height: 168px;-webkit-line-clamp: 6;}
	.index_04 .num{font-size: 40px;}
	.index_05 ul{padding: 0;}
	.index_05 li{width: 33.3%;margin: 0 0 30px;}
	
}
@media screen  and (max-width:767px){
	.banner .slick-prev{left: 10px;}
	.banner .slick-next{right: 10px;}
	.banner .slick-dots{transform: scale(0.6);width: 100%;left: 0;bottom: 10px;}
	
	.index_01 li{width: 100%;margin: 0 0 20px;}
	.index_021 li{width: 100%;}
	.index_022 li{width: 100%;margin: 0 0 30px;}
	
	.mode03 .lf{width: auto;float: none;}
	.mode03 .rt{width: auto;float: none;margin: 30px 0 0;}
	
	.index_04 .slick-list a{height: 200px;}
	.index_04 .num{font-size: 36px;padding: 28px 0 0;}
	.index_04 .title{margin: 20px 0 0;}
	
	.index_06 ul{padding: 30px 0 0;}
	
}
@media screen  and (max-width:639px){
	.index_05 li{width: 50%;}
	
	.index_06 li{width: calc(100% / 3);}
	.index_06 li:nth-child(7n-2){margin-left: 0;}
	.index_06 li:nth-child(7n){margin-right: 0;}
	.index_06 li:nth-child(5n-1){margin-left: calc(100% / 6 );}
	.index_06 li:nth-child(5n){margin-right: calc(100% / 6 );}
	
	
}
@media screen  and (max-width:413px){
	.index_05 li{width: 100%;}
	
	.index_06 a{padding: 4px;}
}