@charset "utf-8"; 
/* icon表*/
@import './syfont.css';
@import './iconfont.css';
@import './animate.min.css';
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote,article,aside,footer,header,nav,section{margin:0; padding:0;}
img,abbr{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:700;}
input,button,textarea,select,canvas{font-size:inherit; font-size:100%; font-family:inherit; vertical-align:top;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{-webkit-appearance:none;}
a,input,button,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
address,cite,dfn,em,code,var,caption,th{font-style:normal; font-weight:normal;}
article,aside,footer,header,nav,section{display:block;}
q:before,q:after{content:'';}
wbr:nth-of-type(n):after{vertical-align:middle; border-style:solid dashed dotted; text-decoration:underline; white-space:nowrap; background-size:contain cover;}
/* Basic */
*{word-wrap:break-word; outline:none;}
::selection{background:#F60; color:#fff;}
::-moz-selection{background:#F60; color:#fff;}
.clear:after,.Endtext:after{content:''; height:0; visibility:hidden; display:block; clear:both; }
.fl{float:left;}
.fr{float:right;}
img{max-width:100%; display:block; margin:0 auto;}
.border-box,input,button,textarea,.wrap,.mod-area,*:after,*:before,.HSlish li{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.none{display:none;}
.relative{position:relative;}
.red{color:#e8272f;}
html{font-size:38px; -webkit-text-size-adjust:none;}
body{font:14px/1.5 "PingFangSC-Regular", "Tahoma", "Microsoft Yahei", "sans-serif", "Arial", "Hiragino Sans GB"; background:#000 url('../images/bg.png') repeat fixed center 0; color:white;}
body.sectionBody{ overflow: hidden; height: 100%; padding-bottom: 0;}
a:link,a:visited,a:active,a:hover{text-decoration:none; color:white;}
.swiper-container {width: 100%;height: 100%; margin: 0;}
.wrap{position: relative; width:1200px; margin:0 auto;}
.min-wrap{ min-width:1200px;}
.scrollBtn{ width: 60px; position: fixed; left:50%; bottom:0; margin-left:-30px; overflow: hidden; font-size:12px; line-height:1; text-align:center; pointer-events:none; color: #FFF;}
.scrollBtn span{ display: block; position: relative; height:50px; overflow: hidden;}
.scrollBtn span:before{content:'';position:absolute;top:0;left:28px;width:3px;height:100%;background-color:#fff;-webkit-animation:screen-arrow 1.5s infinite ease;animation:screen-arrow 1.5s infinite ease;}
@-webkit-keyframes screen-arrow {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);} 100% {-webkit-transform: translateY(100%);transform: translateY(100%);}}
@keyframes screen-arrow {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%);}100% {-webkit-transform: translateY(100%);transform: translateY(100%);}}
.headTop{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background:rgba(0,0,0,1) url('../images/bg.png') repeat fixed center 0;}
.sectionBody .headTop{ background: none;}
.nav{ height: 100px; display: flex; align-items: center; font-size: 18px; font-family: "webfont";} 
.nav .logo { flex:1}
.nav .logo a{ display: block; width: 180px; margin: 0 auto;}
.nav dd a{ display: inline-block; padding: 0 24px;}
.navIcon{ display: none;}
.video{ position: relative; width: 100%; height: 100%; background: black; vertical-align: top;}
.section{ text-align: center; background-position: center center; background-size: cover;}
.more a{ display: inline-block; font: 20px/68px "webfont";; background: url('../images/more.png') no-repeat center bottom; padding: 0 16px;}
.Hmenu{ padding: 100px 0 120px; font-family: "webfont";}
.Hmenu dt{ font-size: 48px; line-height: 2; letter-spacing:15px;}
.Hmenu dd{ font-size: 18px; line-height: 2; letter-spacing:10px;}
.footer{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 80px 0 40px; font-family: "webfont"; color: white;}
.footer dt{ width: 100%; font-size: 14px; line-height: 2.2; text-align: center;}
.foot-text,.foot-text a{ color: #898989; font-weight: bold;}
.footer dd{ text-align: left; padding: 60px 36px 60px 0; font-size: 16px; line-height: 1.8;}
.footIcon a{ position: relative; display: inline-block; width: 42px; height: 42px; background-color: white; color: black; border-radius: 6px; margin-right: 15px; line-height: 42px; font-size: 32px; text-align: center;}
.footIcon a img{ display: none;}
.footIcon a:hover img,.footIcon a.cur img{ display: block; position: absolute; width: 160px; height: 160px; max-width: inherit; bottom: 130%; left: -30px;}

.footer dd.foot-nav{ padding-right: 0; flex:1; text-align: right;}
.foot-nav{ text-align: right;}
.foot-nav a{ display: inline-block; margin-left: 20px; padding: 0 10px; line-height: 2;}
.foot-text a{ display: inline-block; margin-left: 24px;}
#footer .fp-tableCell{ background: none;}
.footBody .scrollBtn,.lifeBody .scrollBtn{ opacity: 0;} 
.footBody .headTop{ background: rgba(0,0,0,0.9) url('../images/bg.png') repeat fixed center 0;}
.Hvideo .fp-tableCell{ padding-top: 100px;}
.Pnav{ display: flex; justify-content: center; position: absolute; bottom: 108px; left: 50%; margin-left: -600px;  font-family: "webfont";}
.Pnav li{ padding:20px 36px;}
.Pnav li a{ display: inline-block; font-size: 24px; line-height: 34px; border-radius: 20px; border:1px solid rgba(255,255,255,0.75); padding: 0 16px; min-width: 124px;}
.Ptitle{ padding:100px 0 100px 880px; width: 320px; text-align: left; margin:0 auto; font-family: "webfont";}
.Ptitle dt{ font-size: 84px; line-height: 1.3;}
.Ptitle dd{ font-size: 30px;}
.Pinfo{ background-color: white; text-align: center; color: black;}
.Pinfo img{ width: 100%;}
.PItext{padding: 10% 0; line-height: 1.75;   font-family: "webfont";}
.PItext dt{ color: rgba(0,0,0,0.5); font-size: 22px; padding: 40px 0 54px;}
.PItext dd{ position: relative; font-size: 50px; padding: 48px 0;}
.PItext dd::after{ content: ''; position: absolute; width: 84px; height: 1px; top: 0; left: 50%; margin-left: -42px; background-color: black;}
.Pvideo{ position: relative; width: 100%; background: black; vertical-align: top;}
.PIimgtext{ display: flex; align-items: center;}
.PIimgtext dt{ width: 45.4%;}
.PIimgtext dd{ width: 40%; padding-left: 4.375%; font-size: 0.15rem; line-height: 2; text-align: left; font-family: "webfont";}
.PIimg{ display: flex; position: relative;}
.PIimg dd{ width: 54.6%;}
.PIimg dt{ position: relative;  width: 45.4%;}
.PIimg dt img{ position: absolute; height: 100%; width: auto; right: 0; top: 0;}
.PIall span{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/PIall.png') no-repeat center center; background-size: cover;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ background-color: rgba(0,0,0,0.5); color: white; padding: 12px 6px; border-radius: 2px;}
.mySwiper .swiper-button-next::after,.mySwiper .swiper-button-prev::after{ font-size: 32px;}
.mySwiper .swiper-button-next{ right: 30px;}
.mySwiper .swiper-button-prev{ left: 30px;}
.MTnav,.Pinfo{ margin-top: 100px;}
/* .about{ font-family: "webfont"; background-color: white; color: black;} */
.about{background: url('../images/aboutBg.jpg') repeat; background-size: 50% 100%; overflow: hidden;}
.about dl{ position: relative; height: 100%; display: flex; align-items: center;}
.about dt,.about dd{ position: relative; width: 50%;height: 100%; }
.about dt img{ position: absolute; width: 100%; left: 0; top:50%; transform: translateY(-50%);}
.about dd img{ position: absolute; max-width: 100%; max-height: 100%; left: 16px; top:50%; transform: translateY(-50%);}
.about:nth-of-type(even) dl{ flex-direction: row-reverse;}
.about:nth-of-type(even) dd img{ left: inherit; right: 16px;}
.about dd{ width: 50%; min-width: 600px; box-sizing: border-box;}


.news{ padding: 48px 0;}
.Nlist li{ padding:20px 0 40px;}
.Nlist li a{  display: flex; justify-content: space-between;}
.NlistPic,.NlistPic img{ width: 500px; height: 280px; overflow: hidden; transition-duration: 0.6s;}
.Nlist li a:hover .NlistPic img{ transform: scale(1.2,1.2);}
.NlistRight{ width: 640px; color: black; text-align: left;}
.NlistRight p{ padding-top: 8px; font-size: 18px; line-height: 42px; border-bottom: 1px solid black; text-align: right;}
.NlistRight h6{ font-weight: normal; font-size: 24px; line-height: 1.8; padding-top: 12px;}
.newsInfo{ display: flex; justify-content: space-between; text-align: left;}
.Lnews{ width: 800px; padding:80px 60px 80px 0; border-right: 1px solid #EEE;}
.Lnews a{ color: #333;}
.Rnews{ width: 339px;}
.MRnews{ padding: 30px; border-bottom: 1px solid #F6F6F6; font-size: 22px;}
.Rnews li a{ display: block; border-bottom: 1px solid #F6F6F6; padding: 30px 0 30px 30px; font-size: 18px; color: #333;}
.Rnews li p{ color:#999; font-size: 16px; padding-top: 10px;}
.page{ text-align:center; clear:both; font-size: 16px;}
.page *{ border:1px solid #d9d9d9; background:#f6f6f6; display:inline-block; padding:8px 16px;}
.page a{ color: black;}
.page b{ border:1px solid #222; background:black; color:#fff}
.page a b{ border:none; background:none; padding:0; color:#333}
.page a:hover{ border:1px solid #BBB; background:#f0f0f0; text-decoration:none; }
.Lnews h1{ font-size: 24px;}
.Endtime{ font-size: 14px; color:#999; border-bottom: 1px dashed #EEE; padding: 12px 0; margin-bottom: 24px;}
.upDown{ color:#000; padding:12px 0 0;font-size:14px; border-top:  1px dashed #EEE; text-align: left; margin-top: 12px;}
.upDown li{ height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Endtext {width:100%; overflow:hidden; margin:0 auto; padding:12px 0 20px; font-size: 16px; text-align: justify; line-height: 1.8; color: #333;}
.Endtext img{ max-width: 100%; width: inherit; display: inline; margin: 0;}
.Endtext p,.Endtext ul,.Endtext ol{ padding:8px 0;}
.Endtext table,.Endtext hr{ margin-top:8px; margin-bottom:8px}
.Endtext ul li{list-style:disc outside none; margin-left:2em}
.Endtext ol li{list-style:decimal outside none; margin-left:2em}
.section .fp-tableCell{ opacity: 0; background-color: rgba(54,46,43,0.7); color: white;}
.about .fp-tableCell{ opacity: 1; background-color: transparent; padding-top: 100px;}
.Hvideo .fp-tableCell{ background-color: transparent; }
.section.active .fp-tableCell{ -webkit-animation:fadeIn 1s .6s ease both; animation:fadeIn 1s .6s ease both;}
.section.active .Hmenu{ -webkit-animation:fadeInUp 1s .8s ease both; animation:fadeInUp 1s .8s ease both;}
.section.active .more{ -webkit-animation:fadeInUp 1s 1.1s ease both; animation:fadeInUp 1s 1s ease both;}
.about.active dt,.about:nth-of-type(even).active dd{ -webkit-animation:fadeInLeft 1s .6s ease both; animation:fadeInLeft 1s .6s ease both;}
.about.active dd,.about:nth-of-type(even).active dt{ -webkit-animation:fadeInRight 1s .8s ease both; animation:fadeInRight 1s .8s ease both;}

.aboutBody .scrollBtn{ color: black;}
.aboutBody .scrollBtn span:before{ background-color: black;}

.nav dd.cur a,.Pnav li.cur a{ color: rgba(243,194,150,0.9); border-color: rgba(243,194,150,0.9);}

.pcShow{ display: block;}
span.pcShow{ display: inline;}
.wapShow{ display: none;}
body *{ transition-property:background,opacity,color,transform; transition-duration: 0.4s; }
@media screen and (max-width:1240px){
  .min-wrap{ min-width:1000px;}
  .wrap{ width: 1000px;}
  .Hmenu dt{ font-size: 42px;}
  .Hmenu dd{ font-size: 16px;}
  .more a{ font-size: 18px;}
  .footer dd{ font-size: 15px;}
  .Ptitle{ padding-left: 668px; width: 320px;}
  .Ptitle dt{ font-size: 72px; }
  .Ptitle dd{ font-size: 26px;}
  .NlistPic,.NlistPic img{ width: 400px; height: 224px;}
  .NlistRight{ width: 548px;}
  .about dd{min-width: 500px;}

}
@media screen and (max-width:1020px){
  *{-webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
  .min-wrap{ min-width:100%;}
  .wrap{ max-width: 750px; width: 100%;}
  .headTop{background:rgba(0,0,0,0.9) url('../images/bg.png') repeat fixed center 0;}
  .nav{ height: 1.28rem;}
  .nav dd{ display: none;}
  .nav .logo{ width: 2.8rem; flex: inherit; padding: 0 0 0 0.4rem;}
  .nav .logo a{ width: auto;}
  .navIcon{ display: block; margin-left: auto; padding-right: .2rem;}
  .navIcon a{ display: inline-block; width: 1.28rem; font-size: 0.72rem; line-height: 1.28rem; text-align: center; transition-duration: 0s;}
  .navIcon a::before{ content: "\e87c";}
  .headTop.cur{ height: 100%; background: rgba(0,0,0,0.9); z-index: 999;}
  .headTop.cur .nav{ width: 3.32rem; height: 100%; flex-direction: column; justify-content: center; text-align: center;}
  .headTop.cur .nav dd{ width: 100%; display: block; font-size: .48rem; line-height: 1.72rem; order: 2;}
  .headTop.cur .nav dd a{ padding: 0; display: block;}
  .headTop.cur .nav .logo{ width: 100%; flex: inherit; padding: 0 0 0.88rem; order: 1;}
  .headTop.cur .nav .navIcon{ order: 3; padding:0.8rem 0 0; margin: 0 auto;}
  .headTop.cur .nav .navIcon a{ background: rgba(255,255,255,0.5); border-right: 100%; border-radius: 100%; width: 1rem; line-height: 1rem; font-size: 0.56rem;}
  .headTop.cur .nav .navIcon a::before{ content: "\eb6a";}
  .fp-tableCell,.Hvideo .fp-tableCell,.about .fp-tableCell{ padding-top: 1.28rem;}
  .Hmenu{ padding: 2rem 0.6rem 1.6rem; }
  .Hmenu dt{ font-size: .52rem; letter-spacing:.08rem;}
  .Hmenu dd{ font-size: .32rem; letter-spacing:0.04rem;}
  .more a{ font-size: .32rem; line-height: 2.5; padding: 0 .2rem  0.2rem; background-size: .64rem auto;}
  #footer .fp-tableCell{ padding-top: 0;}
  .footer{ padding: 1.2rem .8rem .8rem; justify-content: space-between;}
  .footer dt img{ width: 3.32rem; padding-bottom: 1rem;}
  #qrcode3 {width:100%;}
  .footer dd{font-size: .32rem; padding: 0 0 .48rem;}
  .foot-tel{ order: 1; font-size: .32rem;}
  .footIcon{ order: 2;}
  .foot-investment{ order: 3; width: 100%;}
  .foot-nav{ display: none;}
  .footer dt.foot-text{ order: 5; font-size: .28rem; line-height: 1.8; padding: 0 0.2rem;}
  .foot-text a{ margin-left: 0;}
  .footIcon a{ width: .8rem; height: .8rem; border-radius: .08rem; margin-right: .2rem; line-height: .8rem; font-size: 0.56rem;}
  .footIcon a:last-of-type{ margin: 0;}
  .footIcon a:hover img,.footIcon a.cur img{ width: 2.4rem; height: 2.4rem; left: inherit; right: -0.2rem;}
  .Pnav{ position: static; width: 90%; left: 0; margin: 0 auto; flex-wrap: wrap;}
  .Pnav li{ padding:.32rem;}
  .Pnav li a{ font-size: .42rem; line-height: 2; border-radius: 0.8rem;  padding: 0 .2rem; min-width: 3.4rem;}
  .Ptitle{ padding:1rem 0 1rem 1.8rem; width: 9rem; margin: 0;}
  .Ptitle dt{ font-size: 1.2rem;}
  .Ptitle dd{ font-size: .56rem;}
  .PItext dt{ font-size: .36rem; padding: .48rem;}
  .PItext dd{ position: relative; font-size: .64rem; padding: 0.48rem;}
  .PItext dd::after{ content: ''; position: absolute; width: 84px; height: 1px; top: 0; left: 50%; margin-left: -42px; background-color: black;}
  .PIimgtext{ display: block;}
  .PIimgtext dt{ width: 100%;}
  .PIimgtext dd{ width: 100%; padding-left: 0.44rem; font-size: .32rem;}
  .PIimg{ display: flex; position: relative;}
  .PIimg dd{ width: 54.6%;}
  .PIimg dt{ position: relative;  width: 45.4%;}
  .PIimg dt img{ position: absolute; height: 100%; width: auto; right: 0; top: 0;}
  .PIall span{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/PIall.png') no-repeat center center; background-size: cover;}
  .mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ background-color: rgba(0,0,0,0.5); color: white; padding: 12px 6px; border-radius: 2px;}
  .mySwiper .swiper-button-next::after,.mySwiper .swiper-button-prev::after{ font-size: 32px;}
  .mySwiper .swiper-button-next{ right: 30px;}
  .mySwiper .swiper-button-prev{ left: 30px;}
  .MTnav,.Pinfo{ margin-top: 1.28rem;}
  
  .Wabout{ width: 100%; min-width: inherit; background: url('../images/aboutBg.jpg') repeat; background-size: 100% 100%;}
  .Wabout dd{ padding: 0 0.2rem 0.2rem;}
  .Wabout img{ width: 100%;}

  .news{ padding: .32rem 0.48rem 0.6rem;}
  .Nlist{ padding-bottom: 0.2rem;}
  .Nlist li{ padding:.24rem 0;}
  .Nlist li a{ display: block;}
  .NlistPic,.NlistPic img{ width: 100%; height: auto;}
  .NlistRight{ width: 100%; color: black; text-align: left;}
  .NlistRight p{ padding-top: 0.2rem; font-size: 0.28rem; line-height: 2; color: #999; text-align: left; border-bottom: none;}
  .NlistRight h6{  font-size: 0.36rem; line-height: 1.8; padding-top: 0;}
  
  .page{  font-size: 0.4rem;}
  .page *{ padding:.16rem .32rem;}
  .page a{  margin-bottom: 0.12rem;}
  
  .newsInfo{ display: block;}
  .Lnews{ width: 100%;  padding: 0.6rem 0.48rem; border-right: none;}
  .Rnews{ width: 100%; padding: 0;}
  .MRnews{ padding: 0.28rem 0.48rem ; font-size: 0.6rem; background-color: #EEE;}
  .Rnews ul{ padding: 0.24rem 0.48rem;}
  .Rnews li a{ font-size: 0.36rem; padding: 0.32rem 0;}
  .Rnews li:last-of-type a{ border-bottom: none;}
  .Rnews li p{ font-size: 0.32rem; padding-top: .12rem;}
  .Lnews h1{ font-size: .48rem;}
  .Endtime{ font-size: 0.36rem; padding: .2rem 0; margin-bottom: 0;}
  .upDown{ padding:.32rem 0 0;font-size:0.32rem; line-height: 0.6rem; margin-top: 0.2rem;}
  .upDown li{ height:0.6rem;}
  .Endtext { padding:.28rem 0; font-size: 0.36rem;}
  .Endtext img{ height: auto !important;}
  .Endtext p,.Endtext ul,.Endtext ol{ padding:.12rem 0;}
  .Endtext table,.Endtext hr{ margin-top:.12rem; margin-bottom:.12rem}
  .pcShow{ display: none;}
  .wapShow{ display: block;}
}