/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,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;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
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;}




/*----- 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;}



.wh{max-width:1530px;margin:0 auto;padding:0 15px;}

.com-img{overflow:hidden;margin:0 auto;}
.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.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


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

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

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



/*头部样式*/
.top2{background:#202960;height:115px;}
.top2 .wh{height:115px;}



/*热门搜索*/
.sou{margin: 15px 0;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;color:#0d0d0d;font-size:14px;}
.hotSearch a{margin-right:6px;color:#0d0d0d;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/* 导航样式 */
.nnav{width:67.07%;}
.x-menu{width:100%;}
.x-menu > li {
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:60px;
}

.x-menu > li:hover > a {

}

.x-menu > li.active > a {

}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 280%;
  left: -90%;
  top: 60px;
  background: #fff;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.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;
}
.x-menu li.lastli{width:21px;position:relative;cursor:pointer;}


.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}


/*主体样式*/
.bxs{overflow:hidden;}
.box1{background:#f8f8f8;padding:3vw 0 2.2vw;}
.bt{text-align:center;color:#202960;font-size:41px;}
.prod1{margin-top:3vw;}
.prod1 li{width:23%;text-align:center;margin-bottom:2.3vw;}
.prod1 li .img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);}
.prod1 li img{display:block;width:100%;}
.prod1 li h3{color:#333333;font-size:14px;line-height:3.8;background:#fff;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;}
.prod1 li:hover h3{background:#202960;color:#fff;}




/*应用领域*/
.box2{padding:3vw 0 2.5vw;}
.yin{margin-top:3vw;position:relative;padding-bottom:4.2vw;}
.yin .mySwiper{overflow:hidden;}
.yin .swiper-slide{text-align:center;position:relative;}
.yin .swiper-slide .img img{width:100%;display:block;}

.yin .swiper-slide .img2 img{width:100%;display:block;}
.yin .swiper-slide .det{background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.yin .swiper-slide .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.yin .swiper-slide h2{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2vw;}
.yin .swiper-slide .det2{width:100%;position:absolute;left:0;bottom:2.8vw;display:none;}
.yin .swiper-slide h3{color:#fff;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:16px;font-weight:bold;}
.yin .swiper-slide .xian{width:29px;height:3px;background:#fff;margin:0 auto;}
.yin .swiper-slide:hover .det{display:none;}
.yin .swiper-slide:hover .det2{display:block;}

.yin .swiper-button-prev{position: absolute;bottom:0;left:30%;width:50px;height:50px;opacity:1;z-index:999;background:url(../images/icon03.png) no-repeat;background-size:100% 100%;top:auto;}
.yin .swiper-button-next{position: absolute;bottom:0;right:30%;width:50px;height:50px;opacity:1;z-index:999;background:url(../images/icon04.png) no-repeat;background-size:100% 100%;top:auto;}




/* 4大优势 */
.box3{background:#f8f8f8;padding:3vw 0 3.5vw;}
.yadd{margin-top:3vw;}
.yadd li{width:24%;background:#fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);text-align:center;}
.yadd li h2{color:#fff;font-size:30px;background:#202960;width:75px;line-height:75px;margin:0 auto;}
.yadd li h3{font-weight:bold;color:#202960;font-size:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2.5vw;}
.yadd li h4{width:45px;height:3px;background:#202960;margin:0 auto;margin-top:16px;}
.yadd li h5{color:#666666;font-size:16px;line-height:2;width:85%;margin:2vw auto 3.6vw;}




/*新闻资讯*/
.box4{margin:3vw 0;}
.box4 .cont{margin-top:3vw;}
.xw1{width:46.6%;background:#f8f8f8;}
.xw1 li{padding:7%;}
.xw1 li h5{color:#b8b8b8;font-size:24px;}
.xw1 li h2{color:#333333;font-size:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1.5vw 0;}
.xw1 li h4{color:#999999;font-size:14px;overflow:hidden;line-height:23px;height:69px;padding-left:20px;border-left:2px solid #adadad;}
.xw1 li .img{margin:30px auto 20px;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .nmo{color:#fff;font-size:16px;width:125px;line-height:41px;background:#202960;text-align:center;}

.xw2{width:51.27%;border:1px solid #efefef;}
.xw2 li{padding:6%;}
.xw2 li h3{width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;font-size:22px;}
.xw2 li h2{color:#999999;font-size:22px;}
.xw2 li h4{color:#666666;font-size:14px;line-height:25px;height:50px;overflow:hidden;width:70%;}
.xw2 li h5{margin-right:20px;}
.xw2 li .det2{margin-top:1.8vw;}
.xw2 li:hover{box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.22);}
.xw2 li:hover h3{color:#202960;font-weight:bold;}




/*关于我们*/
.box5{background:url(../images/aboutbg.jpg) no-repeat;background-size:cover;padding-top:4.3vw;}
.cpname{color:#fff;font-size:41px;text-align:center;}
.about{width:86%;margin:0 auto;color:#fff;font-size:16px;line-height:2.5;margin-top:2.8vw;text-align:center;}
.alogo{text-align:center;margin:0 auto;margin-top:4vw}
.alogo img{max-width:100%;}




/*页面底部*/
.foot{background:#202960;color:#fff;}
.foot a{color:#fff;}
.foot .cont1{padding:2.5vw 0;border-bottom:1px solid #3b4373;}
.fadd li{}
.fadd li .wz{margin-left:10px;}
.fadd li h3{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fadd li h2{font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;}


.bq{padding:22px 0;}
.cop{color:rgba(255,255,255,.8);font-size:14px;line-height:24px;}
.cop a{color:rgba(255,255,255,.8);}
.footer33{height:50px;}







@media (max-width:1440px) {
   .yin{padding-bottom:5vw;}
}


@media (max-width:1024px) {
  .bt{font-size:32px;}
  .yin .swiper-slide h2{font-size:18px;}
  .yin .swiper-slide h3{font-size:18px;}
  .yin{padding-bottom:6.2vw;}
  .yin .swiper-slide .img2{width:30%;margin:0 auto;}
  .yadd li h2{font-size:25px;width:60px;line-height:60px;}
  .yadd li h3{font-size:22px;}
  .yadd li h5{font-size:14px;}
  .yadd li h4{width:30px;height:2px;}
  .xw1 li h5{font-size:20px;}
  .xw1 li h2{font-size:22px;}
  .xw2 li h3{font-size:18px;}
  .xw2 li h2{font-size:18px;}
  .xw2 li h5{margin-right:12px;}
  .cpname{font-size:32px;}
  .about{width:100%;font-size:14px;}
  .fadd li h3{font-size:14px;}
  .fadd li h2{font-size:16px;}
  .cop{width:100%;text-align:center;}

}
  

@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .prod1 li h3{line-height:3;}
 .box1{padding:5vw 0;}
 .prod1{margin-top:5vw;}
 .box2{padding:5vw 0;}
 .yin{margin-top:5vw;padding-bottom:55px;}
 .yin .swiper-button-prev{width:35px;height:35px;}
  .yin .swiper-button-next{width:35px;height:35px;}
  .box3{padding:5vw 0;}
  .yadd{margin-top:5vw;}
 .yadd li{width:49%;}
 .yadd li:nth-child(n+3){margin-top:15px;}
 .yadd li h3{margin-top:4.2vw;}
 .yadd li h5{margin:3.5vw auto 5vw;}
 .box4{margin:5vw 0;}
 .box4 .cont{margin-top:5vw;}
 .box5{padding-top:6vw;}
 .alogo{width:25%;}
 .fadd li{width:50%;justify-content:left;}
 .fadd li:nth-child(n+3){margin-top:10px;}
 .foot .cont1{padding:4vw 0;}
}


@media (max-width:425px) {
  .bt{font-size:25px;}
  .prod1 li{width:48%;}
  .yin .swiper-slide h2{font-size:15px;}
  .yin .swiper-slide h3{font-size:15px;}
  .yin .swiper-slide .det2{bottom:25px;}
  .yadd li h2{font-size:18px;width:42px;line-height:42px;}
  .yadd li h3{font-size:18px;}
  .yadd li h5{font-size:12px;line-height:24px;}
  .yadd li h4{width:25px;height:2px;margin-top:10px;}
  .xw1{width:100%;}
  .xw2{width:100%;margin-top:20px;}
  .xw1 li h5{font-size:17px;}
  .xw1 li h2{font-size:17px;margin:15px 0;}
  .xw2 li h3{font-size:15px;width:100%;}
  .xw2 li h2{font-size:15px;width:100%;}
  .xw1 li .nmo{font-size:14px;width:100px;line-height:32px;}
  .xw2 li h2{display:none;}
  .xw2 li h5{display:none;}
  .xw2 li h4{width:100%;}
  .cpname{font-size:25px;}
  .about{line-height:25px;margin-top:5.5vw;}
   .alogo{width:30%;}
   .foot .cont1{padding:25px 0;}
   .fadd li{width:100%;}
  .fadd li:nth-child(n+2){margin-top:10px;}
}




/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}


.xymob-left-close-btn .icon-close:before{font-size:0;}




.c2 {
  background: url(../images/c2bg.png) no-repeat top center;
  padding-top: 5vw;
  padding-bottom: 6vw;
}

.c2a {
  width: 49%;
}

.c2abt {
  border-left: 8px solid #202960;
  padding-left: 30px;
  margin-bottom: 3.5vw;
}

.c2abt dd {
  font-size: 36px;
  color: #202960;
  font-weight: 600;
}

.c2abt dd span {
  display: inline-block;
  background: #ebf4dc;
  font-size: 40px;
  width: 50px;
  height: 50px;
  color: #85bd24;
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  position: relative;
  top: -5px;
}

.c2abt dt {
  font-size: 18px;
  color: #666666;
  font-weight: normal;
}

.c2ays li {
  margin-bottom: 3vw;
}

.c2ays .img {
  width: 11.5%;
  position: relative;
}

.c2ays .img::after {
  content: "";
  width: 2px;
  height: 3vw;
  background: #eaeaea;
  position: absolute;
  top: 80px;
  left: 49%;
}

.c2ays li:last-child .img::after {
  display: none;
}

.c2ays .img img {
  max-width: 100%;
}

.c2ays .liwz {
  width: 82%;
}

.c2ays .liwz h3 {
  font-size: 30px;
  font-weight: 600;
  color: #333333;
}

.c2ays .liwz p {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 10px;
}

.c2dh {
  padding-left: 24px;
  height: 50px;
  line-height: 50px;
  background: #f2f2f2;
  border-radius: 50px;
  color: #666666;
  font-size: 14px;
}

.c2dha img {
  line-height: 50px;
  margin-right: 15px;
}

.c2dh span {
  color: #202960;
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  position: relative;
  top: 6px;
}

.c2dh .c2dhb {
  display: block;
  background: #202960;
  text-align: center;
  width: 168px;
  font-size: 14px;
  color: #ffffff;
  line-height: 50px;
  height: 50px;
  border-radius: 50px;
}

.c2b {
  width: 42.7%;
  margin-top: 12px;
}

.c2b img {
  max-width: 100%;
}

@media (max-width: 768px) {
  .c2 {
      background-size: cover;
  }
  .c2a {
    width: 100%;
  }
  .c2b {
    display: none;
}
.c2dh .c2dhb {
  display: none;
}
}



.i_message_back {
  background: url(../images/i_message_back.png) no-repeat center;
  background-size: cover;
  padding: 46px 0;
}

.i_message_back .i_message_a {
  display: flex;
}

.i_message_back .i_message_a .i_message_fl {
  width: 30%;
  background-color: #fff;
  opacity: 0.9;
  padding: 30px;
}

.i_message_back .i_message_a .i_message_fl .i_message_title {
  width: 100%;
  height: 38px;
  position: relative;
}

.i_message_back .i_message_a .i_message_fl .i_message_title h6 {
  position: absolute;
  bottom: 0;
  left: -10px;
  font-size: 50px;
  line-height: 1;
  font-family: "D-DIN";
  font-weight: bold;
  color: #e0e2e5;
  opacity: 0.4;
}

.i_message_back .i_message_a .i_message_fl .i_message_title h5 {
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: bold;
  font-size: 34px;
}

.i_message_back .i_message_a .i_message_fl .i_message_icon01 {
  margin: 32px 0 20px;
}

.i_message_back .i_message_a .i_message_fl .i_message_logo {
  margin-bottom: 20px;
}

.i_message_back .i_message_a .i_message_fl .i_message_icon02 {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.i_message_back .i_message_a .i_message_fl .i_message_icon02 img {
  margin-right: 12px;
}

.i_message_back .i_message_a .i_message_fl .i_message_icon02 b {
  font-size: 24px;
  color: #132a85;
}

.i_message_back .i_message_a .i_message_fl .i_message_icon02 p {
  line-height: 32px;
}

.i_message_back .i_message_a .i_message_fr {
  flex: 1;
  background-color: #202960;
  padding: 30px;
}

.i_message_back .i_message_a .i_message_fr .i_message_title {
  width: 100%;
  height: 38px;
  position: relative;
}

.i_message_back .i_message_a .i_message_fr .i_message_title h5 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-weight: bold;
  font-size: 34px;
}

.i_message_back .i_message_a .i_message_fr .i_message_title h6 {
  position: absolute;
  bottom: 0;
  left: -10px;
  font-size: 50px;
  line-height: 1;
  font-family: "D-DIN";
  font-weight: bold;
  color: #e0e2e5;
  opacity: 0.2;
}

.i_message_back .i_message_a .i_message_fr form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}

.i_message_back .i_message_a .i_message_fr form p {
  display: flex;
  flex-direction: column;
}

.i_message_back .i_message_a .i_message_fr form p input {
  width: 240px;
  height: 48px;
  padding-left: 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  margin-top: 34px;border: none;
}

.i_message_back .i_message_a .i_message_fr form p input::placeholder {
  color: #fff;border: none;
}

input:focus{border: none;}
.i_message_back .i_message_a .i_message_fr form .inp_textarea {
  padding-top: 34px;
}

.i_message_back .i_message_a .i_message_fr form .inp_textarea textarea {
  width: 400px;
  height: 100%;
  padding: 18px 0 0 18px;
  color: #fff;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
}

.i_message_back .i_message_a .i_message_fr form .inp_textarea textarea::placeholder {
  color: #fff;
}

.i_message_back .i_message_a .i_message_fr form .inp_submit {
  width: 100%;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
}

.i_message_back .i_message_a .i_message_fr form .inp_submit input {
  width: 160px;
  border: none;
}

.i_message_back .i_message_a .i_message_fr form .inp_submit input:hover {
  transform: scale(0.95);
  transition: all 0.5s;
}

@media screen and (min-width: 1000px) and (max-width: 1399px) {
  .i_message_back .i_message_a .i_message_fr .i_message_title h6,
  .i_message_back .i_message_a .i_message_fl .i_message_title h6 {
    font-size: 32px;
  }

  .i_message_back .i_message_a .i_message_fr .i_message_title h5,
  .i_message_back .i_message_a .i_message_fl .i_message_title h5 {
    font-size: 20px;
  }

  .i_message_back .i_message_a .i_message_fl .i_message_icon02 b {
    font-size: 16px;
  }

  .i_message_back .i_message_a .i_message_fl .i_message_icon02 p {
    line-height: 1.5;
  }

  .i_message_back .i_message_a .i_message_fr form p {
    width: 32%;
  }

  .i_message_back .i_message_a .i_message_fr form p input {
    width: 100%;
  }

  .i_message_back .i_message_a .i_message_fr form .inp_textarea textarea {
    width: 100%;
  }
}

@media screen and (max-width: 999px){

  .pc {
    display: none !important;
}
  .i_message_back {
    padding: 30px 0 20px;
    background: #202960;
    background-size: cover;
  }

  .i_message_back .i_message_a {
    width: 100%;
  }

  .i_message_back .i_message_a .i_message_fr {
    width: 100%;
    background: none;
    margin: 0 auto;
    padding: 0 5%;
  }

  .i_message_back .i_message_a .i_message_fr .i_message_title h6 {
    width: 100%;
    font-size: 32px;
    text-align: center;
  }

  .i_message_back .i_message_a .i_message_fr .i_message_title h5 {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }

  .i_message_back .i_message_a .i_message_fr form p {
    width: 48%;
  }

  .i_message_back .i_message_a .i_message_fr form p input {
    width: 100%;
    height: 34px;
    margin-top: 10px;
  }

  .i_message_back .i_message_a .i_message_fr form .inp_textarea {
    width: 100%;
    padding-top: 0;
  }

  .i_message_back .i_message_a .i_message_fr form .inp_textarea textarea {
    width: 100%;
    height: 90px;
    margin-top: 10px;
    font-family: "微软雅黑";
  }

  .i_message_back .i_message_a .i_message_fr form .inp_submit {
    align-items: center;
    margin-top: 10px;
  }

  .i_message_back .i_message_a .i_message_fr form .inp_submit input {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
}