@charset "utf-8";



@font-face{

   font-family:'adv'; 

   src: url('../fonts/adv.ttf');

}



/* pageLoad */

.logo_load{width: 400px;height: 200px; position: fixed; z-index: 999; left: 0; top: 0;}

#pageLoad{background:url(../img/loadbg.jpg) no-repeat center; background-size: cover; position:fixed; width: 100%; height: 100%; left:0;top:0;z-index:999; display: flex; justify-content: center; align-items: center; align-content: center;}

.loading_box{ width: 140px;}

.loading_box em{display: block; width: 100%;}

.loading_box em img{display: block; width: 100%;}

.loading_box span{display:block;text-align:center;color:#e40021;font-weight:bold;font-size: 32px; margin-top: 30px;}



header{position: fixed; z-index: 99; width: 100%; height: 90px; background: rgba(255,255,255,.9); left: 0; top: 0; display: flex; justify-content: space-between; align-items: center;}



.logo{width: 200px;margin-left: 40px;}

.logo img{display: block; width: 100%;}





.navbox{height: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}

.nav_item{height: 100%;}

.first_nav{height: 100%;}

.first_nav a{height: 100%;font-size: 16px;color: #666;padding: 0 30px; display: flex; justify-content: center; align-items: center; transition: 0.3s; position: relative;}

.first_nav a i{position: absolute; left: 50%;bottom: 0; background-image: linear-gradient(to right, #f18200, #fabf03); height: 3px; display: block;  width: 0; transition: 0.3s;}

.first_nav.on a{color: #f18103;}

.first_nav.on a i{width: 100%; left: 0;}

.nav_item:hover .first_nav a i{width: 100%; left: 0;}

.nav_item:hover .first_nav a{color: #f18103;}






.telbox{margin-right: 40px; display: flex; justify-content: space-between; align-items: center;}

.telbox em{display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: #f49f59; color: #fff; border-radius: 50%;}

.telbox em::before{content: "\e6c1";}

.telbox span{display: block; margin-left: 10px; color: #f18103; font-size: 16px;}

.mobile{display: none;}

.black_bg{display: none;}





.home_swiper{width: 100%; height: 100vh;}
.home_swiper .home-slide{overflow:hidden; height: 100%; }

.home_swiper .swiper-pagination{  width: 10px!important; left: auto; right: 20px;  top:50%;  z-index: 99999;  }

.home_swiper .swiper-pagination-bullet{ width:10px;height: 10px; border-radius:50%; opacity: 1;  box-sizing: border-box; margin-top: 10px; background: #ffde00;   }

.home_swiper .swiper-pagination-bullet-active{background: #e40021;}



.index_video{width: 100%; height: 100%; position: relative;}

.video{ width: 100%!important; height: 100%; object-fit: cover; }

.m_banner{ width: 100%; height: 100%; background: url(../img/m_banner.jpg) no-repeat center; background-size: cover; display: none;}

.video_tx{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.video_tx h1{text-transform: uppercase; font-size: 90px; color: #fff; font-family: 'adv'; text-shadow: 0 0 10px rgba(0,0,0,.4);transform: translateY(200px);transition:1s ease-in-out;opacity: 0;}

.video_tx h2{transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}

.down{width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; color: #fff; animation: arrow 0.8s infinite;animation-direction:alternate;}

.down em{display: block; font-size: 16px;}

.down em::before{content: "\e629";}

@keyframes arrow

{

  from {transform: translateY(10px);}

  to {transform: translateY(-10px);}

}

.home_swiper .swiper-slide-active .video_tx h1

,.home_swiper .swiper-slide-active .video_tx h2

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}


.index1{width: 100%; height: 100%; position: relative; }

.about_text{position: absolute;width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;color: #fff;}

.about_text h1{font-size: 28px;font-weight: bold;text-shadow: 0 0 10px rgba(0,0,0,.4);transform: translateY(200px);transition:1s ease-in-out;opacity: 0;}

.about_text h2{font-size: 16px; text-shadow: 0 0 10px rgba(0,0,0,.4);transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0; width: 750px; margin: 0 auto;margin-top: 20px; line-height: 1.6;}

.about_text h3{transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}

.about_text h3 a{display: block; width: 108px;height: 34px; background: #e40021; border-radius: 34px; margin: 0 auto; color: #fff; line-height: 34px; margin-top: 30px; transition: 0.5s; position: relative; overflow: hidden;}

.about_text h3 a em{display: block; position:  absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}

.about_text h3 a b{width: 0; height: 100%; display: block; background: #ffde00;  transition: 0.5s;font-weight: normal;}

.about_text h3 a:hover b{  width: 100%;height: 100%;}

.about_text h3 a:hover em{ color: #c26a00;}



.about1_swiper{ width: 100%;height: 100%; }
.about1_swiper .about1-slide{width: 100%; height: 100%; overflow: hidden;}
.tubg{ width: 100%; height: 100%;}

.tubg1{background: url(../img/2_1.jpg) no-repeat center; background-size: cover;}

.tubg2{background: url(../img/2_2.jpg) no-repeat center; background-size: cover;}

.tubg3{background: url(../img/2_3.jpg) no-repeat center; background-size: cover;}



.about1_navs{position: absolute; z-index: 2; left: 0; bottom: 100px; width: 100%; display: flex; justify-content: center; align-items: flex-end;transform: translateY(200px);transition:1s ease-in-out 0.3s;opacity: 0;}

.about1_list{cursor: pointer; margin: 0 20px;}

.about1_list em{ color: #fff; font-size: 26px; text-align: center; margin: 0 auto; display: block; }

.about1_list em.sheshi::before{content: "\e611";}

.about1_list em.huli::before{content: "\e603";}

.about1_list em.shenghuo::before{content: "\e605";}

.about1_list p{ color: #fff;font-size: 18px; font-weight: bold;}



.about1_list.active em{ color: #ffde00;}

.about1_list.active p{ color: #ffde00;}


.home_swiper .swiper-slide-active .about_text h1

,.home_swiper .swiper-slide-active .about_text h2

,.home_swiper .swiper-slide-active .about_text h3

,.home_swiper .swiper-slide-active .about1_navs

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}











.index2{width: 100%; height: 100%; position: relative; }

.about2_swiper{ width: 100%;height: 100%;position: relative; }
.about2_swiper .about2-slide{width: 100%; height: 100%; overflow: hidden; }


.about2_list01{background: url(../img/3_1.jpg) no-repeat center;background-size: cover;}

.about2_list02{background: url(../img/3_2.jpg) no-repeat center;background-size: cover;}

.about2_list03{background: url(../img/3_3.jpg) no-repeat center;background-size: cover;}

.about2_list04{background: url(../img/3_4.jpg) no-repeat center;background-size: cover;}

.about2_list05{background: url(../img/3_5.jpg) no-repeat center;background-size: cover;}

.about2_list06{background: url(../img/3_6.jpg) no-repeat center;background-size: cover;}

.about2_swiper .swiper-pagination{ position: absolute; bottom: 0; top: auto; width: 100%!important; right: 0!important;}

.about2_swiper .swiper-pagination-progressbar-fill{ background-color: #f18103; opacity: 1; }



.about2_list{height: 100%; width: 100%; color: #fff; transition: 0.5s;}

.about2_tx{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }

.about2_list h1{ font-family: 'adv'; font-size: 36px; width: 100%; text-align: center;transition: 0.5s;}

.about2_list h2{width: 1px; height: 40px; background: #fff; margin: 0 auto; margin-top: 10px; transition: 0.5s;}

.about2_list span{width: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px;margin-top: 10px; transition: 0.5s;}

.about2_list span em{display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; margin: 0 10px;}

.about2_list:hover h2{ height: 80px;}

.about2_list:hover h1{font-size: 48px;}

.about2_list b{background: rgba(241,129,3,.3); position: absolute; width:30px; height: 30px; border-radius: 50%; left: 50%; margin-left: -15px; top: 50%; transform: translateY(-50%); z-index: 1;  transition: 0.5s;}

.about2_list:hover b{ width: 100%; height: 100%; left: 0; margin-left: 0;  border-radius: 0;}

.about2_list:hover span{font-size: 22px;}

.about2_list:hover{transform: scale(1.2);}



.index_fuwu{width: 100%; height: 100%; position: relative; }

.fuwu_swiper{ width: 100%;height: 100%;position: relative; }
.fuwu_swiper .fuwu-slide{width: 100%; height: 100%; overflow: hidden; }

.fuwu_bg{height: 100%; width: 100%;}

.fuwubg1{background: url(../img/4_1.jpg) no-repeat center;background-size: cover;}

.fuwubg2{background: url(../img/4_2.jpg) no-repeat center;background-size: cover;}

.fuwubg3{background: url(../img/4_3.jpg) no-repeat center;background-size: cover;}

.fuwubg4{background: url(../img/4_4.jpg) no-repeat center;background-size: cover;}



.tx_bg{width: 50%; position: absolute; left:-50%; height: 100%; top: 0; background: rgba(244,159,89,.7); z-index: 2; display: flex;  align-items: center; align-content: center; flex-wrap: wrap; transition: 0.8s;}

.home_swiper .swiper-slide-active .tx_bg{left: 0;}

.fuwu_navs{ text-align: left; width: calc(100% - 200px); margin: 0 auto; display: flex; justify-content: flex-start;transform: translateX(-200px);transition:1s ease-in-out 0.2s;opacity: 0;  margin-top: 40px;}

.fuwu_navs span{display: block; margin-right: 20px; cursor: pointer;}

.fuwu_navs span em{font-size: 36px; color: #fff;transition: 0.5s;}

.fuwu_navs span i{display: block; width: 0; height: 3px; background: #ffde00; margin-top: 5px; transition: 0.5s;}

.fuwu_navs span.active i{width: 100%;}

.fuwu_navs span.active em{color: #ffde00;}



.fuwutx_swiper{ position: relative; width: calc(100% - 200px); height: auto!important; margin: 0 auto; margin-top: 30px; transform: translateX(-200px);transition:1s ease-in-out 0.3s;opacity: 0; }
.fuwutx_swiper .fuwu-slide{width: 100%;  overflow: hidden;  height: auto!important;}

.fuwu_text{color: #fff; line-height: 1.8; text-align: left;}

.fuwu_text i{font-size: 28px; display: block; width: 100%;}

.fuwu_text i.zuoyin::before{content: "\e63d";}

.fuwu_text i.youyin::before{content: "\e6c2";}

.fuwu_text i.youyin{display: flex; justify-content: flex-end;}



.more_box{width: 100%; margin: 0 auto; margin-top: 30px; transform: translateX(-200px);transition:1s ease-in-out 0.4s;opacity: 0;}

.more_box a{display: block; width: 108px;height: 34px; background: #e40021; border-radius: 34px;  color: #fff; line-height: 34px; margin-top: 30px; transition: 0.5s; position: relative; overflow: hidden; text-align: center;}

.more_box a em{display: block; position:  absolute; width: 100%; height: 100%; left: 0; top: 0;}

.more_box a b{width: 0; height: 100%; display: block; background: #ffde00;  transition: 0.5s;}

.more_box a:hover b{  width: 100%;}

.more_box a:hover{color: #c26a00;}



.home_swiper .swiper-slide-active .fuwu_navs

,.home_swiper .swiper-slide-active .fuwutx_swiper

,.home_swiper .swiper-slide-active .more_box

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}



.index_news{height: 100%; background: url(../img/5.jpg) no-repeat center; background-size: cover; display: flex; justify-content: space-between; align-content: center; align-items: center; flex-wrap: wrap; }

.news_tx{width: 300px; margin-left: 100px; }

.ntx1{ color: #4ec7cf; font-size: 36px; font-weight: bold;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0;}

.ntx2{line-height: 1.8; color: #999; margin-top: 30px;transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}



.news-swiper{ position: relative; width: calc(100% - 500px); height: 100%; margin-right: 100px;transform: translateY(200px);transition:1s ease-in-out 0.3s;opacity: 0; }
.news-swiper .news-slide{width: 100%;  height: 100%; display: flex; align-items: center; }





.news_list{background: #fff; box-sizing: border-box; padding: 10px; border-radius: 16px; padding-bottom: 0; transition: 0.5s; width: 100%;}

.news_list a{display: block; width: 100%;}

.news_list em{display: block; width: 100%; border-radius: 12px; overflow: hidden;}

.news_list em img{display: block; width: 100%; transition: 0.5s;}

.news_list span{display: flex; justify-content: center; align-items: center; font-size: 16px; color: #666; height: 60px; transition: 0.3s;}

.news_list:hover{margin-top: -50px;}

.news_list:hover em img{transform: scale(1.2);}

.news_list:hover span{color: #f17f01;}





.home_swiper .swiper-slide-active .ntx1

,.home_swiper .swiper-slide-active .ntx2

,.home_swiper .swiper-slide-active .news-swiper

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}



#foot{height: auto!important;overflow: hidden;}

footer{background: #f5f5f5; overflow: hidden; padding: 50px 0;}

.foot_w{width: calc(100% - 200px); margin: 0 auto; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}

.foot_left{width: calc(100% - 200px);  overflow: hidden;}

.left_t{display: flex; justify-content: space-between;align-items: flex-start; flex-wrap: wrap; border-bottom: 1px #ddd solid; padding-bottom: 30px; }

.con_title h1{text-transform: uppercase;color: #ccc; font-size: 22px; font-weight: bold; line-height: 22px; }

.con_title h2{font-size: 16px; font-weight: bold; color: #666;}

.contact_list{width:auto; float: left;}

.contact_list h1{color: #999;}

.contact_list h2{margin-top: 6px; color: #666;}

.contact_list i{display: flex; font-size: 18px; height: 2px;}

.contact_list i.tel::before{content: "\e94f";}

.contact_list i.add::before{content: "\e610";}



.foot_r{display: block; background: #fff;border: 1px #ddd solid; box-sizing: border-box; padding: 4px;text-align: center;   width: 110px; }

.foot_r em{display: block;width: 100%;}

.foot_r em img{display: block; width: 100%;}

.foot_r p{color: #999; margin-top: 4px;margin-bottom: 4px;}



.foot_bottom{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; padding-top: 30px;}

.foot_bottom span{display: flex; justify-content: flex-start; align-items: center;flex-wrap: wrap; color: #999; height: 100%;}

.foot_bottom span h1 a{display: block; width: 100px; height: 36px; border: 1px #f17f02 solid; border-radius: 36px; line-height: 36px; text-align: center; color: #f17f02; transition: 0.5s;}

.foot_bottom span h1 a:hover{background: #f17f02; color: #fff;}

.foot_bottom span h2{margin-left: 20px; }

.foot_bottom span h2 a{color: #999;margin-left: 10px;transition: 0.5s;}

.foot_bottom span h2 a:hover{color: #000;}

.foot_bottom em a{color: #999;transition: 0.5s; }

.foot_bottom em a:hover{color: #000;}





.aboutPlus_swiper{width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.aboutPlus_swiper .aboutPlus-slide{overflow:hidden; height: 100%; }



.aboutPlus_swiper .swiper-pagination{  width: 10px!important; left: auto; right: 20px;  top:50%;  z-index: 99999;  }

.aboutPlus_swiper .swiper-pagination-bullet{ width:10px;height: 10px; border-radius:50%; opacity: 1;  box-sizing: border-box; margin-top: 10px; background: #ffde00;  }

.aboutPlus_swiper .swiper-pagination-bullet-active{background: #e40021;}



.jianjie_box{background: url(../img/a1.jpg) no-repeat center;background-size: cover; width: 100%; height: 100%;}

.jieshao_swiper{ position: relative; width: calc(100% - 200px); height: 100%; margin: 0 auto;  }
.jieshao_swiper .jieshao-slide{width: 100%;  height: 100%; display: flex; justify-content: flex-end;  }

.jieshao_list{width: 500px;  height: 100%; display: flex; justify-content: flex-start; align-items:center;align-content: center; flex-wrap: wrap;}

.jieshao_title{font-size: 32px; color: #fff;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0; }

.jieshao_tx{color: #fff; text-align: justify; line-height: 1.8;margin-top: 30px;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0; width: 100%; }



.jieshao_swiper .swiper-slide-active .jieshao_title

,.jieshao_swiper .swiper-slide-active .jieshao_tx

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}









.wenhua_swiper{width: 100%; height: 100%; background: #000; }
.wenhua_swiper .wenhua-slide{overflow:hidden; height: 100%;  }



.wenhua_list{width: 100%;height: 100%;position: relative;color: #fff;transition: 0.5s;}



.wenhuabg01{background: url(../img/wenhua01.jpg) no-repeat center; background-size: cover; }

.wenhuabg02{background: url(../img/wenhua02.jpg) no-repeat center; background-size: cover;}

.wenhuabg03{background: url(../img/wenhua03.jpg) no-repeat center; background-size: cover;}

.wenhua_tx{ position: absolute; left:50px; bottom: 0; z-index: 2; width: calc(100% - 100px); text-align: center; transition: 0.5s;}

.wenhua_tx em{display: block; margin: 0 auto;   font-size: 42px;}

.yuanjing::before{content: "\e612";}

.linian::before{content: "\e65d";}

.shiming::before{content: "\e624";}

.wenhua_tx h1{font-size: 18px; margin-top: 8px; padding-bottom: 20px;}

.wenhua_tx i{width: 1px; height: 0px; background: #fff; margin: 0 auto;  display: block;transition: 0.5s;}

.wenhua_tx h2{font-size: 22px; margin-top: 20px; opacity: 0;transition: 0.5s ease-in-out 0.1s;transform: translateY(30px);}

.wenhua_tx h3{margin-top: 10px; opacity: 0;transition: 0.5s  ease-in-out 0.2s;transform: translateY(30px);}



.wenhua_list:hover .wenhua_tx{ transform: translateY(-60px);}

.wenhua_list:hover .wenhua_tx i{height: 30px;}

.wenhua_list:hover h2{transform: translateY(0px);opacity: 1;}

.wenhua_list:hover h3{transform: translateY(0px);opacity: 1;}



.wenhuabg{position: absolute; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to top, rgba(241,126,0,.1), rgba(0,0,0,0)); transition: 0.5s;}

.wenhua_list:hover .wenhuabg{background: linear-gradient(to top, rgba(241,126,0,.4), rgba(0,0,0,0));}



.honner_box{ width: 100%; height: 100%;background: url(../img/honner.jpg) no-repeat center; background-size: cover; display: flex;flex-wrap: wrap; align-items: center;align-content: center;}

.rongyu_title{text-align: center; width: 100%;color: #fff; font-size: 24px;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0;  }

.rongyu_swiper_box{width: 100%;}

.nian_swiper{width:600px; margin: 0 auto; height: auto; margin-top: 60px; transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}
.nian_swiper .nian-slide{overflow:hidden; height: auto; width: 100%; text-align: center;   }

.nian_swiper .nian-slide em{display: block; width: 100%;height: 42px; background: #ffde00;color: #000; border-radius: 42px; line-height: 42px; font-size: 24px;font-weight: bold; transition: 0.5s; cursor: pointer;}

.nian_swiper .swiper-slide-thumb-active em{background: #e40021; color: #fff;}



.event_swiper .swiper-button-prev{ width: 44px; height: 44px; position: absolute; left: 50%; margin-left: -44px; bottom: 0;  top: auto; z-index: 2;background: url(../img/left.png) no-repeat; background-size: 100% 100%; cursor: pointer;  }

.event_swiper .swiper-button-next { background-image: none; width: 44px; height: 44px; position: absolute; right: 50%; margin-right: -44px; bottom: 0;  top: auto; z-index: 2;background: url(../img/right.png) no-repeat; background-size: 100% 100%; cursor: pointer;}

.event_swiper .swiper-button-disabled{opacity: .5!important;}



.event_swiper{width: 800px; margin: 0 auto;  height: auto; margin-top: 30px; padding-bottom: 70px; transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;

--swiper-navigation-size: 0;/* 设置按钮大小 */

}
.event_swiper .event-slide{overflow:hidden; height: auto; width: 100%;  }





.licheng_info{width:100% overflow: hidden;margin: 0 auto;}

.licheng_info h1{font-size: 20px; text-align: center; color: #fff; font-weight: bold;}

.licheng_info h2{display: block; width: 100%; margin-top: 30px; color:#fff; text-align: center; font-size: 14px; }



.aboutPlus_swiper .swiper-slide-active .rongyu_title

,.aboutPlus_swiper .swiper-slide-active .nian_swiper

,.aboutPlus_swiper .swiper-slide-active .event_swiper

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}





.jubao{width: 100%; height: 100%;background: url(../img/jubao.jpg) no-repeat center; background-size: cover; }

.jubao_tx{width: calc(100% - 200px); position: absolute; left: 100px; top: 50%; transform: translateY(-50%);}

.jubao_tx h1{font-size: 28px;color: #4ec7cf;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0;}

.jubao_tx h2{font-weight: bold; color: #f18103; font-size: 42px;transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}

.jubao_tx h3{transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}

.jubao_tx h3 a{width: 180px; height: 42px; border: 1px #f28b29 solid; border-radius: 42px; text-align: center; line-height: 42px; display: block; background: #fff; color: #f28b29; font-size: 16px; margin-top: 30px; transition: 0.5s;}

.jubao_tx h3 a:hover{background: #e40021; color: #fff;}



.aboutPlus_swiper .swiper-slide-active .jubao_tx h1

,.aboutPlus_swiper .swiper-slide-active .jubao_tx h2

,.aboutPlus_swiper .swiper-slide-active .jubao_tx h3

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}





.service_swiper{width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.service_swiper .service-slide{overflow:hidden; height: 100%; }

.service_swiper .swiper-pagination{  width: 10px!important; left: auto; right: 20px;  top:50%;  z-index: 99999;  }

.service_swiper .swiper-pagination-bullet{ width:10px;height: 10px; border-radius:50%; opacity: 1;  box-sizing: border-box; margin-top: 10px; background: #ffde00;   }

.service_swiper .swiper-pagination-bullet-active{background: #e40021;}



.fuwu_box{width: 100%; height: 100%;}

.fuwubg01{background: url(../img/f1.jpg) no-repeat center; background-size: cover; }

.fuwubg02{background: url(../img/f2.jpg) no-repeat center; background-size: cover; }

.fuwubg03{background: url(../img/f3.jpg) no-repeat center; background-size: cover; }

.fuwubg04{background: url(../img/f4.jpg) no-repeat center; background-size: cover; }



.fuwu_tx{width: calc(100% - 200px); position: absolute; left: 100px; top: 50%; transform: translateY(-50%); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

.ft{  font-size: 42px;font-weight: bold; width: 80px; height: 80px; border-radius: 50%;  background: #ffde00; line-height: 80px;text-align: center; color: #f18103; transform: rotateY(90deg);transition:1s ease-in-out 0s; }



.ft_r{width: 700px;margin-left: 30px; }

.fuwu_title{font-size: 24px; margin-top: 10px; color: #000; font-weight: bold;transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}

.fuwu_info{line-height: 1.8; color: #555; text-align: justify; margin-top: 20px;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0; }



.service_swiper .swiper-slide-active .ft

,.service_swiper .swiper-slide-active .fuwu_title

,.service_swiper .swiper-slide-active .fuwu_info

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}



.huanjing_swiper{width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.huanjing_swiper .huanjing-slide{overflow:hidden; height: 100%; }

.huanjing_swiper .swiper-pagination{  width: 10px!important; left: auto; right: 20px;  top:50%;  z-index: 99999;  }

.huanjing_swiper .swiper-pagination-bullet{ width:10px;height: 10px; border-radius:50%; opacity: 1;  box-sizing: border-box; margin-top: 10px; background: #ffde00;   }

.huanjing_swiper .swiper-pagination-bullet-active{background: #e40021;}



.huanjing_box{width: 100%; height: 100%; position: relative;}



.nei_swiper{ width: 100%;height: 100%; }
.nei_swiper .nei-slide{width: 100%; height: 100%; overflow: hidden;}

.wai_swiper{ width: 100%;height: 100%; }
.wai_swiper .wai-slide{width: 100%; height: 100%; overflow: hidden;}

.wu_swiper{ width: 100%;height: 100%; }
.wu_swiper .wu-slide{width: 100%; height: 100%; overflow: hidden;}
.hjtu{ width: 100%; height: 100%;}

.shineibg1{background: url(../img/s1_1.jpg) no-repeat center; background-size: cover;}

.shineibg2{background: url(../img/s1_2.jpg) no-repeat center; background-size: cover;}

.shineibg3{background: url(../img/s1_3.jpg) no-repeat center; background-size: cover;}



.shiwaibg1{background: url(../img/s2_1.jpg) no-repeat center; background-size: cover;}

.shiwaibg2{background: url(../img/s2_2.jpg) no-repeat center; background-size: cover;}

.shiwaibg3{background: url(../img/s2_3.jpg) no-repeat center; background-size: cover;}



.wuzhangbg1{background: url(../img/s3_1.jpg) no-repeat center; background-size: cover;}

.wuzhangbg2{background: url(../img/s3_2.jpg) no-repeat center; background-size: cover;}

.wuzhangbg3{background: url(../img/s3_3.jpg) no-repeat center; background-size: cover;}



.nei_navs{position: absolute; z-index: 2; left: 0; bottom: 60px; width: 100%; display: flex; justify-content: center; align-items: flex-end;transform: translateY(200px);transition:1s ease-in-out 0.3s;opacity: 0; }

.nei_list{cursor: pointer; margin: 0 10px;color: #fff;font-size: 18px; font-weight: bold;}

.nei_list.active{color: #ffde00;}



.wai_navs{position: absolute; z-index: 2; left: 0; bottom: 60px; width: 100%; display: flex; justify-content: center; align-items: flex-end;transform: translateY(200px);transition:1s ease-in-out 0.3s;opacity: 0; }

.wai_list{cursor: pointer; margin: 0 10px;color: #fff;font-size: 18px; font-weight: bold;}

.wai_list.active{color: #ffde00;}





.wu_navs{position: absolute; z-index: 2; left: 0; bottom: 60px; width: 100%; display: flex; justify-content: center; align-items: flex-end;transform: translateY(200px);transition:1s ease-in-out 0.3s;opacity: 0; }

.wu_list{cursor: pointer; margin: 0 10px;color: #fff;font-size: 18px; font-weight: bold;}

.wu_list.active{color: #ffde00;}





.hj_text{position: absolute;width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;color: #fff;}

.hj_text i{display: block; font-size: 48px;text-shadow: 0 0 10px rgba(0,0,0,.4);transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0; }

.hj_text i.shinei::before{content: "\e634";}

.hj_text i.shiwai::before{content: "\e61c";}

.hj_text i.wuzhang::before{content: "\e613";}

.hj_text h1{font-size: 28px;font-weight: bold;text-shadow: 0 0 10px rgba(0,0,0,.4); margin-top: 8px;transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0; }

.hj_text h2{font-size: 16px; text-shadow: 0 0 10px rgba(0,0,0,.4); width: 750px; margin: 0 auto;margin-top: 20px; line-height: 1.6;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0; }



.huanjing_swiper .swiper-slide-active .hj_text i

,.huanjing_swiper .swiper-slide-active .hj_text h1

,.huanjing_swiper .swiper-slide-active .hj_text h2

,.huanjing_swiper .swiper-slide-active .nei_navs

,.huanjing_swiper .swiper-slide-active .wai_navs

,.huanjing_swiper .swiper-slide-active .wu_navs

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}



.news_box{width: 100%;min-height: 90vh; background: url(../img/newsbg.jpg) no-repeat center; background-size: cover; background-attachment:fixed;  overflow: hidden; padding-bottom: 60px; }



.news_title{text-align: center; margin-top: 160px; font-size: 28px; font-weight: bold; color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.4);}



.wenzhang{width: calc(100% - 200px); margin: 0 auto; margin-top: 60px; overflow: hidden;}

.wenzhang_list{width: calc(33.3333% - 20px); margin-right: 30px; float: left; cursor: pointer; }

.wenzhang_list:last-child{margin-right: 0;}

.wenzhang_list a{display: block; width: 100%;height: 480px; position: relative; overflow: hidden;}

.news_tu{ width: 100%; height: 220px; overflow: hidden;transition: 0.5s; position: absolute; top: 0; left: 0;}

.news_tu img{width: 100%; display: block; min-height: 100%;}

.news_info{background: #fff; overflow: hidden;  width: 100%; height:480px; box-sizing: border-box;padding: 40px; position: absolute; left: 0; top:220px;transition: 0.5s; position: relative;}

.news_info h1{font-size: 18px;}

.news_info h2{text-align: justify; color: #888; line-height: 1.6; margin-top: 20px;}

.news_info h3{margin-top: 40px; font-size: 16px;}

.news_info h4{ width: 130px; height: 40px; background: #fff; border-radius: 42px; text-align: center; line-height: 42px; position: absolute; left: 40px; bottom: 40px; display: flex; justify-content: center; align-items: center;}

.news_info h4 i{display: block; font-size:18px; transition: 0.5s;}

.news_info h4 i::before{content: "\e651";}

.wenzhang_list:hover .news_tu{ top: -220px;}

.wenzhang_list:hover .news_info{top: 0; background: #ffe327;}

.news_info h4:hover i{margin-left: 10px;}



.news_show{width: 1200px; margin: 0 auto; margin-top: 160px;}





.back{width: 60px; height: 60px; border: 1px #fff solid; border-radius: 50%; transition: 0.5s;}

.back a{display: block; width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px;transition: 0.5s;}

.back a::before{content: "\e697";}

.back:hover{border: 1px #ffde00 solid; background: #ffde00;}

.back:hover a{color: #000;}



.weizhi{display: flex; justify-content: flex-start; align-items: center;}

.add{margin-left: 20px; color: #fff;}

.add a{color: #fff; transition: 0.5s;}

.add a:hover{color: #ffde00;}

.add i{color: #ffde00;}

.neirong{background: #fff;box-sizing: border-box; padding: 30px; border-radius: 10px; margin-top: 50px;}

.biaoti{text-align: center; border-bottom: 1px #ccc solid; padding-bottom: 20px; }

.biaoti h1{font-size: 24px;}

.biaoti h2{display: flex; justify-content: center;align-items: center; color: #999; margin-top: 10px;}

.biaoti h2 i{margin-right: 6px;}

.biaoti h2 i::before{content: "\e65f";}

.jieshaoye{line-height: 1.8; color: #666; margin-top: 20px;overflow: hidden;}

.jieshaoye img{max-width: 100%!important; height: auto!important;}





.contact_swiper{width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.contact_swiper .contact-slide{overflow:hidden; height: 100%; }

.contact_swiper .swiper-pagination{  width: 10px!important; left: auto; right: 20px;  top:50%;  z-index: 99999;  }

.contact_swiper .swiper-pagination-bullet{ width:10px;height: 10px; border-radius:50%; opacity: 1;  box-sizing: border-box; margin-top: 10px; background: #ffde00;   }

.contact_swiper .swiper-pagination-bullet-active{background: #e40021;}



.contact_lianxi{width: 100%; height: 100%;background: url(../img/lianxi.jpg) no-repeat center; background-size: cover; position: relative;}

.con_he{ width: 1200px; margin: 0 auto;  position: absolute; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%);display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }

.con_list{  width: 30%;   text-align: center;}

.con_list:last-child{margin-right: 0;}

.con_list i{font-size: 32px; width: 60px; height: 80px; background: #ffde00; border-radius:60px; display: flex; justify-content: center; align-items: center; margin: 0 auto; color: #000; position: relative;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0;}

.con_list i b{display: block; width: 10px; height: 10px; border-radius: 50%; background: #e40021; position: absolute; bottom: -5px; left: 50%; margin-left: -5px;}

.con_list i.con_dianhua::before{content: "\e94f";}

.con_list i.con_dizhi::before{content: "\e610";}

.con_list i.con_ren::before{content: "\e62b";}

.con_list span{margin-top: 20px; display: block;}

.con_list span h1{color: #fff;transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0; }

.con_list span h2{color: #fff; font-size: 14px; margin-top: 20px; font-weight: bold;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}

.linec{width: 1px; height: 0px; opacity: 0; background:rgba(255,255,255,.5); transition:1.2s;}

.contact_swiper .swiper-slide-active .linec{height: 200px; opacity: 1;}



.contact_swiper .swiper-slide-active .con_list i

,.contact_swiper .swiper-slide-active .con_list span h1

,.contact_swiper .swiper-slide-active .con_list span h2

,.contact_swiper .swiper-slide-active .yuyue_title h1

,.contact_swiper .swiper-slide-active .yuyue_title h2

,.contact_swiper .swiper-slide-active .yuyue_input

{

  transform: translateY(0);opacity: 1;

  -ms-transform: translateY(0);opacity: 1;

  -moz-transform: translateY(0);opacity: 1;

  -webkit-transform: translateY(0);opacity: 1;

  -o-transform: translateY(0);opacity: 1;

  transform: translateX(0);opacity: 1;

  -ms-transform: translateX(0);opacity: 1;

  -moz-transform: translateX(0);opacity: 1;

  -webkit-transform: translateX(0);opacity: 1;

  -o-transform: translateX(0);opacity: 1;

}



.contact_yuyue{width: 100%; height: 100%;background: url(../img/yuyue.jpg) no-repeat center; background-size: cover; position: relative;}



.yuyue{width: 900px; position: absolute; left: 50%; margin-left: -450px; top: 50%; transform: translateY(-50%);}

.yuyue_title{text-align: center; color: #fff;}

.yuyue_title h1{text-shadow: 0 0 10px rgba(0,0,0,.4); color: #fff; font-size: 24px; font-weight: bold;transform: translateY(200px);transition:1s ease-in-out 0s;opacity: 0;}

.yuyue_title h2{margin-top: 10px;text-shadow: 0 0 10px rgba(0,0,0,.4);transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}



.yuyue_input{margin-top: 20px; overflow: hidden;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}



.yuyue_input input[type='text']{

	outline:none;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

	-ms-appearance:none;

	padding: 0;

	margin: 0;

	border: none;

	width: 100%;

	height: 50px;

	box-sizing: border-box;

	padding:0 20px;

	background:rgba(255,255,255,.6);

	border-radius: 50px;

	margin-top: 20px;

}





.yuyue_input input[type='submit']{

	outline:none;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

	-ms-appearance:none;

	padding: 0;

	margin: 0;

	border: none;

	background: #ffde00;

	width: 100%;

	height: 50px;

	cursor: pointer;

	font-size:16px;

	color: #000;

	display: block;

	margin-top: 20px;

	border-radius: 50px;

	transition: 0.5s;

}

.yuyue_input input[type='submit']:hover{background: #e40021; color: #fff;}







.pagelist{ width: 1200px; margin: 0 auto; margin-top: 30px;}

.pagelist ul{display: flex; justify-content: center; flex-wrap: wrap;}

.pagelist li{margin-left: 4px; margin-right: 4px; margin-top: 10px;}

.pagelist a{height: 36px; width: 36px; line-height: 36px;  background: #ffde00; border-radius: 50%; font-size: 14px; display: block;  text-align: center; font-weight: bold; transition: 0.5s; }

.pagelist a:hover{ background: #e40021;  color: #fff;}

.pagelist li.active a{background: #e40021; color: #fff;}





.pagelist li.shouye{display: none;}

.pagelist li.shangyiye{display: none;}

.pagelist li.xiayiye{display: none;}

.pagelist li.moye{display: none;}