@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#666; height:auto; box-sizing:border-box; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none; color:#000;}
i,em{ font-style:normal;}


html, body {position: relative;height: 100%;}
body { background: #fff; font-size: 14px; color:#000; margin: 0; padding: 0;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background: #fff;background-position: center;background-size: cover; background: #fff;}

.swiper-container-vertical>.swiper-pagination-bullets{ right: 50px; background: url(../images/page_bg.png) repeat-y top right;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ padding: 25px 32px 25px 0; margin: 0px;}
.swiper-pagination-bullet{ opacity: 1; width: auto; height: 20px; line-height: 20px; text-align: right;border-radius: 0px; background:none;position: relative; color: #231815; font-size: 0;}
.swiper-pagination-bullet::after{ content: ''; width: 25px; height: 20px; right: 0px; top:50%; margin-top: -10px; position: absolute; background: url(../images/ico.png) no-repeat; background-size: 25px 40px; background-position: 0 -20px;}
.swiper-pagination-white .swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover{ background: none; font-size: 14px;}
.swiper-pagination-white .swiper-pagination-bullet-active::after{ background-position: 0 0;}

.slick-arrow,
.more1,
.slick_page i,
.ireview_list .text,
.ireview_list .more2,
.menu-link span,
.swiper-container,
.zmenu,
#icon_mouse,
.zheader .logo,
.zheader:before{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}


.slick-arrow{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}


.slick-slide img{ width:100%; height:auto; display:block;}
.slick-dots{ position:absolute; left:50%; bottom:45px; transform: translateZ(0);}
.slick-dots li{ float:left; margin:0 4px;}
.slick-dots li button{ margin-top: 3px; display:block; border:none; padding:0px; width:32px; height:2px; text-indent:-99px; overflow:hidden; background:#ccd7e8; box-sizing:border-box;}
.slick-dots li.slick-active button{ margin-top: 0px; height: 5px;}

.slick-arrow{ position:absolute; top:50%; z-index:2; height:40px; margin-top:-20px; text-align:center; padding:0px; border:none; color:#ccc; background:none; font-size:0px; line-height: 0px; transform: translateZ(0);}
.slick-arrow:hover{ color:#77baaf;}
.slick-prev{ left:0px;}
.slick-prev:before{ content: "\e7b9"; }
.slick-next{ right:0px;}
.slick-next:before{ content: "\e7ba"; }

.wp{ width: 1440px; margin: 0 auto; position: relative;}

.section1{ background: url(../images/con1.jpg) no-repeat; background-size: cover;}
.section2{ background: url(../images/con2.jpg) no-repeat; background-size: cover;}

.zhuti{ padding-top: 10px;}
.zhuti .img1{ display: block; margin: 0 auto 81px auto; width: 69.58333333333333%;}
.zhuti .img2{ display: block; margin: 0 auto; width: 20.347222222222222%;}
.zhuti .img3{ display: none; margin: 0 auto; width: 84%;}

.swiper-container .slick-dots{ display: none!important;}
.swiper-container .slick-arrow{ display: none !important;}

.iactivity{}
.iactivity .slick_page{ bottom: 90px;}
.iactivity .pd{ display: block; position: relative; padding: 90px 0;}
.iactivity .img{ margin-left: 44.44444444444444%; position: relative; z-index: 2;}
.iactivity .img img{ width: 100%; height: auto; display: block;}
.iactivity .zs{ position: absolute;}
.iactivity .zs1{ width: 57px; height: 48px; left: -122px; top: -91px;}
.iactivity .zs2{ width: 94px; height: 41px; left: 242px; top: -64px;}
.iactivity .zs3{ width: 144px; height: 69px; right: 80px; top: -130px;}
.iactivity .zs4{ width: 244px; height: 183px; left: 160px; top: 100%; margin-top: -2px;}
.iactivity .text{ width: 55.55555555555556%; background: #d8e4f7; color: #000; box-sizing: border-box; padding:90px 17.36111111111111% 90px 6.944444444444445%; position: relative; position: absolute; top: 0px; bottom: 0px; left: 0px;}
.iactivity .zs5{ content: ''; background: url(../images/iactivity_zs1.png) no-repeat; width: 163px; height: 175px; position: absolute; left: -178px; top: -72px;}
.iactivity .text .em{ font-size: 14px; line-height: 1; margin-bottom: 55px;}
.iactivity .text .h3{ font-size: 36px; line-height: 1.2222; margin-bottom: 40px;}
.iactivity .text .p{ font-size: 18px; line-height:2; text-align: justify; height:144px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}
.iactivity .text .m{ position: absolute; left:12.5%; bottom: 90px; padding: 0 0 10px 10px;}

.more1{ width: 40px; height: 40px; background: #fff; position: relative; display: block; transform: rotate(45deg);}
.more1:before{ width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; line-height: 40px; text-align: center; font-size: 22px; transform: rotate(-45deg);}
.more1:hover{ background: #77baaf;}
.more1:hover:before{ color: #fff;}

.slick_page{ position: absolute; right: 22px; bottom: 0px; width: 54px; height: 178px; background: rgba(0,0,0,0.5); transform: translateZ(0);}
.slick_page .page_number{ font-size: 20px; height: 54px; line-height: 54px; width:100px; transform: rotate(90deg); color: #fff; display: block; position:absolute; right: -23px; top: 43px;}
.slick_page .page_number strong{ font-weight:normal;}
.slick_page i{ position:absolute; width: 32px; height: 32px; border: 1px solid #fff; box-sizing: border-box; text-align: center; line-height: 30px; font-size: 18px; border-radius: 50%; left: 50%; bottom: 40px; margin-left: -16px; color: #fff; cursor: pointer;}
.slick_page i svg{ position: absolute; left: -5px; top: -5px;}
.slick_page i:hover{ background: #77baaf; color: #fff; border-color: #77baaf;}

.section3{}
.section3::after,
.section3::before,
.section4::after,
.section4::before{content: ''; position: absolute; width: 50%;z-index: -1; top: 0px; bottom: 0px;}
.section3::before{  left: 0px; background: #ffdddc;}
.section3::after{ right: 0px; background: #77baaf;}
.section4::before{left: 0px; background: #ffd479;}
.section4::after{right: 0px; background: #ccd7e8;}

.iseason{ width: 50%; float: left; position: relative; box-sizing: border-box;}
.iseason .imgtext{ position: relative; padding-top: 126px;}
.iseason .img{ padding-left: 145px; position: relative;z-index: 2;}
.iseason .text{ position: absolute; left: 0px; top: 0px; color: #000000;}
.iseason .h3{ width: 76px; font-size: 76px; line-height:0.7; text-align:center; font-family:'宋体';}
.iseason .h3 span{ display:block; font-family:'微软雅黑';}
.iseason .em{ font-size: 26px; text-transform: uppercase; font-family:'DeVinne Txt BT'; width: 500px; position: absolute; left: 120px; top:5px;transform: rotate(90deg); transform-origin: left top; line-height: 1;}
.iseason .em span{ font-size: 18px; display: inline-block; transform: translateY(-3px);}

.iseason .p{font-size:14px;line-height: 1.7;height: 500px; transform-origin: left top; position: absolute;right: 0px;top: 190px;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl;}



.iseason_spring{ padding-right: 150px;}
.iseason_summer{ padding-left: 100px;}
.iseason_summer .img,
.iseason_autumn .img{}
.iseason_autumn{ padding-right: 114px;}
.iseason_winter{ padding-left: 114px; padding-right: 40px;}
.iseason_winter .p{}



.tit2{ color:#000; margin-bottom: 36px;}
.tit2 strong{ font-size: 66px; line-height: 1; font-family:'宋体'; display: block; margin-bottom: 10px;}
.tit2 em{display: block; color: #999; font-family:'DeVinne Txt BT'; text-transform: uppercase; font-size: 26px; padding-left: 182px; position: relative; line-height: 1;}
.tit2 em::before{ content:""; width: 160px; height: 1px; background: #999; position: absolute; top: 50%; left: 0px;}
.inews{ width:50%;float: left;}
.inews_list{ margin: 0 112px 0 100px; position:relative;}
.inews_list .img{ position: relative;}
.inews_list .img::before{ content: ''; width: 1px; height: 56px; background: #000; position: absolute; left: 30px; bottom: -25px;}
.inews_list .more1{ position: absolute; right: 20px; background: #444; color: #fff; bottom:234px;z-index:2;}
.inews_list .more1:hover{ background: #77baaf;}
.inews_list .pd{}
.inews_list .text{ padding:30px 0 100px 0; color: #000;}
.inews_list .em{ font-size: 18px; margin-bottom: 15px; line-height: 1;}
.inews_list .h3{ font-size:26px; margin-bottom: 15px; height: 32px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.inews_list .p{ font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.inews_list .slick-dots{display: block !important; left: 0px; margin: 0px !important; bottom: 0px;}
.inews_list .pd:hover .h3{ color: #76bbaf;}

.tit3{ color:#000; overflow: hidden; position: relative;}
.tit3 strong{ font-size: 66px; line-height: 1; font-family:'宋体'; display: block; float: left; padding-right:10px;}
.tit3 em{display: block; font-family:'DeVinne Txt BT'; text-transform: uppercase; float: right; padding-left:15px; font-size: 26px; margin-left: 20px; position: relative; line-height: 66px; color: #999;}
.tit3::before{ content:""; height: 1px; background: #999; position: absolute; top: 50%; left: 280px; right: 98px; z-index: -1;}

.ivideo{width: 50%;float: left; box-sizing: border-box; padding: 0 0 90px 112px;}
.ivideo video{ width: 100%; height: auto;}
.ivideo .tit3{ position: absolute; left:112px; right: 0px; bottom: 0px;}

.ispotlights{ position: relative;}
.ispotlights .tit2{ position: absolute; left: 0px; top: 60px;}
.ispotlights .li{position: absolute; width:30.277777777777776%;}
.ispotlights .li img{ width: 100%; height: auto; display: block;}
.ispotlights .li1{ left: 0px; bottom: 0px;}
.ispotlights .li2{ top: 80px; right: 0px;}
.ispotlights .li3{ bottom: 47px; right:9.027777777777778%; width:21.25%}
.ispotlights_list{ margin: 0 auto; padding-bottom: 250px; width:30.277777777777776%;}
.ispotlights_list .slick-arrow{ display: block !important;}
.ispotlights_list .slick-dots{ display: block !important; bottom: 20px;}
.ispotlights_list .slick-dots li{ margin: 0 3px;}
.ispotlights_list .slick-dots li button{ width:6px; height:6px; margin: 0px; border-radius: 50%; background: #ffffff;}
.ispotlights_list .slick-dots li.slick-active button{ background: #77baaf;}
.ispotlights_list .pd{ position: relative; display:block;}
.ispotlights_list .pd::before{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; background: url(../images/ispotlights_list_line.png) repeat-x bottom center;}
.ispotlights_list .h3{ position: absolute; color: #fff; font-family:'宋体'; left: 20px; right: 20px; bottom:40px; font-size: 28px; line-height: 1.43;}

.tit4{ color:#000; text-align: center; margin-bottom: 30px;}
.tit4 strong{display: block; font-size: 66px; line-height: 1; font-family:'宋体'; margin-bottom: 10px;}
.tit4 em{color: #999; display: block; font-family:'DeVinne Txt BT'; text-transform: uppercase; font-size: 26px; line-height: 1;}

.ireview{ padding-bottom: 60px;}
.ireview_list{ position:relative;}
.ireview_list .more1{ position:absolute; z-index:2; right: 14px; top: 0px; background: #444; color:#fff;}
.ireview_list .more1:hover{ background: #77baaf;}


.ireview_list .single-item{ margin: 0 -20px;}
.ireview_list .pd{ display: block; margin: 0 20px; padding-top: 100px; position:relative;}
.ireview_list .text{ position: absolute; left: 0%; right: 0%; top: 0px; color: #000; box-sizing: border-box;}
.ireview_list .em{ font-size: 18px; line-height: 1; margin-bottom:5px; position: relative;}
.ireview_list .em strong{ margin-bottom: 4px; display: block;}
.ireview_list .em em{ display: block;}
.ireview_list .h3{ font-size: 24px; height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.ireview_list .pd:hover .em i{ opacity: 1;}
.ireview_list .pd:hover .h3{ color: #76bbaf;}

.footer{ text-align: center; padding: 30px 0;}
.swiper-container .footer{ position: absolute; left: 0px; bottom: 0px; right: 0px;}

/*svg动画*/
.circle_bar {stroke-dasharray: 100%;stroke-dashoffset: 100%;animation:donut 4350ms linear infinite;}
@keyframes donut {from {stroke-dashoffset: 100%;}to{stroke-dashoffset: 10%;}}

/*页面动画*/
.iactivity .zs1,
.iactivity .zs2,
.iactivity .zs3,
.iactivity .zs4,
.iactivity .zs5,
.iactivity .img,
.iactivity .slick_page,
.iactivity .text,
.iseason,
.inews,
.ivideo,
.ispotlights .li,
.ispotlights_list{transition:transform 1s ease-in-out,opacity 1s ease-in-out; opacity: 0;}

.iactivity .zs1,
.iactivity .zs2,
.iactivity .zs3,
.iactivity .zs4,
.iactivity .zs5{transition:transform 1s ease-in-out,opacity 1s ease-in-out; transition-delay:0.8s;}

.dh_t,
.iactivity .zs1{ transform: translate(50px,50px) rotate(-60deg);}
.dh_l,
.iactivity .zs2,
.iactivity .zs3{ transform: translate(-50px,50px) rotate(-60deg);}
.dh_r{ transform: translate(50px,50px);}
.dh_b,
.iactivity .zs4{ transform: translate(-100px,-100px) rotate(-30deg);}

.zhuti img{transition:all 1.2s ease-in-out; opacity: 0; transform: translate(0px,0px) scale(1.5);}
.zhuti.curr img{ opacity: 1; transform: translate(0,0) rotate(0) scale(1); transition-delay:0s;}

.iactivity .zs5{ transform: translate(50px,50px) rotate(-180deg);}

.iactivity .img,
.iactivity .slick_page,
.iseason_summer,
.iseason_winter,
.ivideo{ transform: translate(0px,300px);}
.iactivity .text,
.iseason_spring,
.iseason_autumn,
.inews{ transform: translate(0px,-300px);}

.ispotlights .li,
.ispotlights_list{transform: scale(0.5);}

.swiper-slide-active .iactivity .zs1,
.swiper-slide-active .iactivity .zs2,
.swiper-slide-active .iactivity .zs3,
.swiper-slide-active .iactivity .zs4,
.swiper-slide-active .iactivity .zs5,
.swiper-slide-active .iactivity .img,
.swiper-slide-active .iactivity .slick_page,
.swiper-slide-active .iactivity .text,
.swiper-slide-active .iseason,
.swiper-slide-active .inews,
.swiper-slide-active .ivideo,
.swiper-slide-active .ispotlights .li,
.swiper-slide-active .ispotlights_list{ opacity: 1; transform: translate(0,0) rotate(0) scale(1);}

/* mouse icon */
#icon_mouse{width: 25px;height: 75px;position: fixed; z-index: 2; left: 50%;margin-left: -13px;margin-top: 0;opacity: 0.6; bottom: 10px;}
#icon_mouse img{ width: 100%; height: auto;}
#icon_mouse .edge{width: 24px;height: 34px;border: 2px solid #000;border-radius: 12px;position: relative;}
#icon_mouse .dot{height: 4px;width: 4px;border-radius: 2px;background: #000;position: absolute;left: 50%;margin-left: -2px;top: 6px;opacity: 1;}
#icon_mouse .dot{animation:sprite 1.5s infinite alternate;}
@keyframes sprite {	0% { top: 6px; opacity: 1;}	100% { top: 18px; opacity: 0; }}

/*fancybox*/
.fancybox-title-float-wrap{bottom: 14px; left: 14px; right: 14px; margin: 0px; text-align: left;}
.fancybox-title-float-wrap .child{ padding: 0px; background: none; margin: 0px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-family: '宋体'; font-size: 18px; line-height: 30px; height: 30px; text-align: center; text-shadow: none; white-space:inherit; font-weight: normal;}
.fancybox-inner::before{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; background: url(../images/ispotlights_list_line.png) repeat-x bottom center;}



.works_bg{ background:rgba(0,0,0,0.7); position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; display:none; z-index:20;}
.works_box{ position:fixed; left:50%; top:50%; margin:-337px 0 0 -500px; background:#fff; width:1000px; display:none; z-index:21;}
.works_box .img{ width:50%; float:left;}
.works_box .img img{ width:100%; height:auto; display:block;}
.works_box .text{ margin-left:50%; text-align:justify; overflow-y:auto; padding:50px; color: #000;}
.works_box .h3{ position:relative; line-height:1; margin-bottom:30px; padding-top:30px; font-size:38px;}
.works_box .p{ font-size:14px; line-height:1.7; margin-bottom: 20px;}
.works_box .em{ font-size: 13px; line-height: 1.5;}
.tck_close{width:40px; height:40px; font-size:22px; line-height:40px; text-align:center; position:absolute; right:10px; top:10px; cursor:pointer; z-index:2;}
.activity_bg{ opacity: 0.5; background:no-repeat top center; background-size: 100% 100%; position: absolute; left: 50%; top: 0px; right: 0px; bottom: 0px; z-index: -1;}


.znews{ background: #f0f3f8;}
.znews .wp{ background: #fff; }
.znews_head{ border-bottom: 1px solid #ccc; height: 58px; line-height: 58px; padding: 0 125px; margin-bottom: 80px; position: relative; z-index: 2;}
.znews_head a{}
.znews_head span{ font-size: 16px; float: left;}
.znews_head i{ font-size: 30px; float: left; margin-right: 10px;}
.znews_head a:hover{ color: #77baaf;}
.znews_con{ padding: 0 125px; position: relative; z-index: 2;}
.znews_fl{ float: left; width:34%;}
.tit5{ font-size: 26px; line-height: 1; margin-bottom: 30px; padding-left: 30px; position: relative;}
.tit5::before{content:''; display: block;background: #170907; width: 16px; height: 16px; transform: rotate(45deg); position: absolute; left: 0px; top: 50%; margin-top: -8px;}
.tit5 strong{ font-family:'宋体'; margin-right: 10px;}
.tit5 em{ text-transform: uppercase; font-family:'DeVinne Txt BT'; color: #999;}
.znews_list{}
.znews_list li{ margin-bottom: 30px;}
.znews_list .pd{ display: block;}
.znews_list .img{}
.znews_list .text{ padding: 15px 20px;}
.znews_list .em{ font-size: 18px; line-height: 1; margin-bottom: 8px;}
.znews_list .p{ font-size: 16px; height: 20px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.znews_list .pd:hover .p{color: #77baaf;}

.znews_fr{ float: right; width: 60%;}
.znews_tit{ font-size: 28px; line-height:1.5; padding-bottom: 25px; border-bottom: 1px solid #ccc; color: #231815; text-align: center;}
.znews_em{ text-align: center; font-size: 16px; height: 20px; line-height: 20px; padding: 10px 0; margin-bottom: 30px; text-transform: uppercase; color: #666666;}
.znews_info{ font-size: 16px; line-height: 2; color: #666666;}
.znews_info img{ max-width: 100%; height: auto !important;}

.znews_pg{ padding: 40px 0; text-align: center;}
.znews_pg .pd{ display: inline-block;}
.znews_pg a{ width: 180px; height: 50px; line-height: 50px; text-align: center; display:block; float: left; margin: 0 10px; background-color: #77baaf;}
.znews_pg i{font-size: 16px;}
.znews_pg span{ font-size:16px; color: #170907;}
.znews_pg a.a2{ background: #ccd7e8;}
.znews_pg a.a1 i{ margin-right: 15px;}
.znews_pg a.a2 i{ margin-left: 15px;}

.znews .footer{ border-top:1px solid #ccc;}

.mj_fl{position: absolute; right: 100%; margin-right: -174px; top: 694px; z-index:0;}
.mj_fr{position: absolute; left: 100%; margin-left: -96px; top: 0px; z-index: 0;}

.section6.section_pc{ background: url(../images/section6_bg.jpg) no-repeat bottom center #fff; background-size: 100% auto;}

header{ background:rgba(255,255,255,0.6); height: 88px; display: none;}
.body_swiper0 header{ display: block;}

header.b{ background:rgba(255,255,255,1);}
header .log{ margin-top: -15px;}
header .search{ display: none;}
header .main{ padding:0 8% 0 0;}
header .search{ display: none;}
header nav li a.tit{ height:90px;line-height:90px;position: relative;color: #231f20;}
header nav li a.tit:hover::before, header nav li a.tit.cur::before{width: 60%;top: 70px;}
header.b nav a.tit:hover{ color: #76bbaf;}
header nav li:last-child a.tit::after,
header nav li:last-child a.tit::before{ transform: translateX(12px)}
.head-bot{ top:89px;}

.loader,
.body-bg{ display: none;}

.iseason_spring .slick_page i:hover{ border-color: #ffdddc;background: #ffdddc;}
.iseason_summer .slick_page i:hover{ border-color: #77baaf;background: #77baaf;}
.iseason_autumn .slick_page i:hover{ border-color: #ffd479;background: #ffd479;}
.iseason_winter .slick_page i:hover{ border-color: #ccd7e8;background: #ccd7e8;}

.iseason_spring .slick_page circle{ stroke:#ffdddc !important;}
.iseason_summer .slick_page circle{ stroke:#77baaf !important;}
.iseason_autumn .slick_page circle{ stroke:#ffd479 !important;}
.iseason_winter .slick_page circle{ stroke:#ccd7e8 !important;}

.body_swiper6 #icon_mouse{ display: none;}


.back_top{ position:fixed; right: 20px; bottom: 50px; z-index: 9999;}
.back_top i{  background: #77baaf;  color: #fff; font-size: 24px; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; display: block; text-align: center;}

.section7 .ivideo{ display:none;}


.zheader{ position:fixed; left:0px; top:0px; z-index:9; right:0px; height:40px; display:none;}
.zheader:before{ content:''; left:0px; top:0px; right:0px; background:#fff; height:40px; position:absolute; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.zheader .logo{ position:absolute; left:20px; width:90px; height:16px; position:absolute; top:50%; margin-top:-8px;}
.zheader .logo img{ width:100%; height:auto; display:block;}
.menu-link{ right:20px;}

.zmenu{ position:fixed; left:115%; top:40px; width:300px; opacity:0;}
.zmenu a{ display:block; padding:0 20px; height:44px; line-height:44px; color:#231815; font-size:16px; overflow:hidden;}
.zmenu a span{ float:left;}
.zmenu a i{ float:right; font-size:14px; display:none;}
.zmenu li.curr a{ color:#78c3a6;}

.menu-link{ position:fixed; right:0px; top:0px; display:none;}
.menu-link span{ width:40px; height:40px; display:block;}
.menu-link span:before,
.menu-link span:after{content:''; width:20px; height:2px; background:#000; display:block; position:absolute; left:50%; top:50%; margin:-2px 0 0 -10px;}
.menu-link span:before{transform: rotate(-90deg);}
.menu-link span:after{transform: rotate(180deg);}
.menu-link.active span{transform: rotate(135deg);}
.menu-link.active span:before,
.menu-link.active span:after{ background:#331f21;}

.swiper-container{transform: scale(1) translateX(0%);}

.menu_body .zheader{ background:none;}
.menu_body .logo,
.menu_body .zheader:before{ transform: translateY(-40px);}
.menu_body .swiper-container{transform: scale(0.9) translateX(-80%);}
.menu_body #icon_mouse{ opacity:0;}
.menu_body .zmenu{ left:25%; opacity:1;}



@media screen and (max-width:1680px){
.wp{ width: 1200px;}

.iactivity .pd{ padding: 60px 0;}
.iactivity .img{}
.iactivity .text{ padding: 60px 15% 60px 5%;}
.iactivity .text .h3{ font-size: 28px; margin-bottom: 20px;}
.iactivity .text .p{ font-size:16px; height: 128px;}
.iactivity .text .m{ left: 10%; bottom: 60px;}
.iactivity .slick_page{ bottom:60px;}

.iseason .imgtext{ padding-top: 66px;}

.iseason .img{ padding-left: 128px;}
.iseason .h3{ width:56px; font-size: 56px;}
.iseason .em{ left: 90px; font-size: 16px;}
.iseason .em span{ font-size: 12px;}
.iseason .p{ right: -37px; height: 350px; top:175px; line-height: 1.3333;}

.iseason_spring{ padding-right: 120px;}
.iseason_summer{ padding-left: 60px;}
.iseason_autumn{ padding-right: 80px;}
.iseason_winter{ padding-left: 80px;}

.iseason_winter .p{ top: 205px; height: 320px;}

.slick_page{ height: 138px;}
.slick_page .page_number{ font-size: 16px; width: 70px; right: -8px; top: 23px;}
.slick_page i{ bottom: 15px;}

.ispotlights_list{ padding-bottom: 100px; width: 30%;}
.ispotlights_list .h3{ font-size: 18px; bottom: 55px;}
.ispotlights .li{ width: 30%;}
.ispotlights .li2{ top:20px;}
.ispotlights .li3{ right: 9%; width: 21%; bottom: 0px;}

.ivideo{ padding-left: 80px;}
.ivideo .tit3{ left:80px;}
.inews_list{ margin: 0 80px 0 100px;}
.inews_list .text{ padding-bottom: 50px;}

.tit2 strong{ font-size:48px;}
.tit2 em::before{ width: 90px;}
.tit2 em{ font-size: 18px; padding-left: 105px;}

.tit3 strong{ font-size: 48px;}
.tit3 em{ font-size: 18px; line-height: 48px;}

.tit4 strong{ font-size: 48px;}
.tit4 em{ font-size: 18px;}


.znews_head{ padding: 0 8%;}
.znews_con{ padding: 0 8%;}

.tit5{ font-size:24px; padding-left:20px;}
.tit5 em{ font-size: 18px;}
.tit5::before{ width: 12px; height: 12px; margin-top: -6px;}

.znews_tit{ font-size: 24px; padding-bottom: 15px;}

.znews .wp{ width: 80%;}

.tit3::before{ left: 205px; right: 72px;}

.inews_list .more1{ bottom:184px;}
}

@media screen and (max-width:1600px){
.wp{ width: 1100px;}
.swiper-container-vertical>.swiper-pagination-bullets{ right: 30px;}

.inews_list .em{ font-size: 14px; margin-bottom: 5px;}
.inews_list .h3{ font-size: 18px; height: 24px; line-height: 24px; margin-bottom: 5px;}

.inews_list .text{ padding: 20px 0 30px 0;}
.inews_list .img::before{ display: none;}

.iactivity .text{ width: 54%; padding: 60px 12% 60px 5%;}
.iactivity .img{ margin-left: 46%;}

.inews_list .more1{ bottom:122px;}
}
@media screen and (max-width:1366px){
.wp{ width: 1000px;}
.iseason_spring{ padding-right: 80px;}
.iseason .p{ height: 300px;}
.iseason_winter .p{ height:270px;}

.ireview_list .pd{ padding-top: 80px;}
.ireview_list .em{ font-size: 14px;}
.ireview_list .h3{ font-size:18px; height: 24px; line-height: 24px;}
}


@media screen and (max-width:1024px){
.wp{ width: auto; margin: 0 60px;}
.iactivity .text .em{ margin-bottom: 20px;}
.swiper-container-vertical>.swiper-pagination-bullets{ background-position: 10px top; right: 20px;}
.swiper-pagination-white .swiper-pagination-bullet-active,
.swiper-pagination-bullet:hover{ font-size: 0px;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ padding: 10px 20px 10px 0;}
.swiper-pagination-bullet::after{background-size: 20px 32px; background-position: 0 -16px; width: 20px; height: 16px;}

.iactivity .text .h3{ font-size: 18px; margin-bottom: 10px;}
.iactivity .text .p{}


.slick_page{ height: 90px; width: 32px;}
.slick_page .page_number{ height: 30px; line-height: 30px; font-size: 12px; width: 52px; top: 21px; right: -10px;}
.slick_page i{ width: 24px; height: 24px; line-height: 24px; font-size: 14px; margin-left: -12px; bottom: 6px;}
.slick_page i svg{ display: none;}



.iseason .h3{ font-size: 38px; width: 38px;}
.iseason .em{ font-size: 12px; left: 60px;}
.iseason .em span{ font-size: 8px; }
.iseason .p{ font-size: 10px; height: 230px; right: -22px; top: 130px;}
.iseason_winter .p{ top: 154px;}

.iseason .imgtext{ padding-top: 44px;}
.iseason .img{ padding-left: 80px;}

.ivideo{ padding-left: 60px;}
.ivideo .tit3{ left: 60px;}
.inews_list{ margin: 0 60px 0 80px;}

.more1{ width: 32px; height: 32px; font-size: 16px;}
.more1:before{ width: 32px; height: 32px; line-height: 32px; font-size: 16px; margin: -16px 0 0 -16px;}


.ispotlights_list .h3{ font-size: 14px; left: 15px; bottom: 35px; right: 15px; text-align: center;}

.znews_head{ margin-bottom: 40px; padding: 0 40px;}
.znews_con{ padding: 0 40px;}
.znews_tit{ font-size: 18px;}
.znews_info{ font-size: 14px;}
.tit5{ font-size: 18px; padding-left: 14px; margin-bottom: 15px;}
.tit5 em{ font-size: 14px;}
.tit5::before{ width: 8px; height: 8px; margin-top: -4px; left: 0px;}
.znews_list li{ margin-bottom: 15px;}
.znews_list .text{ padding:15px 0; }
.znews_list .em{ font-size: 14px; margin-bottom: 5px;}
.znews_list .p{ font-size: 14px;}
.znews_em{ margin-bottom: 15px; font-size: 12px;}

.znews_pg a{ height: 40px; line-height: 40px; width: 160px;}
.znews_pg span{ font-size: 14px;}

.inews_list .more1{ bottom:126px;}
}
@media screen and (max-width:980px){


.iactivity .pd{ padding: 40px 0;}
.iactivity .text{ padding: 40px 12% 40px 5%;}
.iactivity .text .h3{ font-size: 16px;}
.iactivity .text .p{ font-size:14px; line-height:24px; height:96px;}

.section3{}
.section3::after,
.section3::before,
.section4::after,
.section4::before{width: 100%;}

.section3_1::after{ display: none;}
.section3_2::before{ display: none;}
.section4_1::after{ display: none;}
.section4_2::before{ display: none;}

.iseason{ width:auto; float: none; padding: 0 80px !important;}
.iseason .img{ padding-left: 128px;}
.iseason .h3{ width:56px; font-size: 56px;}
.iseason .em{ left: 90px; font-size: 16px;}
.iseason .em span{ font-size: 12px;}
.iseason .p{ right: -37px; height: 340px; top:175px; line-height: 1.3333; font-size: 14px;}
.iseason_winter .p{ top:205px;}

.zhuti .img1{ width: 80%;}
.zhuti .img2{ width: 140px;}


.ispotlights_list{ width: 40%; padding-bottom: 0px;}
.ispotlights .tit2{ position: static;}
.ispotlights .li{ width: 25%;}
.ispotlights .li3{ right: 6%; width: 19%;}


.inews{ width: auto; float: none; padding: 0 50px;}
.inews_list{ margin:0px;}

.ivideo{ width: auto; float: none; padding: 0 50px;}
.ivideo .tit3{ position: relative; left: auto; bottom: auto; margin-bottom: 30px;}

.ireview{ padding: 0 50px;}

.works_box{ width:auto; height:auto; margin:0px; left:0px; top:0px; right:0px;}
.works_box .p{ margin-bottom:15px;}


.znews_fl{ float: none; width: auto;}
.znews_fr{ float: none; width: auto;}
.mj_fl{ display: none;}
.mj_fr{ display: none;}


}
@media screen and (max-width:640px){
.iactivity .pd{ padding: 0px;}
.iactivity .img{ margin: 0px;}
.iactivity .slick_page{ top: 0px; bottom: auto;}
.iactivity .text{ position: static; width:auto; padding: 20px;}

.iseason{ padding: 0px !important;}
.iseason .img{ padding-left: 70px;}
.iseason .h3{ font-size: 38px; width: 38px;}
.iseason .em{ font-size: 12px; left: 60px;}
.iseason .em span{ font-size: 8px; }
.iseason .p{ font-size: 10px; height: 230px; right: -22px; top: 130px;}
.iseason_winter .p{ top: 154px;}

.tit2{ margin-bottom: 20px; text-align: center;}
.tit2 strong{ font-size: 24px;}
.tit2 em{ padding-left: 0px; font-size: 12px;}
.tit2 em::before{ display: none;}
.ispotlights_list{ width: auto;}
.ispotlights .li{ display: none;}

.inews{ padding: 0px;}

.ivideo{ padding: 0px;}
.ivideo .tit3{ margin-bottom: 20px;}

.tit3{text-align: center;}
.tit3 strong{ font-size: 24px;}
.tit3 em{ font-size: 12px; line-height: 24px;}

.ireview{ padding: 0px;}
.ireview_list .single-item{ margin: 0px;}
.ireview_list .pd{ margin: 0px;}

.tit4 strong{ font-size: 24px;}
.tit4 em{ font-size: 12px; }

.ireview_list .pd{ padding-top: 60px;}
.ireview_list .em{ font-size: 12px;}
.ireview_list .h3{ font-size: 16px; height: 20px; line-height: 20px;}

.footer{ font-size: 12px; padding: 20px;}

.wp{ margin: 0 40px;}

.swiper-container-vertical>.swiper-pagination-bullets{ right: 12px; background-position: 8px top;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ padding: 3px 16px 3px 0;}
.swiper-pagination-bullet::after{background-size: 16px 26px; background-position: 0 -13px; width: 16px; height: 13px;}



.iactivity .text .em{ margin-bottom: 10px}
.iactivity .text .h3{ font-size: 14px;}
.iactivity .text .p{ font-size: 12px; line-height: 20px; height: 120px; -webkit-line-clamp: 6;}

.works_box{ position:absolute;}
.works_box .img{ width:auto; float:none; height:auto;}
.works_box .text{ margin-left:0px; padding:30px; height:auto;}

.activity_bg{ left: 0px;}

.works_box .h3{ font-size: 24px; padding-top: 20px; margin-bottom: 20px;}

.znews .wp{ width: auto; margin: 0px;}
.znews_head{ padding: 0 30px;}
.znews_con{ padding: 0 30px;}
.znews_pg a{ width: 140px;}
.znews_pg a.a1 i{ margin-right: 10px;}
.znews_pg a.a2 i{ margin-left: 10px;}
.znews_head span{ font-size: 14px;}
.znews_head i{ font-size: 24px; margin-right: 7px;}
.znews_head{ margin-bottom: 30px;}
.znews_em{ padding: 5px 0;}
.znews_pg{ padding:30px 0;}

.zhuti .img1{ width: 100%;}
.zhuti .img2{ width: 100px;}

.ireview{ padding-bottom: 60px;}

}
@media screen and (max-width:480px){
.swiper-container-vertical>.swiper-pagination-bullets{ display:none;}

.section2{ background:#faebd3 !important;}
.section2:before{ content:''; background:url(../images/section2z.png) no-repeat; background-size:100% 100%; width:49px; height:136px; position:absolute; left:0px; top:0px; z-index:-1;}
.section2:after{content:''; background:url(../images/section2y.png) no-repeat; background-size:100% 100%; width:119px; height:402px; position:absolute; right:0px; bottom:0px; z-index:-1;}
.wp{ margin:0 32px;}
.iactivity .img{ padding-top:170px;}
.iactivity .text{ position:absolute; background:none; padding:0px; z-index:2;}
.iactivity .text .em{ margin-bottom:5px;}
.iactivity .text .h3{ font-size:20px; margin-bottom:10px; line-height:24px;}
.iactivity .text .p{ font-size:12px; line-height:20px; height:80px;-webkit-line-clamp:4;}
.iactivity .slick_page{ position:absolute; left:15px; bottom:-17px; top:auto;}


.section3::before{ background:url(../images/section3_1.jpg) no-repeat #ffdddc center center; background-size:cover;}
.iseason .slick_page{ background:none;}
.iseason .slick_page .page_number{ color:#666666;}
.iseason .slick_page i{ border-color:#666; color:#666;}
.iseason .p{ font-size:7px; right:0px; top:92px; height:300px; line-height:1.76;}
.slick_page i svg{ display:block;}
.slick_page i circle{ r:12; cy:16; cx:16; stroke-width:2px;}

.section3::after{ background:url(../images/section3_2.jpg) no-repeat #77baaf center center; background-size:cover;}
.iseason_summer{}
.iseason_summer .img{ padding-left:0px; padding-right:70px;}
.iseason_summer .text{ right:0px; left:auto;}
.iseason_summer .em{ left:0px;}
.iseason_summer .slick_page{ left:10px; right:auto;}

.section4::before{ background:url(../images/section4_1.jpg) no-repeat #ffd268 center center; background-size:cover;}

.section4::after{ background:url(../images/section4_2.jpg) no-repeat #e1e9f3 center center; background-size:cover;}

.iseason_winter{}
.iseason_winter .img{ padding-left:0px; padding-right:70px;}
.iseason_winter .text{ right:0px; left:auto;}
.iseason_winter .em{ left:0px;}
.iseason_winter .slick_page{ left:10px; right:auto;}


.tit2 strong{ font-size:18px;}
.tit2 em{ font-size:13px;}
.ispotlights{ padding:0 23px;}
.ispotlights_list .h3{ font-size:11px; line-height:15px; height:30px;}

.tit2 strong,
.tit3 strong,
.tit4 strong{ font-size:28px; margin-bottom:7px;}
.tit2 em,
.tit3 em,
.tit4 em{ font-size:13px; line-height:1;}

.tit3 strong{ display:block; float:none; padding-right:0px;}
.tit3::before{ display:none;}
.tit3 em{ display:block; float:none; padding-left:0px; margin-left:0px;}

.body_swiper6 #icon_mouse{ display:block;}
.body_swiper8 #icon_mouse{ display:none;}


.section6_1{background:url(../images/section6_1.jpg) no-repeat #fff center center; background-size:cover;}
.inews{ padding:0 28px;}
.inews_list .em{ font-size:9px;}
.inews_list .h3{ font-size:14px;}
.inews_list .p{ font-size:7px; line-height:12px; height:24px;}
.inews_list .slick-dots{ left:50%;}
.slick-dots li.slick-active button{ background:#77baaf;}


.section7 .ivideo{ display:block; margin-bottom:30px;}
.section7 .tit3{ margin-bottom:15px;}
.tit4{ margin-bottom:15px;}

.ireview{ padding-bottom:40px;}
.ireview_list .text{ bottom:0px; color:#fff; left:15px; right:15px; bottom:10px; top:auto;}
.ireview_list .pd{ padding:0px;}
.ireview_list .h3{ font-size:14px;}

.swiper-container .footer{}


.section7{ overflow:hidden;}
.ireview{transform: translate(-300px,0); transition: transform 1s ease-in-out,opacity 1s ease-in-out;opacity: 0; margin:0 28px;}
.ivideo{transform: translate(300px,0); margin:0 28px;}
.swiper-slide-active .ireview{ opacity: 1;transform: translate(0,0) rotate(0) scale(1);}

.ireview_list .img{ position:relative;}
.ireview_list .img::before{ content: ''; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; background: url(../images/ispotlights_list_line.png) repeat-x bottom center;}
.ispotlights_list .pd::before,
.fancybox-inner::before,
.ireview_list .img::before{ background-size:100% 80px;}


.ivideo video{ display:none;}
.body_swiper8 .ivideo video{ display:block;}


.menu-link{ display:block;}
.inews{ padding:0 15px;}
.ispotlights{ padding-bottom:30px;}
.znews_info img{}
.section5{background:url(../images/section5.jpg) no-repeat #fff center center; background-size:cover;}
.section7{background:url(../images/section7.jpg) no-repeat #fff center center; background-size:cover;}

.zheader{ display:block;}


.menu_body{background:url(../images/menu_body.jpg) no-repeat #fff center center; background-size:cover;}


.zhuti .img1{ display: none;}
.zhuti .img2{ display: none;}
.zhuti .img3{ display: block;}

.inews_list .more1{ bottom:101px;}

.ireview_list .more1{ right:20px; top:-16px;}
}
@media screen and (max-width:375px){
.znews_pg a{ width: 132px;}
.znews_head{ margin-bottom: 20px;}
.znews_con{ padding: 0 20px;}
.znews_con{ padding: 0 20px;}
}