@charset "UTF-8";header.header-nav {border-bottom:1px solid #e5e8ed !important;box-shadow:none !important;}
.header-box {line-height:1.5;}
header.header-nav {border-bottom:1px solid #e5e8ed !important;box-shadow:none;z-index:9;position:relative;background:#fff !important;}
.page header.header-nav{box-shadow: 0 4px 10px 1px rgba(153, 153, 153, .1) !important;}
header.header-nav.bg_white.fixed {width:100%;position:fixed;top:0;left:0;z-index:99;background:#fff; }
.header-default {position:relative;}
.header-nav .logo-box {width:15%;margin-top:26px;}
.header-nav .nav-head {margin-left:85px;}
.header-box .fl {float:left;display:inline;}
.header-nav .nav-head .nav-fir {float:left;padding:0 8px;}
.header-box li {list-style-type:none;}
.nav-head .nav-fir h3 {padding:0 5px;line-height:115px;position:relative;font-size:15px;color:#252B3A;font-family:"微软雅黑",Arial,sans-serif;}
.header-nav .nav-head .nav-fir h3:after {content:"";width:0;display:block;height:2px;background:#2386ee;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.2s;}
.header-nav .nav-head .nav-fir.active h3:after {
	width: 100%;
}

.header-nav .nav-head .nav-fir:hover h3:after {
	width: 100%;
}
.header-nav .nav-head .nav-sec {box-shadow:0 40px 50px 0 rgb(0 0 0 / 20%);}
.header-nav .nav-head .nav-sec {width:90%;position:absolute;left:20px;top:115px;display:none;border-top:1px solid #e5e8ed;background:#fff;}
.header-nav .nav-head .nav-fir.active .nav-sec {display:block;background:#fff;}
.nav-head .nav-sec .product-item {width:65%;padding:30px 0 45px 50px; display:flex;}
.nav-head .nav-sec .product-item .header-item-block {width:40%; display: block; margin-bottom: 25px;}
.nav-head .nav-sec .product-item .header-item-block p{font-size: 14px; color: #2386ee; line-height: 24px; margin-top: 45px;}
.nav-head .nav-sec .product-item .header-item-block p img{ vertical-align: middle; color: #2386ee; margin-right: 5px;}

.nav-head .nav-sec .product-item .header-item-block h4 a{ font-weight: bold;}
.nav-head .nav-sec .product-item .header-item-block ul{ padding-top: 10px;}
.nav-head .nav-sec .product-item .header-item-block ul li {display:block;margin-right:15px;color:#252B3A;font-family:"微软雅黑",Arial,sans-serif; line-height:1.2; margin-top:16px;}

.nav-head .nav-sec .product-item .header-item-block ul li a {color:#555; font-size: 15px; display:block;}
.nav-head .nav-sec .product-item .header-item-block ul li a:hover {color:#2386ee;}

.header-nav .nav-head .single-row{ position: relative;}
.header-nav .nav-head .single-row .nav-sec {width:150%; left:0; }
.header-nav .nav-head .single-row .nav-sec ul {padding:15px;}
.header-nav .nav-head .single-row .nav-sec ul li{ padding: 10px 0; }
.header-nav .nav-head .single-row .nav-sec ul li a{font-size: 14px; display: block;}


.nav-head .nav-sec .product-right {width:35%;padding:30px 0 35px 45px; background-color: #f6f7fb;;}
.nav-head .nav-sec .product-right h4 a{ font-weight: bold;}
.nav-head .nav-sec .product-right ul{ padding-top: 30px;}
.nav-head .nav-sec .product-right ul li{ display: inline-block; width: 45%;   }
.nav-head .nav-sec .product-right ul li a{font-size: 14px; display: inline-block; width: 90%; background-color: #00aeee; padding: 6px 6px; border-radius: 8px; color: #fff; text-align: center; margin-bottom: 16px;}

.header-nav .login-box {margin-top:35px;display:flex;align-items:center;justify-content:flex-start;}
.login-box .header-phone {display:flex;align-items:center;justify-content:flex-start;}
.login-box .header-phone .phone {margin-left:5px;font-weight:bold;font-family:"微软雅黑",Arial,sans-serif;}
.header-nav .experience {width:100px;height:40px;line-height:40px;text-align:center;background:white;border-radius:5px;font-family:"Harmony_Regular","微软雅黑","Microsoft Yahei","sans-serif",;background-image:linear-gradient(135deg,#0068dd,#00aeee);color:#fff;margin-left:20px;}
.header-nav .experience:hover {background-image:linear-gradient(135deg,#0068dd,#00aeee);}
.header-nav .experience a {color:white;}
.header-nav .experience:hover a {padding-bottom:1px;color:white;}
.c-button .c-button-arrow {align-items:center;display:inline-flex;position:relative;}
.c-button-arrow {display:inline-block;height:10px;transition:all .3s ease-in-out;width:13px;}
.c-button .c-button-arrow svg {stroke:#fff;height:18px;width:18px;}
.c-slider-button .c-slider-button__center,.c-slider-button__arrow {left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10;}
.c-button:hover .c-button-arrow {transform:translateX(5px);}
@keyframes rotateAnimation {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
;}
.header-phone .phone-icon:hover {animation:rotateAnimation 0.5s linear 1;}
.header-phone .phone-icon {width:30px;height:30px;border-radius:15px;background-color:#007be2;color:#fff;}
.header-phone .phone-icon svg {stroke:#fff;height:18px;width:18px;margin-top:6px;margin-left:6px;}

/*底部*/
.footer {background-color:#121728;color:#bfbfbf;}
.foot {padding-top:35px;padding-bottom:30px;overflow:hidden;}
.foot a {color:#bfbfbf;}
.foot .fnav {width:65%;}
.foot .flx {width:30%;}
.foot .fnav dl {width:165px;float:left;}
.foot .fnav dl:first-child {width:200px;margin-right:35px;}
.foot .fnav dl dt {padding-bottom:10px;}
.foot .fnav dl dt h3 {font-size:18px;font-weight:bold;color:#FFF;}
.foot .fnav dl dd ul li {padding-top:15px;}
.foot .fnav dl dd ul li a {font-size:14px;}
.foot .fnav dl dd ul li a:hover {color:#1572da;}
.foot .flx .ftel {margin-top:20px;}
.foot .flx .ftel .ttxt {font-size:14px;font-family:"DIN Medium";}
.foot .flx .ftel .ftel-con {font-size:22px;color:#FFF;font-family:"DIN Medium";}
.foot .flx .fwx {padding:0 30px;overflow:hidden;}
.foot .flx .fwx p {float:left;margin-right:30px;text-align:center;}
.foot .flx .fwx p img {width:120px !important;}
.foot .flx .fwx p span {display:block;padding:8px 0;}
.footer-copyright {background-color:#121728;border-top:1px solid #121728;color:#bfbfbf;overflow:hidden;}
.footer-copyright a {color:#bfbfbf;}
.footer-copyright {padding:15px 0;text-align:center;font-size:13px;}
.reservation {height:200px;background-color:#222324;margin-top:70px;text-align:center;color:#fff;overflow:hidden;position:relative;}
.reservation h2 {font-size:24px;padding-top:35px;position:relative;z-index:1;}
.reservation .ks-button {width:160px;height:44px;line-height:44px;font-weight:bold;font-size:16px;padding:0px;margin-top:20px;position:relative;z-index:1;}
.reservation .ns-bg {position:absolute;left:0;top:0;transform:translateY(-35%);width:100%;}
.ks-button--primary {background-color:#4265fb;color:#fff;border:0px;}
.ks-button--plain {background:none;}
.ks-button--primary.ks-button--plain {border-width:1px;border-style:solid;border-color:#4265fb;color:#4265fb;}
.ks-button::after {content:"";background:rgba(0,0,0,0.1);display:block;position:absolute;border-radius:50%;padding-top:240%;padding-left:240%;margin-top:-120%;margin-left:-120%;opacity:0;transition:all 1s;}
.ks-button:active::after {padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0s;}
.ks-button {display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;}
.ks-button--primary::after {background-color:rgba(255,255,255,0.3);}
.ks-button--small {padding:9px 16px;}
.home-footer-link {background-color:#121728;color:#bfbfbf;line-height:40px;text-align:left;}
.home-footer-link span,.home-footer-link a {font-size:12px;color:#C6C7C9;}
.home-footer-link a {margin-right:10px;}

 /* 右侧栏  */
.color-b {color:#222338;font-weight:600;font-size:16px;}
.flex-col {display:flex;flex-direction:column;}
.flex {display:flex;justify-content:flex-start;align-items:center;}
.com-right-slide {position:fixed;right:10px;z-index:999;background:transparent;width:60px;top:35.3% !important;}
.com-right-slide .right-item {width:100%;cursor:pointer;position:relative;color:#222338;}
.com-right-slide .right-item .hover {display:none;}
.com-right-slide .right-item .n-hover {display:block;}
.com-right-slide img {width:100%;height:auto;object-fit:cover;}
.com-right-slide .right-item-2 {width:100%;background:#ffffff;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);border-radius:55px;box-sizing:border-box;position:relative;z-index:20;}
.com-right-slide .right-item-2:hover {box-shadow:0 0 10px 2px rgba(47,118,246,0.5);}
.com-right-slide .right-item-2 .item-2 {align-items:center;width:100%;height:60px;font-size:14px;padding-top:15px;position:relative;z-index:88;box-sizing:content-box;height:auto;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
.com-right-slide .right-item-2 .item-2.item-grh {border-bottom-color:transparent;border-bottom-color:transparent;border-top:1px solid #eee;padding-bottom:10px;}
.com-right-slide .shfw-box > div:first-child .content {cursor:initial;}
.com-right-slide .right-item-2 .item-2.item-grh .txt {width:90%;margin:8px auto;text-align:center;}
.com-right-slide .right-item-2 .item-2:hover .txt {color:#2f76f6;}
.com-right-slide .right-item-2 .item-2:hover .hover {display:block;}
.com-right-slide .right-item-2 .item-2:hover .n-hover {display:none;}
.com-right-slide .right-item-2 .item-2 > img {width:28px;}
.com-right-slide .right-item-2 .item-2 .txt {width:60%;margin:8px auto;text-align:center;line-height:1.2;}
.com-right-slide .slide-box {width:187px;padding:22px 16px;position:absolute;box-sizing:border-box;background:#ffffff;box-shadow:2px 0px 33px 0px rgba(0,0,0,0.1);border-radius:8px;top:0;left:0;display:none;transform:translateX(calc(-100% - 7px));transition:transform 0.5s ease;z-index:2;cursor:initial;}
.com-right-slide .slide-box.active {display:flex;}
.com-right-slide .sqzx-box {align-items:center;}
.com-right-slide .sqzx-box .qr-img {width:130px;height:130px;object-fit:cover;}
.com-right-slide .sqzx-box .dis {margin:12px auto;font-weight:400;font-size:14px;color:#575d6c;text-align:center;line-height:1.5;width:90%;}
.com-right-slide .sqzx-box .phone {font-weight:500;font-size:14px;color:#2f76f6;text-decoration:none;}
.com-right-slide .shfw-box {top:0;display:none;transform:translate(-105%,-50%);}
.com-right-slide .shfw-box > div {align-items:flex-start;padding-bottom:20px;}
.com-right-slide .shfw-box > div:hover .content > span:first-child {color:#2f76f6;}
.com-right-slide .shfw-box > div:last-child {padding:20px 0 0px;border-top:1px solid #edf1f4;}
.com-right-slide .shfw-box > div > img {width:22px;object-fit:cover;display:block;margin-right:5px;}
.com-right-slide .shfw-box > div .content {font-size:14px;color:#575d6c;cursor:pointer;}
.com-right-slide .shfw-box > div .content > span:first-child {font-weight:500;color:#222338;line-height:calc(16 / 14);margin-bottom:5px;}
.com-right-slide .shfw-box.active {display:block;transform:translate(-105%,50%)!important;}
.com-right-slide .grh-box {top:initial;bottom:0;font-weight:500;font-size:14px;color:#222338;text-align:center;}
.com-right-slide .grh-box .qr-img {width:106px;height:auto;object-fit:cover;margin:0 auto;}
.com-right-slide .grh-box .dis {margin-top:0px;}
.com-right-slide .right-item-3 {margin-top:20px;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);}
.com-right-slide .right-item-3 .icon_top {width:14px;object-fit:cover;}
.com-right-slide .right-item-3:hover {background:#2f76f6;}
.com-right-slide .right-item-3:hover .hover {display:block;}
.com-right-slide .right-item-3:hover .n-hover {display:none;}
.com-right-slide .shfw-box > div:first-child:hover .content > span:first-child {color:#222338;}
.com-right-slide .right-item-2 .item-2 {height:auto;}
.com-right-slide .right-item-2 .item-2.item-grh {border-bottom-color:transparent;border-top:1px solid #eee;padding-bottom:10px;}


.page-pagination {text-align:center;width:100%;}
.page-pagination .pagination,.page-pagination .pager {display:inline-block;padding-left:0;margin:30px 0;border-radius:8px;}
.page-pagination .pagination>li,.page-pagination .pager>li {display:inline;}
.page-pagination .pagination>li>a,.page-pagination .pagination>li>span,.page-pagination .pager>li>a,.page-pagination .pager>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:var(--primary-color);text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.page-pagination .pagination>li:first-child>a,.page-pagination .pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.page-pagination .pagination>li:last-child>a,.page-pagination .pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.page-pagination .pagination>li>a:focus,.page-pagination .pagination>li>a:hover,.page-pagination .pagination>li>span:focus,.page-pagination .pagination>li>span:hover {z-index:2;color:var(--primary-color);background-color:#eee;border-color:#ddd;}
.page-pagination .pagination>.active>a,.page-pagination .pagination>.active>a:focus,.page-pagination .pagination>.active>a:hover,.page-pagination .pagination>.active>span,.page-pagination .pagination>.active>span:focus,.page-pagination .pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:var(--primary-color);border-color:var(--primary-color);}
.page-pagination .pagination>.disabled>a,.page-pagination .pagination>.disabled>a:focus,.page-pagination .pagination>.disabled>a:hover,.page-pagination .pagination>.disabled>span,.page-pagination .pagination>.disabled>span:focus,.page-pagination .pagination>.disabled>span:hover {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.page-pagination .pagination .jumpto {display:inline-block;margin-left:2px;}
.page-pagination .pagination .jumpto input {padding:6px;line-height:1.42857143;color:#2c3e50;background-color:#fff;border:1px solid #ddd;float:left;}
.page-pagination .pagination .jumpto .page_number {width:125px;text-align:center;margin-right:-1px;}
.page-pagination .pager>.disabled>span {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}

.single-breadcrumb {padding:24px 0;color:#464964;}
.single-breadcrumb .breadcrumb-link {color:#2469f3;font-size:14px;}


.HomeMessage .pic {display:block;width:100%;border-radius:15px;overflow:hidden;}
.HomeMessage .pic img {display:block;width:100%;}
.HomeMessage .mask {position:absolute;width:80%;height:310px;left:10%;top:50px;background-image:linear-gradient(135deg,rgba(14,117,234,0.7),rgba(0,174,238,0.2));}
.HomeMessage .mask .con {padding:45px;}
.HomeMessage .mask .con .title {padding-bottom:17px;color:#fff;}
.HomeMessage .mask .con .title h3 {font-size:24px;line-height:1;margin-bottom:15px;font-weight:bold;}
.HomeMessage .mask .con .title p {font-size:16px;line-height:1;}
.HomeMessage .mask .con .info {margin:15px 0px 44px;line-height:30px;font-size:14px;color:#fff;}
.HomeMessage .mask .con .info label {display:block;}
.HomeMessage .mask .con .info input {border:1px solid #ffffff;border-radius:4px;background-color:#ffffff;color:#333;padding:8px 15px;width:245px;}
.HomeMessage .mask .con .submit-btn {display:block;text-align:center;}
.HomeMessage .mask .con .submit-btn .btn {display:inline-block;border:none;width:245px;height:44px;line-height:44px;font-size:16px;color:#fff;border-radius:4px;background:#00a0e9;box-shadow:0px 5px 10px rgba(0,160,233,0.6);background-image:linear-gradient(135deg,#1680f8,#15c1ff);}