@font-face{font-family:Nunitolight;src:url(f/Nunito/Nunito-Light.ttf) format(truetype);font-weight:400;font-style:normal;font-display:swap;}.enfont_no{font-family:Nunito,Arial;}.enfont_nol{font-family:Nunitolight,Arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{ padding:0; margin:0; }
body{font-family:Nunito,'Open Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html{ font-size: 16px; }
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
a{ text-decoration:none!important;}
.times{-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.bob{ width:100%; height:35px; float:left;}
.container-main{ width:100%; height:auto;float:left; overflow:hidden;}
.md{ width:1400px; }
.md2{ width:1200px; }
.image-placeholder {background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);animation: loading 1.5s infinite;}
.bg{background-color:#000;}
body.no-scroll {overflow:hidden;}
img {user-drag:none;-webkit-user-drag:none;pointer-events:none;}
.bmin{ width:100%; height:20px; float:left; }
/*--　浮动 --*/
#fixnav{ position:fixed; z-index:99999;
-webkit-animation:searchTop .0s ease-in-out;
-moz-animation:searchTop .0s ease-in-out;
animation:searchTop .0s ease-in-out;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2,direction=120,strength=4);
-moz-box-shadow: 0px 0px 5px #e2e2e2;
-webkit-box-shadow: 0px 0px 5px #e2e2e2;
box-shadow:0px 0px 5px #e2e2e2;}
#fixnav::before{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top:0; opacity:1}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}

/*-- headerbox --*/
.headerbox{width:100%;height:150px;display:flex;position:fixed;z-index:10;padding:12px 0px;}
.headerbox.sytop{border-bottom:0;}
.headerbox.sytop .navbox ul li a{color:#FFF;}
.headerbox.sytop .navbox ul li i{background:#FFF;}
.headerbox.sytop .cen a {color:#FFF;}
.headerbox.sytop#fixnav{filter:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important; box-shadow: none !important;}
.headerbox.sytop#fixnav::before{ background-color: #242424!important; opacity: 0.5;}
.header-up{ width:100%; display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; position:relative; }
.header-up::before{ content:''; position:absolute; left: 0; bottom: 0; width:100%; height:1px; background-color:#FFF; opacity:0.5; }
.logo{ display: flex; justify-content: flex-start; align-items: center; flex-shrink: 0; }
.logo>i{ flex: 1 0 auto}
.logo>i a{ display: flex;}
.logo>i a img{ max-width:90%; }
.cen{ display:flex; justify-content: center; align-items: center; border:2px solid #ffffff; border-radius:20px; margin-top:30px; }
.cen a{ display:flex; justify-content:center; align-items:center; padding:3px 10px; }
.cen a p{ font-size:0.9rem; color: #FFF; line-height: 1.5; padding-right:15px; }
.cen a img{ max-width:95%; }
.header-down{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;}
.header-down ul{ display:flex;justify-content:space-between;align-items:center;flex-direction:row; padding:15px 0px;}
.header-down ul li{ padding-right:50px; }
.header-down ul:nth-of-type(2){ margin-left:auto; padding-right:20px; }
.header-down ul:nth-of-type(2) li{ padding-left:50px; padding-right:0; }
.header-down ul li a{ color:#FFF; font-size:0.97rem; position: relative; }
.header-down.enheader ul li a{ font-size:0.9rem; }
.header-down.enheader ul li{ padding-right:30px; }
.header-down.enheader ul:nth-of-type(2) li{ padding-left:30px; padding-right:0; }
.header-down ul li p{ display:flex; flex-direction:row; flex-shrink:0; flex-wrap:nowrap; }
.header-down ul li i{ width:10%;height:3px;background:#FFF;position:absolute;bottom:-9px;left:45%; visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; -webkit-transition:0.6s; -moz-transition:0.6s;transition:0.6s;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;}
.header-down ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:90%; left:5%;}
.search{position:relative;cursor:pointer;}.search-box
 {display:none;position:absolute;top:170%;right:0;background:#fff;box-shadow:0
 2px 8px rgba(0,0,0,0.1); border-radius:4px;z-index:999;padding:10px;}.search-box input
 {width:200px;border:1px
 solid #ddd;border-radius:4px;margin-right:5px;padding:8px 12px;}.search-box
 button{background:#000;color:#FFF;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;padding:8px
 15px;}.search.active .search-box{align-items:center;display:flex;}
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}
.search-box form{ display:flex; flex-direction:row; }
/*-- locbox --*/
.locbox{ width:100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap;}
.locbox .md{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.locbox ul{ display: flex; justify-content: flex-start; align-items:center; flex-direction: row; flex-wrap: wrap; padding:15px 0px;}
.locbox ul li{ font-size: 0.85rem; color: #828282; padding-right: 5px; display: flex; justify-content: center; align-items: center;}
.locbox ul li img{ width: 18px; padding-top: 5px;}
.locbox ul li img.jt{ width: 14px; padding-top: 5px;}
.locbox ul li p{ font-size: 0.85rem; color: #828282; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a{ font-size: 0.85rem; color: #828282; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a:hover{ color:#e7c38c; text-decoration:underline!important; }

/*-- 内页 --*/
.inbanner{ width:100%; height: auto; float:left; position: relative;}
.inbanner>i{ width:100%; height:650px; float:left; background-size:cover; background-color: #242424; background-position:center; background-repeat:no-repeat;}
.inbanner>i img{ width: 100%; }

/*-- 加载--*/
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;justify-content:center;align-items:center;}.loading-content{text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:20px;}.spinner-border{width:3rem;height:3rem;border-width:.2em;}

/*-- footB --*/
.footB{ width:100%; background-color:#000000; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.foot-a{ width:100%; display: flex; padding:15px 0px;}
.fmidbox{ width:100%; display: flex; justify-content: space-between; align-items:center; flex-direction: row; padding:15px 0px 20px;}
.flogo{ display: flex;}
.flogo img{ max-width: 100%; }
.fshare{ width: 430px; height:80px; display: flex; flex-direction: row; justify-content:center; align-items: center; padding:10px;  position: relative; padding-top:35px; }
.fshare p{ width:100%; display:flex; flex-direction:row; position: relative;}
.fshare p a{ padding:0px 3.5%;}
.fshare p a i{ width:42px; height:42px; display:flex; justify-content: center; align-items: center; background-color: #FFF; border-radius: 360px;}
.fshare p a i svg{ width:55%;}
#cols{ fill:#000;}
.fshare p a:hover #cols{ fill:#FFF;}
.fshare p a:hover i{ background-color: #e7c38c;}
.fshare p a{ position: relative; }
.fshare p a.floatshow::before{ content:''; width:120px; height: 120px; background: url('') center center no-repeat; background-color:#999; background-size: cover; position: absolute; left:-25px; top:48px; z-index: 9; opacity: 0; visibility: hidden; cursor: pointer;}
.fshare p a.floatshow:hover::before{ opacity: 1; visibility: visible;}

.foot-b{ width:100%; border-top: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e;}
.foot-b .fmidbox{ align-items:flex-start;}
.fc-l{ width:auto; flex-shrink: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.fsort{ display:flex; flex-direction: column; padding:30px 50px 40px 0px;}
.fsort h1{font-size:1rem; color: #FFF; line-height: 1.5; padding-bottom:25px; font-weight: 600;}
.fsort div{ display: flex; flex-direction: row;}
.fsort ul{ width:150px; display:flex; flex-direction: column; padding-right: 30px;}
.fsort ul li{ width:100%; padding:5px 15px 5px 0px;}
.fsort ul.sort{ width:300px; display:flex; flex-direction:row; flex-wrap: wrap; }
.fsort ul.sort li{ width:50%;}
.fsort ul li a{ font-size:0.9rem; color: #585858; line-height: 1.2;}
.fsort ul li a:hover{ color: #FFF; }
.fc-r{ display: flex; justify-content: space-between; flex-direction: row; padding:15px 40px 0px 0px;}
.fc-r div{ display: flex; flex-direction: column; padding:15px; justify-content:flex-start; align-items:center; align-content: center;}
.fc-r div i{ display: flex;}
.fc-r div i img{ max-width:145px;}
.fc-r div p{ text-align: center; font-size: 0.93rem; color: #c8c8c8; padding:8px 0px;}
	
.foot-c{ width:100%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; padding:25px 0px;}
.foot-c .fmidbox{ padding:15px 0px 20px;}
.foot-bone{ min-width:15%; max-width:40%; display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-start;}
.foot-bone i{ width:60px; height:60px; background-color:#dcdcdc; border-radius: 360px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 15px; flex-shrink: 0;}
.foot-bone i img{ width: 100%;}
.foot-bone h1{ font-size:0.93rem; color: #999999; padding: 10px 0px; }
.foot-bone p{ font-size:1.25rem; color: #FFF; line-height: 1.2; }
.foot-bone p.else{ font-size:0.92rem; color: #FFF; line-height: 1.2; font-weight: normal;}
.foot-bone div{ display: flex; flex-direction: column;}
.footdown{ width:100%; height:auto; padding-bottom: 30px; line-height:20px; font-size:0.93rem; color:#7b7b7b; position:relative; display: flex; flex-direction:row; justify-content:flex-start; align-items: center;}
.footdown span{ padding:0px 10px; }
.footdown a{ color:#7b7b7b; }

/*动画*/
.goban .inbg{
-webkit-animation-timing-function: linear;    /*动画时间曲线*/
-webkit-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 25000ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: linear;  /*动画时间曲线*/
-moz-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 25000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
animation-timing-function: linear;  /*动画时间曲线*/
animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 25000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes bigss {
0% { 
-webkit-transform: scale(1.0);
}
100% { 
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes bigss {
0% { 
-moz-transform: scale(1.0);
}
100% { 
-moz-transform: scale(1.5);
}
}
@keyframes bigss {
0% { 
transform: scale(1.0);
}
100% { 
transform: scale(1.5);
}
}

@media (max-width: 1630px) {
/*-- 内页 --*/
.inbanner>i{ height:600px; }
}

@media (max-width: 1430px) {
.md{ width:100%; }
/*-- 内页 --*/
.inbanner>i{ height:550px; }
}
@media (max-width: 1230px) {
/*-- 内页 --*/
.inbanner>i{ height:450px; }
}
@media (max-width: 1080px) {
.fsort{ width:220px; padding:30px 0px 40px 0px;}
.fc-r div i img{ max-width:auto; width: 100%;}

.foot-bone p{ font-size:0.9rem; }
.foot-bone p.else{ font-size:0.9rem;}
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
html{ font-size: 14px; }
/*-- headerbox --*/
.headerbox{height:auto;padding:10px 0px;}
.header-up{ padding-bottom:10px; }
.logo>i a img{ max-width:75%; }
.cen{ margin-top:0px; }
.cen a{ padding:3px 5px 3px 10px; }
.cen a img{ max-width:80%; }
.header-down ul{ padding:10px 0px; width:45%;}
.header-down ul li{ padding-right:5%; }
.header-down ul:nth-of-type(2) li{ padding-left:5%; padding-right:0; }
.header-down ul li a{ display:flex;}
/*-- 内页 --*/
.inbanner>i{ height:350px; }
}

/* xs */
@media (max-width: 767px) {
html{ font-size: 14px; }
/*-- headerbox --*/
.headerbox{height:auto;background-color:#000;padding:5px 0;}.header-up{padding-bottom:0;}.logo{height:45px;}.logo>i a{justify-content:center;align-items:center;}.logo>i a img{width:120px;}.cen{margin-top:0;}.cen a{padding:3px 2px 3px 5px;}.cen a p{padding-right:5px;}.cen a img{max-width:80%;}.inbanner>i{height:200px;margin-top:55px;}.locbox ul{padding:5px 0;}.footB{padding-bottom:50px;min-height:auto;padding-top:0;}.footdown{flex-direction:column;padding-top:20px;border:0;}.footdown span{width:100%;font-size:13px;text-align:center;display:inline-block;padding:3px 0;}.footdown span a{font-size:13px;}.phone-bottom-box{position:fixed;bottom:0;left:0;width:100%;background:#000;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:999;border-top:1px solid #333;}.footer-navs{display:flex;justify-content:space-around;margin:0;padding:7px 0;}.footer-navs > li{position:relative;list-style:none;text-align:center;flex:1;}.footer-navs img{width:20px;height:20px;margin:0 auto 4px;}.footer-navs a p{color:#fff;}.footer-navs p{color:#fff;font-size:.85rem;}.ph-one,.ph-two,.ph-three{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all .3s ease;}.ph-one.active,.ph-two.active,.ph-three.active{opacity:1;visibility:visible;}.ph-one a,.ph-two a,.ph-three a{display:block;white-space:nowrap;color:#242424;text-decoration:none;border-bottom:1px solid #eee;transition:background .3s;padding:12px 24px;}.ph-one a:last-child,.ph-two a:last-child,.ph-three a:last-child{border-bottom:none;}.ph-one:after,.ph-two:after,.ph-three:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff;}.header-up::before,.header-down{display:none;}
}