@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1400px; margin:0 auto; max-width: 73%;}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}



/*字体引入*/
@font-face {
    font-family: "din";
    src: url("../font/DIN-Bold.otf");
  }

  


.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}

/* CSS Document */
/*公共头部*/
.top{box-shadow: 0.61px -4.96px 4.6px 7px rgba(0,0,0,0.05); }

.top-box{height: 56px;}
.top-box p{display: block; font-size: 14px; color: #999999;}
.top-tel .icon{width: 29px;   height: 29px;   background: #1c2e6b; border-radius: 50%; display: flex; margin-right: 5px; }
.top-tel .icon img{margin: auto; animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}
.top-right{display: flex}
.top-tel{margin-left: 15px}
.top-tel strong{display: inline-block; font-size: 20px; color: #1e2e6a; font-family: "din";}
.head{border-bottom: 4px solid #1C2E6B;}
.head .container{position: relative;}
.head .logo img{display: block;  position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2;}
.head-box{height: 99px;}
.head-nav{width: 84%; }
.head-nav ul{ }
.head-nav ul>li{ transition:0.6s; text-align: center;  position: relative; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul>li:last-child{margin-right: 0;}
.head-nav ul>li:nth-child(5){margin-right: 22%;}
.head-nav ul>li>a{display: flex; font-size: 16px;  color: #333; line-height: 106px; padding: 0 11px; position: relative;}
.head-nav ul>li>a:after{position: absolute; content: ''; width: 0; height: 4px; background: #01A860; transition: 0.6s; left: 50%; bottom: 0;}
.head-nav ul>li:hover>a:after,.head-nav ul>li.on>a:after{width: 100%; left: 0;}
.head-nav ul li dl{  padding: 0 24px; box-sizing:border-box; float: left;  width: 140%;  left: 50%; transform: translateX(-50%); position: absolute;height: 0;background:rgba(255,255,255,0.9);z-index: 9999999;overflow: hidden; z-index:9999;}
.head-nav ul li.onn dl {height: auto;}
.head-nav ul li dl em{ display: block; height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition: all .5s ease;line-height: 42px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.head-nav ul li dl em a{font-size: 15px;color: #333333;display: block;position: relative;text-align: center; }
.head-nav ul li.onn dl em{height: 43px;opacity: 1;visibility: visible;}
.head-nav ul li dl em:hover a {color: #01A860;}
.headfixed{position: fixed; top: 0; width: 100%; z-index: 999; background: #fff;}


/* 搜索 */
.heSearch .seBox{width: 107px;   height: 99px;   background: #1c2e6b;}
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#182b66; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}
.head-navfixed{position: fixed;  z-index: 22; width: 100%; top: 0;}


/* banner */
.banner{overflow: hidden;}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .imgBox img{
    display: block;
    width: 100%;}
.banner .swiper-slide {overflow: hidden;}
#banner-prev,#banner-next{width: 63px; height: 74px; transition:0.6s}
#banner-prev{background: url(../images/banner-arrow.png) no-repeat center #182b66; left: 0;}
#banner-next{background: url(../images/banner-arrow.png) no-repeat center #182b66; transform: rotate(180deg); right: 0;}
#banner-prev:hover{background: url(../images/banner-arrow2.png) no-repeat center #fff;}
#banner-next:hover{background: url(../images/banner-arrow2.png) no-repeat center #fff; }
#banner-num{ bottom: 96px; position: relative; width: auto; text-align: left; left: 13.5%; }
#banner-num .swiper-pagination-bullet {text-align: center;  height: 53px; font-family: "din"; opacity: 1;  width: 36px; background: url(../images/banner-num.png) no-repeat center bottom;  font-size: 16px; color: #fff;  line-height: 12px;}
#banner-num .swiper-pagination-bullet-active{background: url(../images/banner-num-on.png) no-repeat center bottom;  height: 53px;}
#banner-num em{opacity: 0;}
#banner-num .swiper-pagination-bullet-active em{opacity: 1;}


/* 关键词搜索 */
.hot-box{padding: 15px 0; height: 40px;}
.hot ul em{display: flex; font-size: 14px; color: #333; }
.hot ul em>img{margin-right: 11px;}
.hot ul li a {display: inline-block; font-size: 14px; color: #666; margin-right: 22px;}
.hot ul li a:hover{color: #182b66;}
.index-search{width: 302px;   height: 40px;  display: flex; }
.index-search input{outline: none; font-family: "Microsoft YaHei";}
.index-search .search-text   { border: 1px solid #f2f2f2; border-right: none; box-sizing: border-box; width: 262px; font-size: 14px; line-height: 40px; color:#999999; text-indent: 20px; }
.index-search .search-submit{width: 40px;  height: 40px;  background: url(../images/hot-search.png) no-repeat center #182b66; border: none; }


/* 产品中心 */
.product{background: #f2f2f2; padding: 53px 0 72px;}
.product .index-title{margin-bottom: 52px;}
.title-bg{background: url(../images/index-title.png) no-repeat center top; margin-bottom: 19px;}
.title-bg span{display: block; font-size: 24px; color: #666666; font-family: "Arial"; line-height: 17px; margin-bottom: 17px; text-transform: uppercase; }
.title-bg strong{display: block; font-size: 48px; color: #182b66;  line-height: 48px; }
.index-title h3{display: block; font-size: 16px; color: #666; }
.product-box{padding-bottom: 4px; align-items: flex-start;}
.ny-left{width: 22%; background: #fff;}
.column{background: #1c2e6b; height: 99px; margin-bottom: 12px;}
.column .text{color: #fff; margin-left: 26px;}
.column .text strong{display: block; font-size: 24px; line-height: 24px; margin-bottom: 9px;}
.column .text span{display: block; font-size: 16px; line-height: 12px; text-transform: uppercase; font-family: "Arial"}
.pro-class .ctitle1 li{margin-bottom: 9px;}
.pro-class .ctitle1 li:last-child{margin-bottom: 0;}
.pro-class .ctitle1 li>h3{background: #182b66; height: 73px; padding: 0 10%; }
.pro-class .ctitle1 li>h3>a{display: block; font-size: 18px; color: #fff;}
.pro-class .ctitle1 li>h3>i{background: url(../images/ctitle-li.png) no-repeat center; height: 100%; width: 10px; }
.pro-class .ctitle1 li>h3>i.on {  background: url(../images/ctitle-li-on.png) no-repeat center;}
.pro-class .ctitle2{background: #6e7eb1; padding: 7px 10% 23px;  display: none;}
.product .pro-class .ctitle1 li:first-child .ctitle2{display: block;}
.pro-class .ctitle1 li.on .ctitle2{
    display: block;}
.pro-class dl{padding-bottom: 4px;}
.pro-class dl dt a{display: block; font-size: 16px; color: #fff; position: relative; padding-left: 16px; margin-bottom: 2px;}
.pro-class dl dt a::after{position: absolute; content: ''; width: 4px; height: 4px;border: 1px solid #ffffff; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.pro-class dl dd a{display: block; font-size: 14px; color: #fff; margin-bottom: 3px; padding-left: 16px;}
.contact-left{padding: 23.5px  4% 42px;}
.contact-left .pic img{display: block; width: 100%; margin-bottom: 34px;}
.contact-left .info p{display: block; font-size: 16px; color: #333; margin-bottom: 7px;}
.contact-left .info p:last-child{margin-bottom: 0;}
.contact-left .info p img{display: inline-block; vertical-align: middle; margin-right: 11px;}
.contact-left .info strong{display: inline-block; font-size: 28px; color: #182b66; font-family: "din"; line-height: 22px;}
.contact-left .info b{display: inline-block; font-size: 20px; color: #333; font-family: "Arail";}
.ny-right{width: 74%;}
.product-list ul{}
.product-list ul:after{content: ''; width: 31.4%;}
.product-list ul li{width: 31.4%; position: relative; margin-bottom: 44px; }
.product-list ul li .pic{overflow: hidden; border-radius: 6px 6px 0px 0px;     }
.product-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li .info{overflow: hidden;transition: 0.6s;/* position: absolute; */content: '';/* width: 66%; */bottom: 20px;left: 0;right: 0;margin: 0 auto;height: 55px;background: #f9f9f9;/* border-radius: 4px; */text-align: center;}
/*.product-list ul li .info::before,.product-list ul li .info::after{transition: 0.6s; position: absolute; content: ''; top: 50%; transform: translateY(-50%);} */
/*.product-list ul li .info::before{width: 13px; height: 1px; background: #333; left: 15px;}*/
/*.product-list ul li .info::after{background: url(../images/product-arrow.png) no-repeat right center; right: 15px; width: 22px; height: 100%;}*/
.product-list ul li .info em{display: inline-block;font-size: 16px;color: #333;position: relative;line-height: 55px;}
.product-list ul li .info em::before,.product-list ul li .info em::after{ position: absolute; content: ''; width: 6px; height: 1px; background: #333; top: 50%; transform: translateY(-50%);}
.product-list ul li .info em::before{left: -11px;}
.product-list ul li .info em::after{right: -11px;}
.product-list ul li:hover .info{background: #1C2E6B;}
.product-list ul li:hover .info em{color: #fff;}
.product-list ul li:hover .info em::before,.product-list ul li:hover .info em::after{background: #fff;}
.product-list ul li:hover .info::before{left: -100%;}
.product-list ul li:hover .info::after{right: -100%;}
.index-more a{display: block; width: 159px; line-height: 47px; background: #182b66; transition: 0.6s; text-align: center; }
.product .index-more a{margin: 0 auto;}
.index-more span{display: inline-block; font-size: 16px; color: #fff; margin-right: 21px; transition: 0.6s;}
.index-more a:hover{background: #01a860;}
.index-more a:hover span{margin-right: 28px; }


/* 立即咨询 */
.consult{background: url(../images/consult-bg.jpg) no-repeat center;  }
.consult-box{height: 272px;}
.consult-box .info{color: #fff;}
.consult-box .info strong{display: block; font-size: 36px; line-height: 36px; margin-bottom: 29px;}
.consult-box .info h2{display: block; font-size: 20px;}
.consult-box .info i{font-size: 32px; line-height: 32px; display: inline-block; font-weight: bold;}
.consult-tel{color: #fff; margin-right: 53px;}
.consult-tel img{display: inline-block; margin-right: 13px;}
.consult-tel em{display: block; font-size: 16px; line-height: 16px; margin-bottom: 7px;}
.consult-tel b{display: block; font-size: 24px; line-height: 17px; font-family: "din"; }
.consult-right a{transition: 0.6s; display: block; width: 161px;  line-height: 50px;  background: #ffffff; font-size: 16px; color: #333; text-align: center;}
.consult-right img{display: inline-block; margin-right: 12px; vertical-align: middle;}
.consult-right a:hover{background: #01a860; color: #fff;}
.consult-right a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 关于我们 */
.about{background: #fcfcfc; height: 750px;}
.about-left{width: 54%; box-sizing: border-box; justify-content: flex-end;}
.about-left .info{width: 75%;}
.about-title{position: relative;}
.about-title b{display: block; font-size: 80px; line-height: 63px; color: #F2F2F2; font-family: Arial;}
.about-title strong{display: block; font-size: 48px;line-height: 48px; color: #182B66; position: absolute; top: 34px;}
.about-left .info h2{display: block; font-size: 28px; color: #333; margin: 33px 0 24px;}
.about-left .info h3{display: block; font-size: 16px; line-height: 34px; color: #666; width: 90%; margin-bottom: 69px;}
.about-num{margin-bottom: 67px;}
.about-num ul{display: flex;}
.about-num ul li{margin-right: 83px;}
.about-num ul li img{display: block; margin-bottom: 16px;}
.about-num ul li:last-child{margin-right: 0;}
.about-num ul li span{display: inline-block; font-size: 40px; line-height: 31px; color: #182b66; font-family: "din"; margin-right: 2px; }
.about-num ul li i{display: inline-block; font-style: normal; font-size: 16px;  color: #182b66; }
.about-num ul li sup{font-size: 9px;}
.about-num ul li em{display: block; font-size: 16px; color:#666;}
.about .index-more a{margin-right: 91px;}
.about-tel em{color: #333;}
.about-tel b{color: #1E2E6A;}
.about-right{width: 46%; position: relative;}
.about-right .pic img{display: block; width: 100%;}
.about-link{position: absolute; left: 0; top: 105px; display: flex;}
.about-link ul.item2{margin-top: 111px;}
.about-link ul li {margin-bottom: 15px; margin-right: 15px; }
.about-link ul li a{display: block; width: 146px; height: 159px; background: #182b66; padding: 0 26px; box-sizing: border-box; transition: 0.6s;}
.about-link ul li img{display: block; padding: 22px 0 37px; transition: 0.6s;}
.about-link ul li em{display: block; font-size: 16px; line-height: 16px; color: #fff; height: 29px; position: relative;}
.about-link ul li em:after{position: absolute; content: ''; width: 31px; height: 1px; background: #ffffff; bottom: 0; left: 0;}
.about-link ul li:hover img{transform: rotate3d(1, 1, 1, 360deg)}
.about-link ul li:hover a{background: #01a860;}


/* 应用案例 */
.case{padding: 76px 0 70px;}
.case .index-title{margin-bottom: 34px;}
.case-list ul{ flex-wrap: wrap;}
.case-list ul li{margin-bottom: 29px; position: relative;}
.case-list ul li:first-child{width: 54%; }
.case-list ul li:nth-child(2){width: 44%;}
.case-list ul li:nth-child(3),.case-list ul li:nth-child(4){width: 26%;}
.case-list ul li:last-child{width: 44%;}
.case-list ul li .pic{height: 250px;}
.case-list ul li:first-child .pic,.case-list ul li:nth-child(2) .pic{height: 305px; }
.case-list ul li em{ display: block; position: absolute; content: ''; bottom: 23px; font-size: 16px; line-height: 66px; color: #333; background: rgba(255,255,255,0.9); text-align: center;   left: 50%; transform: translateX(-50%); margin: 0 auto;}
.case-list ul li:first-child em{width: 41.3%;}
.case-list ul li:nth-child(2) em{width: 50.7%;}
.case-list ul li:nth-child(3) em,.case-list ul li:nth-child(4) em{width: 85.5%;}
.case-list ul li:last-child em{width: 50.7%;}
.case-list ul li:hover em{background: rgba(24,43,102,0.9); color: #fff;}


/* 产品优势 */
.ys{background: #f2f2f2; padding: 61px 0 69px;}
.ys .index-title{margin-bottom: 24px;}
.ys .title-bg{background: transparent;}
.ys-bg{background: url(../images/ys-bg.png) no-repeat center top; padding-top: 85px; height: 660px;}
.ys-bg li{width: 50%; margin-bottom: 87px;}
.ys-bg li:nth-child(2n){flex-direction:row-reverse; text-align: right;}
.ys-bg li .icon{background: url(../images/ys-li.png) no-repeat center;  width: 103px; height: 119px; transition:0.6s}
.ys-bg li .icon img{display: block; transition: 0.6s;}
.ys-bg li .text{margin-left: 52px;}
.ys-bg li .text em{display: block; font-size: 28px; color: #203268; margin-bottom: 10px;}
.ys-bg li .text span{display: block; font-size: 18px; line-height: 28px; color: #666;}
.ys-bg li:nth-child(2n) .text{margin-left: 0; margin-right: 52px;}
.ys-bg li:hover .icon{background: url(../images/ys-li-on.png) no-repeat center;}
.ys-bg li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.ys-bg li:hover .text span{color: #203268;}
.ys-bg li:hover .icon img{ transform: rotateY(180deg);  -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}


/* 新闻资讯 */
.news{padding: 61px 0 73px;}
.news .index-title{margin-bottom: 45px;}
.news-box{}
.news-box dl dt{margin-bottom: 24px;}
.news-box dl dt strong{display: inline-block; font-size: 24px; line-height: 24px; color: #333; margin-right: 15px;}
.news-box dl dt span{display: inline-block; font-size: 20px; line-height: 20px; color: #666; font-family: "Arial"; border-left: 1px solid #666; padding-left: 30px;}
.news-box dl{width: 31%;}
.news-box dl.tips{width: 33%;}
.news-list{overflow: hidden; position: relative;}
.news-list ul li .pic{overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{width: 79%;  position: absolute; content: ''; bottom: 22px; left: 0; right: 0; margin: auto; color: #fff;}
.news-list ul li .info span{display: block; font-size: 16px; font-family: "Arial"; margin-bottom: 6px;}
.news-list ul li .info span>img{display: inline-block; vertical-align: middle;}
.news-list ul li .info h3{display: block; font-size: 24px; margin-bottom: 13px;}
.news-list ul li .info p{display: block; font-size: 16px; color: #fff; margin-bottom: 16px;}
.news-list ul li .info i{display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.3); margin-bottom: 24px;}
.news-list ul li em{text-align: right; display: block; font-size: 16px;}
.news-list ul li em>img{display: inline-block; vertical-align: middle; margin-left: 21px;}
#news-num{bottom: 22px; text-align: left; left: 10.5%;}
#news-num .swiper-pagination-bullet {margin: 0 17px 0 0;   opacity: 1; height: 25px; width: 25px; background: url(../images/news-icon2.png) no-repeat center bottom;  }
#news-num .swiper-pagination-bullet-active{background: url(../images/news-icon.png) no-repeat center bottom;  }
.tips-list{background: #f2f2f2; height: 503px; box-sizing: border-box; padding-left: 9%; padding-top: 29px;}
.tips-list ul li{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 11px; margin-bottom: 16px; }
.tips-list ul li strong{display: block; font-size: 18px; color: #333;}
.tips-list ul li p{display: block; font-size: 16px; color: #666;}
.tips-list ul li:hover strong{color: #203268;}


/* 公共底部 */
.footer{background: #1b1b1b;}
.footer-top{padding: 38px 0 45px; border-bottom: 1px solid rgba(255,255,255,0.07);}
.foot-tel img,.foot-add img{margin-right: 23px;}
.foot-tel .text em,.foot-add .text em{display: block; font-size: 15px; color: #bbbbbb;}
.foot-tel .text em{margin-bottom: 3px;}
.foot-tel .text b{display: block; font-size: 24px; color: #fff; font-family: "din"; line-height: 17px;}
.foot-add .text p{display: block; font-size: 15px; color: #fff;}
.footer-middle{padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}

.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; height: 46px; position: relative; color: #fff; margin-bottom: 18px; }
.foot-nav dl dt:after{position: absolute; content: ''; width: 30px; height: 2px; background: #fff; bottom: 0; left: 0;}
.foot-nav dl dd a{display: inline-block; font-size: 15px; line-height: 37px; color: #797979;}
.foot-nav dl dd b{display: inline-block; font-size: 32px; color: #fff; font-family: Arial; }
.foot-wechat{width: 20%;}
.foot-wechat ul li{text-align: center;}
.foot-wechat ul li img{display: block;}
.foot-wechat ul li em{display: block; color: #a8a8a8; font-size: 14px; margin-top: 12px;}
.foot-wechat p{display: block; font-size: 15px; color: #1a1a1a;}
.foot-wechat a{ color: #1a1a1a;}
.footer-copy {padding: 16px 0;}
.footer-copy p{color: #7c7c7c; font-size: 15px;}
.footer-copy a{color: #7c7c7c;}
.foot-nav dl dd a:hover,.footer-copy a:hover{color: #fff;}



/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #1c2e6b;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #1c2e6b;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #1c2e6b;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}




/* 内页样式 */
.ny-banner img{display: block; width: 100%;}
.ny-pannel{background: #f7f7f7;}
.position{padding: 21px 0 50px;}
.position span{display: block; font-size: 14px; color: #808080;}
.position span>img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.position a{color: #808080;}
.position a:hover{color: #1c2e6b;}

.ny-class{box-shadow: 0 4px 6px #e9e9e9; margin-bottom: 80px;}
.about-class .ctitle1{display: flex;}
.about-class .ctitle1 li{position: relative; height: 100px; padding:  0 5%;}
.about-class .ctitle1 li:before,
.about-class .ctitle1 li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #02893a;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transition:0.6s
}

.about-class .ctitle1 li.on:before,
.about-class .ctitle1 li:hover:before {
 
    width: 100%;
    left: 0;
    
}


.about-class .ctitle1 li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 26px;
  background: #cfcfcf;
  right: 0;
  top: 50%;
  margin-top: -13px;
}

.about-class .ctitle1 li a {
  display: block;
  height: 100px;
  line-height: 100px;
  font-size: 22px;
  color: #1a1a1a;
  text-align: center;
}
.about-class .ctitle1 li.on a, .about-class .ctitle1 li:hover a {
  font-weight: bold;
  color: #02893a;
}

.about-class .ctitle1 li.on a:before, .about-class .ctitle1 li:hover a:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 3px solid #02893a;
  border-radius: 100%;
  left: 50%;
  margin-left: -9px;
  bottom: -8px;
  z-index: 2;
  transition: 0.6s;
}

.about-class .ctitle1 li.on a:after, .about-class .ctitle1 li:hover a:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #02893a;
  border-radius: 100%;
  left: 50%;
  margin-left: -3px;
  bottom: -2px;
  z-index: 3;
  transition: 0.6s;
}



.ny-main{margin-bottom: 100px;}
.ny-title{text-align: center; margin-bottom: 40px;}
.ny-title h2{position: relative;display: block; font-size: 30px; line-height: 30px; color: #333; text-align: center; height: 55px;}
.ny-title h2:after{position: absolute; content: ''; width: 36px; height: 2px; background: #1c2e6b; bottom: 0; left: 50%; transform: translateX(-50%);}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #1c2e6b;}


/* 内页荣誉资质列表页 */
.honor-list ul{display: flex; flex-wrap: wrap; justify-content: space-between; height:auto!important }
.honor-list ul:after{content: ''; width: 22.5%;}
.honor-list ul a{width: 22.5%!important; margin-bottom: 20px; height:auto!important }
.honor-list ul a .pic{overflow: hidden; background: #f6f6f6 }
.honor-list ul a .pic img{display: block; width: 100%; transform: scale3d(0.9,0.9,1); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.honor-list ul a:hover .pic img{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.honor-list ul a em{display: block; font-size: 18px; color: #333; text-align: center; line-height: 4.375rem;}


/* 内页产品列表页 */
.ny-main .contact-left {  padding: 0; margin: 23.5px 0 42px; background: #f5f5f5;}
.ny-main .contact-left .info{padding:  0 4% 25px;}
.ny-main .product-list ul li{border: 1px solid #ddd; box-sizing: border-box;}
.ny-main .ny-left{position: sticky; top: 103px;}



/* 内页产品详情页 */
.proxq-pic{width: 42%;}
.proxq-info{width: 53%;}
.propic-big { box-shadow: 0px 0px 73px 0px rgba(227, 226, 225, 0.42); margin-bottom: 1.25rem;}
.propic-big ul li{}
.propic-big ul li .pic img{display: block; width: 100%;}
.propic-small ul li{background: #fff; position: relative;}
.propic-small ul li:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(52, 85, 157, 0.85); top: 0; opacity: 0;}
.propic-small ul li .pic{box-sizing: border-box; border: 0.0625rem solid #eeeeee;}
.propic-small ul li .pic img{display: block; width: 100%; )}
.propic-small ul li.swiper-slide-thumb-active .pic {border-color: #1C2E6B}
.proxq-info strong{display: block;font-size: 25px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 14px;margin-bottom: 15px;}
.proxq-info .text{margin-bottom: 20px;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #1C2E6B;}
.proxq-info .text p{color: #333333; margin-bottom: 1.3125rem;}
.proxq-btn{ padding-bottom: 3.125rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 2rem;}
.proxq-btn a{z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 138px;font-size: 16px;line-height: 54px;background: #1954a7;border-radius: 0.3125rem;text-align: center;color: #fff;}
.proxq-btn a.order{background: #1C2E6B; margin-right: 0.9375rem;}
.proxq-btn a>img{display: inline-block; vertical-align: middle; margin-left: 6%;}
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s; }
.proxq-btn a.order:before{background: #1C2E6B;}
.proxq-btn a:before{background: #1c2e6b;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block;font-size: 15px;color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #1C2E6B;border-color: #1C2E6B;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #1C2E6B;}
.peculiarity{margin: 50px 0 80px;}
.peculiarity-title strong{display: block;font-size: 23px;color: #333;text-indent: 0.4375rem;border-bottom: 0.0625rem solid #ddd;padding-bottom: 1.125rem;margin-bottom: 1.875rem;}
.recom-box{position: relative;}
.recom-list{max-width: 100%; margin: 0 auto; overflow: hidden; padding: 0.625rem; box-sizing: border-box;}
#recom-num{display: none;}
.recom-list ul li{}
.recom-list ul li .pic{overflow: hidden; border: 1px solid #f5f5f5}
.recom-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recom-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recom-list ul li em{transition:0.6s; display: block;font-size: 17px;color: #333;font-family: "PFBold";text-align: center; background: #f5f5f5; line-height: 50px}
.recom-list ul li:hover em{color: #fff; background: #1c2e6b}




/*内页新闻列表页*/
.nynews-list ul li{transition:0.6s; border: 1px solid #dddddd; padding: 18px; padding-right: 0; box-sizing:border-box; margin-bottom: 42px; }
.nynews-list ul li a{display: flex; align-items:center;}
.nynews-list ul li .pic{width: 23.8%; margin-right: 4.3%; overflow: hidden;}
.nynews-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{width: 43%; border-right: 1px solid #edeaf1; padding-right: 15.5%}
.nynews-list ul li .info strong{ font-size: 20px; color: #333; margin-bottom: 12px;}
.nynews-list ul li .info p{font-size: 16px; line-height: 27px; color: #666; margin-bottom: 30px;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #575757; font-family: arial; position: relative;}
.nynews-list ul li .info em:after{position: absolute; content: ''; width: 73px; height: 1px; background: #1c2e6b; left: -90px; top: 12px;}
.nynews-list ul li .arrow{width: 13.4%; display: flex; }
.nynews-list ul li .arrow span{display: block; background: url(../images/nynews-arrow.png) no-repeat; width: 35px; height: 35px;margin: auto; background-position: right center;  }
.nynews-list ul li:hover .arrow span {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.nynews-list ul li:hover .info strong{color: #1c2e6b}




/* 新闻详情 */
.mbx {margin-bottom: 50px;color: #888888; font-size: 15px;}
.mbx a:hover {color: #1c2e6b;}
.newsDate {background: #e4ebf4; padding: 50px 0 100px 0;}
.newsDate h3 {font-size: 28px;color: #333333;}
.newsDate .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.newsDate .tleBox .tleLe {margin-right: 50px; width: 75%;}
.newsDate .tleBox dl {margin-top: 50px;display: grid; grid-template-columns: repeat(2,auto);gap: .8rem; justify-content: flex-start;}
.newsDate .tleBox dl dd {display: flex; align-items: center;}
.newsDate .tleBox dl dd span {margin-left: 8px;color: #888888;font-size:16px;}
.newsDate .tleBox .more {position: relative; margin-top: 10px; width: 200px; height: 71px; background: #1c2e6b;  border-radius: 36px; transition: .5s;}
.newsDate .tleBox .more span {display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 30%; color: #fff; font-size: 17px; transition: .5s;}
.newsDate .tleBox .more img{display: inline-block; position: absolute; right: 15%; top: 50%; transform: translateY(-50%);}
.newsDate .tleBox .more:hover{background: #01A860;}
.newDateCon {margin: 50px 0 100px 0;}
.newDateCon img {max-width: 100%;}
.newDateCon .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newDateCon .box .le {width: 65%;}
.newDateCon .box .re {width: 23%; position: sticky; top: 128px;}
.newDateCon .box .le .shareLinks {text-align: center; margin-top: 1rem; color: #666; font-size:14px; margin-bottom: 50px;}
.newDateCon .box .le .shareLinks span {margin-bottom: .1rem; display: block;}
.dateCon{padding-bottom: 40px;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: 50px;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 30px;height: 30px;border: 1px solid #a9a9a9;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size:14px; margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #1c2e6b;}
.newDateCon .box .re h4 {font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; color: #333;}
.newDateCon .box .re li {padding: 20px 0; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re h6 {font-size: 18px;color: #666666; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newDateCon .box .re em {font-size:14px;color: #a4a7ab;margin-top: 15px;display: block;}
.newDateCon .box .re li:hover h6 {color:#1c2e6b ;}


/* 内页案例列表页 */
.nycase-list{overflow: hidden;}
.nycase-list ul{width: 102%;}
.nycase-list ul li{float: left; width: 23%; margin-bottom: 30px; margin-right: 2%;}
.nycase-list ul li .pic{overflow: hidden;}
.nycase-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nycase-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nycase-list ul li em{display: block; background: #fcfcfc; font-size: 18px; line-height: 55px; color: #333; text-align: center; transition:0.6s}
.nycase-list ul li:hover em{background: #182B66; color: #fff;}



/* 内页案例详情页 */
.nyXq {background: #f5f5f5; padding: 0 0 7rem;}
.nyXq .box {position: relative;}
.nyXq .box::after { position: absolute; content: ""; width: 100% ; top: 0; height: 18.88rem; background: #182B66; z-index: 0;}
.nyXq .tle { padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;   position: relative; z-index: 1;}
.nyXq .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700;}
.nyXq .tle ul {display: flex;}
.nyXq .tle ul li , .nyXq  .tle ul li a {font-size: 1rem;color: #ffffff;}
.nyXq .con {background: #fff; position: relative; z-index: 1; padding: 5rem 4% 5rem; box-sizing: border-box;}
.nyXq .con h4 {font-size: 2.13rem;color: #333333;font-weight: 700; margin-bottom: 4rem;text-align: center;}
.fanhui a{transition:0.6s; display: block;width:190px;height:50px;border-radius:50px;text-align: center;line-height: 50px; background: #333;color:#fff;margin:45px auto 0;}
.fanhui a:hover{background: #182B66; }


/* ==========资料下载==========*/
.material {padding: 20px 0 100px 0;}
.material ul {display: flex;justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.material li {display: flex;justify-content: space-between; align-items: center;width: 49%; padding: 20px;border: 1px solid #e6e6e6;  box-sizing: border-box;}
.material li .material-download {background: url(../images/download-icon1.png) no-repeat center; width: 46px; height: 34px;}
.material li .material-img {width: 114px;height: 157px; border: 1px solid #f2f2f2;}
.material li .material-img img {width: 100%;}
.material li h3 {font-size: 20px;color: #333;font-weight: bold;}
.material li span {font-size: 14px;color: #666;    white-space: nowrap;}
.material li span:nth-child(1) {margin-right: 50px;}
.material li .title-info {margin-top: 15px;}
.material li .material-title {width: 60%;}
.material li a:hover .material-download {background: url(../images/download-icon2.png) no-repeat center;  width: 46px; height: 34px}



/* 人才招聘 */
.join-list ul li {margin-bottom: 22px; background: #f5f5f5; padding: 40px 70px 35px 50px; box-sizing: border-box; }
.join-list ul li h5 {font-size: 28px;color: #333333;}
.join-list ul li .liBox {margin-top: 40px; display: flex; justify-content: space-between; align-items: center; }
.join-list ul li dl {display: grid;grid-template-columns: repeat(4,auto);justify-content: flex-start;gap: 3rem;margin-right: 10%;}
.join-list ul li dl em {display: block;color: #888888;}
.join-list ul li dl span {color: #333333;font-size: 18px;display: block; margin-top: 5px;}
.join-list ul li .more {position: relative;}
.join-list ul li .more a { transition:0.6s; width: 142px;height:58px; background: #182b66; border-radius: 29px; display: flex;align-items: center; justify-content: center; color: #fff;}
.join-list ul li .more a:hover{background: #01a860;}
.acquisition {padding: 30px;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: 24px; color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: 50px; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: 16px; color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}



/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #182b66;}
.fy .layui-laypage-curr {color: #fff; background: #182b66; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}



/* 搜索页面 */
.search-page .box {margin-top: 50px;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #182b66; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%; }
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}





.proxq-keywords ul li{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc}
.proxq-keywords ul li em{display: inline-block; font-size: 15px; color: #333; font-weight: bold}
.proxq-keywords dl dd{display: inline-block; font-size: 14px; color: #666}

.proxq-tel img{display: inline-block; width: 45px; margin: 0 15px 0 20px}
.proxq-tel h2{display: inline-block; font-size: 26px; color: #333}




.feedback{width:auto;margin:0 auto;width:650px;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 16px; float: left;width:90px;}
.feedback dd .fdinput{float:left;width:450px;line-height: 35px;height:35px; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px}
.feedback dd .fdtext{width:450px;height:80px;float:left; background: #fff;border:1px solid #ddd;border-radius: 3px;padding-left:15px;padding-top:10px;}
.feedback dd .fdsub,.feedback dd .fdres{border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px;border:1px solid #f50;background:#f60;width:120px;/* height:35px; */line-height:35px;}
.feedback dd .fdres{border:1px solid #282828;background:#444;width:120px;/* height:35px; */line-height:35px;}
.feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:100px; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}

.contact-left {
    padding: 20px 4%;
    margin-bottom: 20px;
}
.equipment{padding: 20px 4% 0}
.equipment strong{font-size: 26px;line-height: 26px;border-left: 3px solid #182B66;display: block;padding-left: 10px;color: #333;margin-bottom: 20px;}
.equipment-list ul li{display: block}

.equipment-list ul li .pic img{display: block; width: 100%; height: 213px}
.equipment-list ul li  em{display: block; font-size: 18px; color: #333; text-align: center; line-height: 45px}


@media screen and (min-width:200px)  and  (max-width:1400px)  {
    .container{max-width: 92%; width: 1300px;}
    body{min-width: 1300px; overflow-x: hidden; }




}
/* 右侧固定*/
.slideflex {position: fixed; right: 2%; bottom: 0; z-index: 99; padding-top: 175px;}
.relate li { margin-bottom: 22px; position: relative;}
.relate li > a {flex-direction: column; transition: .5s; display: flex;  align-items: center;  justify-content: center; width: 68px;height: 68px;background: #02a351; border-radius: 50%;box-shadow: 0px 0px 49px 0px rgba(8,8,8,0.05);  text-align: center;  position: relative; z-index: 3;}
.relate li > a img {display: block; max-width: 63%; margin-bottom: 3px;}
.relate li > a em{display: block; font-size: 15px; color: #fff; line-height: 15px;}
.relate li.backTop a img { position: relative;}
.relate li:hover > a {background: #02a351;}
.telbox{ padding-right: 22px; position: absolute; right: 150%; top:8px; opacity: 0; visibility: hidden; }
.telbox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #02a351; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.telbox span:before { content: ""; width: 5px; height: 16px; background: #02a351; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.telbox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -9px; top:50%; margin-top: -8px;}
.wechat{ padding-right: 22px; position: absolute; right: 150%; top: -4px; opacity: 0; visibility: hidden;  }
.wechat .info{ display: block; padding: 20px; background: #fff;  position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.wechat .info span{display: block; font-size: 16px;color: #333; text-align: center; margin-top: 10px}

.eqbox {padding-right: 22px; position: absolute; right: 150%; top: 82%; margin-top: -80px; opacity: 0; visibility: hidden;}
.eqbox:before {content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: 15px; top:50%; margin-top: -8px;}
.eqbox img {display: block; width: 120px; padding: 10px;  background: #fff; border-radius: 12px;  box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.22);}
.relate li:hover .telbox,.relate li.active .telbox,.relate li:hover .eqbox,.relate li:hover .wechat { opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}