@charset "utf-8";
@import url(/css/aos.css);
@import url(/css/fonts/iconfont.css);
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p {padding:0px;margin:0px;box-sizing:border-box}
html {-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;background:#FFF;overflow-x:hidden}
body {margin:0px auto;color:#000;font-size:16px;line-height:1.6;background:#FFFFFF;font-family:"SourceHanSansCN"}
html.hide {overflow:hidden}
a {text-decoration:none;color:inherit;transition:all 0.1s linear}
li,ol,ul {list-style:none}
iframe,video {max-width:100%;outline:0;border:none;vertical-align:bottom;min-height:240px}
.line1 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
img {vertical-align:bottom;max-width:100%;height:auto;border:0px}
.l-wrap {padding:0 100px;max-width:1490px;margin:0 auto}
.table-wrap {width:100%;max-width:100%;overflow-x:auto}
.table-wrap table {width:100%}
.home-title {font-size:52px;color:#000;font-weight:bold;line-height:1.4;text-align:center;position:relative;z-index:1}
.home-des {font-size:16px;color:#000;max-width:1042px;margin:20px auto 0;text-align:center;position:relative;z-index:1}
.home-des span {font-size:18px !important}
.home-more {display:inline-flex;align-items:center;background:#ff5b46;height:55px;border-radius:8px;min-width:170px;padding:0 14px;position:relative;z-index:1;overflow:hidden;transition:all 0.5s ease-in-out,border-color 0.5s ease-in-out}
.home-more::before {content:"";position:absolute;inset:0;background:linear-gradient(92.47deg,#FF5B46 2.07%,#3A3CF2 50%,#FF5B46 99.72%);background-size:200% 100%;background-position:100% center;background-repeat:no-repeat;transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),background-position 0.7s cubic-bezier(0.4,0,0.2,1);opacity:0;z-index:-1;border-radius:inherit;mix-blend-mode:normal}
.home-more span {flex:1;text-align:center;color:#FFF;font-weight:bold;transition:all 0.2s linear}
.home-more em {width:30px;height:30px;background:#FFF;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#ff5b46;font-size:10px;font-weight:bold;transition:all 0.2s linear}
.home-more:hover {transform:translateX(5px)}
.home-more:hover::before {opacity:1;background-position:0% center}
header.is-active {background:#000;padding:0;height:90px}
header.is-active .head-nav .nav-ul {border:none}
header {position:fixed;top:0;left:0;width:100%;height:100px;z-index:999;padding-top:30px;transition:all 0.2s linear}
header .l-wrap {height:100%;max-width:1870px}
.head-logo {max-width:200px;margin-right:20px;display:inline-flex;align-items:center}
.head-info {display:flex;align-items:center;justify-content:space-between;height:100%}
.head-nav {display:flex;align-items:center}
.nav-ul {border:1px solid rgba(255,255,255,0.15);background:rgba(0,0,0,0.25);border-radius:10px;display:flex;align-items:center;padding:0 20px}
.nav-ul .menuitem {margin:0 7px;position:relative;display:flex;align-items:center}
.nav-ul .menuitem a {display:flex;align-items:center;justify-content:center;height:60px;color:#FFF;padding:0 16px;white-space:nowrap}
.nav-ul .menuitem a:hover {color:#ff5b46}
.nav-ul .menuitem a.inmenu_1 {color:#ff5b46}
.nav-ul .menuitem .menuitemdef {display:flex;align-items:center;justify-content:center;height:60px;color:#FFF;padding:0 20px;white-space:nowrap}
.nav-ul .menuitem em {color:#FFF;display:none}
.nav-ul .menuitem > ul {position:absolute;left:0;top:100%;background:rgba(0,0,0,0.4);border-top:none;min-width:200px;white-space:nowrap}
.nav-ul .menuitem > ul li a {height:52px;text-align:left;justify-content:flex-start}
.nav-ul .mobmenuitem {display:none}
.head-phone {color:#FFF;margin-left:30px;white-space:nowrap;transition:all 0.1s linear}
.head-phone em {margin-right:10px}
.head-phone:hover {color:#ff5b46}
.mob-menu {width:26px;height:30px;position:relative;display:none}
.mob-menu span {width:24px;height:2px;display:block;background-color:#FFF;position:absolute;border-radius:3px;transition:all 0.2s linear}
.mob-menu span:nth-child(1) {top:20%}
.mob-menu span:nth-child(2) {top:50%}
.mob-menu span:nth-child(3) {top:80%}
.mob-menu.active span:nth-child(2) {display:none}
.mob-menu.active span:nth-child(1) {transform:rotate(45deg);top:50%}
.mob-menu.active span:nth-child(3) {transform:rotate(-45deg);top:50%}
@media screen and (min-width:1025px) {.nav-ul .menuitem > ul {transform-origin:top;transform:scaleY(0);opacity:0;transition:all 0.3s ease-in-out}
.nav-ul .menuitem:hover > ul {transform:scaleY(1);opacity:1}
header.is-active .head-nav {height:100%}
header.is-active .nav-ul {height:100%}
header.is-active .menuitem {height:100%}
.headbtn a {height:50px;width:146px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.4);border-radius:8px;color:#FFF;margin-left:40px;transition:all 0.2s linear}
.headbtn a:hover {background-color:#ff5b46;border-color:#ff5b46}}
footer {color:#FFF}
.foot-main {position:relative;z-index:2;padding:120px 0}
.foot-main .l-wrap {position:relative;z-index:4}
.foot-main a {transition:all 0.2s linear}
.foot-main a:hover {color:#ff5b46}
.foot-main::before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(/images/foot-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:75px;overflow:hidden;z-index:1}
.foot-top {display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:65px}
.foot-top .home-title {text-align:left;color:#FFF;font-size:52px}
.foot-top .tip {font-size:36px;font-weight:bold;margin-top:10px}
.foot-top .fun-btn .btn {width:170px;height:55px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;margin-left:10px;transition:all 0.2s linear;position:relative;z-index:1;overflow:hidden;border:1px solid transparent}
.foot-top .fun-btn .btn em {margin-left:10px;font-weight:400;font-size:20px}
.foot-top .fun-btn .btn::before {content:"";position:absolute;inset:0;background:linear-gradient(92.47deg,#FF5B46 2.07%,#3A3CF2 50%,#FF5B46 99.72%);background-size:200% 100%;background-position:100% center;background-repeat:no-repeat;transition:opacity 0.7s cubic-bezier(0.4,0,0.2,1),background-position 0.7s cubic-bezier(0.4,0,0.2,1);opacity:0;z-index:-1;border-radius:inherit;mix-blend-mode:normal}
.foot-top .fun-btn .btn:hover {transform:translateX(5px);border:1px solid white}
.foot-top .fun-btn .btn:hover::before {opacity:1;background-position:0% center}
.foot-top .fun-btn .inquirybtn {color:#FFF;background:#ff5b46}
.foot-top .fun-btn .contactbtn {background:#FFF;color:#ff5b46}
.foot-list {padding-top:100px;border-top:1px solid rgba(255,255,255,0.2);display:flex;justify-content:space-between;flex-wrap:wrap}
.foot-item {width:13%}
.foot-item.foot-info {width:40%;padding-right:8%}
.foot-item.foot-cont {width:26%;padding-right:4%}
.foot-info .foot-logo {max-width:180px}
.foot-info .img-list {display:flex;justify-content:space-between;margin-top:60px}
.foot-info .img-list li {width:22%;text-align:center}
.foot-info .img-list li .img {background-color:#FFF;border-radius:10px;padding:4px;margin-bottom:20px;position:relative;transition:all 0.2s linear}
.foot-info .img-list li .img::after {content:"";position:absolute;left:50%;bottom:-13px;border:7px solid transparent;border-top:7px solid #FFF;transform:translateX(-50%)}
.foot-info .img-list li .tit {font-size:14px}
.foot-item .item-title {font-size:18px;font-weight:bold;margin-bottom:10px}
.foot-item .list li {margin-bottom:6px}
footer .cont-link .phone {font-size:28px;font-weight:bold;margin-bottom:10px;display:block}
footer .cont-link ul li {display:flex;margin-bottom:6px}
footer .cont-link ul li a {flex:1}
footer .cont-link ul li span:last-child {flex:1}
.foot-bottom {padding:50px 0;position:relative;z-index:1}
.foot-bottom .l-wrap {display:flex;justify-content:space-between;flex-wrap:wrap}
.foot-bottom::before {content:"";position:absolute;left:0;top:-70px;width:100%;height:calc(100% + 70px);background-image:url(/images/foot-bottom.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}
.foot-bottom p {font-size:14px}
.foot-bottom a:hover {color:#ff5b46}
.mobbottom .gotop {width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;bottom:40px;right:24px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);position:fixed;z-index:10;transition:all 0.4s ease;color:#000;transform:rotate(-180deg);font-weight:bold;overflow:hidden;opacity:0;visibility:hidden}
.mobbottom .gotop.act {opacity:1;visibility:inherit;bottom:100px}
.mobbottom .btnlist {display:none}
@media screen and (max-width:1440px) {.l-wrap {padding:0 50px}
.nav-ul .menuitem {margin:0px}
.nav-ul .menuitem a {padding:0 16px}
.nav-ul .menuitem .menuitemdef {padding:0 16px}
.head-phone {margin-left:20px}
.headbtn a {margin-left:20px;width:120px}}
@media screen and (max-width:1280px) {.nav-ul .menuitem a {padding:0 10px}}
@media screen and (max-width:1024px) {.l-wrap {padding:0 20px}
.home-title {font-size:32px !important}
.mob-menu {display:flex}
.head-logo {max-width:160px}
header {padding-top:0px;height:70px;border-bottom:1px solid rgba(255,255,255,0.14)}
header.is-active {height:70px}
header.mobile-nav-active {background:black}
header.mobile-nav-active .head-nav {left:0}
header .headbtn {display:none}
header .head-nav {position:fixed;left:-100vw;top:70px;width:100vw;height:calc(100vh - 70px);background:#FFF;transition:all 0.2s linear;flex-direction:column;padding:40px;z-index:9999 !important}
header .nav-ul {width:100%;flex-direction:column;background:transparent;border:none;padding:0}
header .nav-ul .menuitem {width:100%;margin:0;position:relative;flex-wrap:wrap}
header .nav-ul .menuitem a {text-align:left;flex:1;color:#000;justify-content:space-between;padding:0;padding-right:30px}
header .nav-ul .menuitem .menuitemdef {text-align:left;flex:1;color:#000;justify-content:space-between;padding-right:30px;font-size:18px;padding:0;font-weight:bold;border-bottom:1px solid #dfdfdf}
header .nav-ul .menuitem > a {font-size:18px;font-weight:bold;border-bottom:1px solid #dfdfdf}
header .nav-ul .menuitem em {display:block;color:#000;transform:rotate(-90deg)}
header .nav-ul .mobmenuitem {display:flex}
header .head-phone {color:#000;width:100%;margin-top:20px;margin-left:0}
.nav-ul .menuitem > ul {width:100%;flex-basis:100%;border:none;position:static;display:none;background-color:transparent}
.nav-ul .menuitem > ul li a {border-bottom:none}
.nav-ul .menuitem .icon-xiangxia2 {position:absolute;right:0;top:0%;color:#000;transition:transform 0.3s ease;cursor:pointer;padding:10px;z-index:2}
.nav-ul .menuitem.submenu-open .icon-xiangxia2 {transform:rotate(0deg)}
.foot-main {padding:50px 0}
.foot-main::before {border-radius:20px}
.foot-top {flex-wrap:wrap}
.foot-top .tit-box {width:100%}
.foot-top .fun-btn {width:100%;margin-top:20px}
.foot-item.foot-info {width:100%;margin-bottom:30px;max-width:80%}
.foot-item {width:24%}
.foot-item.foot-cont {width:46%}
.foot-top .home-title {text-align:center}
.foot-top .tip {text-align:center}
.fun-btn {display:flex;justify-content:center}}
@media screen and (max-width:768px) {.mobbottom .btnlist {display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;width:100%;z-index:999}
.mobbottom .btnlist .btn {width:50%;height:52px;display:inline-flex;align-items:center;justify-content:center;color:#FFF}
.mobbottom .btnlist .btn em {margin-right:10px;font-size:20px}
.mobbottom .btnlist .btn:nth-child(1) {background:#eee;color:#000}
.mobbottom .btnlist .btn:nth-child(2) {background-color:#ff5b46}
.mobbottom .btnlist .btn:nth-child(2) em {font-size:24px}
footer {padding-bottom:52px}
.foot-top {padding-bottom:30px}
.foot-list {padding-top:30px}
.foot-bottom {padding:20px 0}
.foot-bottom p {text-align:center}
.foot-bottom .l-wrap {justify-content:center}}
@media screen and (max-width:500px) {.home-title {font-size:30px !important}
header .head-nav {padding:20px}
header .nav-ul .menuitem {margin:0}
header .nav-ul .menuitem a {height:auto;padding:10px 0}
header .nav-ul .menuitem .menuitemdef {height:auto;padding:10px 0}
.foot-top .tip {font-size:20px}
.foot-top .fun-btn {display:flex;justify-content:space-between}
.foot-top .fun-btn .btn {width:48%;margin-left:0;height:44px}
.foot-item.foot-info {width:100%;padding-right:0;max-width:100%}
.foot-info .img-list {margin-top:30px}
.foot-item {width:100% !important;margin-bottom:20px !important}
.foot-item:last-child {margin-bottom:0}
.foot-item .list {display:flex;flex-wrap:wrap;justify-content:space-between}
.foot-item .list li {width:48%}
footer .cont-link .phone {font-size:24px}
.footer-img {display:none}
.foot-bottom p span {display:block}
.foot-bottom p a {display:block}}
