@charset "UTF-8";

@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}
@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(.33);
    transform: scale(.33);
  }
  100%,
  80% {
    opacity: 0;
  }
}
@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(.33);
    transform: scale(.33);
  }

  100%,
  80% {
    opacity: 0;
  }
}
@keyframes style1 {
0% {
    background: rgba(0,0,0,.25);
    transform: translateX(-50%) translateY(-50%) scale(0)
}

to {
    background: 0 0;
    transform: translateX(-50%) translateY(-50%) scale(1)
}
}

/* common */
body {overflow-x: hidden; font-size: 0.9rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
ul, li, dl, dt, dd, ol {list-style: none; margin: 0; padding: 0;}
a {color:#333; text-decoration:none; transition: all 0.4s;}
a:hover {color:#da251d; text-decoration:none;}
img {transition:all .3s;}
img{border:0;max-width:100%;height:auto;vertical-align:middle}

.ptb05 {padding-top:0.5rem;padding-bottom:0.5rem}
.ptb1{padding-top:1rem;padding-bottom:1rem}
.ptb2{padding-top:2rem;padding-bottom:2rem}
.ptb3{padding-top:3rem;padding-bottom:3rem}
.ptb4{padding-top:4rem;padding-bottom:4rem}
.ptb5{padding-top:5rem;padding-bottom:5rem}
.ptb6{padding-top:6rem;padding-bottom:6rem}
.ptb7{padding-top:7rem;padding-bottom:7rem}
.mbt1{margin-top:1rem}
.mbt2{margin-top:2rem}
.mbt3{margin-top:3rem}
.mbb1{margin-bottom:1rem}
.mbb2{margin-bottom:2rem}
.mbb3{margin-bottom:3rem}
.mbb4{margin-bottom:4rem}
.mbb5{margin-bottom:5rem}
.mbb6{margin-bottom:6rem}
.pbt1{padding-top:1rem}
.pbt2{padding-top:2rem}
.pbt3{padding-top:3rem}
.pbt4{padding-top:4rem}
.pbt5{padding-top:5rem}
.pbt6{padding-top:6rem}
.pbb1{padding-bottom:1rem}
.pbb2{padding-bottom:2rem}
.pbb3{padding-bottom:3rem}
.pbb4{padding-bottom:4rem}
.pbb5{padding-bottom:5rem}
.pbb6{padding-bottom:6rem}

.f6f6f6 {background-color: #f6f6f6;}
.btnlink {}
.btnlink .link {display: inline-block; width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; border-radius: 20px; background-color: #E47B02;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);
    background: linear-gradient(270.00deg, rgb(218, 37, 29),rgb(254, 204, 147) 100%);
}
.btnlink .link:hover {background: linear-gradient(270.00deg, rgb(218, 37, 29) 100%,rgb(254, 204, 147)); color: #fff;}


/* pc header */
.header { position: relative; z-index: 9999;border-bottom:2px solid #da251d ; height: 90px; box-sizing: border-box;}
.header .pcwrap{ margin: 0 auto; padding: 0 3%;}
.header #navv {display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.header .logo{width: 230px;overflow: hidden;}
.header .logo a{display:block;}
.header .logo a img {max-height: 60px;}
ul.nav {display: inline-flex; flex: 1; padding-left:20%;}
li.nav-item {flex: 1;}
li.nav-item>a{display: block;text-align: center;line-height: 90px;font-size: 16px;position: relative;}
li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #da251d; position: absolute;}
li.nav-item:hover>a ,li.nav-item.active>a{color: #da251d;}
li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
/* 二级菜单 */
.subMenu {display: none;position: absolute;top: 90px;left: 0;width: 100%; /*height: 290px;*/background-color: #fff; box-shadow: 0 8px 15px rgb(0 0 0 / 10%);}
.subMenu>ul {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center; /*align-items: center;*/ padding: 30px 0;}
.subMenu>ul>li {margin: 0 65px 0 0;}
.subMenu>ul>li h4 a {font-size: 16px; color: #da251d;}
.subMenu>ul>li p {padding-left: 20px; margin-bottom: 0.5rem;}
.subMenu>ul>li>a {display:block;padding:0 18px;text-align: center;line-height: 50px;color: #fff;}
.subMenu>ul>li>a:hover{color:#da251d;}

.header .lang ul{display:flex}
.header .lang li{margin-left:10px;width:40px;line-height:38px;text-align:center}
.header .lang li a{display:block;color:#999;border:#ccc solid 1px;border-radius:50%}
.header .lang li.cur a,.header .lang li:hover a{color:#fff;border-color:#da251d;background:#da251d;box-shadow:0 0 20px rgba(41,87,164,.5)}
/*--pc header--*/


/* footer */
.footer {background-color: #333; color: #999;}
.footer a {color: #999;}
.footer a:hover {color: #da251d; text-decoration: underline;}
.footer .navlist {margin-right: 2%; min-height: 184px; width: 23%; float: left;}
.footer .navlist h4, .footer .navma h4 { position: relative; font-size: 1.2rem; color: #ebebeb;}
/* .footer .navlist h4::after {position: absolute; content: ''; height: 2px; width: 45px; background-color:#e5761d; top: 45px; left: 0;} */
.footer .navlist div {overflow: hidden;}
.footer .navlist div a {display: block; width: 100%; font-size: 1rem; margin-top: 0.5rem;}

.footer .footnav {padding-bottom:1.8rem;}

.footer .navma {}
.footer .navma h4 {margin-bottom: 2.6rem;}
.footer .navma h4::after {position: absolute; content: ''; height: 2px; width: 45px; background-color:#e5761d; top: 45px; left: 0;}
.footer .navma ul {padding-top: 1rem;}
.footer .navma ul li {display: inline-block; float: left; text-align: center; margin-right: 5%;}
.footer .navma ul li img {height: 120px; margin-bottom: 5px;}
.footer .navma ul li:last-child {margin-left: 1rem;}
.footer .navma ul li p {margin-bottom: 0;}
.footer .navma ul li:last-child {display:none;}

.footer .navcon {padding-top: 0.5rem;}
.footer .navcon h4 {margin-bottom: 1rem; }
.footer .navcon p {font-size: 0.9rem; margin-bottom: 0.8rem;}

.footer .footcopy {background: #282828; text-align: center;}
.footer .footcopy .container {border-top: 1px solid #5d5d5d;}
.footer .footcopy span {display: inline-block; float: right;}
.footer .footcopy span a {opacity: 0.6;}
.footer .footcopy span a:hover {opacity: 1;}

.backtop {position:fixed; bottom:30px; right:30px; z-index:100; display: none;}
.backtop a {display: block; border-radius: 50%; box-shadow: 0 0 20px rgba(31, 83, 165, 1.00) !important;}
.backtop img {width: 40px;}


/* kefu */
/*--serverBar--*/
.serverBar{display:none; position:fixed; z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li {position:relative; margin-bottom:10px;}
.serverBar li a {display:block; padding:5px; width:50px; text-align:center;color:#666 !important;background:#fff; border:#f0f0f0 solid 1px;}
.serverBar li a>i {display:block;}
.serverBar li a>span {display:block;font-size:14px;}
.serverBar li:hover a {color:#fff !important; background:#da251d; border-color:rgba(255,255,255,0.1);}
.serverBar li .infos {display:none; position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px; box-shadow:0 0 10px rgba(0,0,0,0.15);}

.serverBar li .tel {top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#da251d;white-space:nowrap;}

.serverBar li .QRcode {bottom:0;overflow:hidden;}
.serverBar li .QRcode .item {overflow:hidden; text-align:center; }
.serverBar li .QRcode .item i{display:block; width:120px;}
.serverBar li .QRcode .item img{display:block; width:100%; margin-bottom:6px;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center; margin-bottom:0;}
.serverBar li:hover .infos{display:block; color:#333;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto;  float:left; }
.side_content .side_list {width:154px; display:block;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../image/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 8px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;/*border-bottom:1px solid #ddd;border-top:1px solid #ddd*/}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../image/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../image/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}


.bardl {margin-bottom:10px; padding-bottom:10px;  border-bottom: solid 1px #ddd;}
.bardl dt {font-weight:normal;}
.bardl dd {text-align:center; padding-top:5px; }
.bardl dd a {display:inline-block; position: relative; float:left;}
/*.bardl dd a img {width:68px;}*/
.bardl dd .wxwx .wxq {display:none; width:120px; height:120px; max-width:120px; position: absolute; z-index:1000; top:22px; left:-34px;}
.bardl dd .wxwx:hover .wxq {display:block; }




/* index banner  */
.carousel-control-next, .carousel-control-prev {z-index: 100;}
.banner .carousel-indicators {bottom:2%;}
.banner .carousel-indicators [data-bs-target] {border:1px solid #fff; width:60px; height:8px; overflow:hidden; background-color:#fff; opacity:1;}
.banner .carousel-indicators .active {background-color:#da251d; border:1px solid #da251d;}
.banner .carousel-item {height: calc(100vh - 90px);} 
.banner .carousel-item::after {position: absolute; top:28%; left: 0; width: 100%; height: 40%; z-index: 5; content: ''; }
.banner .bslogan {bottom: 0; top: 32%; left: 10%; text-align: left; z-index: 55;}
.banner .bslogan h1 {font-size: 3.2rem; margin-bottom: 2rem; padding-bottom: 1rem; display: inline-block; border-bottom: 2px solid #da251d;}
.banner .bslogan h2 {line-height: 3.8rem;}


.titlecom {position:relative;padding-top:20px;text-align:center;padding-bottom:30px;}
.titlecom:before {display:block;position:absolute;left:50%;top:0;width:24px;height:4px;content:"";background:#da251d;transform:translateX(-50%);}
.titlecom h2 {position:relative;z-index:1;font-size:36px;color:#333;font-weight:400;}
.titlecom p {margin-top:5px;font-size:14px;color:#666;}


/* .product menu  */
.product-menu {}
.product-menu .item {display: block; margin-bottom: 1.5rem; text-align: center;
  box-shadow: rgba(20, 63, 134, 0.11) 0px 5px 18px 0px; padding: 2rem 2rem 2.2rem;
  font-size: clamp(16px, 1.58358vw, 24px);
  /*
  padding-top: clamp(30px, 4.16667vw, 60px);
  padding-bottom: clamp(30px, 4.16667vw, 60px);
  padding-left: clamp(15px, 2.08333vw, 30px);
  padding-right: clamp(15px, 2.08333vw, 30px);*/
  transition: 0.3s cubic-bezier(0.04, 0.79, 1, 1) !important;}
.product-menu .item:hover {background-color:#fff; box-shadow: rgba(0, 0, 0, 0.28) 0px 5px 18px 0px;}

.product-menu .item .icon {margin-bottom:1rem;}
.product-menu .item .icon img {max-height:300px;}
.product-menu .item p {margin-bottom:0;}


/* Solutions */
.solution-view {margin-bottom: 3rem;}

.s_button1:before{content:"";position:absolute;display:block;transition:all .6s;width:100%;height:0;border-radius:50%;left:50%;top:50%;padding-top:100%;transform:translateX(-50%) translateY(-50%)}
.s_button1:hover:before{animation:style1 .75s;z-index:1}

.soluswiper {width:100%; position:relative;overflow:hidden;}
.soluswiper .swiper-wrapper { flex-wrap: wrap; grid-column-gap: 12px; grid-row-gap: 12px;}
.soluswiper .swiper-slide {width: calc(25% - 12px); overflow: hidden; cursor: pointer; height:auto;}

.soluswiper .e_c-5 {display:flex;flex-wrap:wrap;flex-direction:row;background_radio:1;display-radio:flex;width:auto;margin-left:6px;margin-top:6px;margin-bottom:6px;margin-right:6px}
.soluswiper .e_c-5>.p_item{flex:1;max-width:100%;max-height:100%; position: relative;}
.soluswiper .e_image-6{overflow:hidden; max-height: 380px;}
.soluswiper .e_image-6 img{width:100%;height:100%;object-fit:contain;transition:all .5s}
.soluswiper .e_c-5:hover .e_image-6 img{transform:scale(1.1)}
.soluswiper .e_text-7{line-height:1.5;font_radio:2;display-radio:1;font-size:24px;font-family:Microsoft YaHei;color:#fff;padding-top:30px;padding-left:40px;padding-right:40px;padding-bottom:30px;position:absolute;left:0;width:100%;top:0;transition:all .5s; opacity:0;}
.soluswiper .e_c-5:hover .e_text-7{opacity:0}
.soluswiper .e_image-8{overflow:hidden;display-radio:1;position:absolute;left:0;width:60px;bottom:0; z-index:1000;}
.soluswiper .e_image-8 img{width:100%;height:100%;object-fit:contain;transition:all .5s}
.soluswiper .e_c-5:hover .e_image-8 img{opacity:0}
.soluswiper .e_container-9{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding:20px;background:rgba(229,0,18,.7);position:absolute;left:0;top:0;height:100%;z-index:3;align-items:center;opacity:0;transition:all .5s}
.soluswiper .e_c-5:hover .e_container-9{opacity:1}
.soluswiper .e_container-9>.p_item{flex:1;max-width:100%;max-height:100%}
.soluswiper .e_text-10{line-height:normal;font_radio:2;display-radio:1;font-size:30px;font-family:Microsoft YaHei,微软雅黑;text-align:center;color:#fff}
.soluswiper .e_text-11{line-height:1.5;font_radio:2;display-radio:1;font-size:18px;font-family:Microsoft YaHei,微软雅黑;text-align:center;color:#fff;margin-top:15px;margin-bottom:60px}
.soluswiper .e_button-12{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:120px;padding:0;line-height:38px;border:1px solid #fff;background:0 0;color:#fff;font-size:14px;background_radio:1;border_radio:1;font_radio:1;radius_radio:1;display-radio:block;margin-left:auto;margin-right:auto;transition:all .5s;border-radius:0}
.soluswiper .e_button-12:hover{background:#fff;color:#e50012}
.soluswiper .e_button-12 span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0;overflow:hidden}
.soluswiper .e_button-12::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0}
.soluswiper .e_button-12:hover::after{opacity:1}

.soluswiper .swiper-pagination {}
.soluswiper .swiper-pagination-bullet {width: 60px; height: 8px; border-radius: 0; margin: 0 5px;  background: #a6a6a6; opacity: 1}
.soluswiper .swiper-pagination-bullet-active {background: #da251d}

.soluswiper .e_text-777 {line-height:1.5; font-size:24px; color:#fff;padding:12px 40px; position:absolute;left:0;width:100%;bottom:0;transition:all .5s; margin:0; 
text-align: center; background: rgba(0, 0, 0, .5);}
.soluswiper .e_c-5:hover .e_text-777{opacity:0}

.prodthumb .mySwiper2 {border:2px solid #eee; border-radius:5px; padding:1rem 0; overflow:hidden;}
.prodthumb .mySwiper2 img {max-width:100%;}
.prodthumb .mySwiper2 .swiper-pagination-bullet {width: 20px; height: 10px; text-align: center; line-height: 20px; border-radius:0; opacity: 1; background: rgba(0, 0, 0, 0.2);}
.prodthumb .mySwiper2 .swiper-pagination-bullet-active {color: #fff; background: #007aff;}
.prodthumb .swiper-pagination {left:6%; width:auto; bottom:28px}


/* 关于AKF */
.about-akf {}
.about-akf .kfbox {max-width: 100%; display: flex; flex-wrap: wrap; flex-direction: row;}
.about-akf .item {position: relative; max-width: 100%; max-height: 100%; flex: 1 1 0%;}
.akf1img {background-color: #fff; text-align: center;}
.akf1img img {object-fit: cover; width: 100%; /*max-width: 460px;*/}

.akfnum {background-color: #da251d; padding:60px 0 60px 16%;}
.akfnum .t {font-size: 46px; color: #fff; font-weight: bold; margin-bottom: 30px;}

.datas-list {overflow:hidden;}
.datas-list .item{float:left;padding:0 0;width:33%;text-align:left; color:#fff;}
.datas-list .item:last-child{background-image:none}
.datas-list .item p {font-size: 22px; margin-bottom: 5px;}
.datas-list .item em {display:inline-block;font:56px/80px "DIN Medium"; font-weight: bold; margin-right: 20px;}
.datas-list .item h3{margin-bottom:16px;font-size:18px;color:#fff;}
.datas-list .item span{display:block;font-size:12px;color:#fff}

.about-akf .item2 {background-color: rgba(246, 246, 246, 1);}
.about-akf .item2 .sale {padding: 8% 12%;}
.about-akf .item2 .sale .t1 {font-size: 46px; color: #333;line-height: 1.5; font-weight: 700;}
.about-akf .item2 .sale .t2 {line-height: 2;font-size: 20px;color:#333;}
.about-akf .item2 .text {margin-bottom: 60px;}


/*--index company-intro--*/
.company-intro { /*overflow:hidden; padding:5rem 0; background:url(../img/gywmbg.jpg) no-repeat center;*/}
/*.company-intro .container {max-width: 1200px;}*/
/* .company-intro .text {float:left;width:48%;} */
.company-intro .text .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.company-intro .text .hd:before,.company-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.company-intro .text .hd:before{width:100%;background:#fff;}
.company-intro .text .hd:after{width:56px;height:2px;background:#da251d;}
.company-intro .text .hd h2{font-size:36px; font-weight: 400; line-height:1.25;color:#333;}
.company-intro .text .hd em{display:block;font-size:14px;color:#666;}
.company-intro .text .bd {padding:30px 0; overflow:hidden; position: relative; }
.company-intro .text .bd p{font-size:16px;line-height:2; margin-bottom: 0.5rem;}

.company-intro .text .bd .btnlink {position: absolute; right: 0; top: 45px;}

.company-intro .text .suoimg {}
.company-intro .text .suoimg img {width: 100%; border-radius: 5px; box-shadow: rgba(20, 63, 134, 0.11) 0px 5px 18px 0px;}

@media(max-width:1200px){
.company-intro{padding:2rem .4rem; margin-bottom: 0!important; background-size: cover;}
.company-intro .playBox{float:none;width:100%;}
.company-intro .text{float:none;margin-top:20px;width:100%;}
.company-intro .text .hd h2{font-size:24px;}
.company-intro .text .hd em{font-size:14px;}
.company-intro .text .bd p{font-size:14px;line-height:1.6;}
}
/*--index company-intro--*/


/* news-art */
.news-art {background-color: #fcfcfc;}
/*.news-art .container {max-width: 1200px;}*/
.news-art .titlecom {text-align: left;}
.news-art .titlecom:before {left: 1.2%;}

.newitem li {margin-bottom: 12px;}
/* .newitem li a:after {position:absolute;content:"";width:10px;height:10px;background:#1a59a8;transform:rotate(45deg);top:50%; left:-5px; margin-top:-5px;opacity: 0;} */
.newitem li a {display: flex; justify-content: space-between; background-color: #fff;  border-radius:5px; position: relative;
  box-shadow: rgba(20, 63, 134, 0.11) 0px 0px 12px 0px;
  /*padding:6px 15px 10px 10px;  1200px使用*/
  padding:12px 15px 18px 10px;
}
.newitem li .time {text-align: center; padding: 3px 10px 0; width:14%;}
.newitem li .time h5 {font-size:25px; color:#999; margin: 5px 0; }
.newitem li .time p {font-size:12px; color:#999;}
.newitem li .text {width:86%;}
.newitem li .text h4 {font-size:16px; color:#333; font-weight: bold; margin-top:5px;}
.newitem li .text p {font-size:12px; color:#aaa;}
.newitem li p {margin-bottom: 0;}
.newitem li a:hover {background-image: linear-gradient(90deg, #1a59a8, #086eee);}
.newitem li a:hover * {color:#fff;}
/* .newitem li:hover a:after, .newitem li.active a:after {opacity: 1;} */
.newitem li.active a * {color:#fff;}
.newitem li.active a {background-image: linear-gradient(90deg, #086eee, #1a59a8);}

.newthumb .swiper-slide {text-align:center;font-size:18px;background:#fff;}
.newthumb .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover; border-radius: 5px 5px 0 0;}
.newthumb .swiper-pagination {padding-right: 20px; bottom: 155px; text-align: right;}
.newthumb .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:#fff}
.newthumb .swiper-pagination-bullet-active{color:#fff;background:#da251d}

.newthumb .swiper-slide .text {background-color: #da251d; color: #fff; padding: 15px 15px 10px; text-align:left s;}
.newthumb .swiper-slide .text .t {font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px;}
.newthumb .swiper-slide .text p {font-size: 12px; color: #FFFFFF; line-height: 18px; text-align:left;}
/* news-art */




/* --------------------------------- page  common ---------------------------------*/
.pbanner {position:relative;width:100%;clear:both;overflow:hidden;background:#e5e5e5;}
.pbanner .pic{overflow:hidden;}
.pbanner .pic img{position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.pbanner .text{position:absolute;z-index:2;top:50%;padding-top: 10px;padding-bottom: 10px;width:100%;text-align:center;color:#fff;transform:translateY(-50%);background: url(../img/bannerbg.png) no-repeat scroll 50%;}
.pbanner .text em{display:block;font-size:20px;font-family:"DIN Medium";animation:fadeInUp 1s; font-style: normal;}
.pbanner .text h1{margin-top:0.5rem;font-size:32px;line-height:1.25;animation:fadeInUp 1.5s;}

.pbanner .pgtiter {position:absolute; padding: 3% 0 2%; left: 50%; z-index:2; bottom: 0; min-width:80%;text-align:center; background:#fff; color: #000; transform:translateX(-50%);}
.pbanner .pgtiter h3 {font-weight: bold; font-size: 2.4rem;}

.loalmap {line-height:4.6rem;overflow:hidden;}
.loalmap .container {position:relative;display:flex;justify-content:space-between;}
.loalmap .container:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background:#f6f6f6;}
.loalmap nav ol {margin-bottom: 0;}

.menus-list {width:62.5rem; overflow:hidden;}
.menus-list li{position:relative;margin-right:2rem;width:auto;font-size:16px;color:#999;}
.menus-list li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.875rem;width:1.75rem;height:3px;content:"";background:#da251d;transform:scaleX(0);transition:all .5s;}
.menus-list li:last-child{margin-right:0;}
.menus-list li a{display:block;color:#999;}
.menus-list li:hover:after,.menus-list li.cur:after{transform:scaleX(1);}
.menus-list li:hover a,.menus-list li.cur a{color:#000;}
/* --------------------------------- page  common ---------------------------------*/


/* --------------------------------- page  about ---------------------------------*/
/* page about */
.about-intro { /*overflow:hidden; padding:5rem 0; background:url(../img/gywmbg.jpg) no-repeat center;*/}
.about-intro .introvideo {width: 90%;} 
.about-intro .introvideo img {max-width: 100%; border-radius: 5px; box-shadow: rgba(20, 63, 134, 0.11) 0px 5px 18px 0px;}
.about-intro .introvideo video {width: 100%;} 

.about-intro .text .hd{position:relative;padding-bottom:20px;overflow:hidden;}
.about-intro .text .hd:before,.about-intro .text .hd:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.about-intro .text .hd:before{width:100%;background:#fff;}
.about-intro .text .hd:after{width:56px;height:2px;background:#da251d;}
.about-intro .text .hd h2{font-size:36px; font-weight: 400; line-height:1.25;color:#333;}
.about-intro .text .hd em{display:block;font-size:14px;color:#666;}
.about-intro .text .bd {padding:30px 0; overflow:hidden; position: relative; }
.about-intro .text .bd p{font-size:16px;line-height:2; margin-bottom: 0.5rem;}

.about-datas {box-shadow:0 0 20px rgba(0,0,0,.1); padding:35px 0 25px; margin-top: 4rem;}
.about-datas .item {float:left; width:25%;text-align:center;background:url(../img/datas_line.png) no-repeat right center}
.about-datas .item:last-child{background-image:none}
.about-datas .item p {font-size: 28px;  font-weight: bold; margin-bottom: 5px; color:#da251d;}
.about-datas .item em{display:inline-block; font:60px/80px "DIN Medium"; font-weight: bold; color:#da251d; margin-right: 20px;}
.about-datas .item h3{margin-bottom:16px;font-size:16px;color:#333; font-weight: 400;}
.about-datas .item span{display:block;font-size:12px;color:#ccc}

/* global */
.aboutg-lobal {}
.vc {top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.golbal ul li {position:relative;float:left;width:33.33%;text-align:center}
.golbal .gthumb {position:relative;overflow:hidden}
.golbal .gtext  {height:19.47916666666667vw;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;z-index:10;width:100%; background-color:rgba(99,68,133,0);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.golbal .gthumb:before{transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;content:'';position:absolute;left:0;width:100%;height:100%;z-index:1;background-color:#e5761d;opacity:.2}
.golbal .gthumb img{width:100%;transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.golbal .gthumb:after{transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;content:'';position:absolute;left:-100%;width:100%;height:100%;z-index:1;background-color:#000;opacity:.12}
.golbal .gtext_mid {margin:0 5em;position:relative;top:50%}
.golbal .gtext_mid_2 {color:#fff; font-size:1.875em; margin-bottom: 1rem;}
.golbal .gtext_mid_1 img{max-width:28%}
.golbal .gtext .text {color:#fff; text-align: left;}
.golbal ul li:hover .gthumb:after {left:0%;}
.golbal ul li:hover .gthumb:before {left:100%;}
.golbal ul li:hover .gtext {background-color:rgba(218, 37, 29, 0.8);}
/* global */
/* --------------------------------- page  about ---------------------------------*/



/* --------------------------------- page  news ---------------------------------*/
.newsbox {margin-bottom: 2rem;}
.newsbox .container, .main-news .container, #soludes .container {max-width:76%;}
.newsbox .container {display: flex; justify-content: space-between;}
.newsbox .item{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;padding:2.5rem 0 1.5rem;overflow:hidden;animation:fadeInUp 1s ease-out;border-radius:5px;transition:all .5s;}
.newsbox .pic{width:20%;overflow:hidden;border-radius:5px; transition: all 0.4s; height:150px; text-align: center;}
.newsbox .pic img{display:inline-block; max-width:100%; height:100%; transition:all 1s;}
.newsbox .text{position:relative;width:75%;transition:all 1s;}
.newsbox .text h3 a{color:#333;}
.newsbox .text h3 a:hover{color:var(--vi-color);}
.newsbox .text p{margin:0.75rem 0;line-height:1.75; color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newsbox .text p a{color:#999;}
.newsbox .text .btmBox{position:relative;left:0;bottom:0;width:100%;line-height:1.75; color:#999;overflow:hidden;}
.newsbox .text .btmBox li{float:left;}
.newsbox .text .btmBox li.read{margin-right:2.5rem;overflow:hidden;}
.newsbox .text .btmBox li.read a{display:inline-block;color:#999;}
.newsbox .text .btmBox li.read a:after{display:inline-block;margin-left:1rem;font-family:"iconfont";content:"\e694";}
.newsbox .text .btmBox li.read a:hover{color:var(--vi-color);}
.newsbox .text .btmBox li.time{float:right;font-family:"DIN Medium";}
.newsbox .text .btmBox li.tag{width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsbox .text .btmBox li.tag a{display:inline-block;padding:0 0.375rem;color:#999;}
.newsbox .text .btmBox li.tag a:hover{color:var(--vi-color);}
.newsbox .item:hover{box-shadow:0 0 2rem rgba(0,0,0,0.15);}
.newsbox .item:hover .pic img{transform:scale(1.1);}
.newsbox .item:hover .text{ transform:translateX(1.8rem);}
.newsbox .item:hover .pic{ transform:translateX(-1.8rem);}

.newsdet {}
.newsdet .h2 {margin-bottom: 1.2rem;}
.newbody {border-top: 1px solid #f6f6f6; line-height:2; font-size:0.98rem; border-bottom: 1px solid #f6f6f6;}
/* .newbody .nc {max-width: 80%; margin: 0 auto;} */
.newbody img {max-width:90%; height:auto!important;}
.newbody p {margin-bottom:0.5rem;}

.mainC {line-height: 1.2;}
.mainC img {max-width: 100%!important;}

.active>.page-link, .page-link.active {background-color:#da251d; border-color:#da251d;}
/* --------------------------------- page  news ---------------------------------*/



/* --------------------------------- page  Contact ---------------------------------*/
.com-contact {}
.com-contact .hahaha {display: flex; flex-wrap: wrap; flex-direction: row; margin-bottom: 4rem;}

.com-contact .item {text-align: center; padding: 2.8rem 2rem; width: 31.33%; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.com-contact .item:nth-child(2) {margin: 0 3%;}
.com-contact .icoma {display: flex; width: 100%; justify-content: center;}
.com-contact .icoma img {max-width: 100px;}

.com-contact .icotit {font-size: 30px; padding: 1rem 0;}
.com-contact .icotext {}
.com-contact .icotext p {margin-bottom: 0.5rem; font-size: 16px;}

/*.com-contact .icotext2 {text-align:left; padding-left:2rem;}*/
/*.com-contact .icotext2 p {margin-bottom: 0.5rem; font-size: 16px;}*/

.com-contact .maitem {margin: 0 1rem;}
.com-contact .maitem p {margin-bottom: 0.4rem;}

.allmap {height: 500px; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}

.contact_table {overflow:hidden;}
.contact_table td {padding:4px 0;}
/* --------------------------------- page  Contact ---------------------------------*/


/* --------------------------------- page  Solution ---------------------------------*/
.solu-intro {}
.solu-intro .container {max-width: 76%;}
.solu_box {}
.solu_box .category {margin:0 auto 3rem; max-width: 98%;}
.solu_box .category ul {display: flex; justify-content: space-between;}
.solu_box .category ul li { font-size: 16px; text-align: center;  color: #555; opacity: 0.8; cursor: pointer;}
.solu_box .category ul li .icon {display: block; cursor: pointer; margin-bottom: 0.5rem;}
.solu_box .category ul li .icon img {max-width: 80px;}
.solu_box .category ul li p {margin-bottom: 1rem;}

.solu_box .category ul li.active {color: #da251d; border-bottom: 4px solid #da251d; opacity: 1;}

.solu_box .content {}
.solu_box .content .cont {display: none;}
.solu_box .content .cont.active {display: block;}

.cont {}
.cont .card {margin: 0 0.8rem;}
.cont .card a {display: block; position: relative; background-color: #f6f6f6;}
.cont .card a:after { position: absolute;  width: 50px;  height: 50px; display: flex; content: "+";  right: 0;  bottom: 0; background: #ddd;  color: #fff;  border-radius: 500px 0 0 0;
    align-items: center; justify-content: center;  padding-top: 10px;  padding-left: 10px; font-size: 20px;  transition: all 0.5s
}
.cont .card a:hover:after {background: #da251d;  transform: scale(1.5);  transform-origin: right bottom}
.cont .card .thumb {width: 100%; height: 0px; padding-bottom: 70%; position: relative; overflow: hidden;}
.cont .card .thumb img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
.cont .card-body {padding: 2rem 2rem 5rem;}
.cont .card-text { display-radio: -webkit-box;  -webkit-line-clamp: 3;  display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.8; overflow: hidden;}


/* --------------------------------- page  Solution ---------------------------------*/




/* --------------------------------- page  Product ---------------------------------*/
.pro-cate {}

.pro-cate-list {}
.pro-cate-list ul {/*justify-content: space-between;*/}
.pro-cate-list ul li {border-left: 1px solid #fff; width: 16.6%; text-align: center;}

.pro-cate-list ul li a {line-height: 75px; display: block; font-size: 16px; padding: 0 1.6rem; font-weight: bold; position: relative;}
.pro-cate-list ul li a:after {position:absolute;content:"";width:30px;height:30px;background:#da251d;transform:rotate(45deg);bottom: -8px; margin-left:-45px; opacity: 0;}
.pro-cate-list ul li.active a:after {opacity: 1;}
.pro-cate-list ul li.active a, .pro-cate-list ul li a:hover {background-color: #da251d; color: #fff;;}


.pro-cate-box {padding: 3rem 0; background-color: #f6f6f6;}
.pro-cate-box .card {transition: all 0.5s;}
.pro-cate-box .plink {padding: 2rem 1.8rem;}
.pro-cate-box .plink .title {font-size: 1.4rem; line-height:1.5; font-weight: bold; position: relative; margin-bottom:2.2rem;}
.pro-cate-box .plink .title::after {position:absolute;content:""; left: 0; width:30px;height:3px;background:#da251d; bottom: -15px; z-index: 100;}
.pro-cate-box .plink:hover .title::after {width: 40%; transition: all 0.3s;}
.pro-cate-box .plink .thumb {width: 100%; height: 0px; padding-bottom: 100%; position: relative; overflow: hidden;}
.pro-cate-box .plink .thumb img {width: 100%; height: 100%; object-fit: contain; position: absolute;}
.pro-cate-box .card:hover {transform: translateY(-0.8rem);}



.prodthumb {padding: 3.5rem 3rem 1rem; align-items: center;}
.prodthumb .thumb {text-align: center; width: 40%;}
.prodthumb .thumb img {max-width: 100%;}
.prodthumb .text {width: 52%;}
/* .prodthumb .text h1 {margin-bottom: 2rem;} */
.prodthumb .text .text-list, .product_det .ncyy {padding-left:1.2rem;}
.prodthumb .text .text-list ul li, .product_det .ncyy ul li {list-style:disc;}

.product_det {}
.product_det .h2 {margin-bottom: 0; font-size: 1.2rem;}
.product_det .h2 span {display: inline-block; padding: 0.8rem 3rem; background-color: #da251d; border-radius: 5px 5px 0 0; color: #fff;}
.product_detbody {border-top: 1px solid #da251d; line-height:2; font-size:0.98rem; border-bottom: 1px solid #f6f6f6;}
/* .product_detbody .nc {max-width: 80%; margin: 0 auto;} */
.product_detbody img {max-width:90%; height:auto!important;}
.product_detbody p {margin-bottom:0.5rem;}


/* --------------------------------- page  Product ---------------------------------*/

.searchr {}
.searchr .card img {height:240px; }


.pagination a, .pagination {color: #333!important}
.pagination .page-item:last-child a {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination .page-item a {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.pagination .page-item.active a {
    background-color: #da251d!important;
    border-color: #da251d!important; color: #fff!important;
}