html,body{height: 100%;margin: 0;overflow: hidden;}
body{background: url(../images/starBg.png) center no-repeat;background-size: cover;}
.wrapContent{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;/* background: url(../images/top_bg1.png) top center no-repeat #141833; */}
.wrapContent.slow{transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.indexMenu{position: fixed;right: 80px;top: 50%;transform: translateY(-50%);width: 14px;z-index: 10;}
.indexMenu p{display: block;width: 8px;height: 8px;border: 1px solid #fff;margin: 15px auto;border-radius: 50%;cursor: pointer;}
.indexMenu p.on{width: 12px;height: 12px;background: #fff;}

.wrapbanner{overflow: hidden;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;background: url(../images/top_bg1.png) top center no-repeat #141833; }
.wrapbanner .btn{width: 50px;height: 32px;background: url(../images/arrow.png) center no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: 12px;z-index: 6;animation:bb 2s linear 0s infinite;cursor: pointer;}
@keyframes bb{
	0%{transform:translate(-50%,0);opacity:0;}
	20%{transform:translate(-50%,3px);opacity:1;}
	80%{transform:translate(-50%,10px);opacity:1;}
	90%{transform:translate(-50%,10px);opacity:0;}
	100%{transform:translate(-50%,10px);opacity:0;}
}
.banner{position: absolute;z-index: 5;margin: 0 auto;left: 0;right: 0;top: 160px;bottom: 0;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;overflow: hidden;position: relative;background-size: cover !important;padding-bottom: calc(780% / 19.2);}
.banner .slick-current .slick-img{animation:bigger 4s linear 0s;}
@keyframes bigger{
	0%{transform:none;}
	100%{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
}
.banner a video{position: absolute; width: 100%; left: 0px;top: 50%; transform: translateY(-50%); object-fit: cover;}
.banner .info_box{position: absolute;left: 100px;width: 700px;z-index: 2;top: 50%;transform: translateY(-50%);padding: 24px 0 0;}
.banner .title{color: #fff;font-family: 'Butler-Bold';line-height: 60px;max-height: 180px;}
.banner .info{margin: 62px 0 0;color: #080d2b;line-height: 50px;display: inline-block;*display: inline;*zoom:1;padding: 0 20px;background: #fff;font-family: 'Butler-Medium';}

.banner .slick-dots{bottom: 40px;}
.banner .slick-dots li{width: 14px;height: 14px;margin: 0 13px;background: rgba(255,255,255,0.4);border-radius: 50%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background: #fff;}

.index_title{overflow: hidden;margin-bottom: 20px;}
.index_title .more{position: relative;z-index: 2;color: #adadad;line-height: 16px;padding: 8px 0 0 14px;display: inline-block;*display: inline;*zoom:1;vertical-align: b;margin: 0 0 5px;text-transform: uppercase;}
.index_title h2{height: 72px;color: #fff;font-weight: bold;display: inline-block;*display: inline;*zoom:1;position: relative;padding: 0 40px 5px 0;vertical-align: bottom;margin: 0 0 0 0;line-height: 72px;font-family: 'Butler-Bold';}
.index_title .more::before{content: '';display: block;width: 1px;height: 23px;position: absolute;left: 0;background: rgba(255,255,255,.3);bottom: 0;}
.index_title .more:hover{color: #fff;}

.wrap_mode01{overflow: hidden;background: #141833;}
.mode01{position: relative;margin: 65px 0;}
.mode01 .rt{width: 33.33%;float: right;position: relative;}
.mode01 .lf{width: 66.66%;float: left;}
.mode01 .lf .box{padding: 112px 54px 70px 99px;background: rgba(16,26,33,.7);float: left;width: 55.6%;position: relative;}
.mode01 .lf .index_title{position: absolute;right: 99px;bottom: 12px;margin: 0;}
.index_011 .title{margin: 0 0 46px;max-height: 126px;line-height: 42px;font-weight: bold;color: #fff;font-family: 'Butler-Bold';}
.index_011 .info{margin: 0 0 0;color: #fff;height: 196px;line-height: 28px;}

.index_012 .img_cover{padding-bottom: calc(100vh - 140px);}

.index_013 ul{margin: 0 0 0;padding: 0 0 0;}
.index_013 li{width: 100%;}
.index_013 a{margin: 0 0 0;position: relative;text-shadow: 0 0 16px rgba(1,1,1,.3);}

.index_013 .img_cover{padding-bottom: calc(50vh - 70px);}
.index_013 .bottom{padding: 42px 130px 0 81px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;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;z-index: 2;}
.index_013 .title{margin: 0 0 48px;max-height: 144px;line-height: 36px;font-weight: bold;color: #fff;font-family: 'Butler-Bold';}
.index_013 .info{margin: 0 0 0;color: #fff;height: 52px;line-height: 26px;}
.index_013 a:hover .bottom{opacity: 1;}
.index_013 a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 0;background: rgba(0,0,0,.75);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;}
.index_013 a:hover::after{top: 0;height: 100%;}


.wrap_mode05{box-sizing: border-box;background: #141833;}
.mode05{position: relative;padding: 80px 0 0;}
.mode05 .index_title{position: absolute;left: 100px;top: 142px;z-index: 2;}

.index_051 ul{margin: 0 0 0 0;}
.index_051 li{width: 100%;overflow: hidden;}
.index_051 li.off{display: none;}
.index_051 a{margin: 0 0 0;position: relative;overflow: hidden;background: url(../images/mode05_bg2.png) left center no-repeat;background-size: cover;}
.index_051 a::after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1007px;background: url(../images/mode05_img_cover2.png) right center no-repeat;background-size: cover;}
.index_051 .img_box{position: relative;margin: 0 0 0 540px;}
.index_051 .img_cover{height: calc(100vh - 276px);position: relative;}
.index_051 .img_cover::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode05_img_cover.png) left center no-repeat;background-size: auto 100%;}
.index_051 .box{position: absolute;left: 100px;top: 277px;z-index: 2;width: 540px;padding: 0 0 14px 20px;}
.index_051 .box::before{content: '';display: block;width: 1px;height: 208px;background: rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;}
.index_051 .box::after{content: '';display: block;width: 160px;height: 1px;background: rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;}
.index_051 .title{margin: 17px 0 37px;height: 126px;line-height: 42px;font-weight: bold;color: #fff;font-family: 'Butler-Bold';}
.index_051 .tip{color: #66d1ff;text-transform: uppercase;}
.index_051 .on .img_box{-webkit-animation-name: flipInY5 ;animation-name: flipInY5 ;animation-duration: 0.6s;-webkit-animation-duration: 0.6s;}
@keyframes flipInY5{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0.5;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	}
}
.index_051 .on .box{-webkit-animation-name: flipInY51 ;animation-name: flipInY51 ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes flipInY51{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		transform: translateY(50%);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		transform: translateY(0);
	}
}

.index_052 {width: 333px;margin: 0 0 0 350px;position: absolute;}
.index_052 ul{margin: 0 0 0 0;transform: translateY(-50%);text-align: right;overflow: hidden;}
.index_052 li{width: 50%;float: right;}
.index_052 li:nth-child(2){transform: translateX(25%) translateY(50%);margin: 0 0;}
.index_052 a{margin: 0 0 0;overflow: hidden;position: relative;}
.index_052 .box1{overflow: hidden;transform: rotate(60deg);position: relative;}
.index_052 .box2{overflow: hidden;transform: rotate(-120deg);position: relative;}
.index_052 .box{transform: rotate(60deg);position: relative;}
.index_052 .box::before{content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;background: url(../images/mode05_border1.png) center no-repeat;background-size: cover;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;z-index: 2;}
.index_052 a:hover .box::before,.index_052 .on .box::before{background: url(../images/mode05_border2.png) center no-repeat;background-size: cover;}
.index_052 .img_cover{padding-bottom: calc(149% / 1.71);opacity: .3;position: relative;}
.index_052 a:hover .img_cover,.index_052 .on .img_cover{opacity: 1;}
.index_052 .box::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode05_btn.png) center no-repeat;}
.index_052 a:hover .box::after,.index_052 .on .box::after{display: none;}
.index_052 li:first-child .box{background: #705407;}
.index_052 li:nth-child(2) .box{background: #171757;}
.index_052 li:nth-child(3) .box{background: #441f57;}


.wrap_mode02{overflow: hidden;background: #141833;}
.mode02{position: relative;margin: 80px 0 0;}
.mode02 .index_title{margin: 0 100px;}
.mode02 .index_title .more{display: block;}

.index_021{margin: 0 360px 0;position: relative;z-index: 2;}
.index_021 li{}
.index_021 a{margin: 0 0 0;display: block;}
.index_021 .right{width: 504px;float: right;margin: 0;}
.index_021 .img{padding-bottom: 140%;}
.index_021 .left{margin: 0 258px 0 0;background: #23284c;padding: 63px 330px 236px 100px;}
.index_021 .title{margin: 0 0 41px;height: 138px;line-height: 46px;color: #fff;font-weight: bold;position: relative;padding: 0 0 0 26px;font-family: 'Butler-Bold';}
.index_021 .title span{width: 1em;line-height: 15px;font-size: 14px;color: #66d1ff;font-weight: normal;position: absolute;left: 0;top: 5px;font-family: arial;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;display: block;}
.index_021 .name{margin: 0 0 0;height: 96px;line-height: 48px;color: #d60004;font-weight: bold;position: relative;padding: 0 0 0 23px;font-family: 'Butler-Bold';}
.index_021 .name span{width: 1em;line-height: 16px;font-size: 14px;color: #66d1ff;font-weight: normal;position: absolute;left: 0;top: 6px;font-family: arial;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;}
.index_021 .name p{padding: 9px 0 0 5px;color: #fff;font-weight: bold;font-size: 14px;position: relative;margin: 5px 0 0;line-height: 24px;font-family: arial;}
.index_021 .name p::after{content: '';display: block;width: 77px;height: 4px;position: absolute;left: 0;top: 0;background: #595959;}
.index_021 .time{background: url(../images/mode02_time.png) 10px center no-repeat rgba(255,255,255,.2);border-radius: 8px;line-height: 24px;color: #fff;padding: 7px 0 7px 37px;margin: 23px 0 8px 10px;width: 310px;}
.index_021 .loc{background: url(../images/mode02_loc.png) 10px center no-repeat rgba(255,255,255,.2);border-radius: 8px;line-height: 24px;color: #fff;padding: 7px 0 7px 37px;margin: 0 0 0 10px;width: 310px;}
.index_021 .info{margin: 43px 0 0;color: #c8c8c8;height: 52px;line-height: 26px;}

.index_021 .slick_menu{position: absolute;left: 0;right: 345px;bottom: 123px;text-align: center;}
.index_021 .slick-arrow{border: 0;width: 55px;height: 55px;font-size: 0;outline: none;border-radius: 50%;top: auto;transform: none;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;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.index_021 .slick-arrow:after{display: none;}
.index_021 .slick-next{right: auto;background: url(../images/mode02_next.png) center center no-repeat;background-size: cover;}
.index_021 .slick-prev{left: auto;background: url(../images/mode02_prev.png) center center no-repeat;background-size: cover;}
.index_021 .slick-next:hover{background: url(../images/mode02_next2.png) center center no-repeat;background-size: cover;}
.index_021 .slick-prev:hover{background: url(../images/mode02_prev2.png) center center no-repeat;background-size: cover;}
.index_021 .dots{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 30px;}
.index_021 .slick-dots{display: inline-block;*display: inline;*zoom:1;position: relative;transform: none;bottom: 0;}
.index_021 .slick-dots li{width: 20px;height: 20px;margin: 0 8px;font-size: 14px;}
.index_021 .slick-dots li button{text-indent: 0;outline: none;background: none;color: rgba(255,255,255,0.5);}
.index_021 .slick-dots li.slick-active button{text-indent: 0;font-size: 16px;color: #fff;}

.index_022{margin: 0 calc(25vw + 90px);position: absolute;left: 0;right: 0;top: 217px;}
.index_022 li{}
.index_022 a{margin: 0 auto 0;display: block;width: 356px;}
.index_022 .img{padding-bottom: 140%;background: #000;}
.index_022 .img img{opacity: 0.5;}

.index_022 .slick-list{overflow: visible;}

.wrap_mode03{overflow: hidden;position: relative;background: #080d2b;}
#p_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: .3;}

.mode03{position: relative;margin: 120px 0 80px;overflow: hidden;}
.mode03 .index_title{position: absolute;left: 70%;top: 0;}
.mode03 .index_title .more{float: right;margin: 45px 0 0;}

.index_031{width: 65.625%;float: left;}
.index_031 ul{margin: 0 5px 0;}
.index_031 li{width: 50%;}
.index_031 a{margin: 0 15px 4px;position: relative;}
.index_031 a::after{content: '';display: block;width: 12px;height: 86px;background: url(../images/mode03_arrow.png) center no-repeat;position: absolute;left: 39px;bottom: 30px;}
.index_031 .img_cover{padding-bottom: calc(50vh - 150px);}
.index_031 .title{margin: 20px 0 0 70px;height: 56px;line-height: 28px;color: #fff;font-weight: bold;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;font-family: 'Butler-Bold';}
.index_032{display: block;float: right;margin: 132px 5.2% 0 0;width: 24.6%;}
.index_032 p{color: rgba(255,255,255,.7);line-height: 28px;height: 420px;overflow: hidden;}
.index_031 .title:hover{text-indent: 6px;margin-right: -6px;}
.index_032.off{display: none;}
.index_032.on{-webkit-animation-name: flipInBt ;animation-name: flipInBt ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}

/* mode46 */
.wrap_mode46{overflow: auto;}
.wrap_mode4{padding: 100px 0 0;}
.title5{padding-bottom: 55px;margin-left: 14%;}
.title5 span{display: block;width: 45%;padding: 0 0 0 50px;background: url(../images/star_info.png) left center no-repeat;}
.title5 span{color: #fff;opacity: 0.5;font-size: 18px;line-height: 24px;}
/*转换*/
.ideaCol{margin: 0 6vw;position: relative;min-height: 200px;text-align: center;height: calc( 19vw + 60px );}
.pict-flow{position: absolute;width: 19vw;height: 19vw;}
.pict-flow:first-child{left: 8.5vw;}
.pict-flow:nth-child(2){left: 22.042vw;}
.pict-flow:nth-child(3){left: 35.583vw;}
.pict-flow:nth-child(4){left: 49.125vw;}
.pict-flow:nth-child(5){left: 62.667vw;}

.pict-flow .in{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: 100%;height: 100%;position: relative;}
.pict-flow .in::before{content: '';display: block;position: absolute;left: 50%;top: 50%;width: 0;height: 0;transition: all ease-in-out 1s;-ms-transition: all ease-in-out 1s;-moz-transition: all ease-in-out 1s;-webkit-transition: all ease-in-out 1s;-o-transition: all ease-in-out 1s;background-position: center;background-size: 90% auto !important;}
.ideaCol .pict-flow.on .in::before{left: 0;top: 0;width: 100%;height: 100%;opacity: 1;}
.ideaCol .pict-flow:first-child.on .in::before{background: url(../images/star12.png) center no-repeat;}
.ideaCol .pict-flow:nth-child(2).on .in::before{background: url(../images/star22.png) center no-repeat;}
.ideaCol .pict-flow:nth-child(3).on .in::before{background: url(../images/star32.png) center no-repeat;}
.ideaCol .pict-flow:nth-child(4).on .in::before{background: url(../images/star42.png) center no-repeat;}
.ideaCol .pict-flow:nth-child(5).on .in::before{background: url(../images/star52.png) center no-repeat;}
.ideaCol .t{transform-origin: center left;transition: all 1s cubic-bezier(.48,.04,.52,.96);transform: translateY(130%) rotate(15deg);text-align: center;color: #fff;text-align: center;opacity: 0;vertical-align: top;font-family: 'Butler-Medium';text-align: left;display: inline-block;*display: inline;*zoom:1;margin: 10px 0 0;}
.ideaCol.on .t{opacity: 1;transform: none;}
.ideaCol svg{transform: rotate(-90deg);}
.pict-flow:nth-child(2n) svg{transform: scaleX(-1) rotate(90deg);}
.pict-flow:first-child .t,.pict-flow:first-child path{transition-delay:1s}
.pict-flow:nth-child(2) .t,.pict-flow:nth-child(2) path{transition-delay:1.2s}
.pict-flow:nth-child(3) .t,.pict-flow:nth-child(3) path{transition-delay: 1.4s;}
.pict-flow:nth-child(4) .t,.pict-flow:nth-child(4) path{transition-delay: 1.6s;}
.pict-flow:nth-child(5) .t, .pict-flow:nth-child(5) path{transition-delay: 1.8s;}
.pict-flow-wrap{position: relative;z-index: 2;}
.ideaCol svg path,.ideaCol svg polygon{fill: none;stroke: rgba(255,255,255,.1);stroke-dasharray: 2000;stroke-dashoffset: 0px;stroke-width: 5px;transition: all 1s cubic-bezier(.48,.04,.52,.96);stroke-dasharray:980px}
.ideaCol.on svg path,.ideaCol.on svg polygon{-webkit-animation: title__line 6s ease-out forwards;animation: title__line 6s ease-out forwards;}
@-webkit-keyframes title__line {
	0% {stroke-dashoffset: 2000;stroke-width: 5px;}
	100% {stroke-dashoffset: 100;stroke-width: 5px;}
}
@keyframes title__line {
	0% {stroke-dashoffset: 2000;stroke-width: 5px;}
	100% {stroke-dashoffset: 100;stroke-width: 5px;}
}

.wrap_mode6{position: relative;overflow: hidden;padding-top: 71px;}
.mode6{padding-bottom: 110px;padding-top: 36px;border-top: rgba(255,255,255,0.2) 1px solid;max-width: 1620px;margin: 0 auto;}
.numList{font-size: 0;position: relative;z-index: 50;margin: 0 -55px;display: block;}
.numList li{display: inline-block;width: 25%;text-align: center;}
.numList li span{display: block;font-size: 18px;color: #66d1ff;padding: 20px 0 0;font-family: 'GillSans';}
.numList li strong{display: block;font-family: 'DINAlternate-Bold';font-size: 120px;color: #fff;line-height: 1;}

@media screen and (max-height: 860px){
	.index_052{margin: 0 0 0 640px;}
	.index_051 .info{display: none;}
	
}

@media screen and (max-height: 800px){
	.index_011 .info{height: 60px;}
	.index_013 .info{height: 90px;}
	.index_011 .title{}
	.mode02 .index_title{top: 0;}
	.index_021 .title{margin: 0 0 20px;}
	.mode03{margin: 70px 0;}
	
	
	
}
@media screen and (max-height: 680px){
	.index_032 p{height: 240px;}
	
	
}

@media screen and (max-height: 600px){
	.index_011 .info,.index_013 .info{display: none;}
	.index_032 p{height: 180px;}
	
}
@media screen  and (min-width:1024px){
	.index_012 .title,.index_011 .title,.index_013 .title,.index_022 .title{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_021{}
	
}
@media screen and (max-width: 1640px){
	.indexMenu{right: 20px;}
	.index_title h2{font-size: 70px;}
	
	.banner{top: 120px;}
	
	.mode02 .index_title{margin: 0 0px -40px;position: absolute;z-index: 3;}
	
	.mode02 .index_title{left: 20px;}
	.index_021{margin: 0 280px;}
	.index_021 .right{width: 432px;}
	.index_021 .left{padding: 70px 160px 160px 40px;}
	.index_021 .slick_menu{bottom: 60px;}
	.index_022{margin: 0 calc(25vw + 70px) 0;}
	.index_022 a{width: 280px;}

	.index_032{margin: 81px 0 0 0;width: 33.8%;}
	
	.mode6{margin: 0 60px;}
	.numList{margin: 0 -40px;}
	.numList li strong{font-size: 80px;}
	
}
@media screen and (max-width: 1480px){
	.index_013 .bottom{padding: 20px 40px 0;}
	.index_013 .title{font-size: 24px;line-height: 30px;max-height: 120px;margin: 0 0 16px;}
	.index_013 .info{height: 48px;line-height: 24px;}
	
	.mode01 .lf .box{padding: 50px 54px 70px;}
	/* .index_021 .left{padding: 40px 240px 150px 50px;} */
	.index_021 .time{width: auto;}
	.index_021 .loc{width: auto;}
	.index_021 .info{margin: 30px 0 0;}
	
	.index_021{margin: 0 240px;}
	.index_022 a{width: 240px;}
	.index_022{margin: 0 calc(25vw + 60px) 0;}
	
	.index_021 .right{width: 372px;}
	

	
	.mode05 .index_title{left: 80px;top: 80px;}
	.index_051 .box{left: 80px;top: 130px;}
	.index_051 .box::before{height: auto;top: 0;}
	.index_051 .img_box{margin: 0 0 0 360px;}
	.index_051 .img_cover{height: calc(100vh - 200px);}
	.index_052{width: 240px;margin: 0 0 0 450px;}
	
}
@media screen  and (max-width:1220px){
	.banner .info_box{left: 40px;right: 40px;width: calc(100% - 80px);}
	.banner .info{line-height: 34px;margin: 40px 0 0;}
	
	.index_021{margin: 0 216px;}
	.index_022 a{width: 216px;}
	.index_022{margin: 0 calc(-25vw + 162px) 0;}
	
	.index_021 .left{padding: 40px 230px 150px 50px;margin: 0 160px 0 0;}
	.index_021 .right{width: 336px;}
	.index_021 .info{line-height: 25px;height: 50px;font-size: 15px;}
	.index_021 .time,.index_021 .loc{font-size: 15px;}
	.index_021 .slick_menu{bottom: 50px;right: 200px;}
}

@media screen and (max-width: 1040px){
	.index_title h2{font-size: 56px;padding: 0 6px 0 0;}
	.index_title .more{padding: 8px 0 0 6px;}
	
	.index_021{margin: 0 176px;}
	.index_022 a{width: 176px;}
	.index_022{margin: 0 calc(25vw + 44px) 0;}
	
	.index_021 .left{padding: 40px 130px 150px 50px;margin: 0 160px 0 0;}
	.index_021 .right{width: 276px;}
	.index_021 .info{line-height: 25px;height: 50px;font-size: 15px;}
	.index_021 .time,.index_021 .loc{font-size: 15px;}
	
}

@media screen and (max-width: 992px){
	.indexMenu{display: none;}
	html,body{overflow: auto;height: auto;}
	
	.wrapbanner .btn{display: none;}
	.banner{position: relative;top: 0;}
	.banner .info_box{display: none;}
	.banner .slick-dots{bottom: 10px;}
	.banner .slick-dots li{width: 8px;height: 8px;}
	
	 .index_title .more{float: right;margin: 40px 0 0;}
	
	.mode01 .rt{width: auto;float: none;}
	.mode01{margin: 56px 0 68px;}
	.mode01 .rt .box{width: auto;margin: 0 0 0 153px;padding: 50px 76px 39px 66px;}
	.index_011 .title{line-height: 40px;height: 80px;font-size: 30px;margin: 50px 0 20px;}
	.index_011 .info{height: 30px;}
	.index_012 .img_cover{padding-bottom: 495px;}
	
	.mode01 .lf{width: auto;float: none;}
	.index_013 li{width: 50%;}
	.index_013 .bottom{padding: 35px 31px 0 49px;opacity: 1;}
	.index_013 .title{line-height: 40px;height: 80px;font-size: 30px;margin: 0 0 20px;}
	.index_013 .info{line-height: 25px;height: 50px;}
	.index_013 .img_cover{padding-bottom: 260px;}
	.index_013 a::after{top: 0;height: auto;background: rgba(0,0,0,.5);}
	
	.mode02{margin: 30px 20px 0;}
	.mode02 .index_title{position: static;margin: 0 0 2px;}
	
	.index_021{margin: 0;}
	.index_021 .right{margin: 0;}
	.index_021 .left{padding: 36px 170px 150px 15px;}
	.index_021 .title{font-size: 32px;line-height: 42px;height: 84px;margin: 0 0 30px;}
	.index_021 .time{margin: 13px 0 8px 10px;}
	.index_021 .time, .index_021 .loc{line-height: 33px;margin-right: 60px;font-size: 14px;}
	.index_021 .info{margin: 42px 0 0;}
	.index_022{display: none;}
	
	.wrap_mode03{background: #121314;}
	.mode03{margin: 50px 20px 59px;}
	.mode03 .index_title{position: static;}
	.index_031{width: auto;float: none;}
	.index_031 ul{margin: 0 -15px;padding: 1px 0 0;}
	.index_031 .img_cover{padding-bottom: 56.15%;}
	.index_032{width: auto;margin: 0 0 0;}
	.index_032 p{margin: 23px 51px 44px 51px;height: auto;line-height: 28px;}
	
	.title5{margin-left: 20px;margin-right: 20px;}
	.title5 span{width: auto;}
	/* .ideaCol svg path,.ideaCol svg polygon{-webkit-animation: title__line 6s ease-out forwards;animation: title__line 6s ease-out forwards;} */
	.ideaCol .pict-flow:first-child .in::before{background: url(../images/star12.png) center no-repeat;}
	.ideaCol .pict-flow:nth-child(2) .in::before{background: url(../images/star22.png) center no-repeat;}
	.ideaCol .pict-flow:nth-child(3) .in::before{background: url(../images/star32.png) center no-repeat;}
	.ideaCol .pict-flow:nth-child(4) .in::before{background: url(../images/star42.png) center no-repeat;}
	.ideaCol .pict-flow:nth-child(5) .in::before{background: url(../images/star52.png) center no-repeat;}
	.ideaCol .pict-flow .in::before{left: 0;top: 0;width: 100%;height: 100%;opacity: 1;}
	.ideaCol .t{opacity: 1;transform: none;}
	
	.ideaCol{height: auto;}
	.pict-flow{position: relative;left: 0 !important;right: 0 !important;top: 0 !important;bottom: 0 !important;margin: 0 0 60px;width: 40vw;height: 40vw;display: inline-block;*display: inline;*zoom:1;}
	.ideaCol .t{margin: 0;}
	
	.mode6{padding-bottom: 50px;}
	.numList li{width: 50%;margin-bottom: 24px;}
	.numList li span{padding: 10px 0 0;}
	
	.mode05{padding: 45px 0 0;}
	.mode05 .index_title{position: static;margin: 0 20px 30px;}
	.index_051 a::after{left: -350px;}
	.index_051 .img_box{margin: 0;}
	.index_051 .box{left: 40px;width: 350px;top: 50%;transform: translateY(-50%);}
	.index_051 .title{height: auto;line-height: 1.5;margin: 10px 0 0;}
	.index_051 .info{display: block;}
	
	.index_052{position: relative;margin-bottom: -100px;}
}
@media screen and (max-width: 767px){
	.index_title h2{font-size: 48px;padding: 0 24px 0 0;}
	
	.mode01{margin: 46px 0 68px;}
	.mode01 .rt .box{width: auto;margin: 0;padding: 30px 76px 51px 51px;}
	.index_011 .title{line-height: 32px;height: 64px;font-size: 24px;margin: 30px 0 20px;}
	.index_011 .info{display: none;}
	.index_012 .img_cover{padding-bottom: 266px;}
	
	.mode01 .lf{width: auto;float: none;}
	.index_013 li{width: 50%;}
	.index_013 .bottom{padding: 35px 31px 0 49px;}
	.index_013 .title{line-height: 32px;height: 64px;font-size: 24px;margin: 0 0 20px;}
	.index_013 .info{display: none;}
	.index_013 .img_cover{padding-bottom: 139px;}
	
	.mode02{margin: 33px 20px 0;}
	.mode02 .index_title{position: static;margin: 0 0 13px;}
	.index_021{margin: 0;}
	.index_021 .right{margin: 0;width: 161px;}
	.index_021 .left{padding: 36px 34px 150px 26px;margin: 0;}
	.index_021 .title{font-size: 26px;line-height: 34px;height: auto;margin: 0 0 38px;padding: 0 33px 0 24px;}
	.index_021 .time{margin: 7px 0 8px 10px;}
	.index_021 .time, .index_021 .loc{line-height: 33px;margin-right: 0;font-size: 14px;max-width: 223px;}
	.index_021 .info{display: none;}
	.index_021 .slick_menu{bottom: 50px;right: 0;}
	
	.wrap_mode03{background: #121314;}
	.mode03{margin: 50px 20px 59px;}
	.mode03 .index_title{position: static;}
	.index_031{width: auto;float: none;}
	.index_031 ul{margin: 0 -15px;padding: 1px 0 0;}
	.index_031 .img_cover{padding-bottom: 56.15%;}
	.index_032{width: auto;margin: 0 0 0;}
	.index_032 p{margin: 13px 24px 51px 27px;height: 196px;}
	
	.index_031 li{width: 100%;}
	.index_031 a{margin: 0 15px 14px;}
	
	
	.mode05{padding: 45px 0;}
	.index_051 a::after,.index_051 .img_cover::after{display: none;}
	.index_051 .box{transform: none;position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 24px 10px 28px;width: auto;}
	.index_051 .img_cover{height: 240px;}
	.index_052{display: none;}
	
}
@media screen  and (max-width:413px){
	.mode01 .rt .box{padding: 30px 31px 51px 49px;}
	.index_013 li{width: 100%;}
	.index_021 .right{width: auto;float: none;}
	.index_021 .title{padding-right: 0;}
	
	.index_021 .slick-arrow{width: 30px;height: 30px;}
	.index_021 .dots{margin: 0 10px;}
}