@charset "utf-8";
/* CSS Document */
body{ width: 100%;height:100%;*cursor: default;  overflow:hidden;  font: 12px "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial; }
.content_c{  width:1200px; margin:0 auto;}
@media screen and (max-width: 1199px) {
	body{overflow-x: auto;}
	.page{overflow-x: auto ;}
}

#logo { position: fixed; z-index: 3; left: 1%; top: 20px; }
.page1 { background: url(../images/index_pagebg1.jpg) no-repeat center top; }
.page2 { background: url(../images/index_pagebg2_1.jpg) no-repeat center top; }
.page2 .box1 { background: url(../images/index_pagebg2_1.jpg) no-repeat center top; }
.page2 .box2 { background: url(../images/index_pagebg2_2.jpg) no-repeat center top; }
.page2 .box3 { background: url(../images/index_pagebg2_3.jpg) no-repeat center top; }
/* .page2 .box4 { background: url(../images/index_pagebg2_5.jpg) no-repeat center top; } */
.page2 .box4 { background: url(../images/index_pagebg2_4.jpg) no-repeat center top; }
.page3 { background: url(../images/index_pagebg3.jpg) no-repeat center top; }
.page4 { background-image: url(../images/index_pagebg4-1.jpg); background-size: 100% 100%;}
.page5 { background: #fff; }
.page6 { background: url(../images/index_pagebg5.jpg) no-repeat center top; }
/*第一屏*/
.mainpage .content_c { position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-160px; height:320px; }
.mainpage .tt { width:100%;text-align: center; }
.mainpage .main { width: 100%; max-width: 750px; margin: 0 auto; padding-top: 10%; }
.mainpage .main li { float: left; width: 33.3%; text-align: center; }
.mainpage .main li a { display:block; cursor:pointer; color: #8e8e8e; font-size: 20px; font-weight: normal; }
.mainpage .main li a .text { width: 100%; margin-bottom: 20px; }
.mainpage .main li a .text img { height: 45px; }
.mainpage .main li a h3 { line-height: 30px; font-weight: normal; font-family: 'noto-light'; }
.mainpage .main li a p { font-size: 12px; color: #717171; line-height: 20px; }
.mainpage .main li a .icon { width: 60px; height: 60px; }
.mainpage .main li a .icon1 { background-position: -80px 3px; }
.mainpage .main li a .icon2 { background-position: -147px 3px; }
.mainpage .main li a .icon3 { background-position: -208px 3px; }
.mainpage .main li a .icon4{background-position: -138px -217px; }
.mainpage .main li a .icon5{background-position: 3px -358px; }

.mainpage .main.fourth{max-width: 950px;}
.mainpage .main.fourth li { float: left; width: 25%; text-align: center; }
.mainpage .main li a:hover .icon{
	-webkit-animation: bounce-rotate 1s linear; 
	animation:bounce-rotate 1s linear;
}
@-webkit-keyframes bounce-rotate {
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
 
}
@keyframes bounce-rotate {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}

}
.mainpage .next { position: fixed; z-index: 3; left: 50%; bottom:5%; width: 32px; height: 32px; cursor: pointer; }
.mainpage .next .bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background:rgba(255,255,255,0.5); border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.mainpage .next img { position: absolute;     left: 8px;
    top: 8px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }
@-webkit-keyframes bounce-down {
 25% {
-webkit-transform: translateY(-3px);
}
 0, 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(3px);
}
}
@keyframes bounce-down {
 25% {
transform: translateY(-3px);
}
 0, 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(3px);
}
}
/*第二屏*/
.seaver .tab { position: relative; width: 100%; height: 100%; }
.seaver .tab .tab_tt { position: absolute;left: 0;top: 0;z-index: 4;width: 100%;background: rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.3);}
/*.seaver .tab .tab_content .box { padding-top: 200px; }*/
.seaver .main { width: 100%; max-width: 1200px; margin: 0 auto; }
.seaver .main li { float: left; width: 25%; text-align: center; border-bottom: 2px solid rgba(255,255,255,0); padding: 10px 0; cursor: pointer; }
.seaver .main li.selected { border-bottom: 2px solid rgba(255,255,255,0.6); }
.seaver .main li { color: #8e8e8e; font-size: 20px; font-weight: normal; }
.seaver .main li .text { width: 100%; margin-bottom: 20px; }
.seaver .main li .text img { width: 100%; max-width: 170px; }
.seaver .main li h3 { line-height: 30px; font-weight: normal; font-family: 'noto-light'; }
.seaver .main li p { font-size: 12px; color: #717171; line-height: 20px; }
.seaver .main li .icon { width: 60px; height: 60px; }
.seaver .main li .icon1 { background-position: -80px -60px; }
.seaver .main li .icon2 { background-position: -144px -58px; }
.seaver .main li .icon3 { background-position: -210px -60px; }
.seaver .main li .icon4 { background-position: -208px -217px; }
.seaver .main li .icon5{background-position: -64px -360px; }
.seaver .tab_content { width: 100%; height: 100%; }
.seaver .tab_content .box { position:relative; width: 100%; height: 100%; }

.seaver .scenic .content_c{position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-290px;    height: 100%;}
.seaver .scenic .tt { width: 96%; padding: 0 2%; margin-bottom: 15px; text-align: center; }
.seaver .scenic .tt img {max-width: 1200px; }
.seaver .scenic .main p.whiteColor { color:#fff; font-size: 16px; line-height: 22px; text-align: center;    margin-bottom: 40px;}
.seaver .scenic .scenic_l .main img{ margin-bottom:20px;}
.seaver .scenic .scenic_l .main p{ color:#fff; font-size: 12px; line-height: 22px; text-align: justify;}

.seaver .scenic .scenic_r {/* width:300px; *//* height:300px; */top:21%; position:absolute;left:50%;/* top:32%; */margin-left: -350px;width: 780px;}
.seaver .scenic .scenic_r .zwfbox { position: relative; height:100%; }
.seaver .scenic .scenic_r .imgzwf { width:auto; display: block; height:100%; }
/*. seaver .scenic .scenic_r .item_c { position: absolute; right: 0; top: 0; z-index:10; width:100%; height: 100%; }
.seaver .scenic .scenic_r .item { position: absolute;z-index:10; cursor: pointer; width:270px; height:270px; border-radius: 100%; }
.seaver .scenic .scenic_r .item a{ display:block;width:100%; height:100%;}
.seaver .scenic .scenic_r .item1 { left:20px; top:-120px; background: url(../images/index_page2_1_icon1.png?1) no-repeat center center;  background-size: cover;}
.seaver .scenic .scenic_r .item2 { right:-135px; top:0px; background: url(../images/index_page2_1_icon2.png?1) no-repeat center center; background-size: cover; }
.seaver .scenic .scenic_r .item3 { left: 20px; bottom:-145px; background: url(../images/index_page2_1_icon3.png) no-repeat center center;  background-size: cover;}
.seaver .scenic .scenic_r .item4 { left:-135px; top:0px; background: url(../images/index_page2_1_icon4.png) no-repeat center center;  background-size: cover;}
 */
.seaver .scenic .scenic_r  .itemSet{width:100%;height:100%;position: absolute;left:0px;top:0px;display: flex;flex-wrap: wrap;}
.seaver .scenic .scenic_r  .itemSet .item{cursor: pointer;}
.seaver .scenic .scenic_r  .itemSet .item1{width:100%;height:50%;}
.seaver .scenic .scenic_r  .itemSet .item2{width:50%;height:50%;}
.seaver .scenic .scenic_r  .itemSet .item3{width:50%;height:50%;}
.seaver .scenic .scenic_r  .itemSet .item a{display: block;width:100%;height:100%;}



/* .seaver .scenic .scenic_r .item1:hover { background: url(../images/index_page2_1_icon1_hover.png) no-repeat center center; background-size: cover;}
.seaver .scenic .scenic_r .item2:hover { background: url(../images/index_page2_1_icon2_hover.png) no-repeat center center; background-size: cover;}
.seaver .scenic .scenic_r .item3:hover { background: url(../images/index_page2_1_icon3_hover.png) no-repeat center center; background-size: cover;}
.seaver .scenic .scenic_r .item4:hover { background: url(../images/index_page2_1_icon4_hover.png) no-repeat center center; background-size: cover;}
 */
.seaver .index_travel .content_c{position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-160px;}
.seaver .index_travel .tt { width: 96%; padding: 0 2%; margin-bottom: 15px; text-align: center; }
.seaver .index_travel .tt img { max-width: 800px; }
.seaver .index_travel .main{ width:1000px; margin:0 auto;}
.seaver .index_travel .main p.whiteColor { color:#fff; font-size: 16px; line-height: 30px; text-align: center;    margin-bottom: 40px;}
.seaver .index_travel.box2 .main p.whiteColor,.seaver .index_travel.box3 .main p.whiteColor,.seaver .index_travel.box4 .main p.whiteColor{margin-bottom:0;}
.seaver .index_travel.box3 .main p.whiteColor.m1{margin-bottom:40px;}
.seaver .index_travel .main .pic { width:550px; margin: 0 auto; text-align: center; overflow: hidden;}
.seaver .index_travel .main .pic img { width: 50%; max-width: 473px; float: left;}
.seaver .index_travel .main .pic span{display:inline-block;width:255px;height:70px;}
.seaver .index_travel .main .pic .fundImg{background:url(../images/index_page2_3_img1.png?1) no-repeat 0 0;}
.seaver .index_travel .main .pic .fundImg:hover{background:url(../images/index_page2_3_img1hover.png) no-repeat 0 0;}
.seaver .index_travel .main .pic .devotImg{background:url(../images/index_page2_3_img2.png) no-repeat 0 0;}
.seaver .index_travel .main .pic .devotImg:hover{background:url(../images/index_page2_3_img2hover.png) no-repeat 0 0;}
.seaver .index_travel .main .pic a{float: left;width: 275px;}
.seaver .index_travel .main .price { margin:20px 0 10px 0; height:80px; line-height:80px;font-size: 50px; color: #fff; }
.seaver .index_travel .main .price span { font-size: 26px; }
.seaver .index_travel.tech .tt img { max-width: 1170px; }
@media(max-width:1440px){
	.seaver .index_travel .main .price{margin:0px 0 10px 0;}
}
.holistic .content_c{ position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-160px;}
.holistic .tt{ position:absolute; left:0; top:5%;}
.holistic .slideBox{ width:1200px; height:500px; overflow:hidden; position:relative;  }
.holistic .slideBox .hd{ float:left; width:640px; padding-top:180px; overflow:hidden;}
.holistic .slideBox .hd ul li{ float:left; margin-right:10px; height:15px; padding:31px 0; cursor:pointer;}
.holistic .slideBox .hd ul li .icon{ width:15px; height:15px;background-position:-300px -100px;}
.holistic .slideBox .hd ul li.on{ height:92px; padding:0;}
.holistic .slideBox .hd ul li.on .icon{ width:92px; height:92px; background-position:-400px -100px;}
.holistic .slideBox .bd{ float:left; position:relative; z-index:0;width:216px; height:379px; padding:62px 34px 93px 20px; background:url(../images/index_page2_2_bg_mobel.png) no-repeat 0 0; background-size:95% 93%;   }
.holistic .slideBox .bd ul{ width:216px; height:379px;}
.holistic .slideBox .bd li{ zoom:1; vertical-align:middle; }
.holistic .slideBox .bd img{ width:216px; height:370px; display:block;  }
.holistic .slideBox .bd .text{ position:absolute; left:-640px; top:280px; z-index:3; width:300px;}
.holistic .slideBox .bd .text h3{ line-height:40px; color:#fff; font-size:18px; font-weight:normal;}
.holistic .slideBox .bd .text h3 a{ color:#fff;}
.holistic .slideBox .bd .text p{ color:#fff; font-size:12px; line-height:24px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.holistic .slideBox .btn{ position:absolute; right:60px; display:block; width:92px; height:92px; background:#000; background:url(../images/icon.png) no-repeat;   }
.holistic .slideBox .next{ top:100px; background-position:-300px 0;}
.holistic .slideBox .prev{ top:210px; background-position:-400px 0;}
/*第三屏*/
.case .content_c {position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-220px; }
.case .content_c .tt { width: 100%; margin-bottom:30px; }
.case .content_c .tt .more { float: right; width: 80px; height: 25px; text-align: center; line-height: 25px; font-size: 12px; color: #22d3b6; border: 1px solid #2d2d2d; }
.case .content_c .tt .more:hover { color: #2d2d2d; border: 1px solid #22d3b6; background: #22d3b6; }
.case .picScroll-left { position: relative; }
.case .picScroll-left .hd { position: absolute; left: 0; top: 50%; width: 100%; }
.case .picScroll-left .hd .btn { position: absolute; top: 50%; margin-top: -17px; display: block; width: 18px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.case .picScroll-left .hd .next { background-position: -101px -150px; right: 0;  }
.case .picScroll-left .hd .prev { background-position: -80px -150px; left: 0;}
.case .picScroll-left .hd .next:hover { background-position: -100px -190px; }
.case .picScroll-left .hd .prev:hover { background-position: -80px -190px; }
.case .picScroll-left .hd ul { position: absolute; left: 50%; bottom: -220px;margin-left: -80px;}
.case .picScroll-left .hd ul li { float: left; width: 20px; height: 3px; overflow: hidden; background: #8d8d8d; margin-right: 10px; text-indent: -999px; cursor: pointer; }
.case .picScroll-left .hd ul li.on { background: #21c8ad; }
.case .picScroll-left .bd { padding: 0 21px; }
.case .picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.case .picScroll-left .bd ul li { float: left; width: 380px; margin: 0 3px; overflow: hidden; }
.case .picScroll-left .bd ul li .pic { width: 380px; text-align: center; }
.case .picScroll-left .bd ul li .pic img { width: 380px; /*height: 284px;*/ }
.case .picScroll-left .bd ul li .text { padding: 10px; background: #1b1b1b; border-top: 2px solid #3a3a3a; }
.case .picScroll-left .bd ul li a:hover .text { border-top: 2px solid #22d3b6; }
.case .picScroll-left .bd ul li .text h3 { width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; font-weight: normal; }
.case .picScroll-left .bd ul li .text p { line-height: 24px; color: #dedede; font-size: 12px;     text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
/*第四屏*/
.about .content_c { position: absolute; left:11%;top:11%;width: 73%;height: 70%;}
.about .content_c .main { width: 100%;height: 100%;position: relative; }
.about .content_c .main  .tt { position: absolute; left: 10%; top: 0%;width: 100%;  }
.about .content_c .main .about_box{
	width: 95%;
	min-height: 540px;
	position: absolute;left:8%;  top: 22%;
	display: flex;
}
.about .content_c .main .about_box .about_l{width: 32%;}
.about .content_c .main .about_box .about_l img{width: 100%;}
.about .content_c .main .about_box .about_r{
	margin-left: 30px;
	flex: 1;
	position: absolute;
	bottom: 25%;
	right: 0;
	width: calc(65% - 40px);
}
.about .content_c .main .about_r .tt-1{	font-family: SourceHanSansCN-Light;font-size: 38px;line-height: 30px;letter-spacing: 0px;color: #333333;}
.about .content_c .main .about_r .tt-2{	margin:20px 0 ;font-family: SourceHanSansCN-Heavy;font-size: 30px;font-weight: bold;line-height: 30px;letter-spacing: 3px;color: #333333;}
.about .content_c .main .about_r .text{	font-family: SourceHanSansCN-Light;font-size: 14px;line-height: 30px;letter-spacing: 0px;color: #333333;} 
/* .about .content_c .main .about_l { position: absolute; left: 10%; top: 24%;width: 450px; height: 570px; margin-right: 45px; }
.about .content_c .main .about_l img { width: 100%;height: 100%; }
.about .content_c .main .about_r{position: absolute; left: 50%; top: 21%;width: 740px;height: 541px;padding: 77px 53px 0 0;box-sizing: border-box;}
*/

/*第五屏*/
.news .content_c {position: absolute; left:50%; margin-left:-600px; top:50%; margin-top:-240px;}
.news .content_c .tt { width: 100%; margin-bottom:50px; }
.news .multipleColumn { position: relative; }
.news .multipleColumn .hd { position: absolute; left: 0; top: 50%; width: 100%; }
.news .multipleColumn .hd .btn { position: absolute; top: 50%; margin-top: -17px; display: block; width: 18px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.news .multipleColumn .hd .next {background-position: -101px -150px; right: 0;  }
.news .multipleColumn .hd .prev { background-position: -80px -150px; left: 0; }
.news .multipleColumn .hd .next:hover { background-position: -100px -190px;}
.news .multipleColumn .hd .prev:hover { background-position: -80px -190px;  }
.news .multipleColumn .bd{ padding:0 30px;}
.news .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1140px;  float:left; _display:inline;  }
.news .multipleColumn .bd ul li{ float:left; width:540x; display:inline; margin:0 15px 40px 15px;}
.news .multipleColumn .bd ul li .pic{ float:left; width:240px; margin-right:20px;}
.news .multipleColumn .bd ul li .pic img{ width:100%; height:160px;}
.news .multipleColumn .bd ul li .text{ float:left; width:280px;}
.news .multipleColumn .bd ul li .text .time{ height:30px; line-height:30px; font-size:12px; color:#888;}
.news .multipleColumn .bd ul li .text .time span{ border-bottom:1px solid #888; margin-right:5px;}
.news .multipleColumn .bd ul li .text h3{ width:100%; height:35px; overflow:hidden; line-height:35px;border-bottom:1px solid #d7d9d9; font-weight:normal;}
.news .multipleColumn .bd ul li .text h3 a{ color:#333; font-size:16px;}
.news .multipleColumn .bd ul li .text h3 a:hover{ color:#22d3b6;}
.news .multipleColumn .bd ul li .text .intros{ padding:5px 0; height:56px; width:100%; overflow:hidden;line-height:20px; color:#666; font-size:14px;}
.news .more_c{ width:100%; text-align:center;}
.news .more_c a{ display:inline-block; width:400px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#22d3b6; border:1px solid #22d3b6;}
/*第六屏*/
.contact .content_c { position: absolute; left:50%; margin-left:-600px; top:0; padding-top: 4%; height:92%; }
.contact .contact_link{ width:100%; margin-bottom:3%;}
.contact .contact_link ul li{ float:left; width:400px;}
.contact .contact_link ul li .pic{ float:left; width:42px; height:40px; margin-right:40px;}
.contact .contact_link ul li .pic.icon_tel{ background-position:-150px -150px;}
.contact .contact_link ul li .pic.icon_email{background-position:-200px -150px;}
.contact .contact_link ul li .pic.icon_address{background-position:-250px -150px;}
.contact .contact_link ul li .text{ float:left; width:300px;}
.contact .contact_link ul li .text p{ color:#fff; font-size:12px; line-height:24px;}
.contact .contact_link ul li .text .icon{ width:15px; height:15px; margin-right:10px;}
.contact .contact_link ul li .text .icon.icon_sina{background-position:-300px -150px;}
.contact .contact_link ul li .text .icon.icon_qq{background-position:-335px -150px;}
.contact .contact_link ul li .text .icon.icon_zone{background-position:-368px -150px;}
.contact .contact_table td{ padding-bottom:20px;}
.contact .contact_table .txt{ width:370px; height:30px; padding:5px 10px; background:rgba(255,255,255,0); border:1px solid #343434;color:#fff; font-size:14px;}
.contact .contact_table .txtarea{ margin-left:10px; width:768px; height:150px; padding:5px 10px; background:rgba(255,255,255,0); border:1px solid #343434; color:#a9a9a9; font-size:14px;}
.contact .contact_table .btn{ width:400px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#333; border:1px solid #22d3b6; background:#22d3b6; border-radius:45px; cursor:pointer;margin-top: 20px;}
.contact .footer_c{ position:absolute; bottom:25px; left:0; width:100%; padding:2% 0; border-top:1px solid #494848;}
.contact .footer_c p{ color:#fff; font-size:12px; line-height:30px; text-align:center;}
.contact .footer_c p a{ color:#fff;}
.contact .footer_c .link{ width:210px;  margin:20px auto;}
.contact .footer_c ul li{ float:left; margin-right:10px;}

.tip{width: 100%;line-height: 30px;color: #fff;margin-top: 0px; display:inline-block;}
.content_c .tabBox{width:100%;height:auto;display: flex;justify-content: center;}
.content_c .tabBox .tabItem{width:20%;height:55px;font-size:18px;color:#fff;cursor: pointer;  border:1px solid #8d8d8d;border-right:none; margin-bottom:5%;text-align: center;line-height: 55px;font-size:16px;}
.content_c .tabBox .tabItem:last-child{border-right:1px solid #8d8d8d}
.content_c .tabBox .tabItem.active{background: rgba(34,211,182,0.2);}
.content_c .tabBox .tabItem:hover{background: rgba(34,211,182,0.2);}
.swiper-container{padding-bottom:15%;}
.case .picScroll-left .hd ul{bottom:-180px}