/* huatheme企业主题*/
/* www.huatheme.com */
/*index*/
.segmentation{margin:3rem 0;}

.segmentation{position: relative;width: 100%;}
.br-banner {width:100%;position:relative;padding-top: 7rem;}
.section-swiper .swiper {height: 500px;}
.section-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.slide-inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1380px;max-width:100%;z-index:10;}
.slide-box {width:60%;background-color:rgb(39 82 117 / 15%);padding:50px 56px 50px 56px;border-radius: 5px;}
.slide-box h4{color:#fff;font-size:36px;text-transform:uppercase;line-height: 42px;margin-bottom: 1rem;}
.slide-box p {color:#fff;font-size:20px;line-height:1.2;margin-bottom: 1rem;}
.slide-text {opacity: 0;transform: translateX(-50px);transition: none;}
.slide-text.active {opacity: 1;transform: translateX(0);transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);}
.slide-text.line1 { transition-delay: 0.1s; }
.slide-text.line2 { transition-delay: 0.25s; }
.slide-text.line3 { transition-delay: 0.4s; }
.slide-text.line4 { transition-delay: 0.55s; }
.slide-text.line5 { transition-delay: 0.6s; }
.slide-text.line6 { transition-delay: 0.7s; }
.slide-text.line7 { transition-delay: 0.8s; }
.slide-text.line8 { transition-delay: 0.9s; }
.btn-box {display:block;}
.btn-box a {color:#fff;padding:0.15rem 1.9rem;font-size:15px;line-height:40px;border-radius:4px;display:inline-block;position:relative;background-color:#0060ed;transition:0.3s ease;}
.btn-box a:hover{background-color: #3581f3;color:#fff;}

.section-swiper .swiper-button-next,.section-swiper .swiper-button-prev {width:45px;color:#fff;opacity:0;visibility:hidden;transform-origin:0 0 0;transition:all 0.3s ease-out 0s;}
.section-swiper:hover .swiper-button-next,.section-swiper:hover .swiper-button-prev {opacity:1;visibility:visible;}
.section-swiper:hover .swiper-button-next {right:3%}
.section-swiper:hover .swiper-button-prev {left:3%}
.section-swiper .swiper-button-next:hover {color:#dbdbdb;}
.section-swiper .swiper-button-prev:hover {color:#dbdbdb;}
.section-swiper .swiper-button-next:after,.section-swiper .swiper-button-prev:after {position:relative;font-size:1.5rem;}
.section-swiper .swiper-button-prev:after {left:-1px}
.section-swiper .swiper-button-next:after {left:1px}
.section-swiper .swiper-button-next.swiper-button-disabled,.section-swiper .swiper-button-prev.swiper-button-disabled {opacity:0;visibility:hidden;}
.section-swiper .swiper .swiper-pagination-bullet{background:#fff;}
.section-swiper .swiper .swiper-pagination-bullet-active{background:#275275;}
@media (max-width:767.98px) {
.slide-inner{width: 90%;}
.slide-box{width: 100%;padding:2rem;}
.section-swiper .swiper {height: 350px;}
.section-swiper .swiper-button-next,.section-swiper .swiper-button-prev {display: none !important;}
.slide-box h4{font-size: 28px;line-height: 30px;}
.slide-box p{font-size: .875rem;}
}

.br-banner .shubiao {position: absolute;left: 50%;bottom:3rem;transform: translate(-50%, -50%);z-index: 9;display: flex;flex-direction: column;align-items: center;}
.br-banner .shubiao i {text-align:center;position:relative;width:30px;height:30px;display:block;background:url(../images/shubiao.png) no-repeat 0 0;background-size:cover;animation:shubiao 1s linear infinite;}
.br-banner .shubiao span {margin-top:.5rem;color:#8f8d8d;font-size:.875rem;}
@keyframes shubiao {
	0% {transform: translateY(0);}
	50% {transform: translateY(0.04rem);}
	100% {transform: translateY(0.06rem);opacity: 0;}
}

.point{padding: 20px 0 20px;background-color: #e4f2ff;position:relative;}
.feature-wrap {display:flex;flex-wrap:wrap;gap:20px;}
.feature-wrap .fea-item {flex:0 0 calc(25% - 23px);display:inline-block;}
.feature-wrap .fea-item .fea-item-wrap {border-radius:4px;display:inline-block;height:100%;transition:all .2s ease-out 0s;width:100%;text-align:center;}
.feature-wrap .fea-item .fea-item-wrap .item-icon {display:block;margin:0 auto 0;}
.feature-wrap .fea-item .fea-item-wrap .item-icon img {transition:all 1s;}
.feature-wrap .fea-item .fea-item-wrap h4 {color:#262626;font-size:20px;font-weight:500;line-height:1.4;}
.feature-wrap .fea-item .fea-item-wrap .fea-item-desc {font-weight:400;margin-top:10px;}
.feature-wrap .fea-item .fea-item-wrap .fea-item-desc p{font-size:15px;line-height:1.4;color:#575757;text-align: center;}

.index-product{padding-top:4rem;position: relative;background-color:#eeeeee;}


.section-title {text-align:center;}
.section-title h3 {color:#212121;font-weight:600;font-size:38px;line-height: 55px;}
.section-title p {color:#555;font-size:20px;margin:15px 0 0;}
.section-title h3:after {display:block;content:'';width:130px;height:4px;margin:7px auto 0;background-color:#275275;}
.product-box{position: relative;margin-top:2.5rem;}
.product-box ul{display: flex;flex-wrap: wrap;gap: 30px;}
.product-box ul li{flex: 0 0 calc(33.3333% - 20px);display: inline-block;overflow: hidden;background:#eeeeee;border: 1px solid #eeeeee;border-radius:6px;}
.product-box ul li .box{position: relative;}
.product-box ul li .box .flex{display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.product-box ul li .box .flex .txt{position: relative;width: 100%;text-align: center;}
.product-box ul li .box .flex .txt h2{font-size: 18px;color: #212121;margin-bottom: .6rem;margin-top:.6rem;}
.product-box ul li .box .flex .txt p{font-size: .875rem;font-weight: 300;line-height: 1.4;color: #787878;margin-bottom: 1.5rem;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 6;}
.product-box ul li .box .flex .txt .more{display: inline-flex;align-items: center;color: #fff;gap: 10px;background: #275275;border-radius: 5rem;padding: 6px 18px;transition: all .5s ease;margin-bottom: 18px;}
.product-box ul li .box .flex .txt .more span{font-size:15px;}
.product-box ul li .box .flex .txt .more i{font-size:16px;transition: all .2s ease-out;}
.product-box ul li .box .flex .txt .more:hover i{padding-left: .5rem;}

.product-box ul li .box .flex .img{height: 330px;overflow: hidden;}
.product-box ul li .box .flex .img img{width: 100%;height: 100%;object-fit: cover;display: block;transition:opacity .3s,transform .3s ease-in-out;}
.product-box ul li .box .flex .img:hover img {transform:scale(1.05)}
.index-about{padding-top:4rem;position: relative;overflow: hidden;}
.section-video {min-height:458px; margin-top:3rem;padding:00px 0px 00px 0px;background-color: #e4f2ff;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;-webkit-backface-visibility:hidden;}
.section-video .col-md-12:last-child{display: flex;align-items: center;}
.section-video .about-l{position: relative;padding-left: 2rem;}
.section-video .container-fluid{padding-left:0;}
.img-title {margin:0px 0 20px;}
.img-title .img-title-wrap {display: inline-block;position: relative;line-height: 1;}
.img-title .img-title-wrap p{font-size:30px;font-weight:600;color:#111111;margin-bottom: 1rem;font-family:"Microsoft Yahei";}
.img-title .img-title-wrap h2 {font-size:30px;font-weight:600;line-height:1.34;color:#275275;font-family: arial, helvetica, sans-serif;}
.desc-inner {font-size:16px;word-wrap:break-word;font-weight:400;line-height:1.8;white-space:normal;margin-bottom: 1rem;}
.desc-inner p{color: #464646;font-size: 18px;line-height: 26px;font-family: arial, helvetica, sans-serif;}
.btn-all {padding: 12px 24px;font-size:15px;letter-spacing: .5px;border-width:1px;border-radius:6px;display:inline-block;position:relative;margin-top: 20px;border: 1px solid #dcdcdc;}
.btn-all span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;will-change:transform;}
.btn-all:hover span,.btn-all:focus span {-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.55rem,0,0);}
.btn-all i {position:absolute;width:1.25em;right:0rem;opacity:0;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.btn-all:hover i,.btn-all:focus i {opacity:1;right:-1.2rem;}
.btn-blue {background-color: #275275;background-image: linear-gradient(90deg,hsla(0,0%,100%,.15),transparent);border: 0;color: #fff;transition: all .2s ease-out;}
.btn-blue:hover,.btn-blue.focus {background-color:#275275;color:#fff;}
.section-video .about-r{position: relative;padding:3rem 0;}
.section-video .about-r .section-swiper .swiper{height:360px;}
.section-video .about-r .section-swiper .swiper-slide img{border-radius:4px;}
.video-wrap {width:100%;height:100%;display: grid;}
.video-wrap:before {
    z-index: 999;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 457px solid #e4f2ff;
    border-left: 150px dashed transparent;
}
.video-wrap .modal-player {border-radius:50%;color:#fff;cursor:pointer;height:70px;left:50%;line-height:70px;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:70px;}
.video-wrap .modal-player i {font-size:3rem;position:relative;z-index:1;}
.video-wrap .modal-player:after,.video-wrap .modal-player:before {background:#275275;border-radius:50%;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;transition:all .2s ease-out 0s;width:100%;}
.video-wrap .modal-player:after {opacity:.3;transform:scale(1.2);}
.video-wrap .modal-player:hover:after,.video-wrap .modal-player:hover:before {transform:scale(1.05);transition:all .2s ease-out 0s}
.video-code {display:none;}
.modal-video {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:9999;opacity:0;visibility:hidden;transition:all 0.4s ease;}
.modal-video.show {opacity:1;visibility:visible;backdrop-filter:blur(4px);}
.modal-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;}
.modal-header {text-align:right;margin-bottom:10px;}
.modal-close {cursor:pointer;}
.modal-close i {font-size:30px;color:#d3d2d2;}
.modal-close:hover i {color:#fff;}
.modal-body {width:100%;background:#111;border-radius:8px;padding:5px;}
.wp-video {width:100% !important;}
video.j-wpcom-video {width:100% !important;height:auto !important;border-radius:3px;}

.placeholder {display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;}
 #statsSection {display:flex;margin-top:1rem;gap:20px;text-align:center;}
.stat-card { border-radius:8px;box-sizing:border-box;width: 20%;}
.stat-title {font-size:15px;color:#464646;margin-bottom:10px;font-family: arial, helvetica, sans-serif;}
.stat-number {font-size:44px;font-weight:bold;color:#275275;display:inline-block;}
.stat-unit {font-size:16px;color:#275275;}
@media (max-width:768px) {#statsSection {flex-direction:column;}
.stat-card {width:100%;max-width:300px;}
}


.index-server{padding-top:4rem;position: relative;}
.server-box{position: relative;padding:3rem 0;}
.server-box ul{display: flex;flex-wrap: wrap;gap: 20px;}
.server-box ul li{flex: 0 0 calc(25% - 15px);display: inline-block;overflow: hidden;}
.server-box ul li .s-img{position: relative;overflow: hidden;}
.server-box ul li .s-img .m2tun{display:block;}
.server-box ul li .s-img .m2tun img{width: 100%;height: 100%;object-fit: cover;display: block;}

.server-box ul li .s-img .s-img-hover {position:absolute;width:100%;height:100%;background:rgb(39 82 117 / 94%);left:0px;top:100%;transition:0.5s;display:flex;justify-content:center;align-items:center;padding:0 2rem;}
.server-box ul li:hover .s-img .s-img-hover {top:0;}
.server-box ul li .s-img .s-img-hover i {font-size:30px;}
.server-box ul li .s-img .s-img-hover p {position:relative;font-size: 16px;}
.server-box ul li .s-img .s-img-hover p a {color:#fff;}
.server-box ul li .tit {display:block;font-size: 18px;color: #212121;line-height:24px;text-align:center;margin-top:12px;}
.index-news {padding:1rem 0;position:relative;}
.c_1530_3{ width:100%; overflow: hidden;}
.c_1530_3 .hd{ width:100%; float:left; text-align:center; margin-top:34px;}
.c_1530_3 .hd ul{ display:inline-block; vertical-align:top;}
.c_1530_3 .hd ul li{ display:block; float:left; margin:0 15px; width:120px; height:34px; line-height:34px; font-size:16px; color:white; background:#aaa; cursor:pointer;
-moz-border-radius:17px; 
-webkit-border-radius:17px; 
-khtml-border-radius:17px;
border-radius:17px}
.c_1530_3 .hd ul li.on{ background:#f39700;}
.c_1530_3 .bd{ width:100%; float:left; margin-top:60px;}
.c_1530_3 .bd .c_750{ width:49.02%; float:left; background:#f6f6f6; padding:30px 40px;}
.c_1530_3 .bd .c_750 h4{ width:100%; float:left; font-size:16px; color:#999; line-height:26px; }
.c_1530_3 .bd .c_750 .title{ width:100%; float:left; font-size:22px; color:#212121; line-height:26px; margin-bottom:5px;}
.c_1530_3 .bd .c_750 .p{ width:100%; float:left; font-size:16px; color:#838383; line-height:22px; overflow:hidden; margin-top:10px; padding-left:20px; position:relative;}
.c_1530_3 .bd .c_750 .p:before{ content:''; width:2px; height:66px; background:#838383; position:absolute; left:0; top:50%; margin-top:-33px;}
.c_1530_3 .bd .c_750 .img{ width:100%; float:left; margin-top:20px; overflow:hidden; position:relative; padding-bottom:41.38%;}

.c_1530_3 .bd .c_750 .img img{position:absolute; left:0; top:0; width:100%; object-fit: cover;}

.c_1530_3 .bd .c_750 .detail{ width:100%; float:left; margin-top:20px;}
.c_1530_3 .bd .c_750 .detail a{ display:block; float:left; width:145px; height:40px; line-height:40px; background:#275275; padding:0 20px; font-size:15px; color:white;  text-transform:uppercase;-webkit-transition: all 0.5s linear;}
.c_1530_3 .bd .c_750 .detail a img{ float:right; margin-top:17px;height: auto;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 40px;}
.c_1530_3 .bd .c_750:hover .title{ color:#275275;}
.c_1530_3 .bd ul{ width:50.98%; float:right; border-top:solid 1px #f6f6f6;}
.c_1530_3 .bd ul li{ width:100%; float:left; height:175px; border-bottom:solid 1px #f6f6f6; border-right:solid 1px #f6f6f6; background:white; padding:30px 180px 29px 30px; position:relative;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.c_1530_3 .bd ul li .time{ width:57px; position:absolute; right:59px; top:54px; font-size:16px; color:#999; line-height:20px; font-family:Arial; padding-bottom:66px; background:url(../images/index17.png) no-repeat left bottom;}
.c_1530_3 .bd ul li .title{ width:100%; float:left; font-size:18px; color:#212121; line-height:24px;}
.c_1530_3 .bd ul li .p{ width:100%; float:left; font-size:16px; color:#838383; line-height:25px; margin-top:10px; height:50px; overflow:hidden;}
.c_1530_3 .bd ul li:hover{ box-shadow:0 0 57px rgba(10,2,4,0.18); z-index:3;}
.c_1530_3 .bd ul li:hover .title{ color:#275275;}
@media screen and (max-width: 1199px) {
.c_1530_3 .bd .c_750{ height:560px; padding:42px 65px 10px 65px;}
.c_1530_3 .bd ul li{ height:186px; padding:34px 145px 33px 40px;}
.c_1530_3 .bd ul li .time{ right:39px;}
}
@media screen and (max-width: 991px) {
.c_1530_3{ padding:52px 0 60px 0;}
.c_1530_3 .hd{ margin-top:24px;}
.c_1530_3 .hd ul li{ margin:0 10px; width:100px; height:30px; line-height:30px; font-size:15px;}
.c_1530_3 .bd{ margin-top:30px;}
.c_1530_3 .bd .c_750{ height:440px; padding:32px 35px 10px 35px;}
.c_1530_3 .bd .c_750 h4{ font-size:24px; line-height:32px;}
.c_1530_3 .bd .c_750 .title{ font-size:16px; line-height:24px; margin-top:12px;}
.c_1530_3 .bd .c_750 .p{ font-size:12px; line-height:22px; height:66px; margin-top:20px; padding-left:21px;}
.c_1530_3 .bd .c_750 .p:before{ height:56px; margin-top:-28px;}
.c_1530_3 .bd .c_750 .img{ margin-top:14px;}
.c_1530_3 .bd .c_750 .detail{ margin-top:20px;}
.c_1530_3 .bd .c_750 .detail a{ width:125px; height:34px; line-height:34px; padding:0 10px; font-size:12px;}
.c_1530_3 .bd .c_750 .detail a img{ width:17px; margin-top:15px;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 30px;}
.c_1530_3 .bd ul li{ height:146px; padding:24px 105px 23px 20px;}
.c_1530_3 .bd ul li .time{ right:20px; top:24px; padding-bottom:46px; background-size:20px auto; font-size:18px;}
.c_1530_3 .bd ul li .title{ font-size:16px; line-height:24px;}
.c_1530_3 .bd ul li .p{ font-size:15px; line-height:23px; margin-top:23px; height:46px;}
}
@media screen and (max-width: 767px) {
.c_1530_3{ padding:22px 10px 30px 10px;}
.c_1530_3 .hd{ margin-top:14px;}
.c_1530_3 .hd ul li{ margin:0 6px;}
.c_1530_3 .bd{ margin-top:20px;}
.c_1530_3 .bd .c_750{ width:100%; height:auto; padding:22px 25px 20px 25px;}
.c_1530_3 .bd .c_750 h4{ font-size:18px; line-height:26px;}
.c_1530_3 .bd .c_750 .title{ font-size:15px; line-height:22px; margin-top:8px;}
.c_1530_3 .bd .c_750 .p{ line-height:20px; height:58px; margin-top:10px; padding-left:11px;}
.c_1530_3 .bd .c_750 .p:before{ height:46px; margin-top:-23px;}
.c_1530_3 .bd .c_750 .img{ margin-top:10px;}
.c_1530_3 .bd .c_750 .detail{ margin-top:12px;}
.c_1530_3 .bd .c_750 .detail a{ width:105px;}
.c_1530_3 .bd .c_750 .detail a:hover{ padding:0 20px;}
.c_1530_3 .bd ul{ width:100%;}
.c_1530_3 .bd ul li{ height:auto; padding:14px 65px 13px 10px; border-left:solid 1px #f6f6f6;}
.c_1530_3 .bd ul li .time{ right:0px; top:14px; padding-bottom:26px; background-size:16px auto; font-size:15px;}
.c_1530_3 .bd ul li .title{ font-size:15px; line-height:22px;}
.c_1530_3 .bd ul li .p{ line-height:19px; margin-top:13px; height:36px;}
}




.news-infos {position:relative;margin-top:2rem;}
.news-infos .item {box-sizing:border-box;flex-shrink:0;}
.news-infos .item a {position: relative;}
.news-infos .item a .icon {width:25px;height:25px;right:1.042vw;top:1.042vw;background-size:8px;z-index:1;opacity:1;transition:all .6s;position:absolute;background-image:url(../images/jia.png);background-repeat:no-repeat;background-color:#fff;border-radius:100%;background-position:center;}
.news-infos .item a:hover .icon {opacity:0;}
.news-infos .item a .imgbox {padding-top:315px;border-radius:8px;overflow:hidden;position:relative;}
.news-infos .item a .imgbox img {position:absolute;left:0px;top:0px;width:100%;height:100%;object-fit:cover;}
.news-infos .item a .title {font-size:16px;line-height:1.4;padding:20px;bottom:10px;left:10px;right:10px;border-radius:6px;position:absolute;color:#fff;color:#121212;background-color:rgb(255 255 255 / 1%);backdrop-filter:blur(8px);transition:all .5s;}
.news-infos .item a:hover .title {color:#121212;background-color:rgb(255 255 255 / 42%);backdrop-filter:blur(8px);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
.news-infos .dtbox {position:absolute;bottom:-3.5rem;left:50%;transform:translate(-50%,0);display:flex;align-items:center;gap:2rem;z-index:10;}
.news-infos .dtbox a {color:#7d7d7d;font-size:15px;line-height:1.5;flex-shrink:0;}
.news-infos .dtbox a:hover {color:#065097;}
.news-infos .dtbox .swiper-button-white {padding:1.25rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#eee;position:relative;top:0;margin-top:0;left:0;right:0;transition:background .5s,color .5s;flex-shrink:0;}
.news-infos .dtbox .swiper-button-white:hover {background:#065097;}
.news-infos .dtbox .swiper-button-next,.news-infos .dtbox .swiper-button-prev {color:#121212;}
.news-infos .dtbox .swiper-button-next:after,.news-infos .dtbox .swiper-button-prev:after {font-size:15px;}
.news-infos .dtbox .swiper-button-next:hover:after,.news-infos .dtbox .swiper-button-prev:hover:after {color:#fff;}

.index-contact {padding:4rem 0;position:relative;margin-top:2rem;}
.contact-box {display:flex;gap:1rem;align-items:center;justify-content:space-between;background-color:#275275;border-radius:9px;}
.contact-box .contact-l {padding:2.375rem 2.625rem;color:#fff;max-width:40%;}
.contact-box .contact-l .top h3 {font-size:48px;font-weight:300;line-height:1.4;margin-bottom:.5rem;}
.contact-box .contact-l .top p {font-size:22px;font-weight:300;}
.contact-item-title {position:relative;padding-top:1.5rem;}
.contact-item-title p {font-size:16px;color:#fff;padding-bottom:10px;}
.contact-item-title p i {font-size:22px;color:#fff;margin-right:10px;}
.contact-item-title p a {font-size:18px;color:#fff;padding-bottom:20px;}
.contact-box .contact-l .wechat-box{position:relative;margin-top: 1rem;display: flex;gap: 10px;}
.contact-box .contact-l .ewm {position:relative;display: flex;flex-direction: column;align-items: center;}
.contact-box .contact-l .ewm img {height: 112px;border-radius:3px;}
.contact-box .contact-l .ewm span{color: #fff;font-size: 15px;margin-top: .2rem;}
.contact-box .contact-r {padding:4.3125rem 7.375rem;background:#fff;width:100%;height:100%;max-width:60%;flex-shrink:0;border-radius:9px;}
.contact-box .contact-r h1 {font-size:2.25rem;font-weight:300;color:#212121;margin-bottom:1rem;}
.contact-box .contact-r .form {display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 0.875rem;}
.contact-box .contact-r .form .inp input {font-size:1rem;font-weight:300;color:#d72a2a;padding:10px;width:100%;border:1px solid #d1d1d1;border-radius:8px;background-color:rgba(0,0,0,0);}
.contact-box .contact-r .form .inp textarea {font-size:1rem;font-weight:300;color:#d72a2a;padding:10px;width:100%;border:1px solid #d1d1d1;border-radius:8px;background-color:rgba(0,0,0,0);font-family:auto;min-height:8rem;}
.contact-box .contact-r .form .inp.code {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
.contact-box .contact-r .form .inp.web,.contact-box .contact-r .form .inp.service,.contact-box .contact-r .form .inp.code {grid-column:span 2;}
.contact-box .contact-r .form .inp.code button {cursor:pointer;width:100%;max-width:11.25rem;flex-shrink:0;padding:1.375rem 1.6875rem;border-radius:8px;background-color:#275275;font-size:1.125rem;font-weight:300;color:#fff;transition:all .5s ease;}
.contact-box .contact-r .form .inp.code button:hover{transform:translateX(-1rem)}


/*category*/
.path-bar{position: relative;width: 100%;line-height: 33px;margin: 0 0 26px;background: #eeeeee;margin-top: 132px;}

.cat-banner {position:relative;}
.cat-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;box-sizing:content-box;}
.cat-banner .cat-slide {position:relative;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block;}
.cat-banner .cat-slide img {display:block;max-width:100%;width:100%;height:500px;object-fit:cover;margin:0 auto;}
.cat-banner .cat-slide .cat-text {position:absolute;top:60%;left:0;width:100%;transform:translateY(-50%);-webkit-font-smoothing:auto;}
.cat-banner .cat-slide .cat-text h2 {display:inline-block;margin:0;color:#fff;font-weight:700;font-size:38px;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.cat-banner .cat-slide .cat-text h2:after {display: block;content: '';width: 74px;height: 4px;margin: 10px 0 0;background-color: #f12480;}
.cat-banner .cat-slide .cat-text p {margin:16px 0 0;color:#fff;font-size:18px;line-height:1.6;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.breadcrumb {position:relative;display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem; font-size:.875rem;color:#999;}
.breadcrumb .icon-home{color:#999;padding-right:5px;font-size: 1rem;}
.breadcrumb a,.breadcrumbs span {font-size:.875rem;color:#999;}
.breadcrumb i.sep {color:#999;margin: 0 5px;}


.pro-list.product-box ul li .box .flex .img {height: 275px;}

.header-tit {position:relative;font-weight:700;margin:0 0 1rem;padding-left:25px;color:#20232b;font-size:18px;line-height:1.4;}
.widget-border {position:absolute;top:-3px;left:0;width:36px;height:30px;border-radius:4px;}
.widget-border:before {content:'';position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:10px;background-color:#275275;opacity:1;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}
.widget-border:after {content:'';position:absolute;left:8px;top:50%;width:3px;height:16px;border-radius:10px;background-color:#275275;opacity:.6;transform:translateY(-50%) rotate(15deg);transition:all .4s ease-in-out;}

.vertical-menu {border:1px solid #e9ecef;border-radius:4px;margin:15px 0px 30px;}
.menu-item {position:relative;border-bottom:1px solid #f4f6f7;}
.menu-item:last-child {border-bottom:none;}
.menu-link {display:block;padding:12px 15px;color:#212121;font-size:16px;transition:background 0.2s;}
.menu-link:hover {background:#e9ecef;color:#275275;}
.menu-arrow {text-align:center;position:absolute;right:0;top:0;width:130px;padding-left: 5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.3s;z-index:99;}
.menu-arrow i{line-height:40px;color: #275275;font-size: 14px;transition: transform 0.3s;font-weight: 800;}
.sub-menu {display:none;background:#fff;}
.sub-menu .menu-link {padding-left:30px;}
.sub-menu .current-cat a{color:#275275;font-weight: 900;font-size: 15px;}

.sidebar-contact {border-radius:5px;width:100%;max-width:100%;position:relative;background-color:#fff;}
.sidebar-contact .contact-header {border-radius:5px 5px 0 0;padding:35px 25px;margin:0;border:none;color:#fff;text-align:center;background:#275275;letter-spacing:2px;}
.sidebar-contact .contact-header i {display:block;margin:0 auto 8px auto;font-size:60px;line-height:1;}
.contacts-widget {padding:30px 22px;display:flex;gap:22px;flex-direction:column;border: 1px solid #eeeeee;}
.contacts-widget .contact-item {display:flex;flex-wrap:nowrap;align-items:flex-start;color:#202935;}
.contacts-widget i {margin-right:12px;border:none;font-size:22px;line-height:16px;vertical-align:top;color:#202935;flex:0 0 18px;}
.contacts-widget .ct-info {display:inline-block;flex:1;word-break:break-all;font-size:15px;line-height:16px;vertical-align:top;}

.siderbar-box {border-radius:5px;width:100%;max-width:100%;position:relative;background-color:#fff;border: 1px solid #eeeeee;padding:15px;margin: 2rem 0;}
.arc-list{position: relative;}
.arc-list li{padding:12px 0;border-top:1px solid #f7f7f7;display: inline-flex;width: 100%;}
.arc-list li span{font-size: 13px;margin-right: 5px;}
.arc-list li:first-child{border:none}
.arc-list li a{line-height:22px;font-size:15px;display:block;transition: all .3s;color:#202935;}
.arc-list li a h3 {color:#202935;line-height: 1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word;font-size:15px;font-weight:normal;transition:all .3s;}
.arc-list li a .post-time {color:#8a8a8a;font-size:15px;}
.arc-list li a:hover h3{color:#275275}


.card-news {display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:24px;}
.card-news a {max-width:100%;color:#121212;width: 100%;}
.por-card {background:#fff;gap:40px;padding:20px 28px;cursor:pointer;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;box-shadow:0px 6px 40px 0px rgba(34,87,179,0.12);transition:.2s;}
.por-card:hover {box-shadow:0px 6px 40px 0px rgba(12,12,12,0.18);}
.por-card .news-date {font-size:16px;line-height:24px;flex-shrink:0;text-align:center;}
.por-card .news-date .news-day {font-size:32px;line-height:48px;color:#191919;font-weight:600;}
.por-card .news-date span {color:#939292;font-size:16px;line-height:24px;text-align:center;}
.por-card .por-card-icon {position:relative;width:225px;flex-shrink:0;display: block;overflow: hidden;border-radius:5px;}
.por-card .por-card-icon img {width:100%;height:125px;display:block;object-fit:cover;transition:all .3s;}
.card-news a:hover .por-card-icon img{transform:scale(1.1)}
.por-card .por-card-content {vertical-align:top;}
.por-card .por-card-content h3 {font-size:18px;line-height:24px;color:#275275;font-weight:600;}
.por-card .por-card-content p {font-size:15px;color:#666;line-height:18px;padding-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}



/*singe*/
.product-intro{background-color:#fff;box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);padding:30px;border-radius:5px;}
.product-header {display:flex;gap:20px;}
.product-header .product-gallery-box {width:44%;}
.product-header .product-text {width:56%;}

.product-swiper-container {max-width:800px;margin:0 auto;}
.pro-swiper {margin-bottom:20px;border-radius:3px;overflow:hidden;}
.pro-swiper .swiper-slide {text-align:center;}
.pro-swiper .swiper-slide img {display:block;width: 100%;max-width:100%;object-fit:cover;height:350px;}
.pro-swiper .swiper-button-next,.pro-swiper .swiper-button-prev {color:#333;width:40px;height:40px;background:rgba(255,255,255,0.8);border-radius:50%;}
.pro-swiper .swiper-button-next:after,.pro-swiper .swiper-button-prev:after {font-size:16px;}
.thumb-swiper {width:100%;}
.thumb-swiper .swiper-slide {width:25%;cursor:pointer;border:2px solid #fff;}
.thumb-swiper .swiper-slide-thumb-active {opacity:1;border:2px solid #ff3b30;border-radius:3px;}
.thumb-swiper .swiper-slide img {width:100%;height:90px;display:block;object-fit:cover;border-radius:3px;}

.pro-title {margin-bottom:1rem;}
.pro-title h1 {font-size:24px;margin-bottom:10px;font-weight:700;color:#212121;}
.pro-title p {color:#4b525b;font-size:15px;}

.product-desc{background-color:#f7f7f7;padding:15px;color: #4b525b;font-size: 14px;line-height: 22px;margin-bottom: 1rem;}
.product-desc p{color: #4b525b;font-size: 15px;line-height: 28px;font-family: arial, helvetica, sans-serif;}

.pro-excerpt{margin-bottom:1rem;}
.pro-excerpt ul {background:#fafafa;border-radius:5px;}
.pro-excerpt li {padding:0 16px;border-top:1px solid #f1f1f1;color:#333;font-size:15px;line-height:36px;}
.pro-excerpt li:first-child {border-top:none;}
.pro-excerpt li strong {font-weight:700;font-size: 15px;display:inline-block;width:130px;}

.product-button {margin-top:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.product-button .btn-b {display:flex;background-color:#f7f7f7;border-radius:30px;}
.product-button .btn-b i {display:flex;justify-content:center;align-items:center;font-size:30px;width:52px;height:52px;margin:0;padding:6px;background-color:rgba(0,87,184,0.05);border-radius:50%;}
.product-button .btn-b i em {display:block;width:40px;height:40px;margin:0;padding:0;background:#EF3B1B url(../images/ico11.png) center center no-repeat;background-size:30px 30px;border-radius:50%;transition:all .3s ease;}
.product-button .btn-b span {display:block;width:auto;line-height:40px;color:#EF3B1B;font-size:16px;font-weight:bold;margin:0;padding:6px 15px 6px 6px;transition:all .3s ease;}
.product-button .btn-b:hover i em{background-color:#250a06;}
.product-button .btn-b:hover span{color:#250a06;}
.product-detail{position: relative; display: flex;align-items: flex-start;gap: 20px;margin: 20px 0;}
.product-content{background-color: #fff;box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);padding: 30px;border-radius: 5px;width: 100%;}
.product-content .gai_content {  display: inline-block;padding: 6px 10px;font-size: 16px;cursor: pointer;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);}
.p_content {position: relative;margin-bottom: 2rem;}
.p_content h3 {color: #121212;font-size: 26px;padding: 1rem 0;}
.entry-content ul{
    list-style: disc !important;
    padding-left: 30px !important;
}

.entry-content ol{
    list-style: decimal !important;
    padding-left: 30px !important;
}

.entry-content {color:#262626;font-size:1.125rem;margin-bottom:20px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.entry-content img{max-width: 100% !important;width: auto!important;height: auto !important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.entry-content video{width: auto;max-width: 100%!important;height: auto!important;border-radius: 5px;text-align: center;display: block;margin: 0 auto;}
.entry-content p {color: #262626;padding: 6px 0;line-height: 1.6;font-size: 16px;font-family: arial, helvetica, sans-serif;}
.entry-content ol{padding: 0;}
.entry-content code {padding: 3px 5px;margin: 0 2px;border-radius: 2px;font-size: .875em;color: #d63384;background-color:#f4f4ff;font-family: 'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;word-wrap: break-word;}
.entry-content pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family: "Microsoft Yahei";white-space: pre-wrap;}
.entry-content pre code{color: inherit;background-color: inherit;}
.entry-content pre {margin: 20px 0;font-size: 12px;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.entry-content h1,.entry-content h2,.entry-content h3 {color:#262626;line-height: 1.8;font-weight: 600;}

.entry-content table {margin: 10px 0 10px 0;width: 100%;border-collapse: collapse;border: 1px solid #ccc;}
.entry-content table>tbody>tr:nth-of-type(odd) {background-color: #f5f5f5;}
.entry-content table tr:nth-of-type(1) td{color: #fff;border:1px solid #ccc;}
.entry-content table>tbody>tr:first-child td{background-color: #f5f5f5;color: #333;}
.entry-content table>tbody>tr>td {vertical-align:middle;color: #333;text-align: center;border: 1px solid #ccc;padding-left: 10px;font-size: 16px;
font-family: arial, helvetica, sans-serif;}
.entry-content table>tbody>tr>td p{text-indent:0;line-height:1.4;margin:0;}


.entry-content table>thead>tr>th {vertical-align:middle;color: #333;text-align: center;border: 1px solid #ccc;padding-left: 10px;}



.list-product{margin-top:2rem;}
.list-product ul{display: flex;flex-wrap: wrap;margin: -10px -10px 10px;}
.list-product ul .item {box-sizing: border-box;flex-shrink: 0;padding: 10px;width: 33.33%;transition:all .3s ease 0s;}
.list-product ul .item-inner {background-color: #f7f7f7;border: 1px solid #f7f7f7;border-radius:6px;overflow:hidden;transition:all .2s ease-out 0s;}
.list-product ul .item-img {overflow:hidden;position:relative;}
.list-product ul .item-thumb {display:block;height:100%;width:100%;}
.list-product ul .item-thumb img {display:block;height:100%;object-fit:cover;width:100%;transition:all .2s ease-out 0s;}
.list-product ul .item:hover .item-thumb img{transform:scale(1.02);}
.list-product ul .item-img .item-category {background:rgba(0,0,0,.5);border-radius:3px;color:#fff;font-size:12px;left:15px;line-height:14px;padding:4px 8px;position:absolute;top:15px;}
.list-product ul .item-category:hover {background:#065097;}
.list-product ul .item-title {font-size:16px;font-weight:500;margin:0;padding:20px 15px;}
.list-product ul .item-title a {color:#1a1a1a;font-size:15px;height:44.8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;text-decoration:none;}
.list-product ul .item:hover .item-title a {color:#065097;}
.list-product ul .item-meta {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#a1a1a8;padding:0 15px 20px;}
.list-product ul .item-meta .meta-li {color:#212121;font-size: 15px; display: inline-block;line-height: inherit;margin-right: 15px;vertical-align: top;}
.list-product ul .item-meta .meta-li i {margin-left:.2rem;color:#e16562;}


.single-article {width:100%;min-height:500px;margin:0 auto;max-width:100%;position:relative;}
.entry-head {margin-bottom:20px;border-bottom:1px solid #f5f6f7;padding-bottom:20px;}
.single-article h1 {font-size:24px;color:#212121;font-weight:500;line-height:36px;margin-bottom:12px;text-align: center;}
.single-article .entry-info {display:flex;justify-content: center;}
.single-article .entry-info .metas {display:flex;align-items:center;font-size:15px;color:#666;gap:15px}
.single-article .entry-info .metas .author {position:relative;padding-left:20px;}
.single-article .entry-info .metas .author a {color:#8590A6;font-size:15px;}
.single-article .entry-info .metas .author a:before {content:"";background:url(../images/home.png) no-repeat 0;width:18px;height:18px;background-size:18px 18px;left:0;top:50%;transform:translateY(-50%);position:absolute;}
.single-article .entry-info .metas span{display: flex;align-items: center;color: #8590A6;line-height: 1;}
.single-article .entry-info .metas i{color: #8590A6;font-size: 16px; padding-right: 3px;}

.entry-nav{display: flex; border-radius: 6px;margin-top: 20px;padding: 20px;background-color: #fff;border: 1px solid #eeeeee;}
.entry-nav .article-nav{color: #8a8a8a;font-size: 15px;width: 50%;}
.entry-nav .article-nav a {color:#121212;font-size:15px;font-weight:600;display:block;margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word;transition:all .2s;}
.entry-nav .article-nav a:hover{color:#007bff;}
.entry-nav .article-nav.prev {padding-right: 25px;}
.entry-nav .article-nav.next{padding-left: 25px;border-left: 1px dashed #e7ebf3;text-align: right;}

.p_request{margin-bottom: 1rem;}

.inquiry .form {display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 0.875rem;}
.inquiry  .form .inp input {font-size:1rem;font-weight:300;color:#d72a2a;padding:10px;width:100%;border:1px solid #d1d1d1;border-radius:8px;background-color:rgba(0,0,0,0);}
.inquiry  .form .inp textarea {font-size:1rem;font-weight:300;color:#d72a2a;padding:10px;width:100%;border:1px solid #d1d1d1;border-radius:8px;background-color:rgba(0,0,0,0);font-family:auto;min-height:8rem;}
.inquiry  .form .inp.code {display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
.inquiry  .form .inp.web,.inquiry .form .inp.service,.inquiry .form .inp.code {grid-column:span 2;}
.inquiry  .form .inp.code button {cursor:pointer;width:100%;max-width:11rem;flex-shrink:0;padding:1rem 1.6875rem;border-radius:8px;background-color:#d4042c;font-size:1.125rem;font-weight:300;color:#fff;transition:all .5s ease;}
.inquiry  .form .inp.code button:hover{transform:translateX(-1rem)}
.p_recommended{margin-top:3rem;}
/*page*/
.main-tit-bar { overflow:hidden; border-bottom:1px solid #ebebeb; padding:0 0 8px; margin:0 0 10px; }
.main-tit-bar .title { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1; font-size:27px;color:#333; }
.graphic {padding:2rem 0;margin:1.5rem 0 0 0;text-align: center;position: relative;background-color:#275275;}
.graphic .item-icon {display: block;}
.graphic .item-icon img{position:relative;}
.graphic h3 {font-size:20px;margin-top:.5rem;font-weight:600;color:#fff;}



.graphic:before {content:"";background:rgba(0,0,0,.55);position:absolute;top:0;min-height:100%;left:0;right:0;z-index:-1;}
.graphic-box {max-width:1000px;margin:0 auto;text-align:center;padding:2rem 0;}
.graphic-box h3 {font-size:34px;line-height:55px;font-weight:600;color:#fff;}
.graphic-box .desc {margin-top:10px;margin-bottom:2rem;}
.graphic-box .desc p {color:#fff;font-size:15px;margin:15px 0;line-height:1.6;}


.about-page{padding: 1rem 0;}
.about-page .about-l{position: relative;}
.about-content{position:relative;}
.a-heading{color: #275275;font-size:27px;padding:1rem 0;}
.about-content p{color:#666;padding: 6px 0;line-height: 1.4;font-size: 16px;font-family: arial, helvetica, sans-serif;}
.ios-img-item {display: flex;flex-wrap: wrap;gap: 20px;margin-top:3rem;justify-content: center;}
.ios-img-item li{flex: 0 0 calc(25% - 15px);display: inline-block;overflow: hidden;border: 1px solid #f2f2f2;}
.ios-img-item li a{overflow: hidden;display: block;border-radius: 5px;}
.ios-img-item li a img {display:block;margin:0 auto;border:0;width:100%;height:100%;transition:opacity .3s,transform .3s ease-in-out;object-fit:cover;}
.ios-img-item li p {font-size:22px;font-weight:normal;margin-top:10px;margin-bottom:1rem;text-align:center;overflow:hidden;}
.ios-img-item li p a {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;line-height:18px;}

.choose-list{display: flex;flex-wrap: wrap;gap: 20px;}
.choose-list .item{flex: 0 0 calc(25% - 15px);display: inline-block;position: relative;display: flex;transition: all .5s;border-radius: 6px;padding:1rem .2rem;    padding: 20px;background-color: #e4f2ff;}
.choose-list .item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-5px)}
.choose-list .item .item-icon{display:block;margin:0 auto;width:90px;height:90px}
.choose-list .item .item-icon img{z-index:2;display:block;transition:all 1s}
.choose-list .item .item-text{width:100%;}
.choose-list .item .item-text h3{margin:0;color:#000;font-weight:700;font-size:20px}
.choose-list .item .item-text p{margin-top:10px;margin-bottom:0;color:#666;font-size:16px;line-height:20px}




.page-title{padding:1rem 0;}
.page-title h2{font-size: 40px;color: #121212;font-weight: 600;line-height: 36px;margin-bottom: 20px;text-align: center;}

.modules-mix{margin:3rem 0;}
.mc-item-wrap{color:#262626;display:flex;flex-wrap: wrap;position:relative;margin-bottom: 30px;background-color:#e4f2ff;border-radius:5px;}
.steel-block{display:flex;position:relative;}
.steel-block .item-img {width: 55%;}
.steel-block .item-img img {border-radius:5px 0 0 0;display:block;height:100%;object-fit:cover;width:100%}
.steel-block .item-text{width: 45%;padding: 0px 60px;display:flex;justify-content: center;flex-direction: column;position: relative;box-sizing: border-box;}
.steel-block .item-text h3 {margin: 10px 0 20px;display: flex;align-items: center;}
.steel-block .item-text h3 i{font-size: 66px;font-weight: 300;color:#275275;margin-right:20px;font-family: fantasy;}
.steel-block .item-text h3 span{color:#212121;font-size: 30px;font-weight: 600;line-height: 36px;font-family: Arial, sans-serif;}
.steel-block .item-text p {font-size:16px;line-height:1.67;margin:0 0 .6em;color:#666;font-family: arial, helvetica, sans-serif;}
.steel-icons-row{position:relative;}
.steel-icons-row{display: flex;flex-wrap: wrap;gap: 30px;width: 100%;padding: 20px;}
.steel-icons-row .item{flex: 0 0 calc(25% - 23px);display: flex;    justify-content: space-evenly;position: relative;display: flex;align-items: center;transition: all .5s;border-radius: 6px;padding:1rem .2rem;}
.steel-icons-row .item .item-icon{display:block;}
.steel-icons-row .item .item-icon img{width:100%;}
.steel-icons-row .item .item-text{margin-left:10px;width: calc(100% - 75px);}
.steel-icons-row .item .item-text h3{margin:0;color:#275275;font-weight:600;font-size:20px}
.steel-icons-row .item .item-text p{color:#666;font-size:15px;line-height:18px;font-family: arial, helvetica, sans-serif;}
.reverse {flex-direction: row-reverse;}
.modules-mix .mc-item-wrap:nth-of-type(2n) .steel-block .item-img img{border-radius: 0 5px 0 0;}

.btn-all {padding: 12px 24px;font-size:16px;letter-spacing: .5px;border-width:1px;border-radius:2px;display:inline-block;position:relative;margin-top: 20px;border: 1px solid #dcdcdc;}
.btn-all span {display:inline-block;position:relative;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;will-change:transform;}
.btn-all:hover span,.btn-all:focus span {-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.55rem,0,0);}
.btn-all i {position:absolute;width:1.25em;right:0rem;opacity:0;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.btn-all:hover i,.btn-all:focus i {opacity:1;right:-1.2rem;}

.btn-blue {background-color: #275275;border: 0;color: #fff;transition: all .2s ease-out;}
.btn-blue:hover,.btn-blue.focus {background-color:#275275;color:#fff;}
.btn-red {background-color: #f12480;background-image: linear-gradient(90deg,hsla(0,0%,100%,.15),transparent);border: 0;color: #fff;transition: all .2s ease-out;}
.btn-red:hover,.btn-red.focus {background-color:#f12480;color:#fff;}

.partners{position: relative;padding:2rem 0;}
.partners ul {display:flex;margin:-10px;flex-wrap: wrap;}
.partners ul li {width:calc(15% - 15px);border:1px solid #f7f6f6;overflow:hidden;margin:10px;height:auto;background-color:#fff;border-radius: 5px;transition: all .2s ease-out;}
.partners ul li:hover{box-shadow: 0 0px 41px #e9e9e9;}
.partners ul li img {display:block;width:100%;height:auto;transition:transform .5s;object-fit:cover;}
.partners ul li:hover img {transform:scale(1.05)}
.partners ul li .image_caption{display: block;font-size: 22px;font-weight: normal;margin-top: 10px;margin-bottom: 1rem;text-align: center;line-height: 24px;}

.certificate{position: relative;}
.certificate ul {display:flex;margin:-10px;flex-wrap:wrap;justify-content:center;}
.certificate ul li {width:calc(25% - 20px);border:1px solid #f7f6f6;overflow:hidden;margin:10px;height:auto;background-color:#fff;border-radius: 5px;transition: all .2s ease-out;}
.certificate ul li:hover{box-shadow: 0 0px 41px #e9e9e9;}
.certificate ul li img {display:block;width:100%;height:auto;transition:transform .5s;object-fit:cover;}
.certificate ul li:hover img {transform:scale(1.05)}
.certificate ul li .image_caption{display: block;font-size: 22px;font-weight: normal;margin-top: 10px;margin-bottom: 1rem;text-align: center;line-height: 24px;}

.server-mix{margin-top:2rem;}
.server-mix-item-wrap{color:#262626;display:flex;position:relative;margin-bottom: 60px;}
.server-mix-item-wrap .mc-item {flex-shrink:0;position:relative;vertical-align:middle;width:50%;}
.server-mix-item-wrap .mc-item .mc-item-img img {border-radius:10px;display:block;height:359px;object-fit:cover;width:100%}
.server-mix-item-wrap .mc-item .mc-item-img {padding-bottom:40px;padding-right:20px;z-index:0}
.server-mix-item-wrap .mc-text {padding-bottom:40px;padding-left:20px}
.server-mix-item-wrap .mc-text .mc-title {color:#275275;font-size: 27px;font-weight: 600;line-height: 1.4;margin: 10px 0 40px;}
.server-mix-item-wrap .mc-text p {font-size:18px;line-height:1.67;margin:0 0 .6em;opacity:.8}
.server-mix .server-mix-item-wrap:nth-of-type(2n) .mc-item{order: 1;}
.server-mix .server-mix-item-wrap:nth-of-type(2n) .mc-item.mc-text{order: 0;padding-left: 0;padding-right: 20px;}


@media (max-width:767.98px) {
.segmentation{margin: 2rem 0;}
.br-banner{padding-top: 5rem;}
.br-banner .txt{top:20%;}
.br-banner .txt h3 span{display: none;}
.br-banner .txt h3 font{font-size: 1.55rem;line-height: 43px;}
.br-banner .txt h4{font-size: 1.25rem;margin: 20px 0 20px;line-height: 33px;}
.br-banner .txt h5{padding:0 10px;line-height: 1.3;}
.feature-wrap .fea-item{flex: 0 0 calc(100% - 0px);}

.product-box ul li {flex: 0 0 calc(100% - 0px);}
.server-box ul li {flex: 0 0 calc(100% - 0px);}
.contact-box{height: auto;flex-direction: column;}
.contact-box .contact-l{max-width: 100%;padding: 2rem;}
.contact-box .contact-r{max-width: 100%;padding: 2rem 1rem;}
.contact-box .contact-r h1{font-size: 1.25rem;}
.contact-box .contact-r .form .inp input{font-size: 14px;}

.section-title h3{font-size: 35px;line-height: 40px;}
.video-wrap:before{display:none;}
/*category*/
.path-bar{margin-top: 90px;}
.cat-banner {height: auto;overflow: hidden;}
.cat-banner .cat-slide img{height: 250px;}
.cat-banner .cat-slide .cat-text h2 {font-size:28px;}
.cat-banner .cat-slide .cat-text p {font-size:16px;}
.product-box{margin-top:2rem;}
.por-card{padding: 10px;gap: 10px;}
.por-card .news-date{display: none;}
.por-card .por-card-icon{width: 100px;}
.por-card .por-card-icon img{height: 75px;}
.por-card .por-card-content p{display: none;}
.por-card .por-card-content h3{font-size: 15px;}

/*single*/
.product-header{flex-direction: column;padding: 10px;}
.product-header .product-gallery-box{width: 100%;}
.product-header .product-text{width: 100%;}
.pro-swiper .swiper-slide img{height: 250px;}
.thumb-swiper .swiper-slide img{height: 50px;}
.product-intro{box-shadow:none;padding:0;}
.product-detail{flex-direction: column;}
.product-content,.pro-sidebar{width: 100%;padding: 10px;}
.entry-nav .article-nav a{-webkit-line-clamp:6;}

.entry-content {overflow-x:auto;}
.entry-content table {display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;}
.entry-content table td,.entry-content table th {white-space:nowrap;}

.list-product ul .item{width: 100%;}
.p_recommended{display: none;}

/*page*/
.modules-mix{margin: 1.5rem 0;}
.mc-item-wrap {display:block}
.steel-block{display:block;}
.steel-block .item-img{text-align:center;width:100%}
.steel-block .item-text{width:100%;padding: 0px 20px;}
.steel-block .item-text h3 span{font-size:22px;    line-height: 24px;}
.steel-icons-row .item{flex-direction: column;align-items: flex-start;flex: 0 0 calc(50% - 16px);padding:0;}
.steel-icons-row .item .item-text{width:100%;}
.steel-icons-row .item .item-text h3{line-height:26px;margin-bottom:8px;}


.about-page{padding:0 0 2rem 0;}
.section-video .about-l{padding-bottom:2rem;padding-top: 2rem;text-align: center;}
.img-title .img-title-wrap h2{font-size: 28px;}
.section-video .about-l{padding-bottom:2rem;padding-top: 2rem;text-align: center;padding-right:2rem;}

.modules-image > img {height:auto;}
.partners ul li {width: calc(50% - 20px);}
.certificate ul li{width: calc(50% - 20px);}
.index-contact{padding: 0rem 0 2rem 0;margin-top: 0rem;}

.choose-list .item{flex: 0 0 calc(50% - 10px);}

.server-mix-item-wrap {display:block}
.server-mix-item-wrap .mc-item {text-align:center;width:100%}
.server-mix-item-wrap .mc-item .mc-item-img {height:auto;position:relative;width:auto}
.server-mix-item-wrap .mc-text {padding-left:0}
}