@charset "UTF-8";
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@-webkit-keyframes fadeInLeft2 {
0% {
opacity:0;
-webkit-transform:translateX(-25px);
transform:translateX(-25px)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInLeft2 {
0% {
opacity:0;
-webkit-transform:translateX(-25px);
transform:translateX(-25px)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(8%, 0, 0);
transform:translate3d(8%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(8%, 0, 0);
transform:translate3d(8%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@-webkit-keyframes fadeInRight2 {
0% {
opacity:0;
-webkit-transform:translate3d(40%, 0, 0);
transform:translate3d(40%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInRight2 {
0% {
opacity:0;
-webkit-transform:translate3d(40%, 0, 0);
transform:translate3d(40%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10%, 0);
transform:translate3d(0, 10%, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
body {
	overflow-x:hidden
}
.index-ban {
	position:relative;
	width:100%
}
.headimg_mask, .index-ban .main-bg {
	width:100%;
	position:absolute;
	left:0
}
.index-ban .main-bg {
	top:0;
	z-index:1;
	overflow:hidden;
	height:970px
}
.headimg_mask {
	height:340px;

	bottom:0;
	pointer-events:none
}
.header-video-bg, .index-ban .main-bg .main-bg-wrap {
	position:relative;
	left:50%;
	width:1920px;
	margin-left:-960px
}
.index-ban .main-bg .main-bg-wrap img {
	width:100%
}
.index-ban .ban-top {
	height:869px
}
.index-ban .to-school:hover {
	opacity:.8;
	-webkit-filter:opacity(80);
	filter:opacity(80)
}
.index-ban .header {
	position:relative;
	z-index:1
}
.index-ban .header .wrap {
	height:970px;
	position:relative
}
.header-video-bg {
	position:absolute;
	height:auto
}
.main-bd .center-wrap, .main-bd .wrap {
	position:relative;
	z-index:2
}
.inside-header-image {
	display:none
}
.tit {
	font-size:0;
	margin:0 auto
}
.tit1 {
	background:url(tit1-389478c8b6.png) no-repeat;
	width:840px;
	height:140px
}
.tit2 {
	background:url(tit2-5d57d7c12a.png) no-repeat
}
.tit2, .tit3, .tit4 {
	width:840px;
	height:140px
}
.tit3 {
	background:url(tit3-754f6acba2.png) no-repeat
}
.tit4 {
	background:url(tit4-356995d98b.png) no-repeat
}
.tit-pet {
	background:url(tit_pet-3ec977ac0f.png) no-repeat;
	width:832px;
	height:174px
}
.zhus_down {
	position:absolute;
	top:693px;
	z-index:3;

	height:162px;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.zhus_qr {
	width:118px;
	height:130px;
	border:1px solid #b7dae8;
	border-radius:5px;
	margin-left:14px;
	margin-top:13px;
	float:left
}
.zhus_qr img {
	width:108px;
	height:108px;
	display:block;
	margin:3px auto 0
}
.zhus_qr p {
	width:100%;
	text-align:center;
	line-height:16px
}
.zhus_downbtn {
	width:166px;
	float:left;
	margin-left:6px
}
.zhus_downbtn a, .zhus_pc span {
	display:block;
	color:#fff;
	width:100%
}
.zhus_downbtn a {
	height:64px;
	line-height:64px;
	border-radius:5px;
	margin-bottom:4px;
	font-size:20px
}
.zhus_downbtn a i {
	float:left;
	display:block;
	margin:19px 5px 0 18px
}
.zhus_android {
	background:#50d0d4;
	margin-top:13px
}
.zhus_android i {
	background:url(zhus_android_dot-323e496a96.png) no-repeat;
	width:24px;
	height:27px
}
.zhus_android:hover {
	background:#54d9dc
}
.zhus_ios {
	background:#000
}
.zhus_ios i {
	background:url(zhus_ios_dot-7d2c4929ae.png) no-repeat;
	width:22px;
	height:25px
}
.zhus_ios:hover {
	background:#272727
}
.zhus_pc, .zhus_xinfu {
	float:left;
	margin-left:7px;
	margin-top:13px;
	height:132px
}
.zhus_pc {
	background:url(zhus_pc-d2be09fc83.png) no-repeat;
	width:173px
}
.zhus_pc:hover {
	background:url(zhus_pc_h-4f8db70c47.png) no-repeat;
	width:173px;
	height:132px
}
.zhus_pc span {
	font-size:24px;
	text-align:center;
	letter-spacing:1px
}
.zhus_pc .zhus_t1 {
	background:url(sprite/common/down_i-8a3331d262.png) no-repeat;
	width:32px;
	height:29px;
	margin:30px auto 0
}
.zhus_xinfu {
	font-size:0;
	cursor:pointer;
	background:url(zhus_xinfu-a53a4dd170.png) no-repeat;
	width:150px
}
.zhus_xinfu:hover {
	opacity:.9
}
.h_tt, .list-lin li {
	vertical-align:middle
}
.h_tt {
	float:left;
	color:#414141;
	font-size:24px
}
.h_tt i {
	background:url(tt_dot-7b50923a68.png) no-repeat;
	width:12px;
	height:18px;
	display:inline-block;
	margin-right:5px
}
.list-key a, .list-key span {
	display:inline-block;
	vertical-align:middle
}
.list-key span {
	width:60px;
	text-align:center;
	background:#eacf73;
	font-size:18px;
	position:relative;
	margin-right:14px;
	border-radius:5px;
	color:#fff;
	height:35px;
	line-height:35px
}
.list-key span i {
	width:0;
	height:0;
	border-left:7px solid #eacf73;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	position:absolute;
	right:-7px;
	top:10px
}
.list-key a {
	height:52px;
	color:#414141;
	line-height:52px;
	font-weight:700;
	white-space:nowrap;
	letter-spacing:normal;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.list-key a:hover {
	color:#eacf73
}
.list-lin li {
	font-size:0;
	word-spacing:-1px;
	text-align:left;
	border-top:1px solid #d6d7d2
}
.list-lin li:first-child {
	border:0
}
.list-lin li a, .list-lin li i {
	display:inline-block;
	vertical-align:middle
}
.list-lin li a {
	font-size:16px;
	word-spacing:normal;
	letter-spacing:normal;
*display:inline;
	zoom:1;
	color:#444;
	line-height:53px;
-webkit-transition:all .6s ease;
-o-transition:all .6s ease;
transition:all .6s ease;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	position:relative;
	width:374px;
	height:53px
}
.list-lin li.hot a {
	color:#fe3939
}
.list-lin li a:hover {
	color:#d9ba4f
}
.list-lin li i {
	background:url(list_dot-7b3a9f8634.png) no-repeat;
	width:11px;
	height:10px;
	margin-left:4px
}
.list-lin li span, .news-key a i {
	background:#fe3939;
	font-size:10px;
	padding:0 2px;
	height:16px;
	line-height:16px;
	color:#fff;
	text-align:center;
	margin-left:5px
}
.index-zt-box li h3 i, .list-lin li em, .list-lin li span, .news-key a i {
	display:inline-block;
	vertical-align:middle
}
.list-lin li em, .news-more {
	text-align:center;
	font-size:16px
}
.list-lin li em {
	padding:0 8px;
	background:#eacf73;
	margin:0 8px 0 6px;
	height:22px;
	line-height:22px;
	color:#fff;
	border-radius:12px
}
.list-lin li:hover i {
	background:url(list_doth-31bd203074.png) no-repeat;
	width:11px;
	height:10px
}
.news_sec {
	position:relative;
	height:1084px;
	background:url(index_section1-2160131719.jpg) no-repeat center top
}
.news-more {
	width:118px;
	height:38px;
	line-height:38px;
	color:#68ced9;
	display:block;
	border:1px solid #8bd7d8;
	border-radius:30px;
	position:absolute;
	right:100px;
	top:158px;
	text-indent:3px
}
.news-more:hover {
	color:#fff;
	background:#deca78;
	border:1px solid #deca78
}
.news-more i, .view-more i {
	background:url(more_dot-185e581939.png) no-repeat;
	width:9px;
	height:13px
}
.mp-con .view-a i, .news-more:hover i, .pet-con .view-a i {
	background:url(mp_more_dot-9b00e1e7dc.png) no-repeat;
	width:9px;
	height:12px
}
.index-news-box {
	margin-top:78px;
	margin-left:100px
}
.index-news-box ul, .index-zt-box ul, .news_img {
	overflow:hidden
}
.index-news-box li, .index-zt-box li {
	width:282px;
	height:228px;
	background:#60bdc8;
	float:left;
	margin-right:24px
}
.index-news-box li a, .index-zt-box li a {
	color:#fff;
	display:block
}
.news_img {
	width:280px;
	height:156px;
	border:1px solid #25b1cb
}
.index-news-box li img, .index-zt-box li img {
	width:100%;
	height:100%;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.index-news-box li span {
	display:block;
	font-size:16px;
	height:26px;
	line-height:26px;
	margin-top:8px;
	margin-left:10px
}
.index-news-box li p {
	font-size:18px;
	line-height:28px;
	margin-left:8px;
	margin-right:5px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	word-wrap:break-word;
	padding-top:8px
}
.index-news-box li:hover img, .index-zt-box li:hover img {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.index-zt-box {
	margin-left:100px;
	margin-top:30px;
	clear:both
}
.index-zt-box li {
	width:588px;
	height:401px;
	margin-right:23px
}
.index_zt_img {
	width:586px;
	height:329px;
	border:1px solid #25b1cb;
	overflow:hidden
}
.index-zt-box li h3 {
	font-size:22px;
	height:32px;
	line-height:32px;
	margin-top:8px;
	text-align:center;
	font-weight:700
}
.index-zt-box li p {
	font-size:16px;
	height:22px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis
}
.index-zt-box li h3 i {
	margin-top:-3px
}
.index-zt-box li h3 span {
	display:inline-block;
	margin-right:16px;
	margin-left:10px
}
.index_zt_dotl {

	width:9px;
	height:12px
}
.index_zt_dotr {

	width:9px;
	height:12px
}
.swtj {
	height:1092px;
	background:url(index_mp-571d1a112e.jpg) top center no-repeat
}
.mp-bd, .mp-item {
	position:relative;
	width:1400px;
	height:900px;
	padding-top:35px
}
.mp-item p.tip {
	color:#54cccd;
	font-size:24px;
	letter-spacing:1.5px;
	position:absolute;
	bottom:120px;
	left:115px
}
.mp-bd {
	padding-top:114px;
	height:700px
}
.mp-bd .role {
	width:913px;
	height:820px;
	position:absolute;
	right:25px;
	top:0;
	opacity:0
}
.mp-bd .item.on .role {
-webkit-animation:fadeInRight .4s linear forwards;
animation:fadeInRight .4s linear forwards
}
.role_name {
	font-size:20px;
	color:#effeff;
	position:absolute;
	right:684px;
	top:51px;
	text-align:center;
	line-height:28px;
	display:table;
	text-shadow:0 0 10px #40aebd;
	background:url(mp_namebg-f959c2cb5c.png) no-repeat;
	width:41px;
	height:142px
}
.role_name span {
	display:block;
	padding:0 5px;
	display:table-cell;
	vertical-align:middle
}
.mp-bd .item.on .role_name, .mp-bd .item.on .role_txt {
-webkit-animation:fadeInRight2 .4s linear forwards;
animation:fadeInRight2 .4s linear forwards
}
.mp-bd .item, .mp-bd .item .in-box {
	width:100%;
	position:relative
}
.mp-bd .item .in-box {
	height:700px
}
.mp-con {
	position:absolute;
	left:100px;
	width:400px;
	top:40px;
	opacity:0
}
.mp-bd .item.on .mp-con {
-webkit-animation:fadeInLeft .43s linear forwards;
animation:fadeInLeft .43s linear forwards
}
.mp-con .desc {
	font-size:16px;
	color:#474745;
	line-height:26px
}
.mp-con .desc strong {
	font-size:24px;
	font-weight:700;
	height:54px;
	line-height:54px;
	color:#454f47
}
.mp-con .desc h4 {
	font-size:18px;
	font-weight:700;
	height:36px;
	line-height:36px
}
.mp-con .t {
	height:84px;
	line-height:84px;
	font-size:76px;
	color:#e0c14c;
	background-image:-webkit-linear-gradient(110deg, #f6d98b, #d6ad49);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.mp-con .map {
	margin-top:27px;
	width:320px;
	height:276px
}
.mp-con .view-a, .pet-con .view-a {
	width:118px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:16px;
	border-radius:30px;
	background:#e2be5c;
	text-indent:5px
}
.mp-con .view-a {
	margin-top:9px
}
.mp-con .view-a:hover, .pet-con .view-a:hover {
	background:#deca78
}
.mp-con .view-a i, .news-more i, .pet-con .view-a i, .view-more i {
	display:inline-block;
	margin-left:7px;
	margin-top:13px
}
.mp-hd {
	position:relative;
	z-index:2;
	width:100%;
	text-align:center
}
.mp-hd li {
	font-size:18px;
	color:#79cfcf;
	cursor:pointer;
	height:52px;
	line-height:52px;
	display:inline-block;
	position:relative;
	margin-right:37px
}
.mp-hd li span {
	display:block;
	font-size:0;
	float:left
}
.mp-hd li i {

	width:13px;
	height:16px;
	position:absolute;
	right:-13px;
	top:18px;
	font-size:0;
	display:none
}
.mp-hd li p, .mp-hd li.on i {
	display:block
}
.mp-hd li p {
	float:left;
	width:55px;
	text-align:center
}
.mp-hd li.on {
	color:#e2be5c
}
.mp-hd .gg span {
	background:url(gg-9ffd8eaba0.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .tc span {
	background:url(tc-9252ffa54e.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .fc span {
	background:url(fc-9b92b9c938.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .lg span {
	background:url(lg-dc3d882087.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .pt span {
	background:url(pt-93b876295d.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .ws span {
	background:url(ws-5c0b3160c8.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .tm span {
	background:url(tm-fcdcc7755a.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .df span {
	background:url(df-cb037bde19.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .gg.on span {
	background:url(gg_h-7e62f9ee8c.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .tc.on span {
	background:url(tc_h-914ac14d0a.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .fc.on span {
	background:url(fc_h-088391f4d0.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .lg.on span {
	background:url(lg_h-82480b191b.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .pt.on span {
	background:url(pt_h-32d852a67b.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .ws.on span {
	background:url(ws_h-5d01e5f259.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .tm.on span {
	background:url(tm_h-a621900eb3.png) no-repeat;
	width:52px;
	height:52px
}
.mp-hd .df.on span {
	background:url(df_h-d9ee98fd13.png) no-repeat;
	width:52px;
	height:52px
}
.tese {
	height:960px;
	background:url(index_section2-9cbd239179.jpg) top center no-repeat
}
.tese .wrap {
	overflow:hidden
}
.prog-wrap {
	margin-top:34px;
	height:622px;
	position:relative
}
.prog-part {
	width:1204px
}
.prog-part .swiper-slide {
	width:944px;
	height:542px;
	opacity:0
}
.prog-part .swiper-slide.ac {
	opacity:1
}
.prog-part .swiper-slide .prog_bimg {
	position:relative;
	width:944px;
	height:542px
}
.prog-part .swiper-slide img {
	width:918px;
	height:514px;
	display:block;
	margin:0 auto;
	padding-top:14px
}
.prog-part .prog_bimg_mask {
	display:block;
	width:944px;
	height:542px;
	position:absolute;
	left:0;
	top:0
}
.prog-part .prog_bimg_mask.white_bg {

}
.prog-part .prog_bimg_mask.black_bg {
	
}
.prog-swiper-next, .prog-swiper-prev {
	margin-top:-210px;
	outline:0;
	width:150px;
	height:420px
}
.prog-swiper-prev {
	left:0;
	background:url(tese_prev-65afbf2530.png) no-repeat center center
}
.prog-swiper-next {
	right:0;
	background:url(tese_next-ab78b5f4ad.png) no-repeat center center
}
.swiper-button-next:after, .swiper-button-prev:after {
	content:none
}
.prog-wrap .swiper-pagination-bullet {
	opacity:1;
	outline:0;
	background:url(tese_dot-d14027e468.png) no-repeat;
	width:25px;
	height:25px
}
.prog-wrap .swiper-pagination-bullet-active {
	outline:0;
	background:url(tese_doth-00df0303ff.png) no-repeat;
	width:25px;
	height:25px
}
.pagi_line {
	width:140px;
	height:1px;
	background-color:#7cdeea;
	position:absolute;
	top:594px
}
.pagi_linel {
	left:463px
}
.pagi_liner {
	right:463px
}
.pet {
	height:910px;
	background:url(index_pet-c8e0a58753.jpg) top center no-repeat
}
.pet-cont {
	position:relative;
	height:820px;
	top:-30px
}
.pet-cont .pet-paint {
	position:absolute;
	top:-72px;
	left:-274px
}
.pet-cont .pet-paint img {
	display:none
}
.pet-cont .pet-paint .active {
-webkit-animation:fadeInLeft2 .4s linear forwards;
animation:fadeInLeft2 .4s linear forwards
}
.pet-bd, .pet-tab {
	padding-right:20px
}
.pet-bd {
	float:right;
	width:632px
}
.pet-bd .view-more {
	float:right;
	margin-right:32px;
	margin-bottom:30px
}
.pet-tab {
	clear:both;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	max-height:480px;
	overflow-y:auto
}
.pet-tab::-webkit-scrollbar {
width:4px
}
.petindex_bottom-1bdcff911c-tab::-webkit-scrollbar-track {
background:#c3edf1;
width:2px
}
.pet-tab::-webkit-scrollbar-thumb {
background:#6cd0d0;
border-radius:2px
}
.pet-tab .pet-box {
	position:relative;
	display:block;
	background:url(pet_tab_pic-7273cef85d.png) no-repeat;
	width:122px;
	height:114px;
	margin:0 15px 46px
}
.pet-tab .pet-box .pet-name {
	position:absolute;
	top:98px;
	left:50%;
	margin-left:-54px;
	background:url(pet_tab_name-5e899586c5.png) no-repeat;
	width:108px;
	height:30px;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#fff
}
.pet-tab .pet-box .pet-cover {
	display:block;
	width:100px;
	height:100px;
	border-radius:50%;
	margin:7px auto 0
}
.pet-tab .pet-box .info, .pop-pet {
	display:none
}
.pet-tab .pet-box:hover .pet-name {
	background:url(pet_tab_name_h-d6fbc8cdec.png) no-repeat;
	width:108px;
	height:30px
}
.pop-pet {
	position:absolute;
	left:0;
	bottom:0;
	width:357px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:999
}
.pop-pet .arrow {
	position:absolute;
	top:45px;
	right:-20px;
	background:url(pet_tip_arrow-34b6a3dc76.png) no-repeat;
	width:22px;
	height:27px
}
.pop-pet .tip-box-t {
	background:url(pet_tip_t-c155b6e8de.png) top center no-repeat
}
.pop-pet .tip-box-b {
	background:url(pet_tip_b-215c78ba8e.png) top center no-repeat;
	height:24px
}
.pop-pet .info {
	padding:32px 32px 10px
}
.pop-pet .info h4 {
	margin:0 0 48px;
	font-size:36px;
	line-height:44px;
	color:#d6ad49
}
.pop-pet .info h4 span {
	color:#59c0c0
}
.pop-pet .info p {
	color:#474745;
	font-size:16px;
	line-height:26px;
	width:294px;
	text-align:justify
}
.visionSection {
	height:750px;
	background:url(bg/index_video-fbfc52aee2.jpg) top center no-repeat
}
.tougao-box, .vision-show {
	float:left;
	position:relative
}
.tougao-box {
	height:516px;
	background:url(bg/tougao-e674d8404a.jpg) no-repeat;
	margin-top:46px;
	width:294px;
	margin-left:66px
}
.tougao-box .rl {
	width:364px;
	height:507px;
	position:absolute;
	left:-58px;
	top:-42px;
	z-index:3;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.tougao-box:hover .rl {
	left:-53px
}
.tougao-box .tougao-btn {
	background:url(tougao_b-a5dffe4eee.png) no-repeat;
	width:294px;
	height:84px;
	position:absolute;
	z-index:4;
	bottom:0;
	left:0;
	display:block;
	color:#fff;
	font-size:26px;
	line-height:100px;
	text-align:center
}
.tougao-box .tougao-btn:hover {
	background:url(tougao_b_h-afb58b6191.png) no-repeat;
	width:294px;
	height:84px
}
.vision-show {
	width:930px;
	overflow:hidden;
	z-index:2;
	margin-left:18px
}
.view-more {
	width:118px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#68ced9;
	display:block;
	font-size:16px;
	border:1px solid #8bd7d8;
	border-radius:30px;
	text-indent:3px
}
.view-more:hover {
	color:#fff;
	background:#deca78;
	border:1px solid #deca78
}
.view-more:hover i {
	background:url(mp_more_dot-9b00e1e7dc.png) no-repeat;
	width:9px;
	height:12px
}
.vision-hd {
	position:absolute;
	left:-20px;
	top:65px;
	z-index:2;
	width:100%
}
.vision-hd li {
	padding:0 25px;
	height:20px;
	line-height:20px;
	cursor:pointer;
	border-left:1px solid #409aa4;
	font-size:20px;
	color:#409aa4;
	float:left
}
.vision-hd li:first-child {
	border:0
}
.vision-hd li.on {
	color:#dcb247
}
.vision-hd .view-more {
	position:absolute;
	right:-15px;
	top:-10px
}
.vision-bd {
	overflow:hidden;
	margin-top:115px!important
}
.vision-bd .item {
	overflow:hidden;
	height:528px;
	position:relative
}
.vision-bd li, .vision-bd ul {
	width:110%;
	overflow:hidden
}
.vision-bd li {
	float:left;
	position:relative;
	margin-right:18px;
	margin-bottom:18px;
	background:#000;
	width:296px;
	height:198px
}
.vision-bd li img {
	width:296px;
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
.vision-bd li:hover img {
	-webkit-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3)
}
.vision-bd li a, .vision-bd li p {
	width:100%;
	height:100%;
	position:absolute
}
.vision-bd li p {
	font-size:16px;
	color:#fff;
	line-height:34px;
	height:34px;
	overflow:hidden;
	text-align:center;
	bottom:0;
	left:0;
filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#D65ECFCD", endColorstr="#D65ECFCD");
	background-color:rgba(94, 207, 205, .84);
	z-index:2
}
:root .vision-bd li p, :root .vision-bd li span {
	-webkit-filter:none;
	filter:none
}
.vision-bd li a::before {
top:4px;
right:4px;
bottom:4px;
z-index:3;
left:4px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0
}
.vision-bd li a::after {
top:4px;
right:4px;
bottom:4px;
left:4px;
border-right:1px solid #fff;
z-index:3;
border-left:1px solid #fff;
-webkit-transform:scale(1, 0);
-ms-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:100% 0;
-ms-transform-origin:100% 0;
transform-origin:100% 0
}
.vision-bd li a::after, .vision-bd li a::before {
position:absolute;
content:'';
opacity:0;
-webkit-transition:opacity .4s, -webkit-transform .4s;
-o-transition:opacity .4s, -o-transform .4s;
-o-transition:opacity .4s, transform .4s;
transition:opacity .4s, transform .4s;
transition:opacity .4s, transform .4s, -webkit-transform .4s
}
.vision-bd li:hover a::after, .vision-bd li:hover a::before {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
#canvas0, .vision-bd li span {
	left:0;
	top:0;
	position:absolute
}
.vision-bd li span {
	height:100%;
	display:block;
filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#8C000000", endColorstr="#8C000000");
	background-color:rgba(0, 0, 0, .55);
	width:100%
}
.shipin-item li em {
	background:url(v_o-a60ff621dd.png) no-repeat;
	width:66px;
	height:66px;
	position:absolute;
	z-index:2;
	top:60px;
	left:50%;
	margin-left:-33px;
	display:block;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.shipin-item li:hover em {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.shipin-item li i {
	background:url(v_arrow-43f06fba30.png) no-repeat;
	width:18px;
	height:25px;
	position:absolute;
	z-index:3;
	top:80px;
	left:143px;
	display:block
}
#canvas0 {
	width:1900px;
	-webkit-animation:fadeIn 2s 1s both;
	animation:fadeIn 2s 1s both
}
.foot {
	height:822px;
	background:url(index_bottom-1bdcff911c.jpg) center bottom no-repeat;
	position:relative
}