/*初始化样式*/
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;}

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

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


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


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.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);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}


.top2{height:106px;width:100%;position:absolute;width:100%;top:0;left:0;z-index:9999;background: rgba(255,255,255,0.7);}
.logo{float:left;line-height:106px;height:106px;overflow:hidden;width:13.19%;}
.logo img{line-height:106px;width:100%;}

.logo2{float:left;line-height:106px;height:106px;overflow:hidden;width:13.19%;}
.logo2 img{line-height:106px;width:100%;}


.top2.scroll{position:fixed;background:#fff;}
.top2.scroll .logo{display:none;}
.top2.scroll .logo2{display:block!important;}
/* 
.top2:hover{background:#fff;}
.top2:hover .logo{display:none;}
.top2:hover .logo2{display:block!important;} */



#banners{width:100%;margin:0 auto;}
#banners img{width:100%;display:block;}

.banneraa{position: relative;}
.banneraa:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.35);position:absolute;display: block;left:0;top:0;}


.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;}







/*主体样式*/
.box1{overflow:hidden;margin:77px 0;}
.box1 .wh{display:flex;justify-content:space-between;}
.apic{width:49%;}
.apic img{width:100%;}
.about{width:45.12%;}

.abtt{color:#1c3379;font-size:45px;font-family:"Arial";margin:70px 0 30px;}
.gsm{color:#333333;font-size:25px;}

.scrollbar{height:220px;overflow-y:scroll;margin-top:7px;}
.force-overflow {height:220px;padding-right:16.26%;padding-top:30px;padding-bottom:30px;}
.ab{color:#666666;font-size:14px;line-height:36px;}

#style-1::-webkit-scrollbar-track {
    border:3px solid #363636;
}
#style-1::-webkit-scrollbar {
    width:3px;
    background:none;
}
#style-1::-webkit-scrollbar-thumb {
    background-color:#338eb6;
}
a.am{display:block;background:url(//cdn.myxypt.com/22a32f1c/21/12/a27e99e9b816213984846bd42b6fe25f94e239f4.png) no-repeat;width:139px;height:53px;line-height:45px;padding-left:45px;color:#338eb6;font-size:14px;margin-top:30px;transition:all 0.6s;}
a.am:hover{display:block;background:url(//cdn.myxypt.com/22a32f1c/21/12/b62af55091c88971645cde2b97ed5a2287f29c4c.png) no-repeat;color:#fff;}




@media (max-width:1440px) {
    .abtt{margin:45px 0 20px;} 
    .scrollbar{margin-top:0px;}
}


@media (max-width:1024px) {
    .abtt{margin:20px 0 15px;} 
    .scrollbar{height:110px;}
    .force-overflow {height:110px;padding-right:15%;padding-top:20px;}
    .ab{line-height:30px;}
}


@media (max-width:768px) {
    .box1 .wh{flex-wrap:wrap;}
    .apic{width:100%;}
    .about{width:100%;margin-top:20px;}
    .x-banner{
      margin-top: 60px;
    }
}


@media (max-width:425px) {
    .box1{margin:45px 0;}
    .abtt{font-size:35px;}
    .gsm{font-size:20px;margin-bottom:10px;}
    .box3 .mySwiper{margin-left:18%;}
}


.box2{background:url(//cdn.myxypt.com/22a32f1c/21/12/245b7739cb79d9a18f5cf33accd33d0ab01e58e7.jpg) no-repeat;background-size:100% 100%;padding:55px 0;overflow:hidden;}
.sj{display:flex;justify-content:space-between;}
.sj li{width:25%;text-align:center;}
.sj li+li{background:url(//cdn.myxypt.com/22a32f1c/21/12/515e100ea48b5bb4bb190ca400579c249c2944c2.png) no-repeat left center;}
.sj li h3{color:#fff;font-size:52px;display:inline-block;}
.sj li sup{color:#fff;font-size:12px;top:-38px;margin-left:5px;}
.sj li h5{color:#fff;font-size:15px;margin-top:16px;}


@media (max-width:768px) {
   .sj li h3{font-size:42px;}
   .sj li sup{top:-32px;}
   .sj li h5{font-size:14px;}
}


@media (max-width:640px) {
  .box2{background:url(//cdn.myxypt.com/22a32f1c/21/12/245b7739cb79d9a18f5cf33accd33d0ab01e58e7.jpg) no-repeat;background-size:100% 100%;padding:35px 0 15px;}
  .sj{flex-wrap:wrap;}
  .sj li{width:50%;margin-bottom:20px;}
  .sj li h3{font-size:36px;}
  .sj li sup{top:-23px;}
  .sj li+li{background:none;}
  .sj li h5{font-size:13px;margin-top:12px;}

}


.box3{overflow:hidden;margin-top:86px;position:relative;}
.box3 .mySwiper2 .swiper-slide{background:#f3f3f3;}
.box3 .mySwiper2 .swiper-slide .img{width:70.26%;overflow:hidden;}
.box3 .mySwiper2 .swiper-slide .img img{width:100%;display:block;overflow:hidden;transition:all 0.6s;}
.box3 .mySwiper2 .swiper-slide .nr{width:28.39%;margin-left:1.2%;margin-top:118px;}
.box3 .mySwiper2 .swiper-slide .det{margin-left:74px;}
.box3 .mySwiper2 .swiper-slide .det h4{color:#1c3379;font-size:36px;line-height:50px;background:url(//cdn.myxypt.com/22a32f1c/21/12/7d078c247800c942a0ba5b878b0bc1dc096d64f8.png) no-repeat left bottom;font-weight:bold;padding-bottom:10px;letter-spacing:3px;}
.box3 .mySwiper2 .swiper-slide .det h3{color:#000000;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:35px;}
.box3 .mySwiper2 .swiper-slide .ctt{margin-top:40px;}
.box3 .mySwiper2 .swiper-slide .ctt img{max-width:100%;}
.box3 .mySwiper2 .swiper-slide .mo{display:block;margin:0 auto;background:url(//cdn.myxypt.com/22a32f1c/21/12/a27e99e9b816213984846bd42b6fe25f94e239f4.png) no-repeat;width:139px;height:53px;line-height:45px;padding-left:45px;color:#338eb6;font-size:14px;margin-top:55px;margin-left:74px;transition:all 0.6s;}
.box3 .mySwiper2 .swiper-slide .mo:hover{display:block;background:url(//cdn.myxypt.com/22a32f1c/21/12/b62af55091c88971645cde2b97ed5a2287f29c4c.png) no-repeat;color:#fff;}

.box3 .mySwiper2 .swiper-slide .ccodes{margin-left:74px;margin-top:-15%;}
.box3 .mySwiper2 .swiper-slide .ccodes img{max-width:100%;display:block;}



.box3 .mySwiper2 .swiper-slide:hover .img 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);}

.box3 .aaa{background:url(//cdn.myxypt.com/22a32f1c/21/12/a94305a98bbdadf412531c8c55e58983be0a55e3.png) no-repeat;background-size:100% 100%;margin-top: -57px;position: RELATIVE;}
.box3 .wh{display:flex;justify-content:space-between;align-items:center;}


.box3 .swiper-button-prev{background:url(//cdn.myxypt.com/22a32f1c/21/12/9cbc845880e05f2ba7a0a41afa6ee7b5eca60b3d.png) no-repeat;width:28px;height:28px;display:block;position:absolute;left:8.23%;opacity:1;top: calc(50% + 52px);transform: translateY(-50%);}
.box3 .swiper-button-next{background:url(//cdn.myxypt.com/22a32f1c/21/12/50ae88e8acfb90fcbaee5ff276d1c1199e3f67bf.png) no-repeat;width:28px;height:28px;display:block;position:absolute;right:8.23%;opacity:1;top: calc(50% + 52px);transform: translateY(-50%);}

.box3 .swiper-button-prev:hover{background:url(//cdn.myxypt.com/22a32f1c/21/12/8ed0e859d91b145b0482c83c5638cbf7faf86823.png) no-repeat;}
.box3 .swiper-button-next:hover{background:url(//cdn.myxypt.com/22a32f1c/21/12/fc8f7bc4f35340918da6d8ca99883ceca337b03f.png) no-repeat;}
.box3 .mySwiper .swiper-slide{position:relative;}
.box3 .mySwiper .swiper-slide h2{position:absolute;top:-57px;width:100%;}


.box3 .mySwiper{width:18%;overflow:hidden;padding-top: 57px;margin-left:4.75%;}
.box3  .mySwiper .swiper-wrapper .swiper-slide{}
.box3  .mySwiper .swiper-wrapper .swiper-slide h2{color:#000000;font-size:16px;background:#fff;text-align:center;font-weight:normal;height:57px;line-height:57px;overflow:hidden;}

.box3  .mySwiper .swiper-wrapper .swiper-slide .img{width:100%;overflow:hidden;}
.box3  .mySwiper .swiper-wrapper .swiper-slide .img img{width:100%;}

.box3 .swiper-pagination-bullet {
    width: 20px;
    height:30px;
    text-align: center;
    line-height:30px;
    font-size: 14px;
    color: #939393;
    background:none;opacity:1;margin:0 40px;display:inline-block;
}
.box3 .swiper-pagination-bullet-active {background:url(//cdn.myxypt.com/22a32f1c/21/12/55c4ee15bac841c55dd0d4a500bbf077fb121762.png) no-repeat center bottom;color:#338eb6;}
.box3 .logos{width:13.19%;margin-top: 57px;margin-right:7%;}
.box3 .logos img{display:block;width:100%;}
.xia-img img{width:100%;display:block;}
.box3 .swiper-pagination1{width:45%;margin-top: 57px;text-align:center;margin-right:4%;}




@media (max-width:1800px) {
   .box3 .mySwiper{margin-left:6%;}
}

@media (max-width:1600px) {
   .box3 .mySwiper2 .swiper-slide .nr{margin-top:80px;}
   .box3 .mySwiper{margin-left:10%;}
   .box3 .logos{margin-right:12%;}
}

@media (max-width:1440px) {
    .box3 .mySwiper2 .swiper-slide .ccodes{width:30%;}
    .box3 .mySwiper2 .swiper-slide .mo{margin-top:45px;}
}


@media (max-width:1024px) {
    .box3 .mySwiper2 .swiper-slide .nr{margin-top:30px;}
    .box3 .mySwiper2 .swiper-slide .det h4{font-size:28px;line-height:40px;}
    .box3 .mySwiper2 .swiper-slide .det h3{font-size:14px;margin-top:20px;}
    .box3 .mySwiper2 .swiper-slide .ctt{margin-top:25px;}
    .box3 .mySwiper2 .swiper-slide .mo{margin-top:35px;}
    .box3 .swiper-pagination-bullet{margin:0 30px;}

}


@media (max-width:768px) {
    .box3 .mySwiper2 .swiper-slide .ctt{display:none;}
    .box3 .mySwiper2 .swiper-slide .det{margin-left:30px;}
    .box3 .mySwiper2 .swiper-slide .det h4{font-size:20px;line-height:35px;}
    .box3 .mySwiper2 .swiper-slide .mo{margin-top:35px;margin-left:30px;}
    .box3 .swiper-pagination-bullet{margin:0 22px;}
    .box3 .mySwiper .swiper-wrapper .swiper-slide h2{height:40px;line-height:40px;font-size:14px;}
    .box3 .mySwiper .swiper-slide h2{top:-40px;width:100%;}
    .box3 .mySwiper2 .swiper-slide .ccodes{
      width: 50%;
      margin-left: 27px;
    margin-top: 10%;
    }
}


@media (max-width:640px) {
   .swiper-pagination1{display:none;}
   .box3 .mySwiper2 .swiper-slide .det{margin-left:10px;}
   .box3 .mySwiper2 .swiper-slide .det h4{display:none;}
   .box3 .mySwiper2 .swiper-slide .mo{display:none;}
   .box3 .logos{display:none;}
   .box3 .mySwiper{margin-left:16%;}
}


@media (max-width:425px) {
   .box3{margin-top:43px;}
   .box3 .mySwiper .swiper-wrapper .swiper-slide h2{height:30px;line-height:30px;font-size:12px;}
    .box3 .mySwiper .swiper-slide h2{top:-30px;}

}






.box4{margin:73px 0 43px;overflow:hidden;}
.bt h2{font-size:45px;color:#1c3379;font-family:"Arial";}
.bt h3{font-size:20px;color:#333333;margin-top:25px;}
.add{display: flex; justify-content: space-between;flex-wrap:wrap;margin-top:45px;}
.add li{width:48.75%;margin-bottom:50px;position:relative;}
.add li .img{width:100%;overflow:hidden;}
.add li .img img{width:100%;overflow:hidden;transition:all 0.6s;}
.add li:hover .img 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);}
.add li .mask{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;background:url(//cdn.myxypt.com/22a32f1c/21/12/b50ea91729189f606b949208adcf71950cc0f80f.png) no-repeat;background-size:100% 100%;}
.add li .det{position:absolute;width:63.46%;left:5.51%;bottom:33px;z-index:999;}
.add li h3{font-size:23px;color:#fff;}
.add li h5{font-size:16px;color:#fff;line-height:25px;overflow:hidden;margin-top:13px;}
.add li .mo{background:url(//cdn.myxypt.com/22a32f1c/21/12/67083144a365c2cb529e9793ac877c9d68c9aedd.png) no-repeat;width:64px;height:45px;display:block;position:absolute;right:0;bottom:40px;z-index:99;transition:all 0.6s;}
.add li:hover .mo{background:url(//cdn.myxypt.com/22a32f1c/21/12/4b11b0bf8304da363f67ec6480fc8c66e0c275d7.png) no-repeat;}
.add li:hover .mask{opacity:1;}



@media (max-width:1024px) {
     .add li{margin-bottom:30px;}
    .add li h3{font-size:20px;}
    .add li h5{font-size:14px;}
}


@media (max-width:768px) {
    .add li{margin-bottom:20px;}
    .add li h5{font-size:14px;height:40px;line-height:20px;}
}


@media (max-width:425px) {
    .box4{margin:43px 0 40px;}
    .bt h2{font-size:35px;}
    .bt h3{font-size:16px;margin-top:15px;}
    .add{margin-top:30px;}
    .add li{width:100%;}
    .add li h3{font-size:16px;}
    .add li h5{font-size:13px;}
   
}



.box5{overflow:hidden;background:#f3f3f3;}
.box5 .cont{position:relative;height:100%;}
.tab{overflow:hidden;display:none;}
.tab.clicked{display:block;}
.tab li .img{width:100%;overflow:hidden;}
.tab li img{width:100%;overflow:hidden;transition:all 0.6s;}
.tab li:hover .img 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);}


.box5 .aa{position:absolute;top:0;right:7%;height:100%;}
.you2{background:rgba(69,69,69,.5); width:380px;height:100%;float:right;}

.ybt{color:#ffffff;font-size:30px;text-align:center;background:#338eb6;padding:34px 0;}
.ybt p{font-size:16px;text-transform:uppercase;}

.tabli{position:relative;margin:0 22px;}
.tabli li{color:#ffffff;font-size:16px;text-align:center;width:100%;padding:24px 0;cursor:pointer;position:relative;}
.tabli li+li{border-top:1px solid #e1dedc;}
.tabli li .img{display:none;position:absolute;left:12px;top:50%;margin-top:-15.5px;}
.tabli li .wz{width:100%;text-align:center;}
.tabli li  h3{font-size:16px;}
.tabli li  h4{text-transform:uppercase;margin-top:10px;font-size:16px;}
.tabli li.cur{background:#338eb6;width:130%;transform:translateX(-101px);}
.tabli li.cur .img{display:block;}
.tabli li.cur .wz{transform:translateX(50.5px);}


@media (max-width:1900px) {
    .box5 .aa{right:15px;}
 }

@media (max-width:1440px) {
    .ybt{padding:24px 0;font-size:25px;} 
    .ybt p{font-size:14px;} 
    .tabli li{padding:16px 0;}
    .tabli li  h3{font-size:14px;}
    .tabli li  h4{margin-top:6px;font-size:14px;}
}

@media (max-width:1024px) {
  .tabli li  h4{display:none;} 
  .ybt{padding:20px 0;font-size:20px;} 
  .tabli li{padding:15px 0;}

}


@media (max-width:1023px) {
  .box5 .aa{position:static;}
  .you2{width:100%;}
  .ybt{display:none;}
  .tabli{margin:0;}
  .tabli li{width:20%;float:left;}
  .tabli li+li{border-top:none;}
  .tabli li.cur{width:20%;transform:translateX(-0px);}
  .tabli li.cur .wz{transform:translateX(0px);}
  .tabli li.cur .img{display:none;}
}

@media (max-width:425px) {
   .tabli li h3{font-size:13px;}
}

@media (max-width:320px) {
   .tabli li h3{font-size:12px;}
}





.box6{overflow:hidden;background:#f3f3f3;padding:86px 0;}
.prolist{float:right;}
.prolist li{float:left;line-height:66px;}
.prolist li+li{margin-left:20px;}
.prolist li a{color:#333333;font-size:17px;padding-left:17px;}
.prolist li.cur{background:url(//cdn.myxypt.com/22a32f1c/21/12/d0ed2231966611c4a52d6368f9c5180c7c640abd.png) no-repeat;}
.prolist li.cur a{color:#1c3379;}

.proimg{display:none;margin-top:52px;}
.proimg.clicked{display:block;}
.proimg ul{display:flex;justify-content:space-between;}
.proimg li{position:relative;width:22%;border-radius:5px;}
.proimg li .img{overflow:hidden;}
.proimg li .img img{width:100%;display:block;border-radius:5px;transition:all 0.6s;}
.proimg li h3{width:100%;line-height:53px;position:absolute;left:0;bottom:0;font-weight:normal;background:rgba(51,142,182,.8);text-align:center;height:53px;overflow:hidden;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;font-size:16px;}
.proimg li:hover h3{background:#1c3379;}
.proimg li:hover .img 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);}
a.pm{display:block;margin:0 auto;background:url(//cdn.myxypt.com/22a32f1c/21/12/a27e99e9b816213984846bd42b6fe25f94e239f4.png) no-repeat;width:139px;height:53px;line-height:45px;padding-left:45px;color:#338eb6;font-size:14px;margin-top:40px;transition:all 0.6s;}
a.pm:hover{display:block;background:url(//cdn.myxypt.com/22a32f1c/21/12/b62af55091c88971645cde2b97ed5a2287f29c4c.png) no-repeat;color:#fff;}



@media (max-width:768px) {
    .box6{padding:86px 0 66px;}
    .prolist{float:left;margin-top:20px;width:100%;}
    .proimg ul{flex-wrap:wrap;}
    .proimg li{width:48%;margin-bottom:20px;}
    a.pm{margin-top:20px;}
}



@media (max-width:425px) {
    .box6{padding:46px 0 36px;}
    .prolist li a{font-size:15px;padding-left:0px;}
    .prolist li.cur{background:none;}
    .prolist li{width:auto;line-height:40px;height:40px;overflow:hidden;margin-right: 34px;}
    .prolist li+li{margin-left:0;}
    .proimg{margin-top:30px;}
    .proimg li h3{line-height:40px;height:40px;font-size:14px;}
    
}







.box7{overflow:hidden;background:#f3f3f3;padding:0 0 82px;}
.xin{display:flex;justify-content:space-between;margin-top:50px;}
.xin li{width:31%;}
.xin li .img{overflow:hidden;position:relative;}
.xin li .img img{width:100%;border-radius:5px;transition:all 0.6s;}
.xin li:hover .img 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);display:none;}

.xin li .det{display:block;width:100%;height:100%;background:#e2eaee;border-radius:5px;position:absolute;left:0;top:0;}
.xin li .nr{width:86%;margin:0 auto;display:flex;justify-content: center;flex-direction:column;height:100%;}
.xin li h3{color:#333333;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xin li h5{color:#666666;font-size:13px;overflow:hidden;line-height:36px;margin:23px 0 30px;}
.xin li h4{color:#999999;font-size:13px;}
.xin li:hover .img img{display:block;}
.xin li:hover .det{display:none;}
a.nm{display:block;margin:0 auto;background:url(//cdn.myxypt.com/22a32f1c/21/12/a27e99e9b816213984846bd42b6fe25f94e239f4.png) no-repeat;width:139px;height:53px;line-height:45px;padding-left:45px;color:#338eb6;font-size:14px;margin-top:50px;transition:all 0.6s;}
a.nm:hover{display:block;background:url(//cdn.myxypt.com/22a32f1c/21/12/b62af55091c88971645cde2b97ed5a2287f29c4c.png) no-repeat;color:#fff;}


@media (max-width:1024px) {
   .xin li h5{overflow:hidden;line-height:30px;margin:16px 0 20px;height:60px;}
}


@media (max-width:768px) {
  .xin{flex-wrap:wrap;}
  .xin li{width:100%;margin-bottom:20px;}
  .xin li h5{height:auto;}
  a.nm{margin-top:30px;}
}

@media (max-width:425px) {
  .box7{padding:0 0 45px;} 
  .xin{margin-top:25px;}
  a.nm{margin-top:15px;}
}


@media (max-width:320px) {
   .xin li h5{line-height:30px;height:60px;}
}



.box8{background:url(//cdn.myxypt.com/22a32f1c/22/01/e23310aa9420508c654f66e2a93270838c781edf.jpg) no-repeat;padding:100px 0;background-size: cover !important;background-attachment: fixed !important;overflow-x: hidden;}
.htwz{text-align:center;color:#fff;font-size:24px;line-height:48px;font-weight:bold;letter-spacing:3px;}

 

@media (max-width:425px) {
  .box8{padding:50px 0;} 
  .htwz{font-size:18px;line-height:40px;}
}



@media (max-width:320px) {
  .htwz{font-size:16px;line-height:32px;letter-spacing:1.5px;}
}






/*页面底部*/
.foot{background:#222222;padding:60px 0 60px;}
.foot .cont1{}
.f_nav{width:61.25%;float:left;}
.f_nav dl{float:left;width:20%;}
.f_nav dt{margin-bottom:25px;font-size:16px;color:#fff;font-weight:normal;}
.f_nav dd a{font-size:14px;color:#7c7c7c;line-height:36px;}
.f_nav dd a:hover{color:#338eb6;}

.fx{width:2px;float:left;margin-left:3%;}
.flx{width:25.19%;float:right;}
.fgsm{color:#fff;font-size:22px;}
.lx{color:#fff;font-size:14px;line-height:36px;margin-top:30px;}
a.zx{display:block;color:#fff;text-align:center;font-size:14px;width:134px;line-height:44px;transition:all 0.6s;margin-top:20px;background:#338eb6;border:1px solid #338eb6;}
a.zx:hover{background:none;color:#338eb6;}



.foot .cont2{margin-top:73px;border-bottom:1px solid #3a3a3a;}
.link {
  width:95px;
  height:21px;
  position: relative;margin-top:19px;cursor:pointer;
 
}

.link dd {
  position: absolute;
  bottom: 28px;
  left: 0;
  background: #fff;
  display: none;
}

.link dd a {
  display: block;
  line-height: 38px;
  text-align: center;
  color: #555555;
  width: 191px;
}



.kk{color:#8f8f8f;font-size:12px;line-height:59px;}
.kk a{color:#8f8f8f;}
.kk a:hover{color:#338eb6;}



.bq{color:#656565;font-size:14px;margin-top:20px;}
.bq a{color:#656565;}


@media (max-width:1024px) {
  .fx{display:none;}
  .flx{width:29.2%;}
}


@media (max-width:768px) {
   .foot{padding:20px 0;}
   .bq{margin-top:0;}
   .footer33{height:50px;}
}


@media (max-width:320px) {
   .bq{font-size:12px;}
}




/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}

@media (max-width:1024px) {
 #banners{margin-top:60px;}
 .page-banner{margin-top:60px;padding-top: 0;}

}


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




@media(min-width: 991px){
     /* .xypg-left-title{display: none;}
    .xypg-left-nav > li{display: inline-block;border-bottom: none;}
    .xypg-left-nav > li > a{padding: 5px 20px;}
    .xypg-left-con{border:none;text-align: center;}
    .xypg-left-nav > li .first-nav-btn{display: none;}
    .xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
        color: #fff;background:#338eb6;border-radius: 15px;
    } */
}


@media(min-width: 991px){
     .xypg-left-title{display: none;}
    .xypg-left-nav > li{display: inline-block;border-bottom: none;width: 11%;
    margin-right: 1%;
}
    /* .xypg-left-nav > li > a{padding: 5px 20px;} */
    .xypg-left-con{border:none;text-align: center;}
    .xypg-left-nav > li .first-nav-btn{display: none;}
  .xypg-left-nav > li > a{
    padding: 0;
    line-height: 60px;
    padding: 0vw;
    background-color: #eeeeee;
    border-radius: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #444444;
    /* transition: all ease .3s; */
    text-align: center;
  }
    .xypg-left-nav > li:hover > a{
        color: #fff;
      background:#014099;
      padding: 0;
    }
  .xypg-left-nav > li.clicked > a {
        /* color: #fff;background:#014099;
      padding: 0; */
    }
}




/*视频上文字*/
#banners .swiper-slide{position:relative;}
#banners .swiper-slide .wz{position:absolute;width:50%;left:25%;top:42%;}
#banners .swiper-slide .wz img{max-width:100%;display:block;}
#banners .swiper-slide .wz h3{color:#fff;font-size:53px;text-align:center;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;line-height:1.6;font-weight:bold;
}



@media(max-width:1024px){
  #banners .swiper-slide .wz{top:35%;}
  #banners .swiper-slide .wz h3{font-size:30px;}
}

@media(max-width:425px){
  #banners .swiper-slide .wz{top:25%;}
  #banners .swiper-slide .wz h3{font-size:18px;}
}