@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; }
*,:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin:0; padding:0;  font:12px Arial,"HarmonyOSR"; font-family:"HarmonyOSR";  color:#333; background:#fff; position: relative;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer; }
a:hover{text-decoration:none; color: #169F96;}
input,textarea,select,button{font-family:Arial,"HarmonyOSR";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -moz-user-select: -moz-none;
	  -khtml-user-select: none;
	  -webkit-user-select: none;
	  -o-user-select: none;
	  user-select: none;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.scrollbar::-webkit-scrollbar{ width:8px; background:#dbe7ff; border-radius: 4px; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#169F96; border-radius: 4px; }
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}


@font-face {font-family:'HarmonyOSB'; src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');} 
@font-face {font-family:'HarmonyOSM'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');} 
@font-face {font-family:'HarmonyOSR'; src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');} 
@font-face {font-family:'HelveticaB'; src: url('../fonts/Helvetica-Neue-Condensed-Black-2.ttf');} 
@font-face {font-family:'DINC'; src: url('../fonts/DIN-Condensed-Bold-2.ttf');} 
.wrap{width: 75%;margin:  auto;min-width: 1200px; position: relative;}
.c1440{ width: 1440px; margin: auto; position: relative; }
.c1200{ width: 1200px; margin: auto; position: relative; }

@media (max-width: 1560px){
    .c1440{ width: 1200px;}
    .wrap{ width: 1200px;}
}



/* header*/
.header{width: 100%; min-width: 1200px;  padding:20px 0; position: fixed;top: 0;left: 0;z-index: 9999;transition: all 0.6s ease; box-sizing: border-box; background-color: rgba(255,255,255,1);  box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.header .wrap{align-items: center;}
/* .header .info{ width: 900px;} */
/* headerNav*/
.header .headerNav{ width: 100%;  position: relative; z-index: 2;margin: 0 0 0 0;}
.headerNav .nLi{display: inline-block; vertical-align: middle; position: relative; margin:0 15px;}

.headerNav .nLi .le{font-weight: normal; height: 60px;}
.headerNav .nLi .le a{display: block;line-height: 30px; padding: 15px 0; font-size: 16px;color: #333;transition: all 0.6s ease; box-sizing: border-box;text-transform: capitalize; font-family:'HarmonyOSM';}
.headerNav .nLi:hover h3 a,.headerNav .nLi.on h3 a{ color: #169F96;}
.headerNav .nLi .sub{display: none;position: absolute;top:50px; left: 50%;  transform: translateX(-50%);  z-index: 3;  box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-sizing: border-box;}
.headerNav .nLi .sub ul{ position: relative; width: 100%; border-radius: 5px; overflow: hidden; background-color: rgba(255, 255, 255, 1);}
.headerNav .nLi .sub li{border-bottom: 1px solid #eee; box-sizing: border-box;}
.headerNav .nLi .sub li:last-child{border-bottom: 0;}
.headerNav .nLi .sub li a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: capitalize;}
.headerNav .nLi .sub li a:hover,.headerNav .nLi .sub li.on a{color: #fff;background-color:#169F96;}
.headerNav .nLi .sub.sub1{ width: 170px; }
.headerNav .nLi .sub.sub2{ width: 200px; }
.header .language{line-height: 30px; font-size: 16px; color: #999;}
.header .language a{display: inline-block; color: #999;}
.header .language span{ display: inline-block; margin: 0 5px;}
.header .language a.on{ color: #333; font-weight: bold;}
.header .login{display: inline-block;border-radius: 20px; padding: 5px 30px;  line-height: 30px; background-color: #3FAA8D;  font-size: 16px; color: #fff;}
.header .imgLogo{width: 60px;}
.header .imgLogo img{ width: 100%; display: block;}
.header .search {width: 30px;cursor: pointer;}
.header .search img {width: 20px; display: block; margin: 0 auto;}

.searchBox {width: 100%;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.searchBox .wrap { padding:20px 0; transition: all 0.6s ease;}
.searchBox .imgLogo {width: 60px;}
.searchBox .imgLogo img {width: 100%;display: block;}
.searchBox form {width: 700px;align-items: center;border-bottom: 1px solid #eee;}
.searchBox form button {display: block;width: 30px;cursor: pointer;background-color: unset;border: none;}
.searchBox form button img {width: 20px;display: block;margin: 0 auto;}
.searchBox form input {display: block; width: 670px;color: #333;font-size: 16px;line-height: 30px;padding: 10px;background-color: unset;border: none;}
.searchBox .search_close {cursor: pointer;width: 30px;}
.searchBox .search_close img {width: 20px;display: block;margin: 0 auto;}

.is-fixed{ padding: 10px 0;}
.is-fixed .searchBox .wrap { padding: 10px 0;}

@media (max-width: 1680px){
    .headerNav .nLi{ margin:0 10px;}
}
@media (max-width: 1480px){
    .headerNav .nLi{ margin:0 8px;}
}

/* indexBanner */
.indexBanner{ width: 100%; position: relative;margin: 100px auto 0; min-width: 1200px; z-index: 4; overflow: hidden;}
.indexBanner .imgBg{ width: 100%; position: relative; z-index: 0;}
.indexBanner .imgBg img{ width: 100%; display: block;}
.indexBanner .imgLogo{ position: absolute; top: 7%; left: 3%; width: 90px; z-index: 1; }
.indexBanner .imgLogo img{ width: 100%; display: block;}
.indexBanner .info{ position: absolute; z-index: 2; top: 40%; left: 0; text-align: center; width: 100%; transform: translateY(-50%);}
.indexBanner .info .img{ width: 53%;  margin: auto;  }
.indexBanner .info .img img{ width: 100%; display: block;}
.indexBanner .info .txt{ font-size: 24px; color: #004094; margin: 40px auto; }
.indexBanner .info .txt p{ margin: 0 20px; position: relative; padding-left: 30px;}
.indexBanner .info .txt p.time{ background: url(../images/icon_time.png) center left no-repeat;}
.indexBanner .info .txt p.add{ background: url(../images/icon_add1.png) center left no-repeat;}
.indexBanner .info .timeBox .st{ font-size: 16px; color: #169F96; margin-right: 15px;}
.indexBanner .info .timeBox .time .item{  height: 50px; padding: 0 20px 0 8px; margin-left: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); background: url(../images/timeBg.png) center no-repeat; background-size: 100% 100% !important; position: relative;}
.indexBanner .info .timeBox .time .item .num{ line-height: 46px; color: #fff; font-family:'HelveticaB'; font-size: 38px; opacity: 0.9;}
.indexBanner .info .timeBox .time .item .t{ position: absolute; display: inline-block; right: 5px; bottom: 10px; font-size: 12px; color: #fff; opacity: 0.8;}

/* indexTitle */
.indexTitle{ text-align: center; position: relative;}
.indexTitle .tit{ font-size: 40px; text-transform: capitalize; color: #333; 
    /* font-family:'HarmonyOSB'; */
}
.indexTitle .line{ width: 350px; height: 8px; margin: 15px auto 0;background: linear-gradient(269deg, #AED3AF 6%, #92DFF4 100%);}
.indexTitle .line.d{ width: 210px;}
.indexTitle.w .tit{ color: #fff;}

/* indexMain01 */
.indexMain01{ position: relative; z-index: 2;}
.indexMain01::after{ content: ''; position: absolute; left: 0; top: -200px; width: 100%; height: calc(100% + 200px); background: url(../images/main01Bg.png) top center no-repeat; background-size: 100% auto !important; z-index: 0;}

/* indexProcesses */
.indexProcesses{ width: 100%; position: relative; padding: 60px 0 240px 0; overflow: hidden; z-index: 2; }
.indexProcesses ul{ width: 100%; position: relative; background: url(../images/processesBg.png) center  no-repeat; }
.indexProcesses ul li{ text-align: center; }
.indexProcesses ul li .num{ font-size: 24px; margin-bottom: 5px; color: #169F96; font-weight: bold;}

.indexProcesses ul li .yuanBox {width: 58px; height: 58px;position: relative;margin: auto;border-radius: 50%;z-index: 1;}
.indexProcesses ul li .yuanBox::after{ content: '';  position: absolute; z-index: -1; width: 90px; height: 90px; margin: -45px 0 0 -45px; border-radius: 50%; background-color: #169F96; top: 50%; left: 50%; opacity: 0.5;transform: scale(0);}
.indexProcesses ul li .yuanBox::before{ content: '';  position: absolute; z-index: 1; width: 130px; height: 130px; margin: -65px 0 0 -65px; border-radius: 50%; background-color: #169F96; top: 50%; left: 50%; opacity: 0.2;transform: scale(0);}

.indexProcesses ul li .yuan{ width: 58px; height: 58px; border: solid 1px #91B159; border-radius: 50%; margin: auto; position: relative;}
.indexProcesses ul li .yuan::after{ content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; margin: -17px 0 0 -17px; height: 34px; width: 34px; border: solid 2px  #169F96; z-index: 1;}
.indexProcesses ul li .yuan::before{ content: ''; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; border-radius: 50%; background-color: #169F96; z-index: 2;}
.indexProcesses ul li .line{ width: 10px; height: 10px; border-radius: 50%; background-color: #169F96; margin: 90px auto 0; position: relative;}
.indexProcesses ul li .line::after{ content: ''; position: absolute; left: 50%; top: -90px; width: 1px; height: 90px; background-color: #169F96;}
.indexProcesses ul li .tit{ font-size: 16px; font-weight: bold; color: #333; line-height: 26px; margin-top: 15px;}
.indexProcesses ul li:nth-child(2){ transform: translateY(30px);}
.indexProcesses ul li:nth-child(3){ transform: translateY(60px);}
.indexProcesses ul li:nth-child(4){ transform: translateY(100px);}
.indexProcesses ul li:nth-child(5){ transform: translateY(50px);}
.indexProcesses ul li:nth-child(6){ transform: translateY(120px);}
.indexProcesses ul li:nth-child(7){ transform: translateY(150px);}
.indexProcesses ul li:nth-child(8){ transform: translateY(30px);}
.indexProcesses ul li.sel .yuanBox::after, .indexProcesses ul li.sel .yuanBox::before {-webkit-animation: zoomBig1 1.4s 0s infinite; animation: zoomBig1 1.4s 0s infinite;}
.indexProcesses ul li.sel1 .yuanBox::after, .indexProcesses ul li.sel1 .yuanBox::before {-webkit-animation: zoomBig2 1.4s 2s infinite; animation: zoomBig2 1.4s 2s infinite;}
.indexProcesses ul li.on .yuan{ background-color: #169F96; border-color: #169F96;}
.indexProcesses ul li.on .yuan::after{ background-color: rgba(255, 255, 255, 0.3);}
.indexProcesses ul li.on .yuan::before{ background-color: rgba(255, 255, 255, 0.9);}
.indexProcesses ul li.on .tit{ color: #169F96;}
/*donghua*/
@-webkit-keyframes zoomBig1 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}
@-moz-keyframes zoomBig1 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}
@keyframes zoomBig1 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}

@-webkit-keyframes zoomBig2 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}
@-moz-keyframes zoomBig2 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}
@keyframes zoomBig2 {0%{transform: scale(0.49);}100%{transform: scale(1); opacity: 0;}}

/* indexPresident */
.indexPresident{ width: 100%; overflow: hidden; position: relative; z-index: 2;}
.indexPresident .indexTitle{ bottom: -40px; opacity: 0; position: relative; -webkit-animation: bottomUp40 1s linear 0s forwards; animation: bottomUp40  1s linear 0s forwards;}
.indexPresident .info{ width: 100%; margin:30px auto 0 ;}
.indexPresident .info .img{ padding: 10px; margin-right: 30px; background: url(../images/logoY.png) center no-repeat; 
    background-size: 100% auto;}
.indexPresident .info .img img{ border-radius: 50%; padding: 6px; background-color: #fff;}
.indexPresident .info .con .tit{ font-size: 24px; color: #333; 
    /* font-family:'HarmonyOSB'; */
}
.indexPresident .info .con .txt{ font-size: 16px; line-height: 24px; color: #333; margin-top: 10px;}
.indexPresident .text{ width: 100%; margin-top: 30px; height: 215px; padding-right: 70px; overflow-y: auto;}
.indexPresident .text p{  font-size: 18px; color: #333;line-height: 30px;  padding: 10px 0;}
.indexPresident .text img{ display: none;}
.txtMarquee-top {height: 215px;margin-top: 30px;overflow: hidden;}
.txtMarquee-top1 {height: 170px;}
.txtMarquee-top .infoList li{font-size: 18px; color: #333;line-height: 30px;}
.txtMarquee-top .infoList li p{ text-indent: 2em;}

/* indexVideo */
.indexVideo{ width: 100%; margin: 60px auto 0; z-index: 3; position: relative; overflow: hidden;}
.indexVideo .videoBox{ width: 100%; position: relative; z-index: 1; border-radius: 20px; overflow: hidden;}
.indexVideo .videoBox video{ width: 100%; display: block;}
.indexVideo .playBox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.indexVideo .playBox .playVideo{ position: absolute; top: 50%; left: 50%; width: 326px; height: 124px; margin:-62px 0 0 -163px ;}
.indexVideo .playBox .playVideo img{ width: 100%; display: block;}
.indexVideo .videoItem{ width: 100%;border-radius: 20px; overflow: hidden;}
.indexVideo .videoItem .swiper-slide{ position: relative;}
.indexVideo .videoItem .swiper-slide img{ width: 100%; display: block;}
.indexVideo .videoItem .swiper-pagination{ bottom: 30px;}
.indexVideo .videoItem .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #fff; margin: 0 5px; opacity: 0.8;}
.indexVideo .videoItem .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #169F96; }

/* indexMaster */
/* .indexMaster{ position: relative; padding: 210px 0 80px; width: 100%; margin-top: -150px; overflow: hidden;  background: url(../images/masterBg.jpg) center no-repeat; background-size: cover;}
.indexMaster .lists{ width: 100%; margin: 30px auto 0;}
.indexMaster .lists .li{ width: 49.5%; background-color: #fff; padding: 30px 60px; position: relative; overflow: hidden;}
.indexMaster .lists .li::after{ content: ''; position: absolute; left: 40px; top: 50%; width: 71px; height: 60px; background: url(../images/icon_sy.png) center no-repeat; margin-top: -30px; }
.indexMaster .lists .li .bg{ width: 114%; position: absolute; bottom: 72%; z-index: 0;}
.indexMaster .lists .li .bg img{ width: 100%; opacity: 0.1;}
.indexMaster .lists .li .info{ width: 100%; position: relative; z-index: 2; padding-bottom: 15px; border-bottom: solid 1px #eee;}
.indexMaster .lists .li .info .img{ width: 21%;}
.indexMaster .lists .li .info .img img{ width: 100%; display: block;}
.indexMaster .lists .li .info .con{ width: 79%; padding:10%  0 0 40px;}
.indexMaster .lists .li .info .con .tit{ font-size: 20px; color: #333; font-family:'HarmonyOSB';}
.indexMaster .lists .li .info .con .tit span{ display: inline-block; margin-left: 10px;}
.indexMaster .lists .li .info .con .txt{ font-size: 16px; margin-top: 10px; color: #333;}
.indexMaster .lists .li .text{ width: 100%; position: relative; z-index: 2; margin-top: 20px;}
.indexMaster .lists .li .text .st{ font-size: 24px; color: #169F96; font-family:'HarmonyOSB';}
.indexMaster .lists .li .text .txt{ font-size: 16px; margin-top: 15px; line-height: 28px; width: calc(100% + 20px); padding-right: 20px; overflow-y: auto; height: 170px;}
.indexMaster .lists .li:nth-child(1){margin-right: 1%; border-radius: 40px 40px 0 40px;}
.indexMaster .lists .li:nth-child(1) .bg{right: -20%; }
.indexMaster .lists .li:nth-child(2){border-radius: 40px 40px 40px 0 ;}
.indexMaster .lists .li:nth-child(2) .bg{left: -40%; bottom: 70%; } */

.indexMaster{ position: relative; padding: 210px 0 80px; width: 100%; margin-top: -150px; overflow: hidden;  background: url(../images/masterBg.jpg) center no-repeat; background-size: cover;}
.indexMaster .optionBox{ width: 100%; margin: 30px auto 0;padding-bottom: 50px;}
.indexMaster .optionBox .swiper-slide{background-color: #fff; padding: 30px 60px; position: relative; overflow: hidden;}
.indexMaster .optionBox .swiper-slide::after{ content: ''; position: absolute; left: 40px; top: 50%; width: 71px; height: 60px; background: url(../images/icon_sy.png) center no-repeat; margin-top: -30px; }
.indexMaster .optionBox .swiper-slide .bg{ width: 114%; position: absolute; bottom: 72%; z-index: 0;}
.indexMaster .optionBox .swiper-slide .bg img{ width: 100%; opacity: 0.1;}
.indexMaster .optionBox .swiper-slide .info{ width: 100%; position: relative; z-index: 2; padding-bottom: 15px; border-bottom: solid 1px #eee;}
.indexMaster .optionBox .swiper-slide .info .img{ width: 21%;}
.indexMaster .optionBox .swiper-slide .info .img img{ width: 100%; display: block;}
.indexMaster .optionBox .swiper-slide .info .con{ width: 79%; padding:10%  0 0 40px;}
.indexMaster .optionBox .swiper-slide .info .con .tit{ font-size: 20px; color: #333; }
.indexMaster .optionBox .swiper-slide .info .con .tit span{ display: inline-block; margin-left: 10px;}
.indexMaster .optionBox .swiper-slide .info .con .txt{ font-size: 16px; margin-top: 10px; color: #333;}
.indexMaster .optionBox .swiper-slide .text{ width: calc(100% + 20px); padding-right: 20px; overflow-y: auto; height: 234px; position: relative; z-index: 2; margin-top: 20px;}
.indexMaster .optionBox .swiper-slide .text .st{ font-size: 24px;line-height: 32px; color: #169F96;}
.indexMaster .optionBox .swiper-slide .text .txt{ font-size: 16px; margin-top: 15px; line-height: 28px;}
.indexMaster .optionBox .swiper-slide:nth-child(2n-1){margin-right: 1%; border-radius: 40px 40px 0 40px;}
.indexMaster .optionBox .swiper-slide:nth-child(2n-1) .bg{right: -20%; }
.indexMaster .optionBox .swiper-slide:nth-child(2n){border-radius: 40px 40px 40px 0 ;}
.indexMaster .optionBox .swiper-slide:nth-child(2n) .bg{left: -40%; bottom: 70%; }
.indexMaster .optionBox .swiper-pagination {bottom: 0 !important;}
.indexMaster .optionBox .swiper-pagination .swiper-pagination-bullet {opacity: 0.5;background-color: #fff;margin: 0 10px !important;}
.indexMaster .optionBox .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}

/* indexItinerary */
.indexItinerary{ position: relative; width: 100%; padding: 100px 0; position: relative; background:#fff url(../images/itineraryBg.jpg) top center no-repeat; }
.indexItinerary .bixBox{ width: 100%; margin-top: 60px;}
.indexItinerary .boxLeft{ width: 27%;}
.indexItinerary .boxRight{ width: 66%;}
.indexItinerary .boxLeft .top{ width: 100%; padding: 35px 60px; height: 120px; line-height: 50px; color: #fff; font-size: 34px; border-radius: 20px  0 20px 0; background-color: #3FAA8D;}

.indexItinerary .itineraryNav{ margin-top: 10px; width: 100%; box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05);}
.indexItinerary .itineraryNav .swiper-slide { width: 100%; padding: 10px;cursor: pointer; height: 120px !important; padding: 35px 60px; background: linear-gradient(180deg, #F4F5F8 0%, #FEFEFE 100%);  border: 2px solid #FFFFFF; box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05);   -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.05);}
.indexItinerary .itineraryNav .swiper-slide .info{ line-height: 50px;}
.indexItinerary .itineraryNav .swiper-slide .info .num{ margin-right: 20px; color: #999;}
.indexItinerary .itineraryNav .swiper-slide .info .num span{ font-family:'DINC'; font-size: 56px; }
.indexItinerary .itineraryNav .swiper-slide .info .num p{font-size: 46px; margin: 0 5px; opacity: 0.5;}
.indexItinerary .itineraryNav .swiper-slide .info .t{ font-size: 22px; text-transform: capitalize; color: #333;}
.indexItinerary .itineraryNav .swiper-slide.swiper-slide-thumb-active .num{ color: #169F96;}
.indexItinerary .itineraryNav .swiper-slide.swiper-slide-thumb-active .t{ color: #169F96;}

.indexItinerary .itineraryItem{ width: 100%;}
.indexItinerary .itineraryItem .swiper-slide { width: 100%; height: 514px !important; overflow: hidden; opacity: 0 !important;}
.indexItinerary .itineraryItem .swiper-slide ul{ width: 100%; height: 100%; padding-right: 30px; overflow-y: auto;}
.indexItinerary .itineraryItem .swiper-slide ul li{ width: 100%; 
    /* padding: 35px 0;  */
    padding: 49px 0;
    border-bottom: solid 1px #eee; position: relative; cursor: pointer; transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li::after{ content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: calc(100% - 10px); height: calc(100% - 10px); background-color: #3FAA8D;border-radius: 5px; opacity: 0; transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li::before{ content: ''; z-index: 0; position: absolute; right: 0; bottom: 0; width: calc(100% - 10px); height: calc(100% - 10px); background: rgba(72, 172, 147, 0.4); border-radius: 5px; opacity: 0;  transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li .time{ width: 180px; font-size: 22px; color: #666; text-align: center; position: relative; z-index: 2; transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li .con{ width: calc(100% - 180px); padding: 0 20px; position: relative; z-index: 2;}
.indexItinerary .itineraryItem .swiper-slide ul li .con .tit{ font-size:22px ; text-transform: capitalize; color: #333; transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li .con .txt{ font-size:16px ; color: #999; margin-top: 10px; transition: all 0.8s ease;}
.indexItinerary .itineraryItem .swiper-slide ul li:hover::after { opacity: 1;}
.indexItinerary .itineraryItem .swiper-slide ul li:hover::before { opacity: 1;}
.indexItinerary .itineraryItem .swiper-slide ul li:hover{ border-color: rgba(0,0,0,0);}
.indexItinerary .itineraryItem .swiper-slide ul li:hover .time,.indexItinerary .itineraryItem .swiper-slide ul li:hover .tit,.indexItinerary .itineraryItem .swiper-slide ul li:hover .txt{ color: #fff;}
.indexItinerary .itineraryItem .swiper-slide.swiper-slide-active{ opacity: 1 !important;}

/*  indexGuest  */
.indexGuest{ position: relative; width: 100%; padding: 0 0 100px 0; position: relative; background:#fff url(../images/guestBg.png)  center no-repeat; }
.indexGuest .guestItem{ width: 100%; margin: 10px auto 0; position: relative;}
.indexGuest .guestItem::after{ content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; height: calc(100% - 50px); width: 100%; z-index: 0; background: url(../images/guestItemBg.jpg) center bottom no-repeat; background-size: cover; border-radius: 10px 10px 0 0; overflow: hidden;}
.indexGuest .guestItem .swiper-slide{ position: relative; overflow: hidden; opacity: 0 !important;}
.indexGuest .guestItem .swiper-slide .box{ position: relative; width: 100%;  z-index: 2;}
.indexGuest .guestItem .swiper-slide .box .info { width: 50%; padding:8% 40px 0 0; margin-left: 2%; position: relative; z-index: 2;transition: all 1.2s ease;}
.indexGuest .guestItem .swiper-slide .box .info .tit{ font-size: 36px; color: #333;
     /* font-family:'HarmonyOSB'; */
}
.indexGuest .guestItem .swiper-slide .box .info .stit{ font-size: 20px; margin-top: 10px; color: #333; 
    /* font-family:'HarmonyOSB'; */
}
.indexGuest .guestItem .swiper-slide .box .info .txt{ font-size: 16px; margin-top: 10px; color: #333; line-height: 28px;}
.indexGuest .guestItem .swiper-slide .box .info .more{ margin-top: 30px;display: block;border: 1px solid #333;line-height: 40px;height: 40px;width: 120px;text-align: center;font-size: 16px;color: #333;border-radius: 20px;transition: all 0.6s ease;}
.indexGuest .guestItem .swiper-slide .box .info .more:hover {background-color: #3FAA8D;border: 1px solid #3FAA8D;color: #fff;}
.indexGuest .guestItem .swiper-slide .box .info .more img{ display: inline-block; height: 40px;}
.indexGuest .guestItem .swiper-slide .box .info .more span{ font-size: 16px; line-height: 40px; color: #333; margin-left: 10px; display: inline-block;}
.indexGuest .guestItem .swiper-slide .box .img{ width: 30% ; text-align: center; padding: 0 0 0 3%; margin-right: 2%; position: relative; z-index: 2; transition: all 1.2s ease;}
.indexGuest .guestItem .swiper-slide .box .img img{ width: auto; height: 400px; margin: auto; display: block;}
.indexGuest .guestItem .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.indexGuest .guestItem .swiper-slide.swiper-slide-active .info{margin-left: 10%;}
.indexGuest .guestItem .swiper-slide.swiper-slide-active .img{margin-right: 10%;}
/* .indexGuest .guestNav{ width: 70%; margin: 30px auto 0;padding: 0 1%;} */
.indexGuest .guestNav{ width: 100%; margin: 30px auto 0;}
/* .indexGuest .guestNav .swiper-wrapper {justify-content: center;} */
.indexGuest .guestNav .swiper-slide{ position: relative; overflow: hidden; background: url(../images/guestImgBg.jpg) center no-repeat; background-size: cover !important; cursor: pointer;border-radius: 50%;border: 2px solid #fff;box-sizing: border-box;transition: all 0.6s ease;
    /* height: 240px !important;  */
}
.indexGuest .guestNav .swiper-slide img{ 
    /* position: absolute; left: 50%; bottom: 0; min-width: 100%; max-height: 85%; transform: translateX(-50%); */
    width: 100%;display: block;
}
.indexGuest .guestNav .swiper-slide.swiper-slide-thumb-active{
    border: 2px solid #3FAA8D;box-sizing: border-box;
    /* background: url(../images/guestImgBg1.jpg) center no-repeat; */
}
.indexGuest .tips {font-size: 16px;color: #333;line-height: 20px;text-align: right;margin-top: 30px;}

/* indexPartner */
.indexPartner{ padding: 60px 0; position: relative; overflow: hidden;}
.indexPartner .item{ width: 100%; margin-top: 20px;}
.indexPartner .item .stit{ font-size: 22px; color: #333;text-transform: capitalize; 
    /* font-family:'HarmonyOSB'; */
}
.indexPartner .partnerItem{ width: 100%;  padding: 15px 0; }
.indexPartner .partnerItem .swiper-slide{ border: solid 1px #eee;  box-shadow: 0px 0 20px 0px rgba(219, 231, 255, 0.3);   -webkit-box-shadow: 0px  0 20px 0px rgba(219, 231, 255, 0.3); -moz-box-shadow: 0px  0 20px 0px rgba(219, 231, 255, 0.3); cursor: pointer; border-radius: 5px;}
.indexPartner .partnerItem .swiper-slide img{ width: 100%; display: block;}

.indexPartner .partnerItem1{ width: 100%;  padding: 15px 0; }
.indexPartner .partnerItem1 ul{ zoom: 1; overflow: hidden;}
.indexPartner .partnerItem1 ul li{ float: left;  _display:inline;  border: solid 1px #eee; width: 19%; margin-right: 1%;  box-shadow: 0px 0 20px 0px rgba(219, 231, 255, 0.3);   -webkit-box-shadow: 0px  0 20px 0px rgba(219, 231, 255, 0.3); -moz-box-shadow: 0px  0 20px 0px rgba(219, 231, 255, 0.3); cursor: pointer; border-radius: 5px;}
.indexPartner .partnerItem1 ul li img{ width: 100%; display: block;}


/* indexFooter */
.indexFooter{ width: 100%; padding:0 0 0 0; position: relative; background-color: #3FAA8D;}
.indexFooter .box{ width: 100%; padding: 40px 0; border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.indexFooter .info{ width: calc(100% - 200px);}
.indexFooter .info .item{ margin-left: 8%; max-width: 35%;}
.indexFooter .info .item:first-child{ margin-left: 0;}
.indexFooter .info .item .stit{ font-size: 20px; color: #fff;display: block;}
.indexFooter .info .item .txt{ width: 100%;}
.indexFooter .info .item .txt p{ position: relative; margin-top: 20px; font-size: 16px; color: rgba(255, 255, 255, 0.7); padding-left: 25px;  line-height: 26px;}
.indexFooter .info .item .txt p.tel{ background: url(../images/icon_tel.png) left top 5px no-repeat;}
.indexFooter .info .item .txt p.add{ background: url(../images/icon_add.png) left top 5px no-repeat;}
.indexFooter .info .item .txt p.email{ background: url(../images/icon_email.png) left top 5px no-repeat;}
.indexFooter .rwm{ width: 130px; text-align: center;}
.indexFooter .rwm img{ width: 100%; display: block;}
.indexFooter .rwm p{ font-size: 16px; color: #fff; margin-top: 10px;}
.indexFooter .copy{ width: 100%; padding: 15px 0;font-size: 14px;color: rgba(255, 255, 255, 0.7);}
.indexFooter .copy a{ color: rgba(255, 255, 255, 0.7);}


@media (max-width: 1680px){
    .indexItinerary .boxLeft .top{padding: 35px 40px;}
    .indexItinerary .itineraryNav .swiper-slide { padding: 35px 40px;}
    /* .indexGuest .guestNav .swiper-slide{height: 220px !important; } */
}

@media (max-width: 1560px){
    
    /* .indexGuest .guestNav .swiper-slide{height: 200px !important; } */
}


@media (max-width: 1440px){
    .header .login{ padding: 5px 20px;}
    /* .indexGuest .guestNav .swiper-slide{height: 180px !important; } */
}
/* topDown */
.topDown{top: -300px; opacity: 0; position: relative; -webkit-animation: topDown 0.5s linear 0s forwards; animation: topDown  0.5s linear 0s forwards;}
@-webkit-keyframes topDown {0%{ top: -300px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@-moz-keyframes topDown {0%{ top: -300px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@keyframes topDown {0%{ top: -300px;  opacity: 0;}100%{ top: 0; opacity: 1; }}
/* topDown40 */
.topDown40{top: -40px; opacity: 0; position: relative; -webkit-animation: topDown40 0.5s linear 0s forwards; animation: topDown40  0.5s linear 0s forwards;}
@-webkit-keyframes topDown40 {0%{ top: -40px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@-moz-keyframes topDown40 {0%{ top: -40px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@keyframes topDown40 {0%{ top: -40px;  opacity: 0;}100%{ top: 0; opacity: 1; }}
/* topDown100 */
.topDown100{top: -100px; opacity: 0; position: relative; -webkit-animation: topDown100 0.5s linear 0s forwards; animation: topDown100  0.5s linear 0s forwards;}
@-webkit-keyframes topDown100 {0%{ top: -100px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@-moz-keyframes topDown100 {0%{ top: -100px;  opacity: 0;}100%{ top: 0;  opacity: 1;}}
@keyframes topDown100 {0%{ top: -100px;  opacity: 0;}100%{ top: 0; opacity: 1; }}
/* bottomUp */
.bottomUp{bottom: -300px; opacity: 0; position: relative; -webkit-animation: bottomUp 0.5s linear 0s forwards; animation: bottomUp  0.5s linear 0s forwards;}
@-webkit-keyframes bottomUp {0%{ bottom: -300px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@-moz-keyframes bottomUp {0%{ bottom: -300px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@keyframes bottomUp {0%{ bottom: -300px; opacity: 0; }100%{ bottom: 0; opacity: 1; }}
/* bottomUp40 */
.bottomUp40{bottom: -40px; opacity: 0; position: relative; -webkit-animation: bottomUp40 0.5s linear 0s forwards; animation: bottomUp40  0.5s linear 0s forwards;}
@-webkit-keyframes bottomUp40 {0%{ bottom: -40px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@-moz-keyframes bottomUp40 {0%{ bottom: -40px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@keyframes bottomUp40 {0%{ bottom: -40px; opacity: 0; }100%{ bottom: 0; opacity: 1; }}
/* bottomUp100 */
.bottomUp100{bottom: -100px; opacity: 0; position: relative; -webkit-animation: bottomUp100 0.5s linear 0s forwards; animation: bottomUp100  0.5s linear 0s forwards;}
@-webkit-keyframes bottomUp100 {0%{ bottom: -100px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@-moz-keyframes bottomUp100 {0%{ bottom: -100px;  opacity: 0;}100%{ bottom: 0;  opacity: 1;}}
@keyframes bottomUp100 {0%{ bottom: -100px; opacity: 0; }100%{ bottom: 0; opacity: 1; }}
/* leftIn100 */
.leftIn100{left: -100px; opacity: 0; position: relative; -webkit-animation: leftIn100 0.5s linear 0s forwards; animation: leftIn100  0.5s linear 0s forwards;}
@-webkit-keyframes leftIn100 {0%{ left: -100px;  opacity: 0;}100%{ left: 0;  opacity: 1;}}
@-moz-keyframes leftIn100 {0%{ left: -100px;  opacity: 0;}100%{ left: 0;  opacity: 1;}}
@keyframes leftIn100 {0%{ left: -100px; opacity: 0; }100%{ left: 0; opacity: 1; }}
/* rightIn100 */
.rightIn100{right: -100px; opacity: 0; position: relative; -webkit-animation: rightIn100 0.5s linear 0s forwards; animation: rightIn100  0.5s linear 0s forwards;}
@-webkit-keyframes rightIn100 {0%{ right: -100px;  opacity: 0;}100%{ right: 0;  opacity: 1;}}
@-moz-keyframes rightIn100 {0%{ right: -100px;  opacity: 0;}100%{ right: 0;  opacity: 1;}}
@keyframes rightIn100 {0%{ right: -100px; opacity: 0; }100%{ right: 0; opacity: 1; }}