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

.of{overflow:hidden;}
.wh{max-width:1451px;margin:0 auto;padding:0 15px;}




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



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



/*头部样式*/
.top2 .wh{height:80px;}
.logo{width:40%;}
.logo img{max-width:100%;}



/*主体样式*/
.tabli1{background:#2d3b59;padding:53px 0;}
.tabli1 li{float:left;width:20%;text-align:center;cursor: pointer;font-size:18px;}
.tabli1 li .wz1{color:#fff;margin-top:11px;}
.b1cont{background:url(../images/ac855451467bec0808921dc9fa613c5e130f0c50.jpg) no-repeat;background-size:100% 100%;padding:80px 0;}
.tab1{overflow:hidden;display:none;}
.tab1.clicked{display:block;}
.tab1 li .det{width:56.3%;padding-top:2.5vw;}
.tab1 li .wz1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:30px;}
.tab1 li .wz2{overflow:hidden;color:#fff;font-size:16px;line-height:24px;margin:10px 0 27px;}
.tab1 li .mo{color:#fff;font-size:16px;line-height:39px;display:block;border:1px solid #fff;width: 158px;border-radius:28px;text-align:center;}
.tab1 li .img{width:32.37%;}
.tab1 li .img img{width:100%;display:block;}


.box2{background:url(../images/99beaddabf3cf8857dc8348eb2ecfe722ec57dab.jpg) no-repeat center bottom;margin-top:85px;padding-bottom:70px;}
.abz{width:44.62%;margin-top:1.6vw;}
.abtt .wz{color:#2d3b59;font-size:24px;font-weight:bold;text-transform:uppercase;}
.abtt .wz2{color:#2d3b59;font-size:30px;font-weight:bold;}
.ab{color:#666666;font-size:15px;line-height:30px;margin:1.5vw 0;}
a.cm{color:#fff;font-size:16px;line-height:40px;display:block;width: 161px;border-radius:28px;text-align:center;background-color: rgb(45, 59, 89);}
.sj{margin-top:4vw;}
.sj li .wz{color:#fff;font-size:36px;font-weight:bold;}
.sj li .wz2{color:#fff;font-size:16px;}
.aby{width:46.52%;}
.apic{width:100%;}
.apic img{width:100%;display:block;}
.aby .wz{text-align:right;font-size:16px;font-weight:300;color:#fff;padding-top:70px;}


.box3{padding:80px 0 52px;}
.bt{text-align:center;}
.bt .wz{color:#2d3b59;font-size:30px;font-weight:bold;}
.bt .wz2{color:#2d3b59;font-size:20px;}
.yw{margin-top:60px;position:relative;}
.yw .mySwiper1{overflow:hidden;margin:0 125px;}
.yw .swiper-slide{text-align:center;}
.yw .swiper-slide img{max-width:100%;display:block;margin:0 auto;}
.yw .swiper-slide .wz{color:#2d3b59;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:22px 0 3px;}
.yw .swiper-slide .wz2{color:#cfcfcf;font-size:16px;line-height:24px;text-transform:uppercase;font-weight:300;}
.yw .swiper-button-prev1{position: absolute;top:50%;left:0;margin-top:-17px;width:22px;height:34px;opacity:1;z-index:999;background:url(../images/7c7d19e0728401525e145ecdbc6b6dcae92d065c.png) no-repeat;background-size:100% 100%;}
.yw .swiper-button-next1{position: absolute;top:50%;right:0;margin-top:-17px;width:22px;height:34px;opacity:1;z-index:999;background:url(../images/8df455846b891f46633e5c8a5deb103e2838764c.png) no-repeat;background-size:100% 100%;}


.box4{padding:52px 0 44px;background:#f6f6f6;}
.case1{margin:0 -5px;margin-top:40px;}
.case1 li{width: calc(100% / 4 - 10px);float:left;margin:0 5px 36px;}
.case1 li .img img{width:100%;display:block; height:250px;}
.case1 li .wz{background:#fff;color:#2d3b59;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:42px;padding:0 12px;}



.box5{padding:50px 0 96px;}
.xcont{border:3px solid #f6f7f9;margin-top:30px;padding:50px 0;position: relative;}
.xw1{width:40.11%;margin-left:5.63%;}
.xw1 li .img img{width:100%;display:block;}
.xw1 li .wz{color:#2d3b59;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:20px 0 5px;}
.xw1 li .wz2{color:#666666;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xw1 li .tm{color:#999999;font-size:16px;background:url(../images/3ddaa497fe33db21be6c3588189ac3c3423973d1.png) no-repeat left center;padding-left:20px;margin-top:15px;}

.xw2{width:39.41%;margin-right:4.79%;}
.xw2 li .wz{color:#333333;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70%;}
.xw2 li .tm{color:#999999;font-size:16px;}
.xw2 li+li{margin-top:1.7vw;}
a.nmo{color:#2d3b59;font-size:16px;text-align:center;display:block;border:1px solid rgb(224, 228, 236);width: 316px;line-height:38px;border-radius:25px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);bottom:-20px;}







/*友情链接*/
.link a{margin:0 3px;}

/*页面底部*/
.foot{background:#1d1d1d;}
.fcont{padding:52px 0 43px;}

.maps{width:48.84%;text-align:center;}
.maps img{width:100%;display:block;}

.fota{margin-left:1.76%;width:29.56%;}
.gsm{color:#fff;font-size:16px;margin:18px 0 14px;}
.lx{font-size:16px;color:rgba(255,255,255,.3);line-height:27px;}
.lx a{color:rgba(255,255,255,.3);}



.codes{width:11.26%;text-align:center;}
.codes img{width:100%;display:block;}
.codes p{color:#fff;font-size:16px;margin-top:8px;}



.bq{border-top:1px solid #4a4a4a;text-align:center;font-size:16px;line-height:24px;color:rgba(255,255,255,.2);padding:25px 0;}
.bq a{color:rgba(255,255,255,.2);}
.bq a:hover{color:#fff;}




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


@media (max-width:1440px) {
  .xw2 li+li{margin-top:2.2vw;}
  .sj{margin-top:5vw;}
}



@media (max-width:1024px) {
  .sj{margin-top:3vw;}
  .sj li .wz{font-size:30px;}
  .sj li .wz2{font-size:16px;}
  .aby .wz{font-size:16px;}
  .tabli1 li{font-size:16px;}
  .tab1 li .wz1{font-size:25px;}
  .ab{height:94px;overflow: hidden;}
  .bt .wz{font-size:25px;}
  .bt .wz2{font-size:18px;}
  .yw .swiper-slide .wz{font-size:20px;}
  .yw .swiper-slide .wz2{font-size:16px;line-height:20px;}
  .case1 li .wz{font-size:16px;}
  .xw1 li .wz{font-size:16px;}
  .maps{width:100%;margin-bottom:20px;}
  .fota{margin-left:0;width:60%;}
  .codes{width:15%;}
  .nnav{width:68%;}
  .case1 li .img img{ height:200px;}
}



@media (max-width: 768px) {
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .abz{width:100%;margin-top:0;}
 .aby{width:100%;}
 .sj{margin:3vw 0;}
 .sj li .wz{color:#333;}
 .sj li .wz2{color:#333;}
 .ab{height:auto;}
 .case1 li{width: calc(100% / 2 - 10px);}
 .case1 li .img img{ height:150px;}
}


@media (max-width:480px) {
    .tabli1{padding:30px 0;}
    .tabli1 li{font-size:16px;margin-top:7px;}
    .tabli1 li .img{width:36%;margin:0 auto;}
    .tabli1 li .img img{width:100%;}
    .tab1 li a{flex-direction: column-reverse;}
    .tab1 li .det{width:100%;padding-top:20px;}
    .tab1 li .img{width:100%;}
    .b1cont{padding:40px 0;}
    .tab1 li .wz1{font-size:20px;}
    .tab1 li .mo{width:128px;line-height:32px;}
    .box2{margin-top:45px;padding-bottom:32px;}
    .abtt .wz{font-size:20px;}
    .abtt .wz2{font-size:16px;}
    .ab{margin:15px 0;}
    a.cm{width:130px;line-height:34px;}
    .sj li{margin:5px 0;}
    .sj li .wz{font-size:25px;}
    .aby .wz{padding-top:32px;}
    .bt .wz{font-size:20px;}
    .bt .wz2{font-size:16px;}
    .yw .mySwiper1{margin:0 45px;}
    .yw .swiper-slide .wz{font-size:16px;}
    .yw .swiper-slide .wz2{font-size:12px;}
    .box3{padding:40px 0;}
    .yw{margin-top:30px;}
    .box4{padding:28px 0 20px;}
    .case1{margin-top:20px;}
    .case1 li{margin-bottom:18px;}
    .box5{padding:28px 0 48px;}
    .xw1{width:100%;margin-left:0;}
    .xw2{width:100%;margin-right:0;margin-top:20px;}
    .box5 .con{padding:0 15px;}
    .xcont{padding:30px 0 40px;margin-top:22px;}
    a.nmo{width:176px;line-height:32px;bottom:-16px;}
    .fota{width:100%;}
    .codes{width:45%;float:left;margin-top:20px;}
    .fcont{padding:25px 0;}
}


.xypg-right-content{ font-size:16px; line-height:30px;}
.xypg-right-content img{ max-width:100%}