
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;font-family: 'Arial';}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden;font-family: 'Hos','Microsoft YaHei'; background:#fff;}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}

.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/**/
body{
--main-color:#0077d0; /**/
--min-width:1400px; /**/
--max-width:1920px; /**/
}

/* fonts */
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}
@font-face { 
        font-family:'neu'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Heavy.ttf') format('truetype')
}
@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}


@font-face {
  font-family: 'iconfont';  /* Project id 5149235 */
  src: url('//at.alicdn.com/t/c/font_5149235_addx3yg3c6.woff2?t=1777533647594') format('woff2'),
       url('//at.alicdn.com/t/c/font_5149235_addx3yg3c6.woff?t=1777533647594') format('woff'),
       url('//at.alicdn.com/t/c/font_5149235_addx3yg3c6.ttf?t=1777533647594') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.gy{margin: 0 auto;max-width: 1400px;min-width: 1200px;overflow:hidden;}
.gya{margin: 0 auto;max-width: 1400px;min-width: 1200px;}
.gyc{width: 82%;margin: auto; max-width: 1400px; min-width: 1200px; position: relative;z-index: 55;}


.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top15{margin-top:150px;}

/*one_title*/
.bt{text-align: center;margin-bottom:40px;     color: #333; position: relative; font-size:42px;}
.bt b{color:var(--main-color);font-weight: bold;}
.bt p{font-size:18px; font-weight:  normal; color: #666;}

/*bt*/
.one_title{text-align: center;margin-bottom:40px;}
.one_title p{font-size:44px; color:#fff;font-weight: bold; }
.one_title span{display: inline-block;font-size:1vw;color:#d8d8d8;margin-top:12px;position:relative;}
.one_title span i{width:12px;height:12px;position:absolute;top:calc(50% - 4px);}
.one_title span i:first-child{left:-20px;}
.one_title span i:last-child{right:-20px;}
.one_title span i:before,.one_title span i:after{content:'';position:absolute;}
.one_title span i:before{width:5px;height:2px;background:#f8f8f8;top:calc(50% - 1px);}
.one_title span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #d8d8d8;left:0;top:1px;}
.one_title span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear;}
.one_title span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear;}

.one_title1{text-align: center;margin-bottom:40px;}
.one_title1 p{font-size:44px; color:#333; font-weight: bold;}

.one_title1 span{display: inline-block;font-size:1vw;color:#666;margin-top:12px;position:relative;}
.one_title1 span i{width:12px;height:12px;position:absolute;top:calc(50% - 7px);}
.one_title1 span i:first-child{left:-20px;}
.one_title1 span i:last-child{right:-20px;}
.one_title1 span i:before,.one_title1 span i:after{content:'';position:absolute;}
.one_title1 span i:before{width:5px;height:2px;background:#676767;top:calc(50% - 1px);}
.one_title1 span i:after{width:8px;height:8px;border-radius:100%;border:2px solid #676767;left:0;top:1px;}
.one_title1 span i:first-child:before{left:-10px;animation:oneTitleBefore infinite 3s linear;}
.one_title1 span i:last-child:before{right:-10px;animation:oneTitleAfter infinite 3s linear;}


@keyframes oneTitleBefore{
  0%{width:5px;left:-10px;}
  25%{width:1px;left:0px;}
  50%{width:5px;left:-10px;}
  75%{width:15px;left:-20px;}
  100%{width:5px;left:-10px;}
}
@keyframes oneTitleAfter{
  0%{width:5px;right:-10px;}
  25%{width:1px;right:0px;}
  50%{width:5px;right:-10px;}
  75%{width:15px;right:-20px;}
  100%{width:5px;right:-10px;}
}



/*header*/
.header_bg{height: 100px; position: absolute;z-index: 9999999;left: 0;top: 0;overflow:initial !important;    transition: 0.5s ease all; width:100%; }
.header{padding: 0 4%;display: flex;align-items: center;justify-content: space-between;height: 100%; }
.header{ position: relative;}

.header_bg.on.header:before{ background:none}


.header .fl{display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.header .fr{    width: 56%; display: flex;  flex-direction: row;  justify-content: space-around;   align-items: center;}
.head_logo,.head_logo img{width:180px; height:auto;     filter: brightness(0) invert(1);}
.head_name{margin-left:12px;}
.head_name em{display:block; font-size:36px; line-height:32px; color:#fff; font-weight:bold;}
.head_name p{margin-top:10px; font-size:18px; line-height:18px; color:#fff; letter-spacing:2px;}

.head_nav{width:100%;  margin-right: 2%;}
.head_nav > ul{display:flex; flex-direction:row; justify-content:space-between;}
.head_nav li > a{display:block;  font-size:1.1vw;color:#fff; position:relative; transition:all 0.6s;}

.head_nav li:hover > a,.head_nav li.head_cur > a{font-weight:bold;}
/*下拉*/
.drop-down{display:flex; flex-direction:row; justify-content:center; align-items:stretch; width:100vw; max-width:var(--max-width); min-width:var(--min-width); padding:50px 0 30px; background-color:#f8f8f8; position:absolute; left:0; top:100%; transform:translateY(20px); opacity:0; visibility:hidden; transition:all 0.6s;}
.drop-down > *+*{margin-left:100px;}
.drop-down a{display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.drop-down a i{display:block; font-size:52px; line-height:52px; color:#1a1a1a;}
.drop-down a i img{width:254px; height:157px;}
.drop-down a p{margin-top:16px; font-size:16px; line-height:16px; color:#1a1a1a;}
.drop-down.left15 > *+*{margin-left:15px;}
.head_nav li:hover .drop-down{transform:translateY(0); opacity:1; visibility:visible;}

/*搜索*/
.header-search{float: right;position: relative;height:100%;text-align:center;display: flex;transition: all .3s;align-items: center; margin-left:20px;}
.header-search span{display:block;margin-left:10px;}
.header-search i{font-size: 16px; color: #fff;}
#search_bg input{ float:left; }
#sso{ position: absolute; top: 0px; right: 7px;}  
#infoname{ height:38px; border:none; border-left:1px solid #e0e0e0; padding-left:20px;  font-size:14px; font-weight:lighter; width: 220px;}
#search_bg {border-radius: 50px; overflow: hidden; height: 38px; line-height: 38px; border: 1px solid #eee;}


/*langu*/
.langu_bc {position: relative; cursor:pointer; margin-left:16px; width: 100px;}
.langu{}
.langu_t {font-size:0.9vw;display: block;margin: 0 auto;     color: #fff;}
.langu_t span{padding-right: 0.3vw; font-size:0.95vw;}
.langu_t2{     position: absolute;
    right: -43px;
    transform-origin: top;
    transform: rotateX(90deg);
    transition: 0.5s;
    left: auto;
    text-align: left;
    z-index: 9999;
    width: 120px;
    background: rgba(0,0,0,0.8);
    border-radius: 4px;
    padding: 10px;
    margin-top: 4px;}


.langu_bc:hover .langu_t2 {
    transform: rotateX(0deg);
}

.langu_t2 a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
}
.langu_t2 img {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}
/*顶部电话*/
.head_tel{display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-left:16px; font-family:Arial; font-size:28px; line-height:28px; color:#fff; font-weight:bold;}
.head_tel i{display:block; margin-right:6px; font-size:24px; line-height:24px; font-weight:normal;}
/*on效果*/
.header_bg:hover,.header_bg.on{background:#fff;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);position: fixed;z-index:99999999;}


.header_bg.on .head_name em{color:#333;}
.header_bg.on .head_name p{color:var(--main-color);}
.header_bg.on .head_nav li > a{color:#333;}
.header_bg.on .head_nav li:hover > a,.header_bg.on .head_nav li.head_cur > a{color:var(--main-color);}
.header_bg.on .head_nav li:hover > a::after,.header_bg.on .head_nav li.head_cur > a::after{width:100%}
.header_bg.on .head_search i{color:#999;}
.header_bg.on .head_search:hover i{color:var(--main-color);}
.header_bg.on .head_tel{color:var(--main-color);}
.header_bg.on .head_tel i{color:#999;}
.header_bg.on .head_logo,.header_bg.on .head_logo img{filter: none;}
.header_bg.on .langu_t{color:#444;}
.header_bg.on .langu_t span{color:#666;}
.header_bg.on .langu_t2 a{color:#fff;}
.header_bg.on .langu_t2 a:hover { text-decoration: underline;}


@media (max-width:1660px) {
.head_nav li+li{margin-left:30px;}
.head_search{margin-left:20px;}
}
@media (max-width:1530px) {
.head_nav li+li{margin-left:16px;}
.head_search{margin-left:10px;}
}
@media (min-width:1920px) {
.head_nav li > a{font-size:1.1vw;}
}



/*下拉*/
.head_nav li .NavPull{visibility:hidden; opacity:0; transform:translateY(20px); position:absolute; width:1920px; height:auto; top: 100%;    left: 0;  z-index: 99;background: #fff; transition: 0.5s;  background-color: #fff; border-top: 1px solid #e5e5e5; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);}
.head_nav li:hover .NavPull{ visibility:visible; opacity:1; transform:translateY(0);}
.proxiala{ margin:0 auto; max-width:1600px; margin-top:50px; padding-left:300px;}



.productshowxialaa{width:100%;margin:0 auto;}
.progdwz2021.dhxl_1 li { margin-right: 100px}
.productshowxialaa .progdwz2021 li{float:left; margin-bottom:15px;margin-left:15px;/*background: #fff;*/ text-align: center;}
.productshowxialaa .progdwz2021 li+li{}
.productshowxialaa .progdwz2021 li br{ display:none;}
.productshowxialaa .progdwz2021 li span{ display:block; padding:12px 0; /*background:#fff;*/text-align: center;}
.productshowxialaa .progdwz2021 li a{ padding-top:0; font-size:16px; height:auto;}
.productshowxialaa .progdwz2021 li > a:after{ display:none;}
.productshowxialaa .progdwz2021 li a:hover {  color: var(--main-color);}
.productshowxialaa .progdwz2021 li:hover a { color: var(--main-color);}
.productshowxiala .progdwz2021 li{float:left; border:0px solid #fff; margin-bottom:15px;margin-left:1px;background: #fff;width:22%;}
.productshowxiala  .progdwz2021 li+li{}
.productshowxiala .progdwz2021 li br{ display:none;}
.productshowxiala .progdwz2021 li span{ display:block; padding:12px 0; padding-left:15px;text-align: center;}
.productshowxiala .progdwz2021 li a{ padding-top:0; font-size:14px; height:auto;background:#fff;}
.productshowxiala .progdwz2021 li a img{width:100%; height:auto;}
.productshowxiala .progdwz2021 li > a:after{ display:none;}



.NavPull .inner{padding: 2.5vw 2vw 1vw 2vw; transition: all 0.5s; display: flex; justify-content: center; min-width: 1300px;  max-width: 1400px; margin: 0 auto;}
.inner dl:not(:last-child){padding-right: 4vw;}
.inner dl a{color: #444;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 60px;}
.inner dl a i {   font-size: 2vw;color: #444;}
.inner dl img{height:2rem;margin: -0.04rem 0.18rem 0 0;transition: all 0.5s;}
.inner dl dd{margin-top: 1.354vw;}
.inner dl dd:hover a{color:var(--main-color);}
.inner dl dt:hover a,.inner dl dt:hover a{color:var(--main-color);}
.inner dl dt:hover img{transform: rotateY(180deg);}
.dhcp {padding: 40px 0; margin: 0 auto;
    max-width: 1500px;
    min-width: 1200px; display: flex;  justify-content: space-between;}
.dhcp_f { float: left;width: 70%; padding-top:20px;}
.dhcp_f li dl {display: none;}

.dhcp_f li {    float: left;
    margin-bottom: 8px;
    width: calc((100% - 0px) / 4);
    border-bottom: 1px solid #eee;
    line-height: 30px;
    margin-right: 30px;
    position: relative;}
.dhcp_f li:after {
    content: ">";
    font-size: 16px;
    color: #ababab;
    position: absolute;
    left: 10px;
    top: -4px;
}
.dhcp_f li a { font-size: 16px;     padding-left: 30px;     line-height: 30px;     color: #333;}
.dhcp_f li:hover a { color: var(--main-color);font-weight: bold;}
.dhcp_r img{ width: 380px;}
.dhcp_r { border: 2px solid #eee;}


/*indxbanner*/
.wh {padding: 0px 11%;}
.wh8 {padding: 0px 8%;}
.wh1 {padding: 0px 8% 0 9%;}
.pc-banner {
  position: relative;
  overflow: hidden;
}

.pc-banner .mySwipera {
  position: relative;
}

.pc-banner .mySwipera .swiper-slide {
  overflow: hidden;
}


.pc-banner .mySwipera .swiper-slide .img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
}

.pc-banner .mySwipera .banwez {
  width: 100%;
  z-index: 9;
  color: #FFFFFF;
  top: 40%;}

.pc-banner .mySwipera .swiper-slide.banner_swiper68c .banwez{text-align:center;}
.pc-banner .mySwipera .swiper-slide.banner_swiper68 .banwez{top: 40%;}

.pc-banner .mySwipera .swiper-slide.banner_swiper69 .banwez{
    text-align: right;
    top: 54%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper32 .banwez{ top: 59%;}
.pc-banner .mySwipera .swiper-slide.banner_swiper72 .banwez{
    top: 64.5%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper70 .banwez{
    top: 66%;
}
.pc-banner .mySwipera .swiper-slide.banner_swiper70 .banwez dt::after{
    display: none;
}


.pc-banner .mySwipera .swiper-slide:nth-child(2) .banwez dt{}
.pc-banner .mySwipera .swiper-slide.banner_swiper32 .banwez dl{left: 0%; position: relative;     width: 50%;
    text-align: center;}
.pc-banner .mySwipera .banwez .wz1 {
  font: 100 1.1vw/1.15em "axt";
  display: inline-block;
  position: relative;
  z-index: 1;
 color: rgb(255 255 255 / 100%); display: block; padding-bottom: 1vw;}

.pc-banner .mySwipera .banwez .wz2{
  font: 600 3.6vw/1.15em "alz";
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 1%;
text-shadow: 2px 0 2px rgb(255 255 255 / 100%); color: #0348bb; font-style: italic;
}

.pc-banner .mySwipera .banwez dt {
  font: 600 3.6vw/1.15em "Microsoft YaHei";
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 1%;
text-shadow: 4px 0 2px rgb(255 255 255 / 10%); color: #fff;  letter-spacing: 3px;
}

/*.pc-banner .mySwipera .banwez dt::after {
  content: "";
  width: 0;
  height: 1.4rem;
  background:  rgb(255 255 255 / 10%);
  position: absolute;
  left: 0;
  bottom: -0.1em;
  z-index: -1;
  -webkit-transition: all .6s linear 0.8s;
  -o-transition: all .6s linear 0.8s;
  -moz-transition: all .6s linear 0.8s;
  transition: all .6s linear 0.8s;
}*/


.pc-banner .mySwipera .banwez1 dd {
  font: 600 3vw/1.15em "Microsoft YaHei";
  max-width: 100%;
margin-top:0.3rem;
margin-bottom:0.7rem; color:rgb(255 255 255 / 90%);
}
.pc-banner .mySwipera .banwez1 dd.mk{letter-spacing: 8px; max-width: inherit !important;}


.pc-banner .mySwipera .banwez dd {
  font: 600 2.2vw/1.15em "Microsoft YaHei";
  max-width: 100%;
margin-top:0.3rem;
margin-bottom:0.7rem; color:rgb(255 255 255 / 90%);}
.pc-banner .mySwipera .banwez dd.mk{letter-spacing: 1px; max-width: inherit !important;}

.pc-banner .mySwipera .banwez span{     font-family: 'axt';    margin-bottom: 10%;
    max-width: 70%;
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 2;
    color: #fff;
    background: #0067b4;
    border-radius: 50px;
    display: flex;
    letter-spacing: 1px;
    justify-content: space-around;
    margin: 0 auto;
    align-items: center;}
.pc-banner .mySwipera .banwez span b { position: relative; padding-right: 1.3vw;}
.pc-banner .mySwipera .banwez span b:before{ content: ""; position: absolute; width: 6px !important; height: 6px;  background: #ff9600; border-radius: 50px;  display: block; left: 5px; top:10px; z-index: 11;}
.pc-banner .mySwipera .banwez span b:after{ content: ""; position: absolute; width: 16px !important; height: 16px;  background: rgb(215 186 75 / 60%); border-radius: 50px;  display: block; left: 0px; top:5px;}

    
	
.pc-banner .mySwipera .banwez .weha {margin-top: 2.5rem;}

.pc-banner .mySwipera .dbua {
  position: absolute;
  left: 0;
  bottom: 5%;
  width: 100%;
  z-index: 9;
}

.pc-banner .mySwipera .dbua .swiper-button-prev1 i, .pc-banner .mySwipera .dbua .swiper-button-next1 i {
  color: #fff;
  font-size: 0.95rem;
cursor: pointer;
}


.pc-banner .mySwipera .swiper-pagination1as {
  position: static;
  width: auto;
}

.pc-banner .mySwipera .swiper-pagination1as span {
  display: inline-block;
  opacity: 1;
  width: .625rem;
  height: .625rem;
  border: 1px solid #fff;
  border-radius: .375rem;
  background: transparent;
  position: relative;
  margin: 0 0.5em;
}

@media (max-width: 768px) {
  .pc-banner .mySwipera .swiper-pagination1as span {
    margin: 0 0.3em;
  }
}

.pc-banner .mySwipera .swiper-pagination1as span.swiper-pagination-bullet-active {
  background: #fff;
  width: 1.8rem;
}

.pc-banner .mySwipera .swiper-slide-active .banwez dt::after {
  width: 100%;
}

a.jtaa {
  display: block;
  position: absolute;
  right: 4.0625%;
  bottom: 5%;
  z-index: 1;
  width: 1.0625rem;
  -webkit-animation: run 1s infinite linear;
     -moz-animation: run 1s infinite linear;
       -o-animation: run 1s infinite linear;
          animation: run 1s infinite linear;
}

a.jtaa img {
  width: 100%;
}

.label_el {
  color: rgba(26, 26, 26, 0);
  text-shadow: none;
  -webkit-text-stroke-width: 0.47px;
  -webkit-text-stroke-color: #fff;
}

@media (max-width: 768px) {
  .label_el {
    -webkit-text-stroke-width: 0.3px;
  }
}

@-webkit-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -moz-transform: scale(1.2);
         transform: scale(1.2);
  }
  75% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@-o-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -o-transform: scale(1);
       transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }
  75% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

.zmfd {
  -webkit-animation-name: banscaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  /*动画所花费的时间*/
}

@-webkit-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-moz-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@-o-keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

@keyframes run {
  from {
    bottom: 5%;
    opacity: 0;
  }
  to {
    bottom: 3%;
    opacity: 1;
  }
}

.kajjt {
  text-align: center;
  -webkit-animation: run 1s infinite linear;
  -moz-animation: run 1s infinite linear;
  -o-animation: run 1s infinite linear;
  animation: run 1s infinite linear;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 3%;
  z-index: 99;
}

.kajjt img {
  width: 1.42rem;
  margin: 0 auto;
}

.swiper {
  overflow: hidden;
}

.overa {
  overflow: hidden;
}

/* 图片动画 */
.fang {
  overflow: hidden;
  display: block;
}

.fang img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fang:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.fanga {
  overflow: hidden;
}

.fanga img {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
}

.fanga:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.xz img {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.xz:hover img {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.mktop {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.mktop:hover {
  -webkit-transform: translateY(-5%);
     -moz-transform: translateY(-5%);
      -ms-transform: translateY(-5%);
       -o-transform: translateY(-5%);
          transform: translateY(-5%);
}
.more-msl {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font: 500 1rem/3rem "neu";
  border-radius: 0.5rem;
  width: 10.5rem;
  text-align: center;
  background: transparent;
  border: 2px solid rgb(255 255 255 / 30%);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
  text-transform: uppercase;
font-size:1rem !important;
}
.more-msl a{color: #444;}
.more-msl a:hover{color: #fff;}
.more-msl img{height: 1.3rem;
    margin-left: 1rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    filter: brightness(0) invert(10); margin-top:0.2rem;}
.more-msl:hover img{    filter:brightness(10) invert(1);}
.more-msl::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  color: #fff;
  border-radius: 100%;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.more-msl:hover {
  color: #333 !important;
  border-color: #0347b5;
}

.more-msl:hover::before {

  -webkit-transform: scale(2);
  -moz-transform: scale(2);
   -ms-transform: scale(2);
    -o-transform: scale(2);
       transform: scale(2);
}

.more-msl.hs {
  color: #585858;
  border: 1px solid #585858;
}

.more-msl.hs:before {
  background: #0347b5;
}

.more-msl.hs:hover {
  color: #fff;
  border-color: #0347b5;}



/* bt */
.font16 {font-size: 16px;}
.font18 {font-size: 36px;font-weight: bold;}
.font44 {font-size: 46px;}
.Btn{ display: flex; align-items: center; border-radius: 100px; border: 1px solid #dadada; position: relative; top: -8px; background: #fff;}
.Btn:hover{ top: -5px;}
.Btn .Btn_left{ color: #666666; padding: 0px 20px;}
.Btn .Btn_right{ height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #2d323b;     transition-duration: 0.8s;}
.Btn .Btn_right img{filter: brightness(0) invert(1);}
.Btn.color{ background: var(--main-color); border: 1px solid var(--main-color);     transition-duration: 0.3s;}
.Btn.color .Btn_left{ color: #fff;}
.Btn.color .Btn_right{ background: var(--main-color);}
.Btn:hover{ background: #2b2e2c;
    border: 1px solid #2b2e2c;
    box-shadow: 0px 0px 20px rgb(18 18 18 / 10%);}
.Btn:hover .Btn_left{ color: #fff;}
.Btn:hover .Btn_right{ background: #fff;     transition-duration: 0.8s;}
.Btn:hover .Btn_right img{filter: none;}
.pro{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:40px; font-size: 46px;}
.pro_bc {background: #f8f8f8; padding: 4% 0;}
.pro_bt{ float: left;}
.pro_bt span {font-size: 2vw;
    line-height: 1.8;
    font-weight: bold;
    color: #2d323b;}
.pro_bt p{  font-size: 0.9vw;display: block; color: #666;}

.pro_call li{width:calc((100% - 90px) / 4);display:block;float:left;margin-right:30px;}
.pro_call li>a{display:block;border-radius: 10px;overflow: hidden;}
.pro_call li br{display:none;}
.pro_call li img{width:100%;height:auto;}
.pro_call li p{display:block;width:100%;}
.pro_call li p a{display: block;text-align: center;line-height: 40px;font-size: 18px;}

/*mod*/
.mod_bg{ background:url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260430/20260430164258_1806682604.jpg)no-repeat center top fixed;
    padding: 80px 0;
    position: relative; height: 840px;}

.procenter{width: 1400px; margin:auto; min-width: 1200px;     margin-top: 2%;}
.pro_list{ width: 30%;     margin-right: 20px;}

.pro_list{ width: 30%;  margin-right: 20px;}
.pro_list li{float:left; display:block; height:100px; background:#fff;     border-bottom: 1px solid #eee;  width: 100%; font-size: 1.5vw;
    position: relative;
    padding-left: 50px;
    display: flex;
    align-items: center;
    font-weight: bold;}
.pro_list li i{ font-size: 2vw;color: #555;    padding-right: 1vw;  font-weight: normal;}
.pro_list li:hover i, .pro_list li.on i,.pro_list li:hover span{ color: #fff; }

.pro_list li:after{content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
    transform: rotate(-25deg);  right: -13px;top: 36px;  opacity: 0;}
.pro_list li:before{ width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:var(--main-color); transition: all 0.3s;}
.pro_list li:hover:before { width:100%;}
.pro_list li span {position: absolute;z-index: 11;}
.pro_list li:nth-child(5) { border-bottom: none;}
.pro_list li.on:after{ border-bottom: 20px solid var(--main-color); opacity: 1;}
.pro_list li.on{background:var(--main-color);     transition: all 0.3s;}
.pro_list li:hover:before{background:var(--main-color);     transition: all 0.3s;}
.pro_list li.on span{color:#fff;}

.procon {height: 510px; width: 60% !important; overflow: hidden; float: left;     overflow: hidden;  margin-right: 40px; margin-left: auto;padding: 40px;  background: #fff; border-radius: 20px; }






/*about*/

.about_bc { background: url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260608/20260608091901_859803362.png)  no-repeat bottom;  padding: 5% 0;}
 .about_wz {  text-align: center; margin-bottom: 40px; }

        .about_wz h1 {
            font-size: 36px;
            font-weight: 700;
            color: #222;
            margin-bottom: 10px;
        }

        .about_wz .about_t {
            font-size: 16px;
            color: #666;
            position: relative;
            display: inline-block;
            padding: 0 20px;
        }

        /* 装饰性的小圆点 */
        .about_wz .about_t::before,
        .about_wz .about_t::after {
            content: "•";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #888;
        }

        .about_wz .about_t::before { left: 0; }
        .about_wz .about_t::after { right: 0; }

        .about_fr {
            display: flex; align-items: flex-start;
            position: relative; /* 为了定位底部的黑色数据栏 */
            padding-bottom: 80px; /* 给绝对定位的黑色栏留出空间，防止重叠 */
        }

        /* 左侧图片 */
        .about_img {  min-width: 700px; }

        .about_img img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            display: block;
        }

        /* 右侧文字介绍 */
        .about_txt {padding-top: 10px;
    display: flex;
    flex-direction: column;
    min-width: 700px;
    align-items: flex-start;
    margin-left: 40px;}
 .about_txt p {margin-bottom: 20px;
    font-size: 18px;
    color: #555;
    line-height: 30px; }

 /* 按钮样式 */
.about_txt a{    line-height: 40px;
    color: #666;
    height: 40px;
    width: 160px;
    font-size: 1rem;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 21px; margin-top: 2%;
    margin-bottom: 6%;}
.about_txt a:hover{width: 180px; background:#2d323b; transition: 0.8s;}
.about_txt a:hover:after {color:#fff;} 
.about_txt a:after {content:'⇁';font-family: iconfont;right: 10%; position: absolute;  color: #666; font-size: 1.2rem; font-weight: bold;    transition: 0.8s;}
.about_txt a:hover{ color: #fff;}


.ab_b{margin-top:50px;padding: 30px 0;display: flex;justify-content: space-between;align-items: center;width: 66%;background: linear-gradient(to bottom, #2b2e2c, #505352); float:right;border-radius: 10px; position: absolute;bottom: 0; left: 40%; }
.ab_b ul{    width: 100%;  display: flex; justify-content: space-evenly;}
.ab_b li i{font-size: 3vw; line-height:3vw; color: #fff;display: inline-block;font-family: neu;}
.ab_b ul p{}
.ab_b li span{display: inline-block;font-size: 15px;color: #fff;margin-left: 5px;}
.ab_b li em{font-size: 16px;margin-top: 20px;color: #fff;}
.ab_b ul li{text-align: center;}
.ab_b>p{width: 49%;font-size: 138px;text-transform: uppercase;color: #eee;font-weight: bold;letter-spacing: 25px;text-align: right;font-family: Arial;font-weight: 800;}


/*honor*/
.honor_bg{ padding: 80px 0 0 0;background:url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260608/20260608091721_635711982.jpg);}
.honor_w{position: relative;margin-top: 60px;background: url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260608/20260608091721_1368721993.png) no-repeat;
    background-size: 100% auto; background-position: 0 100%; width:100%;}
.honor_bg .gyc .Title_right.dflex.wow.fadeInRight { float: right;     display: block;margin-top: 30px;}

.honor_title {    float: left; font-weight: normal; position: relative;z-index: 1;margin-bottom:20px;}
.honor_title b{color: #333; font-size: 2vw;font-style: normal; letter-spacing:0px;}
.honor_title d {position: absolute;left: 0;right: 0; margin: 0 auto; top: -10%; font-size:3.2vw;  line-height: 1; z-index: -1; font-family: 'neu'; letter-spacing: -1px; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 2px #eee; text-transform: uppercase;}
.honor_title p{font-size: 0.9vw; color: #666; line-height: 60px;}

.honor_fl {     position: absolute;
    float: left;
    display: block;
    width: 700px;
    left: -240px;    bottom: 85px;}
.page{    margin: 0 auto;
    max-width: 80%;
    min-width: 1200px;
    position: relative;
    z-index: 55;}
.honor_fl img {max-width: 90%;}
#honor_c{padding:0 0 550px;position: relative;z-index: 999;}



.honor_r{width:82%;overflow:hidden;margin-bottom:10px; position: relative;  z-index: 999;      float: right; padding:30px;background: linear-gradient(90deg,#fff 30%,#fff 70%);box-shadow: 50px 0px 50px rgba(0,0,0,0.05);}
.honor_r td{width:calc((100% - 80px) / 4);position: relative;overflow: hidden;margin-right: 20px;float: left;     padding: 0px !important;  border: none !important;}
.honor_r td img{width:100%;height:auto;}
.honor_r td>a{display:block;}
.honor_r td img{transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;width:100%;height: 100%;display: block;}
.honor_r td:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}


.honor_r .tempWrap{width:100% !important;}
.honor_r .tempWrap tr{display:flex;}
.honor_r td>div { display: none;}

/*news*/
.pro_lt>b{display: block;font-size: 2.5vw;color: #333;}
.pro_lt>b i{display: block;font-size: 2.1vw;color: #333; padding-bottom:5px; font-family:'neu';font-weight:100;}
.news {padding: 5% 0%;position:relative;background:url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260430/20260430165409_1436582684.png) center; position: relative;z-index: 9;margin-top:0%;}
.news_bg{width:100%;padding: 80px 0;    overflow: hidden;}
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {font-size: 40px;font-weight:bold;}
.news_t dd {font-size: 18px;color: #999;line-height: 30px;font-weight:100;margin-top: 5px;}
.news_a{width:auto;}
.news_a a{width:180px;height:38px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:0px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{background: #2b2e2c; color:#fff;border-radius: 30px;}
.news_a a.on i {padding-right: 10px;}
.news_a a i{ font-size: 20px;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center; font-family: 'axt';color: #999;}
.new_item{width: 100%; flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%;
position: relative;padding:3% 3% 6% 3%; background: #fff;     border: 1px #f4f4f4 solid;}
.new_lc .news_div_item:hover img {    transform: scale(1.1);}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;transition: 0.5s;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 40px;position: relative;overflow: hidden;}
.new_ic>div {    display: flex; transition: 0.5s;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;font-family: axt;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 24px;margin-top:16px; overflow: hidden;font-family: axt;text-overflow: ellipsis; -webkit-line-clamp: 4; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical;margin-bottom:2px;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom:28.5%;right: 6%;}
@media screen and (max-width: 1680px){
.new_lc .news_div_item_date {bottom:31.5%;}
}
@media screen and (max-width: 1440px){
.new_lc .news_div_item_date {bottom:31.5%;}
}
@media screen and (max-width: 1360px){
.new_lc .news_div_item_date {bottom:31.5%;}
}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_pic {}
.new_lc .news_div_item_pic a {overflow:hidden;    display: block;}
.new_lc .news_div_item_a:after {position: absolute;content: "Read more +";font-size: 14px;color: rgb(34,34,34); bottom: -114px;left: 0;}
.new_rc .news_div_item {background: #fff;padding: 5.25% 7%;position: relative;border: 1px #f4f4f4 solid;}
@media screen and (max-width: 1680px){
.new_rc .news_div_item {padding: 3.95% 7%;}
}
@media screen and (max-width: 1440px){
.new_rc .news_div_item {padding:  3.95% 7%;}
}
@media screen and (max-width: 1360px){
.new_rc .news_div_item {padding:  3.95% 7%;}
}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:4px;background:#2b2e2c;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 3%;}
@media screen and (max-width: 1400px){
.new_rc .news_div_item:nth-child(n+4) {margin-top: 4%;}
}
.new_rc a.news_div_item_a {display: block;font-size: 16px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px; line-height: 24px;font-family: axt;}


/*copy*/
.copy_bc{width:100%; max-width:1920px; margin:0 auto; background: url(https://memberpic.114my.net/geweikeji19715en/uploadfile/image/20260509/20260509090646_971406865.jpg);}
.copy_bj{padding: 80px 0 70px 0; }
.copy_item{float:left; padding-left: 90px;}
.copy_item1{float: right;padding-left:60px;     border-left: 1px solid #403f3f; height:250px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: rgba(255,255,255,1); font-weight: normal;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: rgba(255,255,255,0.9);line-height:30px;font-size: 15px;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fff; }
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.9); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }
.crconcat{ width:32%; }
.copy_row1{ width:68%;     overflow: hidden;
    padding-top: 2em;
    padding-left: 3em;}


.social {padding-top:15px;clear: both;}
.social li {  float: left; margin-right: 3%;}
.social li img {  width: 100px;}
.social li span {
    display: block;
    line-height: 30px;
    color: #c9c9c9;
    text-align: center;}
.copy_item ul.one_class_box{ width: 380px;}
.copy_item ul.one_class_box li {
    width: 50%;
    float: left;
    display: flex;}

.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel img{float: left;     filter: brightness(0) invert(1);     width: 120px;}
.cr_tel b{float: left; padding-left: 16px;font-weight: normal; text-transform: uppercase; font-size: 13px; color: rgba(255,255,255,0.7);  letter-spacing: 1px;    padding-top: 7px; }
.cr_tel em {display: block;font-size: 27px;color: #fff;font-family: Arial;font-weight: bold; position: relative;  left: 13px;  letter-spacing: 3px;   top: 0;   line-height: 38px;}
.craddr{margin-top: 10px; font-size:16px; color:#b0b0b0; line-height:35px; }
.craddr{color:rgba(255,255,255,.8);}
.craddr span{ font-size: 15px; margin-top: 15px; display: block; margin-bottom: 10px;}
.craddr span i{font-size: 18px; padding-right: 10px;}
.craddr b{color:#fff;  font-size: 30px; display: block; font-family: 'neu'; letter-spacing: 1px;}
.craddr p{ font-size: 16px; line-height: 38px;}
.copy_item ul li dl {   display: none;}
.copy_item ul li a:hover {text-decoration: underline;}

/*db*/

.Copyright{ height: 80px;     border-top: 1px solid #4b4f57;}
.Copyright,.Copyright a{line-height:36px; color:rgba(255,255,255,.8);  font-size: 16px;  line-height: 80px;}
.Copyright a:hover{color: #fff; text-decoration: underline;}
.Copyright .fl { line-height: 80px;}
