/*初始化样式*/
html{margin:0;padding:0;border:0;}
div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section{margin:0;padding:0;border:0;}

a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}



/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.wh1770{max-width:1800px;margin:0 auto;padding:0 15px;}
.wh{max-width:1630px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexs2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}




/*头部样式*/
.top2{height:120px;position: relative;}
.logo{float:left;line-height:120px;width:13.44%;}
.logo a{width:100%;}
a.lang{border-radius: 50%;background-color: rgb(255, 0, 0);width: 30px;line-height:30px;color:#fff;font-size:14px;text-align:center;margin-top:44px;}
.lastli{width:30px;cursor: pointer;position: relative;line-height:120px;margin:0 1vw 0 2vw;}
.so img{max-width: 100%;}
.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 120px;
    width: 238px;
    padding: 20px;
    z-index: 999;
    background:#ff0000;
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 25%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #ff0000;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 75%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}




/* 导航样式 */
.nnav{width:61.64%;}
.x-menu{width:100%;}

.x-menu > li {
  float: left;
 text-align:center;width:14.28%;
 position: relative;
}

.x-menu > li > a {
  display: block;
  font-size: 17px;
  color: #333333;
  line-height:120px;position: relative;
}
.x-menu > li > a:before{content:"";width:28px;height:3px;background:#ff0000;position:absolute;display: block;left:50%;transform:translateX(-50%);bottom:35px;opacity: 0;}
.x-menu > li:hover > a:before {opacity:1;}
.x-menu > li.active > a {}


.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
   transform: translateY(0);
   display: none;
}
.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 100%;
  left:0%;
  top:120px;
  background: #f4f4f4;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu .tup{width:26%;position: relative;}
.x-sub-menu .tup .img img{width:100%;display:block;}
.x-sub-menu .tup:before{content:"";width:50%;height:100%;background:rgba(255,255,255,.5);position:absolute;display: block;left:0;top:0;}
.x-sub-menu .tup .wz{width:50%;position:absolute;left:50%;top:10%;color:#fff;font-size:27px;text-align:left;text-indent:20%;}
.x-sub-menu .tup .wz sup{background:#ff0000;width:36px;height:5px;display:inline-block;margin-left:12px;top:-5px;}
.x-sub-menu .nr{width:74%;padding-left:2.03%;}
.x-sub-menu .nr .ab{text-align:left;width:34%;position: relative;}
.x-sub-menu .nr .ab li{width:48%;float:left;line-height:40px;padding-left:2px;}
.x-sub-menu .nr .ab li a{color:#333333;font-size:16px;display:block;}
.x-sub-menu .nr .ab li a img{margin-right:8px;}
.x-sub-menu .nr .ab li:nth-child(2n){float:right;}
.x-sub-menu .nr .ab li:hover{background:url(/_assets/21df91a56f72b04f-88f50ecf775a44144b308873d26d4a43d84c679d.png) no-repeat 96% center #fff;}
.x-sub-menu .nr .ab:before{content:"";width:1px;height:100%;background:#dadada;position:absolute;display: block;left:50%;top:0;bottom:0;}


.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}



/*主体样式*/
.box1{padding:50px 0;}
.bt{text-align:center;}
.bt .wz1{color:#333333;font-size:36px;font-weight:bold;}
.bt .wz2{color:#999999;font-size:20px;text-transform:uppercase;font-family:"Arial";margin:5px 0;}
.bt .wz3{color:#666666;font-size:16px;}
.cp{margin-top:30px;}

.tabzz_content{width:68.81%;}
/* .proimg{display:none;}
.proimg.clicked{display:block;} */
.proimg li{position:relative;}
.proimg li .img img{width:100%;display:block;}
.proimg li .det{position:absolute;left:38px;top:38px;}
.proimg li .wz{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:21px;font-weight:bold;}
.proimg li .wz2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#221815;font-size:14px;font-family:"Arial";text-transform:uppercase;margin-top:8px;}

.cpy{width:31.19%;background:url(/_assets/ea010ac2188c56b8-2e3ed62aee8e48ef7a1ee75c591387367800673f.png) no-repeat;background-size:100% 100%;}
.cpy .nr{width:86%;margin:0 auto;}
.cpcont{padding:2vw 0 1.5vw;}
.cptt .wz{color:#fff;font-size:24px;font-weight:bold;}
.cptt .wz2{color:#fff;font-size:12px;text-transform:uppercase;font-family:"Arial";margin-top:12px;}
a.pm{color:#fff;font-size:14px;}

.prolist{}
.prolist li{line-height:32px;border-bottom:1px dashed rgba(255,255,255,.25);;font-size:18px;cursor:pointer;line-height:63px;background:url(/_assets/29924e69f0fd5ed6-21075ebd5e0fed738df49968bd69988ad3654912.png) no-repeat 99.8% center;}
.prolist li a{color:#ffff;transition:all 0.8s;}
.prolist li.cur a{padding-left:15px;}



.ttzz {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}
.ttzz.active{opacity: 1;visibility: visible;height: 100%;}








/* 行业解决方案 */
.box2{background:url(/_assets/e1ef6574ba9209e1-81b6616fe736eb4b1f65d489340691f021d3d299.jpg) no-repeat;background-size:100% 100%;padding:37px 0;}
.hycont{margin-top:30px;}

.qlist{width:47.5%;}
.qlist li{width:47.37%;color:#666666;font-size:16px;background:#ffffff;padding:17px;cursor: pointer;}
.qlist li:nth-child(n+3){margin-top:20px;}
.qlist li .tu{width:82px;}
.qlist li img{width:100%;display:block;}
.qlist li .img{display:block;}
.qlist li .img2{display:none;}
.qlist li .det{width: calc(100% - 92px);}


.qlist li .wz1{color:#333333;font-size:24px;}
.qlist li .wz2{color:#666666;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;}
.qlist li.cur{background:#ff0012;}
.qlist li.cur .img{display:none;}
.qlist li.cur .img2{display:block;}
.qlist li.cur .wz1{color:#fff;}
.qlist li.cur .wz2{color:#fff;}
.qadd{overflow:hidden;display:none;width:49.94%;}
.qadd.clicked{display:block;}
.qadd li{position: relative;}
.qadd li .img img{width:100%;display:block;}
.qadd li .det{width:100%;position:absolute;left:0;bottom:0;background:rgba(255,0,0,.6);}
.qadd li .det .nr{width:94%;margin:0 auto;padding:18px 0;}
.qadd li .wz1{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.qadd li .wz2{color:#fff;font-size:14px;line-height:30px;margin-top:7px;}

.htdh{background:#818383;width: 854px;line-height:58px;margin:0 auto;margin-top:40px;border-radius:40px;}
.htdh .dh{margin-left:39px;background:url(/_assets/0a2b0da19ba5b4ca-473ad2e0a50f87244a2b7bc86d65371e02d96f73.png) no-repeat left center;color:#fff;font-size:16px;padding-left:32px;}
.htdh .dh strong{font-size:30px;font-family:"Arial";}
.htdh .dj{background-color:#696969;border-radius:40px;width: 208px;text-align:center;}
.htdh .dj a{color:#fff;font-size:18px;font-weight:bold;}
.htdh .dj img{margin-right:18px;}



/* 应用案例 */
.box3{padding:47px 0;}
.anli{margin-top:34px;position:relative;}
.anli .mySwiper{overflow:hidden;}
.anli .swiper-slide{text-align:center;position: relative;}
.anli .swiper-slide img{width:100%;display:block;}
.anli .swiper-slide .mask{background:url(/_assets/b6c498296b06eb92-c735dd7ca76ff7532910a7c2662701785941fd5f.png) no-repeat;background-size:100% 100%;width:100%;position:absolute;left:0;bottom:0;}
.anli .swiper-slide .wz{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:96%;margin:0 auto;padding:35px 0 18px;}

.anli .swiper-button-prev{position: absolute;top:50%;left:-58px;width:60px;height:60px;opacity:1;z-index:999;background:url(/_assets/0c06f658b6095aff-6196257f39c567514bb01d1dd06f2ab94a406516.png) no-repeat;background-size:100% 100%;margin-top:-30px;box-shadow:0 0 8px #eee;}
.anli .swiper-button-next{position: absolute;top:50%;right:-58px;width:60px;height:60px;opacity:1;z-index:999;background:url(/_assets/1943b3c9a6b78a41-16d6074ea1fa31c4d23c6a96b6cc5a8a4f4d079d.png) no-repeat;background-size:100% 100%;margin-top:-30px;box-shadow:0 0 8px #eee;}
.anli .swiper-button-prev:hover{background:url(/_assets/300e6d33ca7eb1fe-bf5dc8dfead4f48f5ce44591490eb34e9dd6b317.png) no-repeat;background-size:100% 100%;box-shadow:none;}
.anli .swiper-button-next:hover{background:url(/_assets/be039ae220011b69-ca8014311049656d8fbc4a9414b85b240ce43960.png) no-repeat;background-size:100% 100%;box-shadow:none;}



/* 关于我们 */
.box4{background:url(/_assets/74a64c1db62009a3-8d54112900bad0597f8c393da951fd00f6dae8c9.jpg) no-repeat;background-size:100% 100%;padding:56px 0 43px;}
.abcont{max-width:1390px;margin:0 auto;margin-top:26px;}
.ab{color:#555555;font-size:18px;line-height:36px;text-align:center;}
a.am{display:block;text-align:center;color:#666666;font-size:16px;margin-top:28px;}
a.am span{color:#ff0000;}
.sj{margin-top:5.3vw;}
.sj li .det{text-align:center;}
.sj li .wz1{display:inline-block;color:#ff0000;font-size:76px;font-family:Impact;}
.sj li sub{color:#333333;font-size:20px;margin-left:12px;bottom:3px;}
.sj li .wz2{color:#333333;font-size:18px;margin-top:1vw;}




/* 新闻资讯 */
.box5{padding:50px 0;}
.xwsotr{margin:37px auto;text-align:center;}
.xwsotr li{display:inline-block;background-color: rgb(238, 238, 238);width: 169px;line-height: 52px;text-align:center;margin:0 3px;}
.xwsotr li a{color:#333333;font-size:18px;}
.xwsotr li:hover{background-color:#ff0000;}
.xwsotr li:hover a{color:#fff;}


.fw{position:relative;width:43.75%;}
.fw .mySwiper1{overflow:hidden;}
.fw .swiper-slide{position: relative;}
.fw .swiper-slide .img{
    border:1px solid #eeeeee;
}
.fw .swiper-slide img{width:100%;display:block;}
.fw .swiper-slide .mask{width:100%;position:absolute;left:0;bottom:0;background:url(/_assets/52fbcf7d6786c68b-7b6401c2273f74922719ce2d1b767a648a359fce.png) no-repeat;background-size:100% 100%;}
.fw .swiper-slide .wz{color:#fff;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:76%;margin-left:13px;padding:37px 0 17px;}
.fw .swiper-pagination1{right:11px;position:absolute;z-index:9999;text-align:center;bottom:17px;}
.fw .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px;display: inline-block;border-radius: 100%;background:none;border:1px solid #fff;opacity:1;cursor:pointer;}
.fw .swiper-pagination-bullet-active{background:#ff0000;opacity:1;border-color:#ff0000;}

.xw1{width:54.31%;}
.xw1 li{border-bottom:1px solid #eaeaea;padding:13px 0;}
.xw1 li .det{width: calc(100% - 92px);}
.xw1 li .wz{color:#333333;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .wz2{color:#999999;font-size:16px;overflow:hidden;line-height:36px;height:72px;margin:11px 0 16px;}
.xw1 li .time{color:#999999;font-size:16px;}
.xw1 li .xwmo{margin-right:20px;background:url(/_assets/90dbceaf932b016d-540ad66657dbd9f9f10af3adfd435e4037647652.png) no-repeat;width:30px;height:30px;background-size:100% 100%;}
.xw1 li:hover{background:#ff0000;padding-left:2%;}
.xw1 li:hover .wz{color:#fff;}
.xw1 li:hover .wz2{color:#fff;}
.xw1 li:hover .time{color:#fff;}
.xw1 li:hover .xwmo{background:url(/_assets/667e9255968e37ec-32f12f9648edde73190c569bc37eab578f5933f8.png) no-repeat;background-size:100% 100%;}








/*页面底部*/
.fht{background:url(/_assets/d6b1dfb4372cc491-56cd5c8bbf6f522233b96ee7d2a35feceaf862ee.jpg) no-repeat;background-size:100% 100%;padding:13px 0;}
.htz{}
.fwz{color:#fff;font-size:24px;font-weight:bold;margin-left:43px;}
.fwz p:nth-child(2){margin-top:20px;}
.conta a{color:#fff;font-size:16px;}
.guanz{color:#fff;font-size:16px;position: relative;margin-left:45px;cursor: pointer;}
.gz img{margin-left:10px;}
.codes{position:absolute;right:0;top:30px;width:110px;height:110px;display:none;}
.codes img{width:100%;display:block;}
.guanz:hover .codes{display:block;}


.foot{background:url(/_assets/ba0467a446ffe8fb-753c3ad16af385c701ceb1204f1ee85c4e5c8a92.jpg) no-repeat;background-size:100% 100%;padding-top:21px;}
.fotb2{width:59.19%;margin-top:7px;}
.foot_nav2 > li{width:16.6%;float:left;}
.foot_nav2 > li > a{font-size:18px;color:#f1f1f1;font-weight:bold;}
.foot_nav2 .x-nav-menu{margin-top:22px;}
.foot_nav2 .x-nav-menu dd{line-height:30px;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foot_nav2 .x-nav-menu dd a{color:#bbbbbb;}

.foot2{width:25.81%;padding-left:2.26%;border-left:1px solid #26273f;}
.lx{color:#bbbbbb;font-size:14px;line-height:28px;}
.lx a{color:#bbbbbb;}



.fadd{width:12.5%;margin-top:62px;}
.fadd li{width:48%;text-align:center;}
.fadd li .img img{width:100%;display:block;}
.fadd li .wz1{color:#dddddd;font-size:14px;margin-top:12px;}

.bq{border-top:1px solid #26273f;color:#bbbbbb;font-size:14px;text-align:center;padding:10px 0;line-height:24px;margin-top:37px;}
.bq a{color:#bbbbbb;}




/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
/* nei_cate */
.pp_sort{padding:10px;}
.pp_sort>li{position: relative;border: none;}
.pp_sort>li>a{padding: 10px 5px;padding-left: 20px;}
.xymob-menu-jt2{position: absolute;z-index: 99;width: 20px;height: 20px;text-align: center;cursor: pointer;left: 0px;top: 10px;
background: url(/_assets/e044cdf8ffb002b4-3cbfd037cad12583411f010960c71a4fb1f15b45.png) no-repeat center center;}
.xymob-menu-jt2.clicked{background: url(/_assets/ec41e0acfc0265eb-11b3818545f8960046132b1e26a64512ebe41460.png) no-repeat center center;}

.pp_sort .xypg-left-subnav{text-indent: 20px;}
.pp_sort .xypg-left-subnav>li{position: relative;border: none;}
.pp_sort .xypg-left-subnav>li>a{color: #333333;}

.pp_sort .xypg-left-threenav{text-indent: 30px;display: none;}
.pp_sort .xypg-left-threenav>li>a{color: #333333;}






@media (max-width:1580px) {
.anli .swiper-button-prev{left:0;}
.anli .swiper-button-next{right:0;}
}



@media (max-width:1440px) {
.x-sub-menu .tup .wz{font-size:22px;}
.x-sub-menu .tup .wz sup{width:25px;height:3px;margin-left:8px;}
.qlist li .tu{width:70px;}
.qlist li .det{width: calc(100% - 82px);}
.xw1 li .wz2{line-height:30px;height:60px;margin:8px 0 12px;}
.qlist li .wz1{font-size:20px;}
}


@media (max-width:1024px) {
  .nnav{width:68%;}
  .x-banner .owl-carousel .owl-dots button.owl-dot{width:12px;height:12px;}
  .x-banner .owl-carousel .owl-dots button.owl-dot:hover{width:20px;border-radius:20px;height:10px;}
 .x-banner .owl-carousel .owl-dots button.owl-dot.active{width:20px;border-radius:20px;height:10px;}
 .cptt .wz{font-size:20px;}
 .cptt .wz2{margin-top:8px;}
 .prolist li{font-size:15px;line-height:40px;}
 .proimg li .wz{font-size:18px;}
 .proimg li .det{left:15px;top:15px;}
 .bt .wz1{font-size:28px;}
 .bt .wz2{font-size:16px;}
 .bt .wz3{font-size:14px;}
.qlist li .tu{width:50px;}
.qlist li .det{width: calc(100% - 62px);}
.qlist li .wz1{font-size:16px;}
.qlist li .wz2{font-size:14px;}
.qlist li{padding:10px;}
.qlist li:nth-child(n+3){margin-top:10px;}
.htdh .dh strong{font-size:26px;}
.htdh .dj a{font-size:16px;}
.htdh{width:820px;}
.ab{font-size:15px;line-height:26px;}
a.am{font-size:14px;}
.sj li .wz1{font-size:56px;}
.sj li sub{font-size:16px;}
.sj li .wz2{font-size:14px;}
.xwsotr li{width:150px;line-height:46px;margin:3px;}
.xwsotr li a{font-size:16px;}
.fw .swiper-slide .wz{font-size:14px;}
.xw1 li .wz{font-size:16px;}
.xw1 li .wz2{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:auto;margin:5px 0;}
.xw1 li .time{font-size:14px;}
.fwz{font-size:18px;}
.foot_nav2 > li > a{font-size:16px;}
.foot_nav2 .x-nav-menu dd{font-size:13px;line-height:25px;}
.lx{font-size:13px;line-height:23px;}
.bq{font-size:13px;}
.qadd li .wz2{line-height:25px;}
}




@media (max-width: 768px) {
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .cp{flex-direction: column-reverse;}
 .cpy{width:100%;margin-bottom:15px;}
 .tabzz_content{width:100%;}
 .cpy .nr{width:auto;padding:20px 15px;}
 .cpcont{padding:0 0 20px;}
 .qlist{width:100%;}
 .qadd.clicked{width:100%;margin-top:20px;}
 .qlist li{width:49%;padding: 3px;}
 .htdh .dj{display:none;}
 .htdh{width:606px;}
 .fw{width:100%;}
 .xw1{width:100%;margin-top:20px;}
 .fht{display:none;}
 .foot2{width:58%;border:none;padding-left:0;}
 .fadd{width:25%;margin-top:0;}
 .qadd li .det .nr{padding: 6px 0;}
 .qadd li .wz2{margin-top: 0;}

}


@media (max-width:428px) {
    .bt .wz1{font-size:22px;} 
    /* .proimg li{width:100%;} */
    .qlist li .wz1{font-size:14px;}
    .qlist li .wz2{margin-top:0;}
    .qlist li .tu{width:40px;}
   .qlist li .det{width: calc(100% - 50px);}
   .htdh{display:none;}
   .anli .swiper-button-prev,.anli .swiper-button-next{width:38px;height:38px;margin-top:-19px;}
    .sj li{width:48%;margin:5px 0;}
    .sj li .wz1{font-size:40px;}
    .sj li .wz2{text-align:center;margin-top:0;}
    .sj li sub{margin-left:6px;}
    .xwsotr li{width:24%;margin:3px 0;line-height:32px;}
    .foot2{width:100%;}
    .foot2{width:100%;float:none;}
    .fadd{width:60%;float:none;margin:0 auto;margin-top:15px;}
    .xwsotr li a{font-size:15px;}
    .xwsotr{margin:25px 0;}
}






/*  */
/* .w_1140{width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w_1520{width: 94%;margin: 0 auto;height: 100%;max-width: 1520px;} */

.w_1140{width:50%;height: 100%;margin-left:26%;}
.w_1520{width: 94%;margin: 0 auto;height: 100%;max-width: 1520px;}



.nav_wrap_box{float: right;transition: 0.5s ease-out;overflow:hidden;}
.header .nav { float: left; margin-right: 20px;}
.header .nav ul li { float: left; padding:0px 20px; }
.header .nav ul li>a {display: block;height: 35px;line-height: 35px;padding: 35px 0px;font-size: 16px;position: relative;transition: 0.8s;}

.header.tophide { position: fixed; top: 0; left: 0; height: 70px; background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.header.tophide .header_right{display: block; margin-top: 17.5px; }
.header.tophide .logo img { max-height: 50px; }
.header.tophide .nav ul li > a { padding: 17.5px 0; }
.header.tophide .hidden_nav{top: 70px;}
.header.tophide .search_icon{margin-top: 20px;}
.header.tophide .contact_icon{margin-top:18px;}

.m_navbtn {transition: all 0.8s ease;}
.header.tophide .nav { height: 70px; }
.header .nav ul li > a:after { bottom: 16px; }
.hidden_nav { position: absolute; left: 0; top: 105px; z-index: 999; width: 100%; background: #fff; text-align: left; overflow: hidden; background: #f5f5f5; display: none; }
.search_icon { float: right; display: block; margin-top: 37.5px; width: 30px; height: 30px; background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fsearch_icon.png) no-repeat center top; background-size: 30px auto; transition: margin 0.8s ease; }
.contact_icon {float: right;display: block;margin-top: 36.5px;margin-left:10px;width: 30px;height: 30px;background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fcont_0808ayh.png) no-repeat center top;background-size: 30px auto;transition: margin 0.8s ease;
}
.headerindex .contact_icon {margin-top: 74.5px;background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fcont_0808ay.png) no-repeat center top;background-size: 30px;}
.msearch_icon { float: right; display: block; margin-top: 32.5px; width: 46px; line-height: 36px; overflow: hidden; height: 46px; font-weight: bold; font-size: 24px; color: #444; text-align: center; }
.msearch_icon i { font-size: 18px; }
.search_icon:hover { background-position: center bottom; }
.hidden_search { display: none; }
.hidden_search { position: absolute; right: 0; top: 0; width: 100%; height: 105px; overflow: hidden; }
.hidden_search .hidden_searchwrap { width: 100%; max-width: 1140px; margin: 0 auto; }
.hidden_searchwrap2 {  max-width: 1140px;  margin: 0 auto; background: #f8f8f8; border-radius: 5px; }
.hidden_searchwrap .close_search { float: left; width: 12.29%; height: 105px; background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fhidden_close.png) no-repeat center; }
.hidden_searchwrap .text { float: left; width: 67.75%; height: 24px; line-height: 24px; padding: 40.5px 0; background: none; }
.hidden_searchwrap .btn { float: left; width: 19.96%; height: 105px; background: #eeeeee url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fhidden_searchicon.png) no-repeat center; text-indent: -999em; }
.m_navbtn { float: right; width: 46px; text-align: center; margin-top: 32.5px; margin-left: 15px; display: none; }
.m_navbtn i { font-size: 24px; color: #444444; }
.mclose_btn { position: absolute; right: 15px; top: 15px; display: block; padding: 5px; z-index: 9999; }
.mclose_btn .iconfont { font-size: 22px; color: #666; }
.m_navlistwrap { padding: 15px 30px; }
.m_navlistwrap li { text-align: center; }
.m_navlistwrap li > a { line-height: 40px; text-align: center; color: #212121; font-size: 20px; text-transform: uppercase; font-weight: lighter; display: block; position: relative; }
.m_navlistwrap li > span {text-transform: uppercase; color: #818181;display: inline-block;padding: 0 5px; text-align: center; font-size: 14px; font-weight: 300; line-height: 2;}
.m_navlistwrap li > a:after { content: " "; width: 10px; height: 1px; background: #2a2a2a; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }
.m_navlistwrap dl dd a { display: inline-block; padding: 0 5px; text-align: center; font-size: 14px; font-weight: 300; line-height: 2; position: relative; text-transform: uppercase; color: #818181; }
.m_nav { display: none; }
.msearch_icon { display: none; }
.hidden_search2 {  }
.hidden_search2 { position: absolute; left: 50%;transform:translateX(-50%) translateY(-50%);top: 50%;width: 100%;border-radius:5px}
.hidden_searchwrap2 .close_search2 { float: left; width: 12.29%; height: 105px; background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fhidden_close.png) no-repeat center; }
.hidden_searchwrap2 .text2 { float: left; width: 67.75%; height: 24px; line-height: 24px; padding: 40.5px 0; background: none; }
.hidden_searchwrap2 .btn2 { float: left; width: 19.96%; height: 105px; background: #eeeeee url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fhidden_searchicon.png) no-repeat center; text-indent: -999em; border-radius: 0 5px 5px 0;position: static!important; }
html.state { overflow: hidden; }
.hidden_searchwrap2 .close_search2 { height: 60px; background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fhidden_close.png) no-repeat center; background-size: 15px auto; }
.hidden_searchwrap2 .text2 { padding: 18px 0; }
.hidden_searchwrap2 .btn2 { height: 60px; background-size: 18px auto; }
.hidden_nav .w_1140 { padding-top:30px; padding-bottom: 30px; }
.hidden_nav .navimg { float: left; width: 36.32%; }
.hidden_nav .navimg a { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 226px; }
.hidden_nav .navimg a:hover em { transform: scale(1.05); -webkit-transform: scale(1.05); }
.hidden_nav .navimg a em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.hidden_nav .navdl { margin-left: 9.65%; float: left; width: 36.32%; }
.hidden_nav .navdl dd { float: left; width: 34.83%; margin-left: 15.17%; border-bottom: 1px solid #e0e0e0; padding: 21px 0 15px; }
.hidden_nav .navdl dd a { display: block; font-size: 16px; color: #333333; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.hidden_nav .pronav:last-child { margin-right: 0; }
.hidden_nav .pronav { float: left;width: 11.1875%;margin-right: 1.5%; }
.header .nav>ul>li:nth-child(4) .hidden_nav .pronav{ width: 13%;}  
.hidden_nav .pronav .img { margin-bottom: 14px; }
.hidden_nav .pronav .img a { display: block; padding-bottom: 98px; position: relative; height: 0; overflow: hidden; }
.hidden_nav .pronav .img a em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hidden_nav .pronav dl dt { padding-bottom: 10px; margin-bottom: 11px; border-bottom: 1px solid #e0e0e0; }
.hidden_nav .pronav dl dt a { display: block; font-size: 16px; color: #333333;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hidden_nav .pronav dl dd a { display: block; font-size: 14px; color: #777777;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hidden_nav .pronav dl dt a:hover { color: #009adc; }
.hidden_nav .pronav dl dd a:hover { color: #009adc; }
.hidden_nav .pronav .img a:hover em { transform: scale(1.05); -webkit-transform: scale(1.05); }
.hidden_nav .navdl dd a:hover { color: #009adc; }
.back_topbtn { display: none; width: 58px; height: 58px; position: fixed; right: 0px; bottom: 0px; background: #ddd url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fbacktopbg.png) no-repeat center top; border-radius: 4px; text-align: center; text-indent: -999em; z-index: 999;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.back_topbtn:hover { background-position: center bottom; }

/*20181124xg*/
.nav .line {position: absolute; bottom: 25%;width: 0px;height: 2px;font-size: 3px;background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fnav_line.jpg) no-repeat center;background-size: 100% 2px;}
.header .nav ul li > a:after { position: absolute; left: 0; bottom: 25%; width: 100%; height: 2px;   background: url(/_offline/unavailable?source=https%3A%2F%2Fcdn.myxypt.com%2Ftiey6c1w%2Ft%2F1%2Fimages%2Fnav_line.jpg) no-repeat center;background-size: 100% 2px;content: ""; opacity: 0; visibility: hidden; transform:scaleX(0);transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.header .nav ul .nav-up-selected > a:after { opacity: 1;visibility: visible;transform:scaleX(1);}
.header .nav .nav_line { position: absolute; top: 65px; height: 2px; background: #203d87; opacity: 0; }
.hidden-nav { background: #ddd; z-index: 999; position: absolute; left: 0%; right: 0%; overflow: hidden; top: 105px; box-sizing: border-box;transition: 0.8s;}
.header.tophide .hidden-nav{top: 70px; }
.hidden_nav { display: none; }

/*20181205xg 头部导航*/
.hidden-nav-inner{position: relative;min-height: 180px;background: #f4f4f4;}
.hidden_navimg{position: absolute;left: 0;top: 0;bottom: 0;width:25.99%;}
.hidden_navimg a{display: block;}
.hidden_navimg .img{position: absolute;right: 0;top: 0;width: 240px;}
.hidden_navimg .img em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: right top;}
.hidden_navimg h3{position: relative;padding-top: 40px;font-size:27px;color: #fff;}
#m7 .hidden_navimg h3{font-size: 25px;}
.hidden_navimg h3 span{display: block;padding-left: 10%;}
.hidden_navimg h3 i{position: absolute;right:22.81%;top: 58px;  width:36px;height:5px; background: #ff0000;}
.hidden_navimg .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: right top;}
.hidden_navimg .bgleftwhite{position: absolute;left: 0; top: 0;width: 5%;height: 100%; background: rgba(255,255,255,0.5);content: "";}

.hidden_navallwrap{position: relative;padding: 30px 0 30px 40px;}




/*新版二,三级导航2021.6.7*/
.nav-2nd-box{display: flex;min-height: 120px;}
.nav-2nd-box *{box-sizing: border-box;}
.nav-2nd-box .nav-2nd-column{position: relative;flex: 0 0 33.33%;padding: 0 20px;background-color: #f4f4f4;border-right: 1px solid #e1e1e1;}
.nav-2nd-box .nav-2nd-column:first-child{padding-left: 0;}
.nav-2nd-box .nav-2nd-column > li{}
.nav-2nd-box .nav-2nd-column > li > a{z-index: 1;position: relative;display: block;padding:10px 15px 10px 5px;font-size: 16px;line-height: 20px;color: inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-2nd-box .nav-2nd-column > li > a:before{content: '';z-index: -1;position: absolute;left: 0;top: -5px;bottom: -5px;width: 0;background-color: #fff;}
.nav-2nd-box .nav-2nd-column > li > a:after{content: '';z-index: -1;position: absolute;left: 0;top: -5px;bottom: -5px;width: 0;background-color: #ff0000;}
.nav-2nd-box .nav-2nd-column > li > a .arrow{position: absolute;right: 15px;top: 50%;width:7px;height:7px;border-top: 1px solid #ff0000;border-right: 1px solid #ff0000;transform: translate(-50%,-50%) rotate(45deg);}
.nav-2nd-box .nav-2nd-column > li:hover > a{color: #ff0000;}
.nav-2nd-box .nav-2nd-column > li:hover > a:before{width: 100%;transition: 0.3s;}
/* .nav-2nd-box .nav-2nd-column > li:hover > a:after{width: 3px;transition: 0.3s;} */
.nav-2nd-box .nav-2nd-column.open{flex: 0 0 66%;transition: 0.3s;}
.nav-2nd-box .nav-2nd-column.open > li > a{width: 50%;}
.nav-2nd-box .nav-2nd-column > li:hover .nav-3rd{display: block;}
.nav-2nd-box .nav-3rd{display: none;position: absolute;left: 50%;right: 0;top: 0;bottom: 0;min-height: 100%;overflow-y: auto;overscroll-behavior: contain;}
.nav-2nd-box .nav-3rd > li{}
.nav-2nd-box .nav-3rd > li > a{display: block;padding: 10px 20px;font-size: 14px;line-height: 20px;transition: 0.3s;color: #333;}
.nav-2nd-box .nav-3rd > li > a:hover{color: #ff0000;}

#m0{display: none!important;}



@media (max-width:1440px) {
    .w_1140{width:61%;}
    .hidden_navimg h3{font-size:24px;}
    .hidden_navimg h3 span{padding-left:31%;}
    .hidden_navimg h3 i{position: absolute;right: 16.81%;top: 52px;width: 18px;height: 3px;background: #ff0000;}
}


@media (max-width:1024px) {
    .w_1140{width:70%;}
    .hidden_navimg h3{font-size:18px;}
    .hidden_navimg h3 span{padding-left:59%;}
    .hidden_navimg h3 i{display:none;}
}