@charset "utf-8";
html { background:#FFF; color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
*{ margin:0; padding:0;}
body {font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:1.5}
ol,ul { list-style:none;}
img{ border:0}
a{ color:#000; text-decoration:none}
a:hover { color:#000; text-decoration:none;}
.clear{ clear:both}

.w1000{ width:100%;max-width:1600px;margin:0px auto}
.head-t{background:#F6F6F7;padding:5px 0px}
.head-contact{line-height: 30px;text-align: right;display:flex;flex-wrap:wrap;align-items:center;justify-content: flex-end;}
.head-contact p{margin-left:30px;background: url("../imagesp/icon_tel.png") no-repeat left center;padding-left: 25px;}
.head-contact p:nth-child(2){background: url("../imagesp/icon_email.png") no-repeat left center;padding-left:30px;}
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:30px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap;background: url("../imagesp/icon_xjt.png") no-repeat right 12px;}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;font-size:12px;color:var(--fontcolor);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.header{ height:105px;background-color:#ffffff; overflow:hidden;}
.logo{width:180px; float:left; padding-top:10px;}

.header ul{ float:right; width:700px; padding-top:45px;display: flex;justify-content: flex-end;}
.header ul li{ float:left; text-align:center;}
.header ul li a{ padding:0 24px; line-height:40px; text-transform:uppercase; display:block;font-size: 16px;}
.header ul li a:hover,.header ul li a.on{ background-color:#2f4a8d; color:#FFF;border-radius:23px;}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  animation: slideDown 0.3s ease;z-index: 9999;
}

/* 下滑动画 */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.banner{width:100%;text-align: center;}
.banner img{max-width: 1920px;width: 100%;height: auto;display: block;}

#swiper-banner img{width:100%;display:block}
#swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev{width:30px;height:60px;background:rgba(0,0,0,.2);text-align:center;line-height:60px;transition:all .3s ease-in-out;margin-top:-30px}
#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background-color:rgba(0,0,0,.6)}
#swiper-banner .swiper-button-next{right:0px}
#swiper-banner .swiper-button-prev{left:0px}
#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i{font-size:20px;color:#FFFFFF}
#swiper-banner .swiper-pagination-bullet{width:12px;height:12px}
#swiper-banner .swiper-pagination-bullet-active{background:#000000;}


.sy_pro{ padding-top:50px;}
.title_l{ float:left; width:620px; height:25px; border-bottom:1px solid #cccccc;}
.title{ text-align:center; line-height:50px; font-size:28px;font-weight:bold;color:#2f4a8d;}
.sy_pro ul{ padding-top:25px; display:flex;flex-wrap:wrap;justify-content:space-between}
.sy_pro ul li{ width:24%;margin-bottom:30px;padding-bottom:10px;text-align:center;border:1px solid #EEEEEE;border-radius:5px 5px 0px 0px;transition:all .2s ease-in-out;}
.sy_pro ul li:hover{border-radius:5px 5px 0px 0px;box-shadow:0 5px 10px 0 #EEEEEE}
.sy_pro ul li a{ line-height:35px; }
.product-img{overflow: hidden}
.sy_pro ul li img{ width:100%;height: auto;transition:all .2s ease-in-out}
.sy_pro ul li:hover img{transform:scale(1.1)}
.home-more{display:block;width:180px;margin:10px auto 50px;padding:10px 0px;text-align:center;background:#2f4a8d;border-radius:23px;color:#FFFFFF;font-size:16px;text-transform:lowercase;transition:all .2s ease-in-out}
.home-more:hover{background:#171717;color:#FFFFFF}


.w2{width:100%; padding:50px 0;background:url(../imagesp/about.jpg) no-repeat top center;}
.about{ float:left; width:50%;}
.b_r{ border-right:1px dotted #cccccc;}
.about h1{ font-size:26px; color:#ffffff; text-transform:uppercase}
.about p{ padding:20px 30px 20px 0; color:#ffffff; line-height:2;font-size:16px;}
a.btnmore{font-size:12px; display:block;background-color:#2f4a8d; color:#FFF; width:100px; text-align:center;border-radius:20px;line-height:30px;}
a.btnmore:hover{ background-color:#000000;}

.news{background: rgba(255,255,255,0.8);padding:50px 2%;width: 46%;min-height:480px;}
.news h1{color: #2f4a8d}
.align-items-center {
  align-items: center !important;display: flex;
  flex-wrap: wrap;
}
#indexNews{width: 100%;margin-bottom: 30px;}
#indexNews li{ width: 100%;height: auto; margin:0 auto; padding: 4% 0; transition: 0.3s; border-bottom: dashed 1px #c4c4c4; }
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .col-10{width: 81%;padding-left: 2%;}
#indexNews li .news_info{ color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-left:solid 1px #c4c4c4; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;width: 16%;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 48px; transition: 0.3s; font-family: Bahnschrift; font-weight: bold;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover .news_time span{ color: #d10000;}
#indexNews li:hover{ background: #f3f3f3;}

.sy_case{ padding:50px 0;}
.sy_case ul{padding:30px 0 35px 0; width:1600px; margin:0 auto;display:flex;flex-wrap:wrap;  gap: 2%;}
.sy_case ul li{ width:18.4%;transition:all .2s ease-in-out}
.sy_case ul li img{ width:100%;height: auto;display:block;}
.sy_case ul li:hover{box-shadow:0 5px 15px 0 #717171}

footer {
    width: 100%;
}
.container {
  width: 1600px !important;
  margin: 0 auto !important;
}
.footer{width:100%; overflow:hidden; background:#2f4a8d; padding:40px 0;}
.footer>.container{display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer_L{width:35%; float:left;}
.footer_logo{display:block; overflow:hidden;}
.footer_logo img{display:block; max-width:100%; height:auto;}
.footer_txt{display:block; overflow:hidden;/* margin-top:25px; */padding-left:35px; font-size:14px; color:#fff; line-height:34px;}
.footer_right{width:70%; float:right; display:flex;}
.footer_B{width:33.33%; float:left; border-left:1px solid #9daac9; padding:0 40px; text-align:center;}
.footer_p{display:block; overflow:hidden; line-height:40px; font-size:18px; color:#fff; font-weight:bold; position: relative;}
.footer_p:before{ position: absolute; left: 50%; bottom: 0; content: ''; width:40px; height: 3px; background: #547de5;margin-left: -20px;}
.footer_ul{display:block; overflow:hidden; padding-top:20px;}
.footer_ul li{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center;}
.footer_ul li a{display:block; overflow:hidden; font-size:16px; color:#fff; opacity:0.8;}
.footer_ul li a:hover{opacity:1; text-decoration:underline!important;}
.footer_B:last-child{padding:0;}

.foot{width:100%; overflow:hidden; text-align:center; background:#22376b; font-size:14px; color:#fff; line-height:24px; padding:28px 0;}


.ny_l{ width:100%; padding-top:50px;padding-bottom: 30px;}
.ny_r{padding-top:20px; width:250px; float:right;}
.nr{ color:#333333; padding:25px 0 50px 0; line-height:2; clear:both;}
.ny_l .title{text-align:center; line-height:50px; color:#2f4a8d; font-size:28px; font-weight:bold;font-family: verdana;}

.ny_menu{clear:both;height:55px;background:url(../imagesp/menu.jpg) repeat-x bottom;}
.ny_menu li{ float:left; padding:0 20px; line-height:45px; height:55px;}
.ny_menu li a{ color:#333333;font-size:16px;text-transform : capitalize;}
.ny_menu li.on{ background:url(../imagesp/menu_on.jpg) no-repeat bottom center;}
.ny_menu li:hover{ background:url(../imagesp/menu_on.jpg) no-repeat bottom center;}

.showpro{padding: 25px;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-top: 50px;position: relative;}

.proimglist{width:100%;margin: 0 auto;}
.proimglist .mySwiper2{position: relative;}
.showpro .swiper{width: 50%;float:left;overflow: hidden;}
.showpro .swiper img{width: 100%;height: auto;}
.proimglist .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;cursor: pointer;border: 2px solid #cccccc;margin-bottom: 20px;
    }
.proimglist .mySwiper{padding-left: 2%;width: 48%;}
 .proimglist .mySwiper .swiper-slide-thumb-active {
      opacity: 1;border: 2px solid #2f4a8d;
    }

.proimglist .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }



.mySwiper .swiper-wrapper{display: flex;flex-wrap: wrap; }
.proimglist .mySwiper a{font-size: 24px;line-height: 50px;margin-left: 45px;text-decoration: underline;}
.proetel{background:url(../imagesp/b_tel.png)no-repeat left center;}
.proemail{background:url(../imagesp/b_email.png)no-repeat left center;}


.projj{clear: both;padding-top: 50px;}
.projj table{width: 100%; border-collapse: collapse;margin-top: 20px;}
.projj table th, td { border: 1px solid #ddd; padding:5px; text-align: center; }
.projj table tr:nth-child(1) { background-color: #f9f9f9;font-weight: bold;}

.prolistmenu{padding-bottom:30px;}
.prolistmenu li{display: flex;line-height: 40px;margin-bottom: 5px;}
.prolistmenu li strong{background: #2f4a8d;color: #ffffff;padding: 0 15px;font-family: verdana;}
.prolistmenu li strong a{color: #ffffff;font-weight: normal;}
.prolistmenu li span{padding: 0 15px;background: #cccccc;margin-left:5px;font-family: verdana;}
.prolistmenu li span:hover,.prolistmenu li span.active{background: red;}
.prolistmenu li span:hover a,.prolistmenu li span.active a{color: #ffffff;}

.position{background: #eaeaea;line-height: 50px;font-family: verdana;}
.addmap{background:url("../imagesp/icon_map.png")no-repeat left center;padding-left:40px;}

.my-4{text-align: center;padding-top: 20px;}
.my-4 a{background:#e8e8e8;padding: 10px 15px;margin: 0px 5px;}
.my-4 a.page-num-current{background: #000000;color: #ffffff;}