* {margin: 0;padding: 0;box-sizing: border-box;line-height:100%;}
body {font-size: 14px;font-family: Microsoft YaHei;overflow-x: hidden;}
em, i {font-style: inherit;font-weight: inherit;}
ul {list-style: none;}
a {text-decoration: none;color: #333;text-transform: uppercase;}
tr, td {padding: 0 !important;}
input, textarea {outline: none;border: none;}

@font-face {
font-family:DIN Medium;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}

.icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }

@font-face {
  font-family: "\963f\91cc\5988\5988\6570\9ed1\4f53 Bold";font-weight: 700;src: url("../cssnew/Alimama_ShuHeiTi_Bold.woff2.txt") format("woff2"),
  url("../cssnew/Alimama_ShuHeiTi_Bold.woff.txt") format("woff");
  font-display: swap;
}


@font-face {
  font-family: 'iconfont';  /* Project id 3929219 */
  src: url('//at.alicdn.com/t/c/font_3929219_1lhhynhnjt2.woff2?t=1677823225369') format('woff2'),
       url('//at.alicdn.com/t/c/font_3929219_1lhhynhnjt2.woff?t=1677823225369') format('woff'),
       url('//at.alicdn.com/t/c/font_3929219_1lhhynhnjt2.ttf?t=1677823225369') format('truetype');
}

/*top*/
.top {background: #f8f8f8;padding: 0.5% 1%;border-bottom: 1px solid #ddd;}
.top_box {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.top_name {}
.top_name p {font-size: 14px;font-weight:  lighter;}
.top_con {display:flex;justify-content:  space-between;align-items:  center;}
.top_pic {position:relative;z-index: 9;}
.top_pic p {}
.top_pic i {position:absolute;display:  none;top: 22px;left:  0;}
.top_pic:hover i {display:block;}
.top_pic i img {width:100%;height: auto;}
.top_txt {margin:0 10px;border-left:1px solid #ddd;}
.top_txt ul {display:flex;}
.top_txt li {margin:0 0 0 10px;}
.top_txt li i {}
.top_txt li p {display:flex;}
.top_txt li p span {font-size: 16px;font-family:  Arial;margin: 0 0 0 10px;}

/*head*/
.head {padding: 1% 1%;/* overflow: hidden; */width: 100%;/* position:  fixed; */z-index: 5;}
.head.on{width: 100%;z-index: 999;box-shadow: 0 0 20px #ddd;background: #fff;}
.head_box {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items:  center;}
.head_logo {display:flex;align-items: center;/* width: 89%; */}
.head_logo i {width: 50%;}
.head_logo i img {/* filter: brightness(100); */width:  100%;}
.head.on .head_logo img {filter: none;}
.head_logo p {font-size: calc(0.8rem + 0.5vw);/* color: #fff; */padding: 0 0 0 16px;}
.head.on .head_logo p {color:#333;}
.head_con {display:flex;justify-content: space-between;/* width: 50%; */align-items: center;}
.head_nav {width: 70%;margin: 0 3vw 0 0;position: relative;}
.head_nav>ul {display: flex;align-items: center;width: 100%;}
.head_nav>ul>li {width: 21%;white-space: nowrap;}
.head_nav>ul>li+li {margin: 0 0 0 3vw;}
.head_nav>ul>li>a {font-size: 16px;/* color:  #fff; */position: relative;}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background: #ff0000;position:absolute;bottom: 0;left:0;transition:0.5s;z-index: -1;}
.head.on .head_nav li>a:before {background:#0a519a;}
.head_nav>ul>li>a:after {content:'';width:100%;height: 3.2vw;position:absolute;left: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head.on .head_nav>ul>li>a { color: #333;}
.head_sear {}
/*search*/
.search {/* width: 78%; */background: #fff;padding: 0;z-index: 55;border-radius: 40px;display: flex;align-items: center;border: 1px solid #f5f5f5;}
.search_pro {font-size: 14px;width: 60px;padding: 0 0 0 15px; border-right: 1px solid #ddd;
color: #666;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-between;align-items: center;width: 180px;height: 35px;padding: 0 12px;}
#search-bg {width: 140px; height: 35px;line-height: 35px;overflow: hidden;box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;z-index: 5;margin-left: -5px;}
#search-i:after { content: '';width: 33px;height: 33px; border-radius: 50%; position: absolute; top: -6px;left: -6px;z-index: -1;}
#infoname { border: none; background: none;outline: none;}
.search-text {font-size: 15px;color: #666;display: flex;justify-content: center;align-items: center;letter-spacing: 1px;}
.search-text a {font-size: 15px;color: #666 !important;font-weight: 100;}
.search-text span { color: #333;font-size: 15px; font-weight: bold;}
.search_con {display: flex; flex-direction: column; align-items: center; width: 68%; padding-top: 10px;}
.search_tit {position: relative;z-index: 5;display: flex;flex-direction: column;align-items: center;}
.search_tit ul { display: flex;}
.search_tit li { font-size: 26px;color: #fff;line-height: 32px;letter-spacing: 2px;}
.search_tit li i { font-size: 32px;font-weight: normal;}
.search_tit p { font-size: 18px; width: 315px; height: 40px;background: #fff; display: flex;justify-content: center; align-items: center;color: #024adc;margin-top: 10px;}
.search_tit p span { font-size: 30px;font-family: "Times"; line-height: 30px; font-weight: bold;}

/*banner*/
.banner{position: relative;height: 100%;overflow: hidden;background: #fff;margin: 0 !important;}
.banner a{/* position: absolute; *//* width:100%; *//* height: 900px; *//* z-index: 3; *//* opacity: 0; *//* z-index: 555; */overflow: hidden;}
.banner a img{height: auto;transform:scale(1.1);width: 100% !important;margin: 0 !important;}
.banner a.active{z-index:5;opacity: 1;}
.banner a.active img{transform: scale(1.1);opacity: 1;}
.banner .slick-active img {    transition: 6s linear; transform: scale(1);}
.banner a img{
	transition:transform 5s linear,opacity 1s linear;
	-webkit-transition:transform 5s linear,opacity 1s linear;
	-o-transition:transform 5s linear,opacity 1s linear;
	-moz-transition:transform 5s linear,opacity 1s linear;
	-ms-transition:transform 5s linear,opacity 1s linear;
}
.banner .ban_dot {display: flex !important;width: 100%;justify-content: flex-start;align-items: flex-end;/* margin: 2% 0 0; */position: absolute;bottom: 5%;left: 5%;}
.banner .ban_dot li {width: 2px;height: 10px;display: inline-block;background: #fff;margin: 0 0.3%;transition: 0.5s;/* border-radius: 50%; */position: relative;z-index: 5;overflow: hidden;}
.banner .ban_dot li:before {content:'';width: 100%;height:0;/* background: #0a519a; */position:absolute;bottom: 0;left:0;z-index:-1;transition:1s all;}
.banner .ban_dot li.slick-active {height: 40px;}
.banner .ban_dot li.slick-active:before {height:100%; }
.banner .ban_dot li button {font-size:0;border: none;outline: none;}
.banner .slick-prev:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-next:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-prev {left: 3% !important;transform: rotate(180deg) !important;z-index: 5;}
.banner .slick-next {right: 3% !important;top: 45% !important;}
.banner .slick-prev:before, .banner .slick-next:before {opacity: 0;transition: all ease 0.5s;}
.banner:hover .slick-prev:before, .banner:hover .slick-next:before {opacity: 1;}

/*about*/
.about {padding: 4% 1%;overflow: hidden;background: #f8f8f8;}
.about_box {max-width: 1200px;margin: 0 auto;}
.about_con {display: flex;justify-content: space-between;}
.about_pic {width: 46%;background: #eee;padding: 1%;}
.about_pic i {}
.about_pic i img {width: 100%;height: auto;}
.about_txt {width: 50%;display:  flex;flex-direction:  column;}
.about_txt p {display: flex;flex-direction: column;font-size: 25px;}
.about_txt p span {font-size: 15px;font-weight:  lighter;line-height:  24px;margin: 4% 0 0;}
.about_txt ul {display: flex;flex-wrap: wrap;margin: 8% 0 0;}
.about_txt li {width: 39%;font-size: 16px;background: #dc1a1a;color:  #fff;padding: 2%;margin: 0 1% 0 0;}
.about_txt li:nth-child(n+3) {margin: 1% 1% 0 0;}

/*pro*/
.pro {padding: 4% 1%;overflow: hidden;}
.pro_box {max-width: 1200px;margin: 0 auto;}
.pro_tit {display:flex;justify-content:space-between;align-items: center;}
.pro_tit p {font-size: 28px;display: flex;flex-direction: column;}
.pro_tit p span {font-size: 16px;font-family: Arial;text-transform:  uppercase;padding: 6% 0 0;}
.pro_tit a {font-size:16px;font-weight: lighter;position: relative;z-index: 5;}
.pro_tit a:before {content:'';width:0;height:2px;background:#ff0000;position:absolute;bottom: -8px;left:0;z-index:-1;transition:0.5s;}
.pro_tit a:hover:before {width:100%;}
/*two*/
.pro_two {margin:3% 0 0;}
.pro_nav1 {}
.pro_nav1 ul {display:flex;justify-content: space-between;flex-wrap: wrap;row-gap: 12px;}
.pro_nav1 li {width: 24%;display: flex;justify-content: center;background: #f8f8f8;padding: 1%;transition:0.5s;}
.pro_nav1 li.on {background: #d92f2f;}
.pro_nav1 li a {/* color:#fff; */font-size: 15px;font-weight: lighter;}
.pro_nav1 li dl {display:none;}
.pro_nav1 li.on a {color:#fff;}
.pro_cont {margin:3% 0 0;overflow: hidden;}
.pro_roll1 {display:flex;transition:0.5s;}
.pro_call1 {width:100%;flex-shrink: 0;}
.pro_call1 ul {display:flex;flex-wrap: wrap;/* justify-content: space-between; *//* row-gap: 16px; */gap: 16px;}
.pro_call1 li {/* margin: 0 0.2%; */display: flex !important;flex-direction: column;align-items: center;background: #fff;width: 24%;border: 1px solid #eee;}
.pro_call1 li>a {overflow:hidden;}
.pro_call1 li>a img {width:100%;height:auto;transition: 0.5s;}
.pro_call1 li:hover img {transform:scale(1.1);}
.pro_call1 li br {display:none;}
.pro_call1 li span {width:100%;text-align: center;padding: 5% 0;border-top: 1px solid #eee;transition:0.5s;}
.pro_call1 li:hover span {background:#d92f2f;}
.pro_call1 li span>a {font-size: 17px;/* color: #fff; */font-weight: lighter;}
.pro_call1 li:hover a {color:#fff;}
.divproduct_new_div {display:flex;flex-wrap: wrap;gap: 16px;}
.divproduct_new_div_item {display:flex !important;flex-direction: column-reverse;/* margin: 0 0.2%; */background: #fff;/* padding: 0.5% 0.2% 0.2%; */width: 24%;border: 1px solid #eee;}
.divproduct_new_div_item_content {padding: 8% 0;border-top: 1px solid #eee;margin: 0 4%;}
.divproduct_new_div_item_title a {font-size: 18px;font-family: Arial;width: 100%;display: block;position: relative;z-index: 5;font-weight: bold;}
.divproduct_new_div_item_title a:before {content:'+';width: 24px;height: 24px;border-radius:50%;position: absolute;right: 0;top: 0;background: #0056dc;z-index: -1;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 20px;transition: 0.5s;transform: rotate(0deg);}
.divproduct_new_div_item:hover .divproduct_new_div_item_title a:before {background:#eb1d28;transform: rotate(360deg);}
.divproduct_new_div_item_body {}
.divproduct_new_div_item_body p {font-size: 15px;font-weight: lighter;padding: 7% 0 0;text-overflow: ellipsis;-webkit-line-clamp: 2;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px;}
.product_div_item_pic {/* margin: 8% 0 0; */}
.product_div_item_pic a {overflow:hidden;display: block;}
.product_div_item_pic img {width:100%;height:auto;transition: 0.5s;}
.divproduct_new_div_item:hover .product_div_item_pic img {transform:scale(1.1);}
.ban_dot {display:none !important;}

/*appli*/
.appli {padding: 4% 1%;overflow: hidden;background:  #f8f8f8;}
.appli_box {max-width: 1200px;margin: 0 auto;}
.appli_tit {display:flex;justify-content:space-between;align-items: center;}
.appli_tit p {font-size: 28px;display: flex;flex-direction: column;}
.appli_tit p span {font-size: 16px;font-family: Arial;text-transform:  uppercase;padding: 6% 0 0;}
.appli_tit a {font-size:16px;font-weight: lighter;position:relative;z-index: 5;}
.appli_tit a:before {content:'';width:0;height:2px;background:#ff0000;position:absolute;bottom: -8px;left:0;z-index:-1;transition:0.5s;}
.appli_tit a:hover:before {width:100%;}
.appli_con {margin:3% 0 0;}
.appli_call {background: #fff;}
.appli_call ul {display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 3px;}
.appli_call li {position: relative;width: 24.8%;/* z-index: 5; */}
.appli_call li a {overflow: hidden;display: block;}
.appli_call li a img {width: 100%;height: auto;}
.appli_call li p {position: absolute;width: 100%;height: 100%;background: #ff0000;transform: scale(0);transition: 0.5s;z-index: 5;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.appli_call li:hover p {transform: scale(1);}
.appli_call li p a {font-size: 16px;color: #fff;}

/*tech*/
.tech {padding: 4% 1%;overflow: hidden;}
.tech_box {max-width: 1200px;margin: 0 auto;}
.tech_tit {}
.tech_tit p {font-size: 28px;display: flex;flex-direction: column;}
.tech_tit p span {font-size: 16px;font-family: Arial;text-transform:  uppercase;padding: 1% 0 0;}
.tech_con {display: flex;justify-content: space-between;align-items: center;}
#b_nav_c{/* float:right; */}
#b_nav_c .feedback_bg{width: 280px;margin:0 auto;}
#b_nav_c .feedback_bg .h1{font-size:26px;}
#b_nav_c .feedback_bg .h2{font-size:14px; padding-top:10px; padding-bottom:20px;}
#b_nav_c .feedback_bg .h3{width:338px;padding-top:10px;    display: flex;}
#b_nav_c .feedback_bg .h4{width:280px; padding-top:10px;}
#b_nav_c .feedback_bg .h4_lr{width:90px;float:left;background:  #f8f8f8;color:  #333;}
#b_nav_c .feedback_bg .h4_c{width:100px; float:left; padding-top:15px; text-align:center;}
.f_1{background: none;border: 1px solid #fff;padding:0px ;padding-left:20px;margin:0px 10px 0 0;height:40px;font-family:"Microsoft YaHei";line-height:40px;width:316px;color: #333;font-size:14px;border-radius:5px;background: #f8f8f8;}
.f_2{background: none;border: 1px solid #fff;padding:0px;padding-left:20px;margin:0px;height:40px;font-family:"Microsoft YaHei";line-height:40px;width:68px;color: #333;font-size:14px;border-radius:5px;}
#b_nav_c .feedback_bg  .c4title {position: relative;padding: 0 0 20px 0;display: inline-block;font-size:18px;color: #333;font-weight:100;line-height:35px;width:400px;float:left;background:  #f8f8f8;display:  none;}
#b_nav_c .feedback_bg  .c4title em{font-size:12px; text-transform:uppercase; color:#999; font-family:Arial; line-height:18px;}
.tech_pic {width: 16%;display:  flex;flex-direction:  column;align-items:  center;}
.tech_pic i {}
.tech_pic i img {width:100%;height:auto;}
.tech_pic p {font-size:16px;}

/*link*/
.links{width:100%;overflow:hidden;background: #333;border-top: 1px solid #eee;padding: 1% 1% 0;}
.link_box {max-width:1200px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;border-bottom:  1px solid rgba(255,255,255,0.2);padding: 0  0 1% 0;}
.fl {}
.linkTagcs {width:100% !important;}
.linkTagcs li {line-height:36px !important;padding: 0 1% !important;}
.links p{float:left;font-size: 15px;font-weight: 100;white-space: nowrap;color:  #fff;}
#link_bg{width:1250px; line-height:30px; float:left; overflow:hidden; font-size:15px; font-weight:100; color: #999;}

#link_bg a{font-size:15px;}
.linkTagcs li a{font-size:15px;}

/*end*/
.end {padding: 1% 1%;overflow:hidden;background:  #333;}
.end_box {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.end_box em {color: #fff;font-size: 14px;font-weight:  lighter;}
.end_box em>a {font-size: 14px;color: #fff;font-weight:  lighter;}
.end_box>a {font-size: 14px;font-weight:  lighter;color: #fff;}