﻿
/*头部导航*/
.nav_container.active{background-color: rgba(0,0,0,0.5);height: 90px;}
.nav_container.active .logo{width: 543px;padding-top:20px}
.nav_container.active .topRight{padding-top: 0;}
.nav_container.active .nav{height: 90px;}
.nav_container.active .nav > li >a{height: 87px;line-height: 87px;}
.nav_container.active .subNav{top: 90px;}
.nav_container.active .loginBtns{display: none;}
#main {	top: 0;	position: relative;}
.section {	position: relative;}
.section_first {overflow: hidden;}
.section_first .fp-tableCell{position: relative;vertical-align: top;}
/*第一屏*/
.Banner{height: 100%;}
.Banner .pagination{position: absolute;bottom: 30px;left: 0;z-index: 200;}
.swiper-slide{position: relative;}
.Banner .swiper-slide{height: 100%;}
.slide_bg{width: 100%;height: 170px;background:rgba(0,0,0,0.35);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0.3)),color-stop(70%,rgba(0,0,0,2)),color-stop(100%,rgba(0,0,0,0)));
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0) 100%);
	background:linear-gradient(to bottom,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0) 100%);position: absolute;left: 0;top: 0;z-index: 10;}
.slide-img1{display: block;height: 100%;background-size: cover ;background-position:  center ;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;}
.b-arrow{width: 120px;height: 120px;text-align: center;line-height: 120px;position: absolute;top: 50%;margin-top: -60px;font-size: 46px;color: #fff;border-radius: 50% 50% 50% 0;overflow: hidden;}
.b-arrow:before{z-index: 14;position: relative;}
.b-arrow:after{content: '';width: 100%;height: 100%;background-color: #000;opacity: 0.2;filter: alpha(opacity=20);position: absolute;left: 0;top: 0;z-index: 10;}
.arrow-left{left: 60px;}
.arrow-right{right: 60px;}
/*第二屏*/
.item-list1{height: 100%;}
.item-info1{width: 25%;height: 100%;}
.item-list1 > li{width: 25%;height: 100%;}
.item-list1 > li > a{height:100%;display: block;background-size: cover;background-position: center;box-sizing: border-box;padding:50px;position: relative;transition: all 0.5s ease-in-out;}
.item-list1 > li > a::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;filter: alpha(opacity=50);background-color: #000;z-index: 0;}
.item-info1{position: absolute;left: 50px;top: 180px;right: 50px;text-align: center;width: 80%;z-index: 5;}
.item-img1{width: 80%;max-width: 220px;border-radius: 50%;margin:0 auto 15px;display: block;position: relative;}
.item-img1 .gp-img-responsive{padding-bottom: 100%;background-color: #fff;border-radius: 50%;font-size: 80%;}
.circle{content: '';width: 110%;height: 110%;border-radius: 50%;border:1px solid #fff;opacity: 0.3;filter: alpha(opacity=30);left:-5%;top: -5%;position: absolute;transition: all 0.3s ease-in-out;}
.circle:before{content: '';width: 5px;height: 5px;background-color: #fff;border-radius: 50%;position: absolute;top: -1.5%;}
.item-list1 > li .icon{color: #333;background-repeat: no-repeat;background-position: center;} 
.item-info1 h3{font-weight: normal;margin-bottom: 20px;padding:3% 0 2%;position: relative;}
.item-info1 h3:before{content: '';width: 45px;height: 1px;background-color: #fff;opacity: 0.3;filter: alpha(opacity=30);position: absolute;left: 50%;bottom: 0;margin-left: -22.5px;;}
.item-info1 p{line-height: 1.8;transform: translateY(50px);opacity: 0;filter: alpha(opacity=0);transition: all 0.35s ease-in-out;}
.item-list1 > li > a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);z-index: 15;}
.item-list1 > li > a:hover .circle{-webkit-animation: animal 15s infinite linear backwards;animation: animal 15s infinite linear backwards;opacity: 0.8;filter: alpha(opacity=80);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;}
  .item-list1 > li > a:hover p{opacity: 1;transform: none;}
/*第三屏*/  
.section_third{background-color: #f9f5d8;}
.listTitle{width: 60px;height: 60%;position: absolute;top: 20%;left: 0;}
.listTitle h2{writing-mode: tb-rl;font-weight: normal;letter-spacing: 5px;}
.listTitle .readMore{writing-mode: tb-rl;display: block;width: 35px;text-align: center;position: absolute;left: 0;bottom: 0;letter-spacing: 3px;}
.mode03{position: relative;height: 100%;display: flex;align-items: center;}
.mode03:before{content: '';width: 1200px;height: 100%;background: url(../image/m3_bg1.jpg) no-repeat right center;background-size: cover;position: absolute;left:-775px;top: 0;}
.item-list2{margin-left: 255px;height: 94%;max-height: 750px;box-sizing: border-box;}
.item-list2 li{height: 20%;max-height: 150px;position: relative;transition: all 0.35s ease-in-out;overflow: hidden;}
.item-list2 li:before{background-color: #000;width: 100%;left: 0;bottom: 0;opacity: 0.1;height: 1px;content: '';position: absolute;z-index: 450;}
.item-lf2{width: 170px;height: 100%;float: left;background-color: rgba(255,255,255,0.3);box-sizing: border-box;display: table;position: relative;z-index: 520;}
.item-lf2:before{content: '';width: 1px;height: 0;top: 15%;right: 0;background-color: #eee;position: absolute;transition: all 0.35s ease-in-out;}
.item-lf2 > span{display: table-cell;vertical-align: middle;}
.item-lf2 i,.item-lf2 strong{display: block;text-align: center;}
.item-lf2 i{font-size: 72px;padding-bottom: 8px;text-shadow: 0 0 5px rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;}
.item-rt2{margin-left: 170px;padding:15px 25px 15px 40px;box-sizing: border-box;display: flex;height: 100%;position: relative;z-index: 10;align-items: center;}
.item-rt2 p{line-height: 28px;max-height: 56px;overflow: hidden;}
.item-list2 li > a{position: relative;z-index: 10;}
.item-list2 li:after{width: 0;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;content: '';z-index: 0;transition: all 0.5s ease-in-out;}
.item-list2 li:hover:after{width: 100%;}
.item-list2 li:hover .item-lf2 i {color: #e7a66e;text-shadow: none;}
.item-list2 li:hover .item-lf2:before{height: 70%;}
/*第四屏*/
.mode04 {overflow: hidden;}
.section_forth {background: url(../image/m4_bg.jpg) no-repeat center;background-size: cover;}
.swiper-slide{position: relative;float:left;overflow: hidden;}
.swiper-wrapper{width: 20000px;overflow: hidden;}
/* #slider2{height: 390px;} */
/* .mode04 .swiper-slide{ overflow: hidden;height: 1px;opacity: 0;}
.mode04 .swiper-slide-visible { height: auto !important;opacity: 1;} */
.listTitle2{text-align: center;line-height: 1;padding-bottom: 35px;}
.listTitle2 a:hover{color: #fff;opacity: 0.8;}
.listTitle2:before,.listTitle2:after{content: '-';margin:0 10px;color: #fff;;}
.item-img3{max-width: 210px;border-radius: 50%;border:10px solid rgba(255,255,255,0.1);overflow: hidden;margin:0 auto 15px}
.item-img3 i.gp-img-responsive{padding-bottom: 100%;background-position: center;background-repeat: no-repeat;background-color: #fff;}
.item-txt3 h3{position: relative;padding-bottom: 15px;font-weight: normal;text-align: center;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 15px;}
.item-txt3 h3::before{content: '';width: 30px;height: 2px;background-color: #fff;opacity: 0.5;filter: alpha(opacity=50);left: 50%;bottom: 0;margin-left: -15px;position: absolute;}
.item-txt3 p{line-height: 26px;max-height: 78px;overflow: hidden;text-align: center;}
.item-info3{display: block;}
.mode04 .swiper-container{position: relative;padding-bottom: 35px;overflow: hidden;}
.pagination {
  width: 100%;padding-top: 25px;
  text-align: center;
}
.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;opacity: 0.5;
  margin: 0 5px;
  cursor: pointer;
}
.swiper-pagination-bullet-active{
 opacity: 1;
}
/*第五屏*/
.section_fifth{background: url(../image/m5_bg.jpg) no-repeat left center;background-size: cover;}
.tabs{margin-right: 7.8%;width: 50%;float: right;overflow: hidden;position: relative;}
.item-list4{margin:0 -10px;}
.item-list4 li{width: 50%;margin-bottom: 15px;}
.item-list4 li > a{display: block;margin:0 10px;position: relative;border-radius: 5px;overflow: hidden;}
.item-list4 li > a:before{content: '';height: 130px;background: url(../image/slide_bg2.png) repeat-x bottom;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;}
.item-list4 .gp-img-responsive{padding-bottom: 56.38%;position: relative;z-index: 1;}
.item-txt4{line-height: 26px;max-height: 52px;overflow: hidden;width: 100%;bottom: 10px;box-sizing: border-box;padding:0 25px;position: absolute;z-index: 10;}
/* .tab .swiper-slide{ overflow: hidden;height: 1px;opacity: 0;}
.tab .swiper-slide-active { height: auto !important;opacity: 1;} */
.item-list4 li.li3,.item-list4 li.li4{margin-bottom: 0;}

.tabMenu1{padding-bottom: 3%;}
.tabMenu1 li{margin-right: 60px;}
.tabMenu1 li i{width: 64px;height: 64px;float: left;text-align: center;line-height: 64px;font-size: 35px;color: #666;border-radius: 50%;border:1px solid #666;margin-right: 10px;}
.tabMenu1 li a{color: #666;}
.tabMenu1 li.active i{background-color: #d25b44;color: #fff;border-color: #d25b44;}
.tabMenu1 li.active a{color:#d25b44;}
.tabMore{position: absolute;right: 0;top: 20px;}
.tabMore a{display: none;color: #9f9f9f;}
.tabMore a.active{display: block;}
.tabMore a:hover{color: #d25b44;}
/*动画效果*/
.animal{-webkit-animation: animal 35s infinite linear ;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }
@-webkit-keyframes animal {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes animal2 {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


/* navigation */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {left: 0;top: 0;}
#fp-nav ul li a span,
#fp-nav ul li a.active span,
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span {	width: 7px;	height: 7px;margin: 6px;border-radius: 0;	transform: rotateZ(45deg);}
#fp-nav ul li a span {background: #CBCBCB;overflow: hidden;text-indent: -8888em
;overflow: hidden;}
#fp-nav ul li a.active span {background: #0072e1;}

/* arrow next page */
.arrow_container {
	position: absolute;
	left: 50%;	bottom: 64px;    margin-left: -20px;    width: 40px;    height: 20px;
    cursor: pointer;}
.arrow_next_page {
	position: relative;	width: 100%;    height: 4px;    /*border-top: 1px solid #A0116B;*/
}
.arrow_next_page:before,
.arrow_next_page:after {    content: '';   display: block;    width: 30px;    height: 100%;    border-left: 1px solid transparent;
    border-right: 1px solid transparent;    /*border-top: 1px solid #A0116B;*/    position: absolute;
    bottom: -9px;   transform-origin: bottom;}
.arrow_next_page:before {position: absolute; left: -10px;transform: rotate(45deg);}

.arrow_next_page:after {right: -10px; transform: rotate(-45deg);}

.pt90{padding-top:100px;}
.tabs{margin-top: 100px;}
@media  screen and (min-width:1020px){
  .item-list4 li > a:hover{transition: all 0.35s ease-in-out;}
  .item-list4 li >a:hover{transform: translateY(-5px);box-shadow: 0 0 15px rgba(0,0,0,0.25);}
}
@media  screen and (max-height:750px){
  .gp-f48{font-size: 4rem;}
  .item-lf2 i{font-size: 6rem;}
  .item-list2{height: 92%;}
}
@media  screen and (max-height:660px){
   .gp-f48{font-size: 3rem;}
   .item-lf2 i{font-size: 5rem;padding-bottom: 2px;}
}
@media  screen and (max-height:620px){
  .item-info1{right: auto;left: 50%;transform: translateX(-50%);width: 70%;}
  .item-list1 > li .icon{background-size: 50% auto;}
  .item-info1{top: 20%;}
  .gp-f48{font-size: 3rem;}
  /* .item-info3{padding:0 35px;max-width: 80%;margin:0 auto;} */
  .item-img3 i.gp-img-responsive{background-size: 50% auto;}
   .gp-f24{font-size: 2rem;}
}
@media  screen and (max-height:560px){
  .item-lf2 i{font-size: 4rem;;}
}
@media  screen and (max-width:1800px){
  
   .b-arrow{width: 100px;height: 100px;line-height: 100px;margin-top: 0;transform: translateY(-50%);}
}
@media  screen and (max-width:1460px){
  .item-info1{right: auto;left: 50%;transform: translateX(-50%);width: 70%;}
  .item-list1 > li .icon{background-size: 50% auto;}
  .item-info1{top: 20%;}
  .gp-f48{font-size: 3rem;}
  .item-lf2 i{font-size: 5rem;padding-bottom: 2px;}
  .tabMenu1 li i{width: 40px;height: 40px;font-size: 3rem;line-height: 40px;}
  .item-txt4{font-size: 1.6rem;}
  .tabMore{top: 10px;}
}
@media  screen and (max-width:1386px){
  
  .b-arrow{width: 70px;height: 70px;line-height: 70px;font-size: 35px;}
  .nav_container.active .logo{width: 400px;padding-top: 12px;}
  .nav_container.active .nav > li >a{height: 66px;line-height: 66px;}
  .nav_container.active,.nav_container.active .nav{height: 66px;}
  .pt90{padding-top: 76px;}
  .tabs{margin-top: 76px;}
  .gp-f48{font-size: 2.4rem;}
  .listTitle {width: 26px;}
  .gp-f18{font-size: 1.6rem;}
  .listTitle .readMore{width: 20px;}
  .gp-f16{font-size: 1.5rem;}
  /* .item-info3{padding:0 35px;max-width: 80%;margin:0 auto;} */
  .item-img3 i.gp-img-responsive{background-size: 50% auto;}
  .gp-f24{font-size: 2rem;}
  .tabs{margin-top: 60px;}
  .tabMenu1 li i{width: 30px;height: 30px;font-size: 2rem;line-height: 30px;}
}
@media  screen and (max-width:1040px){
 
  .topRight{padding:1% 0 0;margin:0}
  .gp-serBtn2{margin-left: 10px;}
}
@media  screen and (max-width:996px){
  .s1_txt{font-size: 16px;}
  .item-list1 > li{width: 50%;height: 50%;}
  .item-img1{width: 180px;}
  .tabs{width:80%;margin:0 auto;float: none;margin-top: 80px;}
  .section_fifth{background: url(../image/m5_mobile_bg.jpg) no-repeat left bottom #eeece8;}
  .section_fifth .fp-tableCell{vertical-align: top;}
	}
@media only screen and (min-width:1920px){
	
}

@media  screen and (max-width:1024px){
  .arrow{display: none;}
	
	}
@media only screen and (max-width:1300px){
	
	}

@media screen and (max-width:1150px){
}

@media screen and (max-width:1050px){
	.navWrap{width: auto;margin:0 auto;margin:0 15px;}
	.nav_container{position:fixed}
	.fp-slides{padding-top:60px;}
	.section_first .fp-controlArrow.fp-prev,.section_first .fp-controlArrow.fp-next{background-size:15px 33px;width:15px;height:33px;margin-top:6px; }
	
	#fp-nav{display:none;}
}

@media screen and (max-width: 996px) {
  .nav_container{display: none;}
  .b-arrow{transform: scale(0.8);}
  .arrow-left{left: 10px;}
  .arrow-right{right: 10px;}
  .mode03:before{display: none;}
  .section_third {background:url(../image/m3_bg1.jpg) no-repeat right center;background-size: cover;}
  .item-rt2{display: none;}
  .item-lf2:before{display: none;}
  .item-lf2{background-color: rgba(255,255,255,0.8);}
  .mode03{justify-content: flex-end;}
  .item-list2{margin:0}
  .mode03{max-width: 500px;margin:0 auto}
  .item-txt3 h3{font-size: 1.8rem;}
  
}
@media screen and (max-width: 767px) {
	}
@media screen and (max-width: 640px) {
  .item-img1{width: 100px;}
  .item-info1{top: 25%;}
  .mode03{max-width: 300px}
  .item-lf2{width: 120px;}
  .tabs{width: auto;margin-left: 15px;margin-right: 15px;}
  .tabMenu1 li{margin-right: 15px;}
  .section_fifth{background-size: 100% auto;}
  .tabMenu1{padding-bottom: 5%;}
	}
@media screen and (max-width: 480px) {
  .item-info1 h3{font-size: 2rem;}
  .pt90{padding-top: 50px;}
  .item-txt4{display: none;}
  .item-list4 li > a:before{display: none;}
  
  
}

@media screen and (max-width: 400px) {
  .mode03{max-width: 200px}
  .tabMenu1 li{margin-bottom: 15px;}
}